CINXE.COM

<!DOCTYPE html> <html lang="en-US" class="old-rev"> <head> <meta charset="utf-8" /> <meta name="color-scheme" content="light dark"> <link href="/mozilla-central/static/icons/search.png" rel="shortcut icon"> <title>WaterfallBackground.js - mozsearch</title> <link href="/mozilla-central/static/css/mozsearch.css" rel="stylesheet" media="screen"/> <link href="/mozilla-central/static/css/icons.css" rel="stylesheet" media="screen"/> <link href="/mozilla-central/static/css/font-icons.css" rel="stylesheet" media="screen"/> </head> <body> <div id="fixed-header"> <form method="get" action="/mozilla-central/search" class="search-box" id="search-box"> <fieldset> <div id="query-section"> <label for="query" class="query_label visually-hidden">Find</label> <input type="text" name="q" value="" maxlength="2048" id="query" accesskey="s" title="Search" placeholder="Search mozilla-central" autocomplete="off" /> <div class="zero-size-container"> <div class="bubble" id="query-bubble"> </div> </div> <section id="spinner"></section> </div> <div id="option-section" class="v-flex-container"> <label for="case"> <input type="checkbox" name="case" id="case" class="option-checkbox" value="true" accesskey="c"/><span class="access-key">C</span>ase-sensitive </label> <label for="regexp"> <input type="checkbox" name="regexp" id="regexp" class="option-checkbox" value="true" accesskey="r"/><span class="access-key">R</span>egexp search </label> </div> <div id="path-section"> <label for="path" class="query_label visually-hidden">Path</label> <input type="text" name="path" value="" maxlength="2048" id="path" accesskey="p" title="Path" placeholder="Path filter (supports globbing and ^, $)" autocomplete="off" /> <div class="zero-size-container"> <div class="bubble" id="path-bubble"> </div> </div> </div> </fieldset>  <input type="submit" value="Search" disabled class="visually-hidden" /> <div id="revision"> <span id="rev-id">Showing <a href="/mozilla-central/commit/234f91a9d3ebef0d514868701cfb022d5f199cb5">234f91a9</a>:</span> <span id="rev-desc">Backed out 2 changesets (bug <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1932051">1932051</a>) for causing bc failures @browser_passwords_update_login.js. CLOSED TREE</span> </div> </form> </div> <div id="scrolling"> <div id="content" class="content source-listing not-diff" data-no-results="No results for current query."> <div class="breadcrumbs"><a href="/mozilla-central/source/">mozilla-central</a><button id="tree-switcher" title="Open tree switcher menu" aria-expanded="false" aria-haspopup="true" aria-controls="tree-switcher-menu"></button><div id="tree-switcher-menu" title="Tree switcher" role="menu" class="context-menu" style="display: none"></div><span class="path-separator">/</span><a href="/mozilla-central/source/devtools">devtools</a><span class="path-separator">/</span><a href="/mozilla-central/source/devtools/client">client</a><span class="path-separator">/</span><a href="/mozilla-central/source/devtools/client/netmonitor">netmonitor</a><span class="path-separator">/</span><a href="/mozilla-central/source/devtools/client/netmonitor/src">src</a><span class="path-separator">/</span><a href="/mozilla-central/source/devtools/client/netmonitor/src/widgets">widgets</a><span class="path-separator">/</span><a href="/mozilla-central/source/devtools/client/netmonitor/src/widgets/WaterfallBackground.js">WaterfallBackground.js</a> <span data-symbols="FILE_devtools/client/netmonitor/src/widgets/WaterfallBackground@2Ejs">(file symbol)</span></div> <div class="panel" id="panel"> <button id="panel-toggle"> <span class="navpanel-icon icon-down-dir expanded" aria-hidden="false"></span> Navigation <a id="show-settings" title="Go to settings page" href="/mozilla-central/pages/settings.html"><span class="navpanel-icon icon-cog expanded" aria-hidden="false"></span></a> </button> <section id="panel-content" aria-expanded="true" aria-hidden="false"> <label class="panel-accel"><input type="checkbox" id="panel-accel-enable" checked="checked">Enable keyboard shortcuts</label> <h4>Source code</h4> <ul> <li> <a href="https://bugzilla.mozilla.org/enter_bug.cgi?product=DevTools&component=Netmonitor" title="File a bug in DevTools :: Netmonitor" class="icon item">File a bug in DevTools :: Netmonitor<button class="copy" title="Copy to clipboard"><span class="icon-docs copy-icon"></span><span class="icon-ok tick-icon"></span></button></a> </li> </ul> <h4>Revision control</h4> <ul> <li> <a href="/mozilla-central/rev/234f91a9d3ebef0d514868701cfb022d5f199cb5/devtools/client/netmonitor/src/widgets/WaterfallBackground.js" title="Permalink" class="icon item" data-update-link="#{}" data-link="/mozilla-central/rev/234f91a9d3ebef0d514868701cfb022d5f199cb5/devtools/client/netmonitor/src/widgets/WaterfallBackground.js">Permalink <span class="accel">Y</span><button class="copy" title="Copy to clipboard"><span class="icon-docs copy-icon"></span><span class="icon-ok tick-icon"></span></button></a> </li> <li> <a href="/mozilla-central/source/devtools/client/netmonitor/src/widgets/WaterfallBackground.js" title="Remove the Permalink" class="icon item" data-update-link="#{}" data-link="/mozilla-central/source/devtools/client/netmonitor/src/widgets/WaterfallBackground.js">Remove the Permalink</a> </li> <li> <a href="https://hg.mozilla.org/mozilla-central/log/tip/devtools/client/netmonitor/src/widgets/WaterfallBackground.js" title="Log" class="icon item">Log <span class="accel">L</span><button class="copy" title="Copy to clipboard"><span class="icon-docs copy-icon"></span><span class="icon-ok tick-icon"></span></button></a> </li> <li> <a href="https://hg.mozilla.org/mozilla-central/raw-file/tip/devtools/client/netmonitor/src/widgets/WaterfallBackground.js" title="Raw" class="icon item">Raw <span class="accel">R</span><button class="copy" title="Copy to clipboard"><span class="icon-docs copy-icon"></span><span class="icon-ok tick-icon"></span></button></a> </li> <li> <a href="javascript:alert('Hover over the gray bar on the left to see blame information.')" title="Blame" class="icon item">Blame</a> </li> </ul> <h4>Copy as Markdown</h4> <ul> <li> <button title="Filename Link" class="icon item">Filename Link <span class="accel">F</span><span class="icon copy indicator"><span class="icon-docs copy-icon"></span><span class="icon-ok tick-icon"></span></span></button> </li> <li> <button title="Symbol Link" class="icon item">Symbol Link <span class="accel">S</span><span class="icon copy indicator"><span class="icon-docs copy-icon"></span><span class="icon-ok tick-icon"></span></span></button> </li> <li> <button title="Code Block" class="icon item">Code Block <span class="accel">C</span><span class="icon copy indicator"><span class="icon-docs copy-icon"></span><span class="icon-ok tick-icon"></span></span></button> </li> </ul> <h4>Other Tools</h4> <ul> <li> <a href="https://hg.mozilla.org/mozilla-central/file/tip/devtools/client/netmonitor/src/widgets/WaterfallBackground.js" title="HG Web" class="icon item" data-update-link="#l{}" data-link="https://hg.mozilla.org/mozilla-central/file/tip/devtools/client/netmonitor/src/widgets/WaterfallBackground.js">HG Web</a> </li> <li> <a href="https://coverage.moz.tools/#revision=latest&path=devtools/client/netmonitor/src/widgets/WaterfallBackground.js&view=file" title="Code Coverage" class="icon item" data-update-link="&line={}" data-link="https://coverage.moz.tools/#revision=latest&path=devtools/client/netmonitor/src/widgets/WaterfallBackground.js&view=file">Code Coverage</a> </li> </ul> </section> </div> <section class="info-boxes" id="info-boxes-container"> </section> <div id="file" class="file" role="table" data-markdown-slug="js"> <div role="row" id="line-1" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#1" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="1"></div> <code role="cell" class="source-line"><span class="syn_comment" >/* This Source Code Form is subject to the terms of the Mozilla Public</span> </code> </div> <div role="row" id="line-2" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#2" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="2"></div> <code role="cell" class="source-line"><span class="syn_comment" > * License, v. 2.0. If a copy of the MPL was not distributed with this</span> </code> </div> <div role="row" id="line-3" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#3" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="3"></div> <code role="cell" class="source-line"><span class="syn_comment" > * file, You can obtain one at <a href="http://mozilla.org/MPL/2.0/">http://mozilla.org/MPL/2.0/</a>. */</span> </code> </div> <div role="row" id="line-4" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#4" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="4"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-5" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#5" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="5"></div> <code role="cell" class="source-line"><span class="syn_string" >"use strict"</span>; </code> </div> <div role="row" id="line-6" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#6" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="6"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-7" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="91ed615c4810470c470a99794218275db735e90b#%#7" role="button" aria-label="new hash 2" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="7"></div> <code role="cell" class="source-line"><span class="syn_reserved" >const</span> { </code> </div> <div role="row" id="line-8" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="91ed615c4810470c470a99794218275db735e90b#%#8" role="button" aria-label="same hash 2" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="8"></div> <code role="cell" class="source-line"> <span class="syn_def" data-symbols="#getCssVariableColor" data-confidences="["concrete"]">getCssVariableColor</span>, </code> </div> <div role="row" id="line-9" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="91ed615c4810470c470a99794218275db735e90b#%#9" role="button" aria-label="same hash 2" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="9"></div> <code role="cell" class="source-line">} = <span data-symbols="#require" data-confidences="["concrete"]">require</span>(<span class="syn_string" data-symbols="FILE_devtools/client/shared/theme@2Ejs" data-confidences="["concrete"]">"<span data-symbols="FILE_devtools/client/shared/theme@2Ejs">resource://devtools/client/shared/theme.js</span>"</span>); </code> </div> <div role="row" id="line-10" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="10185770942f2f4716dadce837d4f4a9f907d4ae#%#9" role="button" aria-label="new hash 3" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="10"></div> <code role="cell" class="source-line"><span class="syn_reserved" >const</span> { </code> </div> <div role="row" id="line-11" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="10185770942f2f4716dadce837d4f4a9f907d4ae#%#10" role="button" aria-label="same hash 3" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="11"></div> <code role="cell" class="source-line"> <span class="syn_def" data-symbols="#REQUESTS_WATERFALL" data-confidences="["concrete"]">REQUESTS_WATERFALL</span>, </code> </div> <div role="row" id="line-12" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="13bf78b543faf367f812d93105e818fd18a2e582#%#11" role="button" aria-label="new hash 4" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="12"></div> <code role="cell" class="source-line">} = <span data-symbols="#require" data-confidences="["concrete"]">require</span>(<span class="syn_string" data-symbols="FILE_devtools/client/netmonitor/src/constants@2Ejs" data-confidences="["concrete"]">"<span data-symbols="FILE_devtools/client/netmonitor/src/constants@2Ejs">resource://devtools/client/netmonitor/src/constants.js</span>"</span>); </code> </div> <div role="row" id="line-13" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#20" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="13"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-14" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="ee77eda75ce0722dc212e96f2311e125496341c2#devtools/client/netmonitor/src/waterfall-background.js#9" role="button" aria-label="new hash 5" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="14"></div> <code role="cell" class="source-line"><span class="syn_reserved" >const</span> <span class="syn_def" data-symbols="#HTML_NS" data-confidences="["concrete"]">HTML_NS</span> = <span class="syn_string" >"<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"</span>; </code> </div> <div role="row" id="line-15" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#21" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="15"></div> <code role="cell" class="source-line"><span class="syn_reserved" >const</span> <span class="syn_def" data-symbols="#STATE_KEYS" data-confidences="["concrete"]">STATE_KEYS</span> = [ </code> </div> <div role="row" id="line-16" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="2ae57e4ad5517396aa7023766e7f31b61812741f#%#13" role="button" aria-label="new hash 6" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="16"></div> <code role="cell" class="source-line"> <span class="syn_string" >"firstRequestStartedMs"</span>, </code> </div> <div role="row" id="line-17" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="ee77eda75ce0722dc212e96f2311e125496341c2#devtools/client/netmonitor/src/waterfall-background.js#12" role="button" aria-label="new hash 5" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="17"></div> <code role="cell" class="source-line"> <span class="syn_string" >"scale"</span>, </code> </div> <div role="row" id="line-18" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#25" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="18"></div> <code role="cell" class="source-line"> <span class="syn_string" >"timingMarkers"</span>, </code> </div> <div role="row" id="line-19" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="ee77eda75ce0722dc212e96f2311e125496341c2#devtools/client/netmonitor/src/waterfall-background.js#14" role="button" aria-label="new hash 5" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="19"></div> <code role="cell" class="source-line"> <span class="syn_string" >"waterfallWidth"</span>, </code> </div> <div role="row" id="line-20" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#26" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="20"></div> <code role="cell" class="source-line">]; </code> </div> <div role="row" id="line-21" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#27" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="21"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-22" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#28" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="22"></div> <code role="cell" class="source-line"><span class="syn_comment" >/**</span> </code> </div> <div role="row" id="line-23" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#29" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="23"></div> <code role="cell" class="source-line"><span class="syn_comment" > * Creates the background displayed on each waterfall view in this container.</span> </code> </div> <div role="row" id="line-24" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#30" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="24"></div> <code role="cell" class="source-line"><span class="syn_comment" > */</span> </code> </div> <div class="nesting-container nesting-depth-0" data-nesting-sym="#WaterfallBackground"><div role="row" id="line-25" class="source-line-with-number nesting-sticky-line"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#22" role="button" aria-label="new hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="25"></div> <code role="cell" class="source-line"><span class="syn_reserved" >class</span> <span class="syn_def" data-symbols="#WaterfallBackground" data-confidences="["concrete"]">WaterfallBackground</span> { </code> </div> <div class="nesting-container nesting-depth-1" data-nesting-sym="#constructor"><div role="row" id="line-26" class="source-line-with-number nesting-sticky-line"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#23" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="26"></div> <code role="cell" class="source-line"> <span class="syn_def syn_def" data-symbols="#constructor,WaterfallBackground#constructor" data-confidences="["concrete","concrete"]">constructor</span>() { </code> </div> <div role="row" id="line-27" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#24" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="27"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >this</span>.<span data-symbols="#canvas" data-confidences="["concrete"]">canvas</span> = <span data-symbols="#document" data-confidences="["concrete"]">document</span>.<span data-symbols="#createElementNS,document#createElementNS" data-confidences="["concrete","concrete"]">createElementNS</span>(<span data-symbols="#HTML_NS" data-confidences="["concrete"]">HTML_NS</span>, <span class="syn_string" >"canvas"</span>); </code> </div> <div role="row" id="line-28" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#25" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="28"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >this</span>.<span data-symbols="#ctx" data-confidences="["concrete"]">ctx</span> = <span class="syn_reserved" >this</span>.<span data-symbols="#canvas,ctx#canvas" data-confidences="["concrete","concrete"]">canvas</span>.<span data-symbols="#getContext" data-confidences="["concrete"]">getContext</span>(<span class="syn_string" >"2d"</span>); </code> </div> <div role="row" id="line-29" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#26" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="29"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >this</span>.<span data-symbols="#prevState" data-confidences="["concrete"]">prevState</span> = {}; </code> </div> </div><div role="row" id="line-30" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#27" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="30"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-31" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#37" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="31"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-32" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#29" role="button" aria-label="new hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="32"></div> <code role="cell" class="source-line"> <span class="syn_comment" >/**</span> </code> </div> <div role="row" id="line-33" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#30" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="33"></div> <code role="cell" class="source-line"><span class="syn_comment" > * Changes the element being used as the CSS background for a background</span> </code> </div> <div role="row" id="line-34" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#31" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="34"></div> <code role="cell" class="source-line"><span class="syn_comment" > * with a given background element ID.</span> </code> </div> <div role="row" id="line-35" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#32" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="35"></div> <code role="cell" class="source-line"><span class="syn_comment" > *</span> </code> </div> <div role="row" id="line-36" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#33" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="36"></div> <code role="cell" class="source-line"><span class="syn_comment" > * The funtion wrap the Firefox only API. Waterfall Will not draw the</span> </code> </div> <div role="row" id="line-37" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#34" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="37"></div> <code role="cell" class="source-line"><span class="syn_comment" > * vertical line when running on non-firefox browser.</span> </code> </div> <div role="row" id="line-38" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#35" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="38"></div> <code role="cell" class="source-line"><span class="syn_comment" > * Could be fixed by <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1308695">Bug 1308695</a></span> </code> </div> <div role="row" id="line-39" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#36" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="39"></div> <code role="cell" class="source-line"><span class="syn_comment" > */</span> </code> </div> <div class="nesting-container nesting-depth-1" data-nesting-sym="#setImageElement"><div role="row" id="line-40" class="source-line-with-number nesting-sticky-line"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#37" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="40"></div> <code role="cell" class="source-line"> <span class="syn_def syn_def" data-symbols="#setImageElement,WaterfallBackground#setImageElement" data-confidences="["concrete","concrete"]">setImageElement</span>(<span data-symbols="8216-0" data-confidences="["concrete"]">imageElementId</span>, <span data-symbols="8216-1" data-confidences="["concrete"]">imageElement</span>) { </code> </div> <div role="row" id="line-41" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#38" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="41"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >if</span> (<span data-symbols="#document" data-confidences="["concrete"]">document</span>.<span data-symbols="#mozSetImageElement,document#mozSetImageElement" data-confidences="["concrete","concrete"]">mozSetImageElement</span>) { </code> </div> <div role="row" id="line-42" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#39" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="42"></div> <code role="cell" class="source-line"> <span data-symbols="#document" data-confidences="["concrete"]">document</span>.<span data-symbols="#mozSetImageElement,document#mozSetImageElement" data-confidences="["concrete","concrete"]">mozSetImageElement</span>(<span data-symbols="8216-0" data-confidences="["concrete"]">imageElementId</span>, <span data-symbols="8216-1" data-confidences="["concrete"]">imageElement</span>); </code> </div> <div role="row" id="line-43" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#40" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="43"></div> <code role="cell" class="source-line"> } </code> </div> </div><div role="row" id="line-44" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="db417c9975cb95d53d9a4fb7b6f476c35bd9ef11#devtools/client/netmonitor/src/waterfall-background.js#46" role="button" aria-label="new hash 8" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="44"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-45" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="db417c9975cb95d53d9a4fb7b6f476c35bd9ef11#devtools/client/netmonitor/src/waterfall-background.js#48" role="button" aria-label="same hash 8" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="45"></div> <code role="cell" class="source-line"> </code> </div> <div class="nesting-container nesting-depth-1" data-nesting-sym="#draw"><div role="row" id="line-46" class="source-line-with-number nesting-sticky-line"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#39" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="46"></div> <code role="cell" class="source-line"> <span class="syn_def syn_def" data-symbols="#draw,WaterfallBackground#draw" data-confidences="["concrete","concrete"]">draw</span>(<span data-symbols="8216-2" data-confidences="["concrete"]">state</span>) { </code> </div> <div role="row" id="line-47" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#40" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="47"></div> <code role="cell" class="source-line"> <span class="syn_comment" >// Do a shallow compare of the previous and the new state</span> </code> </div> <div role="row" id="line-48" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#45" role="button" aria-label="new hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="48"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-3" data-confidences="["concrete"]">shouldUpdate</span> = <span data-symbols="#STATE_KEYS" data-confidences="["concrete"]">STATE_KEYS</span>.<span data-symbols="#some,STATE_KEYS#some" data-confidences="["concrete","concrete"]">some</span>( </code> </div> <div role="row" id="line-49" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#46" role="button" aria-label="same hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="49"></div> <code role="cell" class="source-line"> <span data-symbols="8216-4" data-confidences="["concrete"]">key</span> => <span class="syn_reserved" >this</span>.<span data-symbols="#prevState" data-confidences="["concrete"]">prevState</span>[<span data-symbols="8216-4" data-confidences="["concrete"]">key</span>] !== <span data-symbols="8216-2" data-confidences="["concrete"]">state</span>[<span data-symbols="8216-4" data-confidences="["concrete"]">key</span>] </code> </div> <div role="row" id="line-50" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#47" role="button" aria-label="same hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="50"></div> <code role="cell" class="source-line"> ); </code> </div> <div role="row" id="line-51" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#42" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="51"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >if</span> (!<span data-symbols="8216-3" data-confidences="["concrete"]">shouldUpdate</span>) { </code> </div> <div role="row" id="line-52" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#43" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="52"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >return</span>; </code> </div> <div role="row" id="line-53" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#44" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="53"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-54" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#45" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="54"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-55" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#46" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="55"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >this</span>.<span data-symbols="#prevState" data-confidences="["concrete"]">prevState</span> = <span data-symbols="8216-2" data-confidences="["concrete"]">state</span>; </code> </div> <div role="row" id="line-56" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#47" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="56"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-57" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="876f7acea147ad2f11e67349565857c5972231c2#devtools/client/netmonitor/waterfall-background.js#47" role="button" aria-label="new hash 10" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="57"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >if</span> (<span data-symbols="8216-2" data-confidences="["concrete"]">state</span>.<span data-symbols="#waterfallWidth,state#waterfallWidth" data-confidences="["concrete","concrete"]">waterfallWidth</span> === <span class="syn_reserved" >null</span> || <span data-symbols="8216-2" data-confidences="["concrete"]">state</span>.<span data-symbols="#scale,state#scale" data-confidences="["concrete","concrete"]">scale</span> === <span class="syn_reserved" >null</span>) { </code> </div> <div role="row" id="line-58" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#53" role="button" aria-label="new hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="58"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >this</span>.<span data-symbols="#setImageElement" data-confidences="["concrete"]">setImageElement</span>(<span class="syn_string" >"waterfall-background"</span>, <span class="syn_reserved" >null</span>); </code> </div> <div role="row" id="line-59" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#50" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="59"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >return</span>; </code> </div> <div role="row" id="line-60" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#51" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="60"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-61" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#52" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="61"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-62" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#53" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="62"></div> <code role="cell" class="source-line"> <span class="syn_comment" >// Nuke the context.</span> </code> </div> <div class="nesting-container nesting-depth-2" data-nesting-sym="#width"><div role="row" id="line-63" class="source-line-with-number nesting-sticky-line"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="1903289616743ec0626e9a456c52926ad8257bad#%#62" role="button" aria-label="new hash 11" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="63"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-5" data-confidences="["concrete"]">canvasWidth</span> = (<span class="syn_reserved" >this</span>.<span data-symbols="#canvas" data-confidences="["concrete"]">canvas</span>.<span data-symbols="#width" data-confidences="["concrete"]">width</span> = <span data-symbols="#Math" data-confidences="["concrete"]">Math</span>.<span data-symbols="#max,Math#max" data-confidences="["concrete","concrete"]">max</span>( </code> </div> <div role="row" id="line-64" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="1903289616743ec0626e9a456c52926ad8257bad#%#63" role="button" aria-label="same hash 11" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="64"></div> <code role="cell" class="source-line"> <span data-symbols="8216-2" data-confidences="["concrete"]">state</span>.<span data-symbols="#waterfallWidth,state#waterfallWidth" data-confidences="["concrete","concrete"]">waterfallWidth</span> - <span data-symbols="#REQUESTS_WATERFALL" data-confidences="["concrete"]">REQUESTS_WATERFALL</span>.<span data-symbols="#LABEL_WIDTH,REQUESTS_WATERFALL#LABEL_WIDTH" data-confidences="["concrete","concrete"]">LABEL_WIDTH</span>, </code> </div> <div role="row" id="line-65" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="1903289616743ec0626e9a456c52926ad8257bad#%#64" role="button" aria-label="same hash 11" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="65"></div> <code role="cell" class="source-line"> 1 </code> </div> </div><div role="row" id="line-66" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="1903289616743ec0626e9a456c52926ad8257bad#%#65" role="button" aria-label="same hash 11" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="66"></div> <code role="cell" class="source-line"> )); </code> </div> <div role="row" id="line-67" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#55" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="67"></div> <code role="cell" class="source-line"> <span class="syn_comment" >// Awww yeah, 1px, repeats on Y axis.</span> </code> </div> <div role="row" id="line-68" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#63" role="button" aria-label="new hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="68"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-6" data-confidences="["concrete"]">canvasHeight</span> = (<span class="syn_reserved" >this</span>.<span data-symbols="#canvas" data-confidences="["concrete"]">canvas</span>.<span data-symbols="#height" data-confidences="["concrete"]">height</span> = 1); </code> </div> <div role="row" id="line-69" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#57" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="69"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-70" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#58" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="70"></div> <code role="cell" class="source-line"> <span class="syn_comment" >// Start over.</span> </code> </div> <div role="row" id="line-71" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="640fe52298335597260c4708fb754d6d899feeda#%#64" role="button" aria-label="new hash 12" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="71"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-7" data-confidences="["concrete"]">imageData</span> = <span class="syn_reserved" >this</span>.<span data-symbols="#ctx" data-confidences="["concrete"]">ctx</span>.<span data-symbols="#createImageData" data-confidences="["concrete"]">createImageData</span>(<span data-symbols="8216-5" data-confidences="["concrete"]">canvasWidth</span>, <span data-symbols="8216-6" data-confidences="["concrete"]">canvasHeight</span>); </code> </div> <div role="row" id="line-72" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="640fe52298335597260c4708fb754d6d899feeda#%#65" role="button" aria-label="same hash 12" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="72"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-8" data-confidences="["concrete"]">pixelArray</span> = <span data-symbols="8216-7" data-confidences="["concrete"]">imageData</span>.<span data-symbols="#data,imageData#data" data-confidences="["concrete","concrete"]">data</span>; </code> </div> <div role="row" id="line-73" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#61" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="73"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-74" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="640fe52298335597260c4708fb754d6d899feeda#%#67" role="button" aria-label="new hash 12" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="74"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-9" data-confidences="["concrete"]">buf</span> = <span class="syn_reserved" >new</span> <span data-symbols="#ArrayBuffer" data-confidences="["concrete"]">ArrayBuffer</span>(<span data-symbols="8216-8" data-confidences="["concrete"]">pixelArray</span>.<span data-symbols="#length,pixelArray#length" data-confidences="["concrete","concrete"]">length</span>); </code> </div> <div role="row" id="line-75" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="640fe52298335597260c4708fb754d6d899feeda#%#68" role="button" aria-label="same hash 12" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="75"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-10" data-confidences="["concrete"]">view8bit</span> = <span class="syn_reserved" >new</span> <span data-symbols="#Uint8ClampedArray" data-confidences="["concrete"]">Uint8ClampedArray</span>(<span data-symbols="8216-9" data-confidences="["concrete"]">buf</span>); </code> </div> <div role="row" id="line-76" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="640fe52298335597260c4708fb754d6d899feeda#%#69" role="button" aria-label="same hash 12" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="76"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-11" data-confidences="["concrete"]">view32bit</span> = <span class="syn_reserved" >new</span> <span data-symbols="#Uint32Array" data-confidences="["concrete"]">Uint32Array</span>(<span data-symbols="8216-9" data-confidences="["concrete"]">buf</span>); </code> </div> <div role="row" id="line-77" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#65" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="77"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-78" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#66" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="78"></div> <code role="cell" class="source-line"> <span class="syn_comment" >// Build new millisecond tick lines...</span> </code> </div> <div role="row" id="line-79" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="ee77eda75ce0722dc212e96f2311e125496341c2#devtools/client/netmonitor/src/waterfall-background.js#70" role="button" aria-label="new hash 5" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="79"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >let</span> <span data-symbols="8216-12" data-confidences="["concrete"]">timingStep</span> = <span data-symbols="#REQUESTS_WATERFALL" data-confidences="["concrete"]">REQUESTS_WATERFALL</span>.<span data-symbols="#BACKGROUND_TICKS_MULTIPLE,REQUESTS_WATERFALL#BACKGROUND_TICKS_MULTIPLE" data-confidences="["concrete","concrete"]">BACKGROUND_TICKS_MULTIPLE</span>; </code> </div> <div role="row" id="line-80" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#68" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="80"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >let</span> <span data-symbols="8216-13" data-confidences="["concrete"]">optimalTickIntervalFound</span> = <span class="syn_reserved" >false</span>; </code> </div> <div role="row" id="line-81" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#69" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="81"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >let</span> <span data-symbols="8216-14" data-confidences="["concrete"]">scaledStep</span>; </code> </div> <div role="row" id="line-82" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#70" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="82"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-83" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#71" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="83"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >while</span> (!<span data-symbols="8216-13" data-confidences="["concrete"]">optimalTickIntervalFound</span>) { </code> </div> <div role="row" id="line-84" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#72" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="84"></div> <code role="cell" class="source-line"> <span class="syn_comment" >// Ignore any divisions that would end up being too close to each other.</span> </code> </div> <div role="row" id="line-85" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#73" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="85"></div> <code role="cell" class="source-line"> <span data-symbols="8216-14" data-confidences="["concrete"]">scaledStep</span> = <span data-symbols="8216-2" data-confidences="["concrete"]">state</span>.<span data-symbols="#scale,state#scale" data-confidences="["concrete","concrete"]">scale</span> * <span data-symbols="8216-12" data-confidences="["concrete"]">timingStep</span>; </code> </div> <div role="row" id="line-86" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="ee77eda75ce0722dc212e96f2311e125496341c2#devtools/client/netmonitor/src/waterfall-background.js#77" role="button" aria-label="new hash 5" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="86"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >if</span> (<span data-symbols="8216-14" data-confidences="["concrete"]">scaledStep</span> < <span data-symbols="#REQUESTS_WATERFALL" data-confidences="["concrete"]">REQUESTS_WATERFALL</span>.<span data-symbols="#BACKGROUND_TICKS_SPACING_MIN,REQUESTS_WATERFALL#BACKGROUND_TICKS_SPACING_MIN" data-confidences="["concrete","concrete"]">BACKGROUND_TICKS_SPACING_MIN</span>) { </code> </div> <div role="row" id="line-87" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#75" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="87"></div> <code role="cell" class="source-line"> <span data-symbols="8216-12" data-confidences="["concrete"]">timingStep</span> <<= 1; </code> </div> <div role="row" id="line-88" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#76" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="88"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >continue</span>; </code> </div> <div role="row" id="line-89" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#77" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="89"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-90" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#78" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="90"></div> <code role="cell" class="source-line"> <span data-symbols="8216-13" data-confidences="["concrete"]">optimalTickIntervalFound</span> = <span class="syn_reserved" >true</span>; </code> </div> <div role="row" id="line-91" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#79" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="91"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-92" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#80" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="92"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-93" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="30e8f95fb90c67578dfb20690884d17d5281ecec#%#86" role="button" aria-label="new hash 13" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="93"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-15" data-confidences="["concrete"]">isRTL</span> = <span data-symbols="#document" data-confidences="["concrete"]">document</span>.<span data-symbols="#dir,document#dir" data-confidences="["concrete","concrete"]">dir</span> === <span class="syn_string" >"rtl"</span>; </code> </div> <div role="row" id="line-94" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="ee77eda75ce0722dc212e96f2311e125496341c2#devtools/client/netmonitor/src/waterfall-background.js#85" role="button" aria-label="new hash 5" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="94"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> [<span data-symbols="8216-16" data-confidences="["concrete"]">r</span>, <span data-symbols="8216-17" data-confidences="["concrete"]">g</span>, <span data-symbols="8216-18" data-confidences="["concrete"]">b</span>] = <span data-symbols="#REQUESTS_WATERFALL" data-confidences="["concrete"]">REQUESTS_WATERFALL</span>.<span data-symbols="#BACKGROUND_TICKS_COLOR_RGB,REQUESTS_WATERFALL#BACKGROUND_TICKS_COLOR_RGB" data-confidences="["concrete","concrete"]">BACKGROUND_TICKS_COLOR_RGB</span>; </code> </div> <div role="row" id="line-95" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="ee77eda75ce0722dc212e96f2311e125496341c2#devtools/client/netmonitor/src/waterfall-background.js#86" role="button" aria-label="same hash 5" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="95"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >let</span> <span data-symbols="8216-19" data-confidences="["concrete"]">alphaComponent</span> = <span data-symbols="#REQUESTS_WATERFALL" data-confidences="["concrete"]">REQUESTS_WATERFALL</span>.<span data-symbols="#BACKGROUND_TICKS_OPACITY_MIN,REQUESTS_WATERFALL#BACKGROUND_TICKS_OPACITY_MIN" data-confidences="["concrete","concrete"]">BACKGROUND_TICKS_OPACITY_MIN</span>; </code> </div> <div role="row" id="line-96" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#84" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="96"></div> <code role="cell" class="source-line"> </code> </div> <div class="nesting-container nesting-depth-2" data-nesting-sym="8216-20"><div role="row" id="line-97" class="source-line-with-number nesting-sticky-line"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#85" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="97"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >function</span> <span data-symbols="8216-20" data-confidences="["concrete"]">drawPixelAt</span>(<span data-symbols="8216-21" data-confidences="["concrete"]">offset</span>, <span data-symbols="8216-22" data-confidences="["concrete"]">color</span>) { </code> </div> <div role="row" id="line-98" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="640fe52298335597260c4708fb754d6d899feeda#%#91" role="button" aria-label="new hash 12" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="98"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-23" data-confidences="["concrete"]">position</span> = (<span data-symbols="8216-15" data-confidences="["concrete"]">isRTL</span> ? <span data-symbols="8216-5" data-confidences="["concrete"]">canvasWidth</span> - <span data-symbols="8216-21" data-confidences="["concrete"]">offset</span> : <span data-symbols="8216-21" data-confidences="["concrete"]">offset</span> - 1) | 0; </code> </div> <div role="row" id="line-99" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="640fe52298335597260c4708fb754d6d899feeda#%#92" role="button" aria-label="same hash 12" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="99"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> [<span data-symbols="8216-24" data-confidences="["concrete"]">rc</span>, <span data-symbols="8216-25" data-confidences="["concrete"]">gc</span>, <span data-symbols="8216-26" data-confidences="["concrete"]">bc</span>, <span data-symbols="8216-27" data-confidences="["concrete"]">ac</span>] = <span data-symbols="8216-22" data-confidences="["concrete"]">color</span>; </code> </div> <div role="row" id="line-100" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#88" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="100"></div> <code role="cell" class="source-line"> <span data-symbols="8216-11" data-confidences="["concrete"]">view32bit</span>[<span data-symbols="8216-23" data-confidences="["concrete"]">position</span>] = (<span data-symbols="8216-27" data-confidences="["concrete"]">ac</span> << 24) | (<span data-symbols="8216-26" data-confidences="["concrete"]">bc</span> << 16) | (<span data-symbols="8216-25" data-confidences="["concrete"]">gc</span> << 8) | <span data-symbols="8216-24" data-confidences="["concrete"]">rc</span>; </code> </div> </div><div role="row" id="line-101" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#89" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="101"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-102" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#90" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="102"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-103" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#91" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="103"></div> <code role="cell" class="source-line"> <span class="syn_comment" >// Insert one pixel for each division on each scale.</span> </code> </div> <div role="row" id="line-104" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="ee77eda75ce0722dc212e96f2311e125496341c2#devtools/client/netmonitor/src/waterfall-background.js#95" role="button" aria-label="new hash 5" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="104"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >for</span> (<span class="syn_reserved" >let</span> <span data-symbols="8216-28" data-confidences="["concrete"]">i</span> = 1; <span data-symbols="8216-28" data-confidences="["concrete"]">i</span> <= <span data-symbols="#REQUESTS_WATERFALL" data-confidences="["concrete"]">REQUESTS_WATERFALL</span>.<span data-symbols="#BACKGROUND_TICKS_SCALES,REQUESTS_WATERFALL#BACKGROUND_TICKS_SCALES" data-confidences="["concrete","concrete"]">BACKGROUND_TICKS_SCALES</span>; <span data-symbols="8216-28" data-confidences="["concrete"]">i</span>++) { </code> </div> <div role="row" id="line-105" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="640fe52298335597260c4708fb754d6d899feeda#%#98" role="button" aria-label="new hash 12" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="105"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-29" data-confidences="["concrete"]">increment</span> = <span data-symbols="8216-14" data-confidences="["concrete"]">scaledStep</span> * <span data-symbols="#Math" data-confidences="["concrete"]">Math</span>.<span data-symbols="#pow,Math#pow" data-confidences="["concrete","concrete"]">pow</span>(2, <span data-symbols="8216-28" data-confidences="["concrete"]">i</span>); </code> </div> <div role="row" id="line-106" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#94" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="106"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >for</span> (<span class="syn_reserved" >let</span> <span data-symbols="8216-30" data-confidences="["concrete"]">x</span> = 0; <span data-symbols="8216-30" data-confidences="["concrete"]">x</span> < <span data-symbols="8216-5" data-confidences="["concrete"]">canvasWidth</span>; <span data-symbols="8216-30" data-confidences="["concrete"]">x</span> += <span data-symbols="8216-29" data-confidences="["concrete"]">increment</span>) { </code> </div> <div role="row" id="line-107" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#95" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="107"></div> <code role="cell" class="source-line"> <span data-symbols="8216-20" data-confidences="["concrete"]">drawPixelAt</span>(<span data-symbols="8216-30" data-confidences="["concrete"]">x</span>, [<span data-symbols="8216-16" data-confidences="["concrete"]">r</span>, <span data-symbols="8216-17" data-confidences="["concrete"]">g</span>, <span data-symbols="8216-18" data-confidences="["concrete"]">b</span>, <span data-symbols="8216-19" data-confidences="["concrete"]">alphaComponent</span>]); </code> </div> <div role="row" id="line-108" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#96" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="108"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-109" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="ee77eda75ce0722dc212e96f2311e125496341c2#devtools/client/netmonitor/src/waterfall-background.js#100" role="button" aria-label="new hash 5" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="109"></div> <code role="cell" class="source-line"> <span data-symbols="8216-19" data-confidences="["concrete"]">alphaComponent</span> += <span data-symbols="#REQUESTS_WATERFALL" data-confidences="["concrete"]">REQUESTS_WATERFALL</span>.<span data-symbols="#BACKGROUND_TICKS_OPACITY_ADD,REQUESTS_WATERFALL#BACKGROUND_TICKS_OPACITY_ADD" data-confidences="["concrete","concrete"]">BACKGROUND_TICKS_OPACITY_ADD</span>; </code> </div> <div role="row" id="line-110" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#98" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="110"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-111" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#99" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="111"></div> <code role="cell" class="source-line"> </code> </div> <div class="nesting-container nesting-depth-2" data-nesting-sym="8216-31"><div role="row" id="line-112" class="source-line-with-number nesting-sticky-line"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#100" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="112"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >function</span> <span data-symbols="8216-31" data-confidences="["concrete"]">drawTimestamp</span>(<span data-symbols="8216-32" data-confidences="["concrete"]">timestamp</span>, <span data-symbols="8216-33" data-confidences="["concrete"]">color</span>) { </code> </div> <div role="row" id="line-113" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="876f7acea147ad2f11e67349565857c5972231c2#devtools/client/netmonitor/waterfall-background.js#100" role="button" aria-label="new hash 10" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="113"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >if</span> (<span data-symbols="8216-32" data-confidences="["concrete"]">timestamp</span> === -1) { </code> </div> <div role="row" id="line-114" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#102" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="114"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >return</span>; </code> </div> <div role="row" id="line-115" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#103" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="115"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-116" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#104" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="116"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-117" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#112" role="button" aria-label="new hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="117"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-34" data-confidences="["concrete"]">delta</span> = <span data-symbols="#Math" data-confidences="["concrete"]">Math</span>.<span data-symbols="#floor,Math#floor" data-confidences="["concrete","concrete"]">floor</span>( </code> </div> <div role="row" id="line-118" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="2ae57e4ad5517396aa7023766e7f31b61812741f#%#113" role="button" aria-label="new hash 6" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="118"></div> <code role="cell" class="source-line"> (<span data-symbols="8216-32" data-confidences="["concrete"]">timestamp</span> - <span data-symbols="8216-2" data-confidences="["concrete"]">state</span>.<span data-symbols="#firstRequestStartedMs,state#firstRequestStartedMs" data-confidences="["concrete","concrete"]">firstRequestStartedMs</span>) * <span data-symbols="8216-2" data-confidences="["concrete"]">state</span>.<span data-symbols="#scale,state#scale" data-confidences="["concrete","concrete"]">scale</span> </code> </div> <div role="row" id="line-119" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#114" role="button" aria-label="new hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="119"></div> <code role="cell" class="source-line"> ); </code> </div> <div role="row" id="line-120" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#106" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="120"></div> <code role="cell" class="source-line"> <span data-symbols="8216-20" data-confidences="["concrete"]">drawPixelAt</span>(<span data-symbols="8216-34" data-confidences="["concrete"]">delta</span>, <span data-symbols="8216-33" data-confidences="["concrete"]">color</span>); </code> </div> </div><div role="row" id="line-121" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#107" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="121"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-122" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#108" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="122"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-123" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="130a65590610eed581600b0e262e005cdf24a85f#%#122" role="button" aria-label="new hash 14" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="123"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> { <span data-symbols="8216-35" data-confidences="["concrete"]">DOMCONTENTLOADED_TICKS_COLOR</span>, <span data-symbols="8216-36" data-confidences="["concrete"]">LOAD_TICKS_COLOR</span> } = </code> </div> <div role="row" id="line-124" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="130a65590610eed581600b0e262e005cdf24a85f#%#123" role="button" aria-label="same hash 14" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="124"></div> <code role="cell" class="source-line"> <span data-symbols="#REQUESTS_WATERFALL" data-confidences="["concrete"]">REQUESTS_WATERFALL</span>; </code> </div> <div role="row" id="line-125" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#122" role="button" aria-label="new hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="125"></div> <code role="cell" class="source-line"> <span data-symbols="8216-31" data-confidences="["concrete"]">drawTimestamp</span>( </code> </div> <div role="row" id="line-126" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#123" role="button" aria-label="same hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="126"></div> <code role="cell" class="source-line"> <span data-symbols="8216-2" data-confidences="["concrete"]">state</span>.<span data-symbols="#timingMarkers,state#timingMarkers" data-confidences="["concrete","concrete"]">timingMarkers</span>.<span data-symbols="#firstDocumentDOMContentLoadedTimestamp" data-confidences="["concrete"]">firstDocumentDOMContentLoadedTimestamp</span>, </code> </div> <div role="row" id="line-127" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="91ed615c4810470c470a99794218275db735e90b#%#128" role="button" aria-label="new hash 2" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="127"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >this</span>.<span data-symbols="#getThemeColorAsRgba" data-confidences="["concrete"]">getThemeColorAsRgba</span>(<span data-symbols="8216-35" data-confidences="["concrete"]">DOMCONTENTLOADED_TICKS_COLOR</span>) </code> </div> <div role="row" id="line-128" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#125" role="button" aria-label="new hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="128"></div> <code role="cell" class="source-line"> ); </code> </div> <div role="row" id="line-129" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#126" role="button" aria-label="same hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="129"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-130" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#127" role="button" aria-label="same hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="130"></div> <code role="cell" class="source-line"> <span data-symbols="8216-31" data-confidences="["concrete"]">drawTimestamp</span>( </code> </div> <div role="row" id="line-131" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#128" role="button" aria-label="same hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="131"></div> <code role="cell" class="source-line"> <span data-symbols="8216-2" data-confidences="["concrete"]">state</span>.<span data-symbols="#timingMarkers,state#timingMarkers" data-confidences="["concrete","concrete"]">timingMarkers</span>.<span data-symbols="#firstDocumentLoadTimestamp" data-confidences="["concrete"]">firstDocumentLoadTimestamp</span>, </code> </div> <div role="row" id="line-132" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="91ed615c4810470c470a99794218275db735e90b#%#133" role="button" aria-label="new hash 2" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="132"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >this</span>.<span data-symbols="#getThemeColorAsRgba" data-confidences="["concrete"]">getThemeColorAsRgba</span>(<span data-symbols="8216-36" data-confidences="["concrete"]">LOAD_TICKS_COLOR</span>) </code> </div> <div role="row" id="line-133" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="f6db0ee55782a171ce893389645b7ec1473bc6a6#%#130" role="button" aria-label="new hash 9" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="133"></div> <code role="cell" class="source-line"> ); </code> </div> <div role="row" id="line-134" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#114" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="134"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-135" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#115" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="135"></div> <code role="cell" class="source-line"> <span class="syn_comment" >// Flush the image data and cache the waterfall background.</span> </code> </div> <div role="row" id="line-136" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#116" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="136"></div> <code role="cell" class="source-line"> <span data-symbols="8216-8" data-confidences="["concrete"]">pixelArray</span>.<span data-symbols="#set,pixelArray#set" data-confidences="["concrete","concrete"]">set</span>(<span data-symbols="8216-10" data-confidences="["concrete"]">view8bit</span>); </code> </div> <div role="row" id="line-137" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="991d7c1b6fd96e8cab88267c277ed7ab49af7a02#%#136" role="button" aria-label="new hash 15" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="137"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >try</span> { </code> </div> <div role="row" id="line-138" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="991d7c1b6fd96e8cab88267c277ed7ab49af7a02#%#137" role="button" aria-label="same hash 15" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="138"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >this</span>.<span data-symbols="#ctx" data-confidences="["concrete"]">ctx</span>.<span data-symbols="#putImageData" data-confidences="["concrete"]">putImageData</span>(<span data-symbols="8216-7" data-confidences="["concrete"]">imageData</span>, 0, 0); </code> </div> <div role="row" id="line-139" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="991d7c1b6fd96e8cab88267c277ed7ab49af7a02#%#138" role="button" aria-label="same hash 15" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="139"></div> <code role="cell" class="source-line"> } <span class="syn_reserved" >catch</span> (<span data-symbols="8216-37" data-confidences="["concrete"]">e</span>) { </code> </div> <div role="row" id="line-140" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="991d7c1b6fd96e8cab88267c277ed7ab49af7a02#%#139" role="button" aria-label="same hash 15" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="140"></div> <code role="cell" class="source-line"> <span data-symbols="#console" data-confidences="["concrete"]">console</span>.<span data-symbols="#error,console#error" data-confidences="["concrete","concrete"]">error</span>(<span class="syn_string" >"WaterfallBackground crash error"</span>, <span data-symbols="8216-37" data-confidences="["concrete"]">e</span>); </code> </div> <div role="row" id="line-141" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="991d7c1b6fd96e8cab88267c277ed7ab49af7a02#%#140" role="button" aria-label="same hash 15" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="141"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-142" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#118" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="142"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-143" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#126" role="button" aria-label="new hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="143"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >this</span>.<span data-symbols="#setImageElement" data-confidences="["concrete"]">setImageElement</span>(<span class="syn_string" >"waterfall-background"</span>, <span class="syn_reserved" >this</span>.<span data-symbols="#canvas" data-confidences="["concrete"]">canvas</span>); </code> </div> </div><div role="row" id="line-144" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#127" role="button" aria-label="same hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="144"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-145" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#121" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="145"></div> <code role="cell" class="source-line"> </code> </div> <div role="row" id="line-146" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="b9d70cdb70e819d688de0a1b22459c4285dcb7de#devtools/client/netmonitor/src/waterfall-background.js#128" role="button" aria-label="new hash 16" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="146"></div> <code role="cell" class="source-line"> <span class="syn_comment" >/**</span> </code> </div> <div role="row" id="line-147" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="d50ad0d9fd39eaed6e794e8c94ccaae9862e896f#%#147" role="button" aria-label="new hash 17" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="147"></div> <code role="cell" class="source-line"><span class="syn_comment" > * Retrieve a color defined for the provided theme as a rgba array.</span> </code> </div> <div role="row" id="line-148" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="b9d70cdb70e819d688de0a1b22459c4285dcb7de#devtools/client/netmonitor/src/waterfall-background.js#131" role="button" aria-label="new hash 16" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="148"></div> <code role="cell" class="source-line"><span class="syn_comment" > *</span> </code> </div> <div role="row" id="line-149" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="91ed615c4810470c470a99794218275db735e90b#%#151" role="button" aria-label="new hash 2" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="149"></div> <code role="cell" class="source-line"><span class="syn_comment" > * @param {String} colorVariableName</span> </code> </div> <div role="row" id="line-150" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="91ed615c4810470c470a99794218275db735e90b#%#152" role="button" aria-label="same hash 2" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="150"></div> <code role="cell" class="source-line"><span class="syn_comment" > * The name of the variable defining the color</span> </code> </div> <div role="row" id="line-151" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="b9d70cdb70e819d688de0a1b22459c4285dcb7de#devtools/client/netmonitor/src/waterfall-background.js#136" role="button" aria-label="new hash 16" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="151"></div> <code role="cell" class="source-line"><span class="syn_comment" > * @return {Array} RGBA array for the color.</span> </code> </div> <div role="row" id="line-152" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="b9d70cdb70e819d688de0a1b22459c4285dcb7de#devtools/client/netmonitor/src/waterfall-background.js#137" role="button" aria-label="same hash 16" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="152"></div> <code role="cell" class="source-line"><span class="syn_comment" > */</span> </code> </div> <div class="nesting-container nesting-depth-1" data-nesting-sym="#getThemeColorAsRgba"><div role="row" id="line-153" class="source-line-with-number nesting-sticky-line"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="91ed615c4810470c470a99794218275db735e90b#%#155" role="button" aria-label="new hash 2" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="153"></div> <code role="cell" class="source-line"> <span class="syn_def syn_def" data-symbols="#getThemeColorAsRgba,WaterfallBackground#getThemeColorAsRgba" data-confidences="["concrete","concrete"]">getThemeColorAsRgba</span>(<span data-symbols="8216-38" data-confidences="["concrete"]">colorVariableName</span>) { </code> </div> <div role="row" id="line-154" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="91ed615c4810470c470a99794218275db735e90b#%#156" role="button" aria-label="same hash 2" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="154"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> <span data-symbols="8216-39" data-confidences="["concrete"]">colorStr</span> = <span data-symbols="#getCssVariableColor" data-confidences="["concrete"]">getCssVariableColor</span>( </code> </div> <div role="row" id="line-155" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="91ed615c4810470c470a99794218275db735e90b#%#157" role="button" aria-label="same hash 2" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="155"></div> <code role="cell" class="source-line"> <span data-symbols="8216-38" data-confidences="["concrete"]">colorVariableName</span>, </code> </div> <div role="row" id="line-156" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="91ed615c4810470c470a99794218275db735e90b#%#158" role="button" aria-label="same hash 2" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="156"></div> <code role="cell" class="source-line"> <span data-symbols="#document" data-confidences="["concrete"]">document</span>.<span data-symbols="#ownerGlobal,document#ownerGlobal" data-confidences="["concrete","concrete"]">ownerGlobal</span> </code> </div> <div role="row" id="line-157" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="91ed615c4810470c470a99794218275db735e90b#%#159" role="button" aria-label="same hash 2" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="157"></div> <code role="cell" class="source-line"> ); </code> </div> <div role="row" id="line-158" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="3dccde90347d4d1729efe37f07d8dfc4bcaf7bed#%#158" role="button" aria-label="new hash 18" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="158"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >const</span> { <span data-symbols="8216-40" data-confidences="["concrete"]">r</span>, <span data-symbols="8216-41" data-confidences="["concrete"]">g</span>, <span data-symbols="8216-42" data-confidences="["concrete"]">b</span>, <span data-symbols="8216-43" data-confidences="["concrete"]">a</span> } = <span data-symbols="#InspectorUtils" data-confidences="["concrete"]">InspectorUtils</span>.<span data-symbols="#colorToRGBA,InspectorUtils#colorToRGBA" data-confidences="["concrete","concrete"]">colorToRGBA</span>( </code> </div> <div role="row" id="line-159" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="3dccde90347d4d1729efe37f07d8dfc4bcaf7bed#%#159" role="button" aria-label="same hash 18" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="159"></div> <code role="cell" class="source-line"> <span class="syn_comment" >// In theory colorStr shouldn't be null, but we got report that it was for someone (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1924882">Bug 1924882</a>).</span> </code> </div> <div role="row" id="line-160" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="3dccde90347d4d1729efe37f07d8dfc4bcaf7bed#%#160" role="button" aria-label="same hash 18" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="160"></div> <code role="cell" class="source-line"> <span class="syn_comment" >// Until we actually get to the cause of this, let's use a default color that works</span> </code> </div> <div role="row" id="line-161" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="3dccde90347d4d1729efe37f07d8dfc4bcaf7bed#%#161" role="button" aria-label="same hash 18" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="161"></div> <code role="cell" class="source-line"> <span class="syn_comment" >// for both light and dark themes.</span> </code> </div> <div role="row" id="line-162" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="3dccde90347d4d1729efe37f07d8dfc4bcaf7bed#%#162" role="button" aria-label="same hash 18" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="162"></div> <code role="cell" class="source-line"> <span data-symbols="8216-39" data-confidences="["concrete"]">colorStr</span> || <span class="syn_string" >"#000"</span>, </code> </div> <div role="row" id="line-163" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="3dccde90347d4d1729efe37f07d8dfc4bcaf7bed#%#163" role="button" aria-label="same hash 18" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="163"></div> <code role="cell" class="source-line"> <span data-symbols="#document" data-confidences="["concrete"]">document</span> </code> </div> <div role="row" id="line-164" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="3dccde90347d4d1729efe37f07d8dfc4bcaf7bed#%#164" role="button" aria-label="same hash 18" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="164"></div> <code role="cell" class="source-line"> ); </code> </div> <div role="row" id="line-165" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="d50ad0d9fd39eaed6e794e8c94ccaae9862e896f#%#159" role="button" aria-label="new hash 17" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="165"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >return</span> [<span data-symbols="8216-40" data-confidences="["concrete"]">r</span>, <span data-symbols="8216-41" data-confidences="["concrete"]">g</span>, <span data-symbols="8216-42" data-confidences="["concrete"]">b</span>, <span data-symbols="8216-43" data-confidences="["concrete"]">a</span> * 255]; </code> </div> </div><div role="row" id="line-166" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#144" role="button" aria-label="new hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="166"></div> <code role="cell" class="source-line"> } </code> </div> <div role="row" id="line-167" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="b9d70cdb70e819d688de0a1b22459c4285dcb7de#devtools/client/netmonitor/src/waterfall-background.js#144" role="button" aria-label="new hash 16" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="167"></div> <code role="cell" class="source-line"> </code> </div> <div class="nesting-container nesting-depth-1" data-nesting-sym="#destroy"><div role="row" id="line-168" class="source-line-with-number nesting-sticky-line"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#122" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="168"></div> <code role="cell" class="source-line"> <span class="syn_def syn_def" data-symbols="#destroy,WaterfallBackground#destroy" data-confidences="["concrete","concrete"]">destroy</span>() { </code> </div> <div role="row" id="line-169" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c1" data-blame="e345a4990ae707f6844be143000f7b0db9e53143#%#147" role="button" aria-label="new hash 7" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="169"></div> <code role="cell" class="source-line"> <span class="syn_reserved" >this</span>.<span data-symbols="#setImageElement" data-confidences="["concrete"]">setImageElement</span>(<span class="syn_string" >"waterfall-background"</span>, <span class="syn_reserved" >null</span>); </code> </div> </div><div role="row" id="line-170" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#124" role="button" aria-label="new hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="170"></div> <code role="cell" class="source-line"> } </code> </div> </div><div role="row" id="line-171" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#133" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="171"></div> <code role="cell" class="source-line">} </code> </div> <div role="row" id="line-172" class="source-line-with-number"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#134" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="172"></div> <code role="cell" class="source-line"> </code> </div> <div class="nesting-container nesting-depth-0" data-nesting-sym="#exports"><div role="row" id="line-173" class="source-line-with-number nesting-sticky-line"> <div role="cell"><div class="cov-strip cov-no-data"></div></div> <div role="cell"><div class="blame-strip c2" data-blame="e778ffb693ac698767e66509d2f04d5040a05982#devtools/client/netmonitor/waterfall-background.js#135" role="button" aria-label="same hash 1" aria-expanded="false"></div></div> <div role="cell" class="line-number" data-line-number="173"></div> <code role="cell" class="source-line"><span data-symbols="#module" data-confidences="["concrete"]">module</span>.<span data-symbols="#exports,module#exports" data-confidences="["concrete","concrete"]">exports</span> = <span data-symbols="#WaterfallBackground" data-confidences="["concrete"]">WaterfallBackground</span>; </code> </div> </div></div> <script>var SYM_INFO = {"#ArrayBuffer":{"sym":"#ArrayBuffer","pretty":"ArrayBuffer"},"#BACKGROUND_TICKS_COLOR_RGB":{"sym":"#BACKGROUND_TICKS_COLOR_RGB","pretty":"BACKGROUND_TICKS_COLOR_RGB","jumps":{"def":"devtools/client/netmonitor/src/constants.js#456"}},"#BACKGROUND_TICKS_MULTIPLE":{"sym":"#BACKGROUND_TICKS_MULTIPLE","pretty":"BACKGROUND_TICKS_MULTIPLE","jumps":{"def":"devtools/client/netmonitor/src/constants.js#453"}},"#BACKGROUND_TICKS_OPACITY_ADD":{"sym":"#BACKGROUND_TICKS_OPACITY_ADD","pretty":"BACKGROUND_TICKS_OPACITY_ADD","jumps":{"def":"devtools/client/netmonitor/src/constants.js#459"}},"#BACKGROUND_TICKS_OPACITY_MIN":{"sym":"#BACKGROUND_TICKS_OPACITY_MIN","pretty":"BACKGROUND_TICKS_OPACITY_MIN","jumps":{"def":"devtools/client/netmonitor/src/constants.js#458"}},"#BACKGROUND_TICKS_SCALES":{"sym":"#BACKGROUND_TICKS_SCALES","pretty":"BACKGROUND_TICKS_SCALES","jumps":{"def":"devtools/client/netmonitor/src/constants.js#454"}},"#BACKGROUND_TICKS_SPACING_MIN":{"sym":"#BACKGROUND_TICKS_SPACING_MIN","pretty":"BACKGROUND_TICKS_SPACING_MIN","jumps":{"def":"devtools/client/netmonitor/src/constants.js#455"}},"#HTML_NS":{"sym":"#HTML_NS","pretty":"HTML_NS"},"#InspectorUtils":{"sym":"#InspectorUtils","pretty":"InspectorUtils"},"#LABEL_WIDTH":{"sym":"#LABEL_WIDTH","pretty":"LABEL_WIDTH","jumps":{"def":"devtools/client/netmonitor/src/constants.js#467"}},"#Math":{"sym":"#Math","pretty":"Math"},"#REQUESTS_WATERFALL":{"sym":"#REQUESTS_WATERFALL","pretty":"REQUESTS_WATERFALL"},"#STATE_KEYS":{"sym":"#STATE_KEYS","pretty":"STATE_KEYS","jumps":{"def":"devtools/client/netmonitor/src/widgets/WaterfallBackground.js#15"}},"#Uint32Array":{"sym":"#Uint32Array","pretty":"Uint32Array"},"#Uint8ClampedArray":{"sym":"#Uint8ClampedArray","pretty":"Uint8ClampedArray"},"#WaterfallBackground":{"sym":"#WaterfallBackground","pretty":"WaterfallBackground"},"#canvas":{"sym":"#canvas","pretty":"canvas"},"#colorToRGBA":{"sym":"#colorToRGBA","pretty":"colorToRGBA"},"#console":{"sym":"#console","pretty":"console"},"#constructor":{"sym":"#constructor","pretty":"constructor"},"#createElementNS":{"sym":"#createElementNS","pretty":"createElementNS"},"#createImageData":{"sym":"#createImageData","pretty":"createImageData"},"#ctx":{"sym":"#ctx","pretty":"ctx"},"#data":{"sym":"#data","pretty":"data"},"#destroy":{"sym":"#destroy","pretty":"destroy"},"#dir":{"sym":"#dir","pretty":"dir"},"#document":{"sym":"#document","pretty":"document"},"#draw":{"sym":"#draw","pretty":"draw"},"#error":{"sym":"#error","pretty":"error"},"#exports":{"sym":"#exports","pretty":"exports"},"#firstDocumentDOMContentLoadedTimestamp":{"sym":"#firstDocumentDOMContentLoadedTimestamp","pretty":"firstDocumentDOMContentLoadedTimestamp","jumps":{"def":"devtools/client/netmonitor/src/reducers/timing-markers.js#16"}},"#firstDocumentLoadTimestamp":{"sym":"#firstDocumentLoadTimestamp","pretty":"firstDocumentLoadTimestamp","jumps":{"def":"devtools/client/netmonitor/src/reducers/timing-markers.js#17"}},"#firstRequestStartedMs":{"sym":"#firstRequestStartedMs","pretty":"firstRequestStartedMs"},"#floor":{"sym":"#floor","pretty":"floor"},"#getContext":{"sym":"#getContext","pretty":"getContext"},"#getCssVariableColor":{"sym":"#getCssVariableColor","pretty":"getCssVariableColor"},"#getThemeColorAsRgba":{"sym":"#getThemeColorAsRgba","pretty":"getThemeColorAsRgba","jumps":{"def":"devtools/client/netmonitor/src/widgets/WaterfallBackground.js#153"}},"#height":{"sym":"#height","pretty":"height"},"#length":{"sym":"#length","pretty":"length"},"#max":{"sym":"#max","pretty":"max"},"#module":{"sym":"#module","pretty":"module"},"#mozSetImageElement":{"sym":"#mozSetImageElement","pretty":"mozSetImageElement"},"#ownerGlobal":{"sym":"#ownerGlobal","pretty":"ownerGlobal"},"#pow":{"sym":"#pow","pretty":"pow"},"#prevState":{"sym":"#prevState","pretty":"prevState"},"#putImageData":{"sym":"#putImageData","pretty":"putImageData","jumps":{"def":"third_party/webkit/PerformanceTests/MotionMark/tests/simple/resources/tiled-canvas-image.js#16"}},"#require":{"sym":"#require","pretty":"require"},"#scale":{"sym":"#scale","pretty":"scale"},"#set":{"sym":"#set","pretty":"set"},"#setImageElement":{"sym":"#setImageElement","pretty":"setImageElement","jumps":{"def":"devtools/client/netmonitor/src/widgets/WaterfallBackground.js#40"}},"#some":{"sym":"#some","pretty":"some"},"#timingMarkers":{"sym":"#timingMarkers","pretty":"timingMarkers"},"#waterfallWidth":{"sym":"#waterfallWidth","pretty":"waterfallWidth"},"#width":{"sym":"#width","pretty":"width"},"FILE_devtools/client/netmonitor/src/constants@2Ejs":{"sym":"FILE_devtools/client/netmonitor/src/constants@2Ejs","pretty":"devtools/client/netmonitor/src/constants.js","meta":{"structured":1,"pretty":"devtools/client/netmonitor/src/constants.js","sym":"FILE_devtools/client/netmonitor/src/constants@2Ejs","type_pretty":null,"kind":"file","subsystem":"DevTools/Netmonitor","implKind":"impl","sizeBytes":null,"ownVFPtrBytes":null,"bindingSlots":[],"ontologySlots":[],"supers":[],"methods":[],"fields":[],"overrides":[],"props":[],"variants":[]},"jumps":{"def":"devtools/client/netmonitor/src/constants.js#1"}},"FILE_devtools/client/netmonitor/src/widgets/WaterfallBackground@2Ejs":{"sym":"FILE_devtools/client/netmonitor/src/widgets/WaterfallBackground@2Ejs","pretty":"devtools/client/netmonitor/src/widgets/WaterfallBackground.js","meta":{"structured":1,"pretty":"devtools/client/netmonitor/src/widgets/WaterfallBackground.js","sym":"FILE_devtools/client/netmonitor/src/widgets/WaterfallBackground@2Ejs","type_pretty":null,"kind":"file","subsystem":"DevTools/Netmonitor","implKind":"impl","sizeBytes":null,"ownVFPtrBytes":null,"bindingSlots":[],"ontologySlots":[],"supers":[],"methods":[],"fields":[],"overrides":[],"props":[],"variants":[]},"jumps":{"def":"devtools/client/netmonitor/src/widgets/WaterfallBackground.js#1"}},"FILE_devtools/client/shared/theme@2Ejs":{"sym":"FILE_devtools/client/shared/theme@2Ejs","pretty":"devtools/client/shared/theme.js","meta":{"structured":1,"pretty":"devtools/client/shared/theme.js","sym":"FILE_devtools/client/shared/theme@2Ejs","type_pretty":null,"kind":"file","subsystem":"DevTools/General","implKind":"impl","sizeBytes":null,"ownVFPtrBytes":null,"bindingSlots":[],"ontologySlots":[],"supers":[],"methods":[],"fields":[],"overrides":[],"props":[],"variants":[]},"jumps":{"def":"devtools/client/shared/theme.js#1"}},"InspectorUtils#colorToRGBA":{"sym":"InspectorUtils#colorToRGBA","pretty":"InspectorUtils.colorToRGBA"},"Math#floor":{"sym":"Math#floor","pretty":"Math.floor"},"Math#max":{"sym":"Math#max","pretty":"Math.max"},"Math#pow":{"sym":"Math#pow","pretty":"Math.pow"},"REQUESTS_WATERFALL#BACKGROUND_TICKS_COLOR_RGB":{"sym":"REQUESTS_WATERFALL#BACKGROUND_TICKS_COLOR_RGB","pretty":"REQUESTS_WATERFALL.BACKGROUND_TICKS_COLOR_RGB","jumps":{"def":"devtools/client/netmonitor/src/constants.js#456"}},"REQUESTS_WATERFALL#BACKGROUND_TICKS_MULTIPLE":{"sym":"REQUESTS_WATERFALL#BACKGROUND_TICKS_MULTIPLE","pretty":"REQUESTS_WATERFALL.BACKGROUND_TICKS_MULTIPLE","jumps":{"def":"devtools/client/netmonitor/src/constants.js#453"}},"REQUESTS_WATERFALL#BACKGROUND_TICKS_OPACITY_ADD":{"sym":"REQUESTS_WATERFALL#BACKGROUND_TICKS_OPACITY_ADD","pretty":"REQUESTS_WATERFALL.BACKGROUND_TICKS_OPACITY_ADD","jumps":{"def":"devtools/client/netmonitor/src/constants.js#459"}},"REQUESTS_WATERFALL#BACKGROUND_TICKS_OPACITY_MIN":{"sym":"REQUESTS_WATERFALL#BACKGROUND_TICKS_OPACITY_MIN","pretty":"REQUESTS_WATERFALL.BACKGROUND_TICKS_OPACITY_MIN","jumps":{"def":"devtools/client/netmonitor/src/constants.js#458"}},"REQUESTS_WATERFALL#BACKGROUND_TICKS_SCALES":{"sym":"REQUESTS_WATERFALL#BACKGROUND_TICKS_SCALES","pretty":"REQUESTS_WATERFALL.BACKGROUND_TICKS_SCALES","jumps":{"def":"devtools/client/netmonitor/src/constants.js#454"}},"REQUESTS_WATERFALL#BACKGROUND_TICKS_SPACING_MIN":{"sym":"REQUESTS_WATERFALL#BACKGROUND_TICKS_SPACING_MIN","pretty":"REQUESTS_WATERFALL.BACKGROUND_TICKS_SPACING_MIN","jumps":{"def":"devtools/client/netmonitor/src/constants.js#455"}},"REQUESTS_WATERFALL#LABEL_WIDTH":{"sym":"REQUESTS_WATERFALL#LABEL_WIDTH","pretty":"REQUESTS_WATERFALL.LABEL_WIDTH","jumps":{"def":"devtools/client/netmonitor/src/constants.js#467"}},"STATE_KEYS#some":{"sym":"STATE_KEYS#some","pretty":"STATE_KEYS.some"},"WaterfallBackground#constructor":{"sym":"WaterfallBackground#constructor","pretty":"WaterfallBackground.constructor","jumps":{"def":"devtools/client/netmonitor/src/widgets/WaterfallBackground.js#26"}},"WaterfallBackground#destroy":{"sym":"WaterfallBackground#destroy","pretty":"WaterfallBackground.destroy","jumps":{"def":"devtools/client/netmonitor/src/widgets/WaterfallBackground.js#168"}},"WaterfallBackground#draw":{"sym":"WaterfallBackground#draw","pretty":"WaterfallBackground.draw","jumps":{"def":"devtools/client/netmonitor/src/widgets/WaterfallBackground.js#46"}},"WaterfallBackground#getThemeColorAsRgba":{"sym":"WaterfallBackground#getThemeColorAsRgba","pretty":"WaterfallBackground.getThemeColorAsRgba","jumps":{"def":"devtools/client/netmonitor/src/widgets/WaterfallBackground.js#153"}},"WaterfallBackground#setImageElement":{"sym":"WaterfallBackground#setImageElement","pretty":"WaterfallBackground.setImageElement","jumps":{"def":"devtools/client/netmonitor/src/widgets/WaterfallBackground.js#40"}},"console#error":{"sym":"console#error","pretty":"console.error"},"ctx#canvas":{"sym":"ctx#canvas","pretty":"ctx.canvas"},"document#createElementNS":{"sym":"document#createElementNS","pretty":"document.createElementNS"},"document#dir":{"sym":"document#dir","pretty":"document.dir"},"document#mozSetImageElement":{"sym":"document#mozSetImageElement","pretty":"document.mozSetImageElement"},"document#ownerGlobal":{"sym":"document#ownerGlobal","pretty":"document.ownerGlobal"},"imageData#data":{"sym":"imageData#data","pretty":"imageData.data"},"module#exports":{"sym":"module#exports","pretty":"module.exports"},"pixelArray#length":{"sym":"pixelArray#length","pretty":"pixelArray.length"},"pixelArray#set":{"sym":"pixelArray#set","pretty":"pixelArray.set"},"state#firstRequestStartedMs":{"sym":"state#firstRequestStartedMs","pretty":"state.firstRequestStartedMs"},"state#scale":{"sym":"state#scale","pretty":"state.scale"},"state#timingMarkers":{"sym":"state#timingMarkers","pretty":"state.timingMarkers"},"state#waterfallWidth":{"sym":"state#waterfallWidth","pretty":"state.waterfallWidth"}};</script> </div> <div id="foot" class="footer"> This page was generated by Searchfox <span class="pretty-date" data-datetime="Wed, 27 Nov 2024 08:27:19 +0000"></span>. </div> <span id="data" data-root="/" data-search="/mozilla-central/search" data-tree="mozilla-central" data-path="devtools/client/netmonitor/src/widgets/WaterfallBackground.js"></span> <script src="/tree-list.js"></script> <script src="/mozilla-central/static/js/settings.js"></script> <script src="/mozilla-central/static/js/search.js"></script> <script src="/mozilla-central/static/js/context-menu.js"></script> <script src="/mozilla-central/static/js/panel.js"></script> <script src="/mozilla-central/static/js/code-highlighter.js"></script> <script src="/mozilla-central/static/js/blame.js"></script> </div> </body> </html>