npm - @openreplay/tracker - Versions diffs - 11.0.0 → 11.0.1 - Mend

@openreplay/tracker 11.0.0 → 11.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

package/coverage/lcov-report/main/modules/userTesting/styles.ts.html CHANGED Viewed

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/24</span>
+                <span class='fraction'>25/25</span>
             </div>
@@ -44,9 +44,9 @@
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/24</span>
+                <span class='fraction'>25/25</span>
             </div>
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line high'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -323,7 +323,56 @@
 <a name='L258'></a><a href='#L258'>258</a>
 <a name='L259'></a><a href='#L259'>259</a>
 <a name='L260'></a><a href='#L260'>260</a>
-<a name='L261'></a><a href='#L261'>261</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
+<a name='L261'></a><a href='#L261'>261</a>
+<a name='L262'></a><a href='#L262'>262</a>
+<a name='L263'></a><a href='#L263'>263</a>
+<a name='L264'></a><a href='#L264'>264</a>
+<a name='L265'></a><a href='#L265'>265</a>
+<a name='L266'></a><a href='#L266'>266</a>
+<a name='L267'></a><a href='#L267'>267</a>
+<a name='L268'></a><a href='#L268'>268</a>
+<a name='L269'></a><a href='#L269'>269</a>
+<a name='L270'></a><a href='#L270'>270</a>
+<a name='L271'></a><a href='#L271'>271</a>
+<a name='L272'></a><a href='#L272'>272</a>
+<a name='L273'></a><a href='#L273'>273</a>
+<a name='L274'></a><a href='#L274'>274</a>
+<a name='L275'></a><a href='#L275'>275</a>
+<a name='L276'></a><a href='#L276'>276</a>
+<a name='L277'></a><a href='#L277'>277</a>
+<a name='L278'></a><a href='#L278'>278</a>
+<a name='L279'></a><a href='#L279'>279</a>
+<a name='L280'></a><a href='#L280'>280</a>
+<a name='L281'></a><a href='#L281'>281</a>
+<a name='L282'></a><a href='#L282'>282</a>
+<a name='L283'></a><a href='#L283'>283</a>
+<a name='L284'></a><a href='#L284'>284</a>
+<a name='L285'></a><a href='#L285'>285</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -335,8 +384,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -345,8 +394,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -358,7 +407,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -367,7 +416,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -379,7 +428,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -388,7 +436,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -399,6 +447,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -407,8 +456,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -418,7 +467,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -426,7 +474,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -442,26 +490,27 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -469,17 +518,16 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -489,6 +537,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -498,24 +547,23 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -523,8 +571,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -534,29 +582,29 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -565,9 +613,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -575,15 +623,15 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export const <span class="cstat-no" title="statement not covered" >bgStyle = {</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export const bgStyle = {
   position: 'fixed',
   top: 0,
   left: 0,
@@ -593,33 +641,36 @@
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
+  zIndex: 999999,
+  fontFamily: `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`,
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >containerStyle = {</span>
+export const containerStyle = {
   display: 'flex',
   flexDirection: 'column',
-  gap: '8px',
+  gap: '2rem',
   alignItems: 'center',
   padding: '1.5rem',
-  borderRadius: '0.375rem',
+  borderRadius: '2px',
   border: '1px solid #D9D9D9',
   background: '#FFF',
-  width: '29rem',
+  width: '22rem',
 }
-export const <span class="cstat-no" title="statement not covered" >containerWidgetStyle = {</span>
+export const containerWidgetStyle = {
   display: 'flex',
   'flex-direction': 'column',
-  gap: '8px',
+  gap: 'unset',
   'align-items': 'center',
-  padding: '1rem',
-  'border-radius': '0.375rem',
+  padding: 'unset',
+  fontFamily: `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`,
+  'border-radius': '2px',
   border: '1px solid #D9D9D9',
-  background: '#FFF',
-  width: '29rem',
+  background: 'rgba(255, 255, 255, 0.75)',
+  width: '22rem',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >titleStyle = {</span>
-  fontFamily: 'Roboto',
+export const titleStyle = {
+  fontFamily: 'Verdana, sans-serif',
   fontSize: '1.25rem',
   fontStyle: 'normal',
   fontWeight: '500',
@@ -627,28 +678,29 @@ export const <span class="cstat-no" title="statement not covered" >titleStyle =
   color: 'rgba(0, 0, 0, 0.85)',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >descriptionStyle = {</span>
+export const descriptionStyle = {
   borderTop: '1px solid rgba(0, 0, 0, 0.06)',
   borderBottom: '1px solid rgba(0, 0, 0, 0.06)',
   padding: '1.25rem 0rem',
   color: 'rgba(0, 0, 0, 0.85)',
-  fontFamily: 'Roboto',
-  fontSize: '1rem',
+  fontFamily: 'Verdana, sans-serif',
+  fontSize: '13px',
   fontStyle: 'normal',
   fontWeight: '400',
-  lineHeight: '1.5rem',
+  lineHeight: 'auto',
+  whiteSpace: 'pre-wrap',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >noticeStyle = {</span>
+export const noticeStyle = {
   color: 'rgba(0, 0, 0, 0.85)',
-  fontFamily: 'Roboto',
+  fontFamily: 'Verdana, sans-serif',
   fontSize: '0.875rem',
   fontStyle: 'normal',
   fontWeight: '400',
   lineHeight: '1.375rem',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >buttonStyle = {</span>
+export const buttonStyle = {
   display: 'flex',
   padding: '0.4rem 0.9375rem',
   justifyContent: 'center',
@@ -660,68 +712,69 @@ export const <span class="cstat-no" title="statement not covered" >buttonStyle =
   boxShadow: '0px 2px 0px 0px rgba(0, 0, 0, 0.04)',
   color: '#FFF',
   textAlign: 'center',
-  fontFamily: 'Roboto',
+  fontFamily: 'Verdana, sans-serif',
   fontSize: '1rem',
   fontStyle: 'normal',
   fontWeight: '500',
   lineHeight: '1.5rem',
+  cursor: 'pointer',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >sectionTitleStyle = {</span>
+export const sectionTitleStyle = {
   fontFamily: 'Verdana, sans-serif',
-  fontSize: '0.875rem',
+  fontSize: '13px',
   fontWeight: '500',
-  lineHeight: '1.375rem',
+  lineHeight: 'auto',
   display: 'flex',
   justifyContent: 'space-between',
   width: '100%',
   cursor: 'pointer',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >contentStyle = {</span>
+export const contentStyle = {
   display: 'flex',
   flexDirection: 'column',
   alignItems: 'flex-start',
   gap: '0.625rem',
+  fontSize: '13px',
+  lineHeight: 'auto',
 }
 &nbsp;
 // New widget styles
-export const <span class="cstat-no" title="statement not covered" >titleWidgetStyle = {</span>
+export const titleWidgetStyle = {
   padding: '0.5rem',
   gap: '0.5rem',
   fontFamily: 'Verdana, sans-serif',
-  fontSize: '1.25rem',
+  fontSize: '16px',
   fontStyle: 'normal',
   fontWeight: '500',
-  lineHeight: '1.75rem',
+  lineHeight: 'auto',
   color: 'white',
   display: 'flex',
   alignItems: 'center',
   width: '100%',
-  borderRadius: '0.375rem',
-  background: 'rgba(0, 0, 0, 0.60)',
+  borderRadius: '2px',
+  background: 'rgba(0, 0, 0, 0.75)',
   boxSizing: 'border-box',
-  cursor: 'grab',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >descriptionWidgetStyle = {</span>
+export const descriptionWidgetStyle = {
   boxSizing: 'border-box',
   display: 'block',
   width: '100%',
-  borderRadius: '0.375rem',
-  border: '1px solid #D9D9D9',
+  borderBottom: '1px solid #D9D9D9',
   background: '#FFF',
-  padding: '0.625rem 1rem',
+  padding: '0.65rem',
   alignSelf: 'stretch',
   color: '#000',
   fontFamily: 'Verdana, sans-serif',
-  fontSize: '0.875rem',
+  // fontSize: '0.875rem',
   fontStyle: 'normal',
   fontWeight: '400',
-  lineHeight: '1.375rem',
+  // lineHeight: '1.375rem',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >endSectionStyle = {</span>
+export const endSectionStyle = {
   ...descriptionWidgetStyle,
   display: 'flex',
   flexDirection: 'column',
@@ -729,14 +782,14 @@ export const <span class="cstat-no" title="statement not covered" >endSectionSty
   gap: '0.625rem',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >symbolIcon = {</span>
+export const symbolIcon = {
   fontSize: '1.25rem',
   fontWeight: '500',
   cursor: 'pointer',
   color: '#394EFF',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >buttonWidgetStyle = {</span>
+export const buttonWidgetStyle = {
   display: 'flex',
   padding: '0.4rem 0.9375rem',
   justifyContent: 'center',
@@ -758,14 +811,17 @@ export const <span class="cstat-no" title="statement not covered" >buttonWidgetS
   cursor: 'pointer',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >stopWidgetStyle = {</span>
-  marginTop: '2rem',
+export const stopWidgetStyle = {
+  marginTop: '1rem',
+  marginBottom: '1rem',
   cursor: 'pointer',
   display: 'block',
   fontWeight: '500',
+  fontSize: '13px!important',
+  lineHeight: 'auto',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >paginationStyle = {</span>
+export const paginationStyle = {
   display: 'flex',
   justifyContent: 'space-between',
   alignItems: 'center',
@@ -775,26 +831,32 @@ export const <span class="cstat-no" title="statement not covered" >paginationSty
   boxSizing: 'border-box',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >taskNumberActive = {</span>
+export const taskNumberActive = {
   display: 'flex',
-  padding: '0.0625rem 0.5rem',
   flexDirection: 'column',
   alignItems: 'center',
+  justifyContent: 'center',
   borderRadius: '6.25em',
   outline: '1px solid #394EFF',
+  fontSize: '13px',
+  height: '24px',
+  width: '24px',
 }
-export const <span class="cstat-no" title="statement not covered" >taskNumberDone = {</span>
+export const taskNumberDone = {
   display: 'flex',
-  padding: '0.0625rem 0.5rem',
   flexDirection: 'column',
   alignItems: 'center',
+  justifyContent: 'center',
   borderRadius: '6.25em',
   outline: '1px solid #D2DFFF',
   boxShadow: '0px 2px 0px 0px rgba(0, 0, 0, 0.04)',
   background: '#D2DFFF',
+  fontSize: '13px',
+  height: '24px',
+  width: '24px',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >taskDescriptionCard = {</span>
+export const taskDescriptionCard = {
   borderRadius: '0.375rem',
   border: '1px solid rgba(0, 0, 0, 0.06)',
   background: '#F5F7FF',
@@ -806,26 +868,27 @@ export const <span class="cstat-no" title="statement not covered" >taskDescripti
   alignSelf: 'stretch',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >taskTextStyle = {</span>
+export const taskTextStyle = {
   fontWeight: 'bold',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >taskDescriptionStyle = {</span>
-  color: '#8C8C8C',
+export const taskDescriptionStyle = {
+  fontSize: '13px',
+  lineHeight: 'auto',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >taskButtonStyle = {</span>
+export const taskButtonStyle = {
   marginRight: '0.5rem',
   cursor: 'pointer',
   color: '#394EFF',
   textAlign: 'center',
-  fontFamily: 'Roboto',
-  fontSize: '0.875rem',
+  fontFamily: 'Verdana, sans-serif',
+  fontSize: '13px',
   fontStyle: 'normal',
   fontWeight: '500',
-  lineHeight: '1.375rem',
+  lineHeight: 'auto',
 }
-export const <span class="cstat-no" title="statement not covered" >taskButtonBorderedStyle = {</span>
+export const taskButtonBorderedStyle = {
   ...taskButtonStyle,
   display: 'flex',
   padding: '0.25rem 0.9375rem',
@@ -836,13 +899,22 @@ export const <span class="cstat-no" title="statement not covered" >taskButtonBor
   border: '1px solid #394EFF',
 }
 &nbsp;
-export const <span class="cstat-no" title="statement not covered" >taskButtonsRow = {</span>
+export const taskButtonsRow = {
   display: 'flex',
   justifyContent: 'space-between',
   alignItems: 'center',
   width: '100%',
   boxSizing: 'border-box',
 }
+&nbsp;
+export const spinnerStyles = {
+  border: '4px solid rgba(255, 255, 255, 0.4)',
+  width: '16px',
+  height: '16px',
+  borderRadius: '50%',
+  borderLeftColor: '#fff',
+  animation: 'spin 0.5s linear infinite',
+}
 &nbsp;</pre></td></tr></table></pre>
                 <div class='push'></div><!-- for sticky footer -->
@@ -850,7 +922,7 @@ export const <span class="cstat-no" title="statement not covered" >taskButtonsRo
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-17T13:37:58.420Z
+                at 2023-12-12T11:45:01.048Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>