@madgex/design-system 1.29.0 → 1.30.1

package/__tests__/unit/src/components/popover.spec.js

@@ -0,0 +1,78 @@
+import popovers from '../../../../src/components/popover/popover';
+
+// Avoid document.createRange not defined error
+if (window.document) {
+  window.document.createRange = () => ({
+      setStart: () => {},
+      setEnd: () => {},
+      commonAncestorContainer: {
+          nodeName: 'BODY',
+          ownerDocument: document,
+      },
+  });
+}
+
+document.body.innerHTML = `<button id="test" class="js-mds-popover-trigger">Trigger</button><div id="test-content" class="mds-popover"></div>`;
+  const trigger = document.getElementById('test');
+  const popover = document.getElementById('test-content');
+  const popoverActiveClass = 'mds-popover--active';
+ 
+beforeEach(() => {
+  popovers.init();
+  popover.classList.remove(popoverActiveClass);
+});
+afterEach(() => {
+  document.body.innerHTML = '';
+});
+
+
+
+describe('setAriaAttr function - Set correct aria attributes on trigger and popover', () => {
+
+  it('popover is active', async () => {
+    popover.classList.add(popoverActiveClass);
+    expect.assertions(2);
+    popovers.setAriaAttr(trigger, popover, popoverActiveClass);
+    expect(trigger.getAttribute('aria-expanded')).toBe('true');
+    expect(popover.hasAttribute('aria-hidden')).toBe(false);
+  });
+  it('popover is not active', async () => {
+    expect.assertions(2);
+    popovers.setAriaAttr(trigger, popover, popoverActiveClass);
+    expect(trigger.getAttribute('aria-expanded')).toBe('false');
+    expect(popover.getAttribute('aria-hidden')).toBe('true');
+  });
+});
+
+describe('hide function', () => {
+  const targetElement = document.createElement('p');
+  const popoverInstance = {
+    popper: popover,
+  };
+
+  it('remove active class from popover', async () => {
+    popover.classList.add(popoverActiveClass);
+    expect.assertions(1);
+    popovers.hide(trigger, popover, popoverInstance, popoverActiveClass, targetElement);
+    expect(popover.classList.contains(popoverActiveClass)).toBe(false);
+  });
+});
+
+describe('display popover when clicking on trigger', () => {
+
+  it('adds active class', async () => {
+    expect.assertions(1);
+    trigger.click();
+    expect(popover.classList.contains(popoverActiveClass)).toBe(true);
+  });
+});
+
+describe('hide active popover when clicking anywhere else on the page', () => {
+  
+  it('removes active class', async () => {
+    expect.assertions(1);
+    trigger.click();
+    document.dispatchEvent(new Event('mousedown'));
+    expect(popover.classList.contains(popoverActiveClass)).toBe(false);
+  });
+});

package/__tests__/unit/src/components/switch-state.spec.js

@@ -2,20 +2,20 @@ import switchState from '../../../../src/components/switch-state/switch-state';
 
 describe('Switch State', () => {
   let element = document.createElement('div');
-  element.innerHTML = `<button class="mds-switch-state js-mds-switch-state mds-switch-state--inactive">
-                        <span class="mds-switch-state--inactive">this is inactive</span>
-                        <span class="mds-switch-state--active">this is active</span>
+  element.innerHTML = `<button class="mds-switch-state js-mds-switch-state mds-switch-state--default">
+                        <span class="mds-switch-state--default">this is default</span>
+                        <span class="mds-switch-state--inverse">this is inverse</span>
                       </button>`;
-  it('setToActive to be true', async () => {
+  it('setToinverse to be true', async () => {
     expect.assertions(2);
-    switchState.switchToActive(element);
-    expect(element.classList.contains('mds-switch-state--active')).toBe(true);
-    expect(element.classList.contains('mds-switch-state--inactive')).toBe(false);
+    switchState.switchToinverse(element);
+    expect(element.classList.contains('mds-switch-state--inverse')).toBe(true);
+    expect(element.classList.contains('mds-switch-state--default')).toBe(false);
   });
-  it('setToInactive to be true', async () => {
+  it('setTodefault to be true', async () => {
     expect.assertions(2);
-    switchState.switchToInactive(element);
-    expect(element.classList.contains('mds-switch-state--inactive')).toBe(true);
-    expect(element.classList.contains('mds-switch-state--active')).toBe(false);
+    switchState.switchTodefault(element);
+    expect(element.classList.contains('mds-switch-state--default')).toBe(true);
+    expect(element.classList.contains('mds-switch-state--inverse')).toBe(false);
   });
 });

package/coverage/cobertura-coverage.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" ?>
 <!DOCTYPE coverage SYSTEM "http://cobertura.sourceforge.net/xml/coverage-04.dtd">
-<coverage lines-valid="197" lines-covered="57" line-rate="0.2893" branches-valid="47" branches-covered="9" branch-rate="0.19149999999999998" timestamp="1574357266726" complexity="0" version="0.1">
+<coverage lines-valid="227" lines-covered="85" line-rate="0.37439999999999996" branches-valid="58" branches-covered="18" branch-rate="0.3103" timestamp="1575041577289" complexity="0" version="0.1">
   <sources>
     <source>/var/lib/jenkins/jobs/madgex-design-system/branches/master/workspace</source>
   </sources>
@@ -125,6 +125,80 @@
         </class>
       </classes>
     </package>
+    <package name="components.popover" line-rate="0.9655" branch-rate="0.8181999999999999">
+      <classes>
+        <class name="popover.js" filename="src/components/popover/popover.js" line-rate="0.9655" branch-rate="0.8181999999999999">
+          <methods>
+            <method name="(anonymous_0)" hits="5" signature="()V">
+              <lines>
+                <line number="8" hits="5"/>
+              </lines>
+            </method>
+            <method name="(anonymous_1)" hits="1" signature="()V">
+              <lines>
+                <line number="11" hits="1"/>
+              </lines>
+            </method>
+            <method name="(anonymous_2)" hits="2" signature="()V">
+              <lines>
+                <line number="24" hits="2"/>
+              </lines>
+            </method>
+            <method name="(anonymous_3)" hits="1" signature="()V">
+              <lines>
+                <line number="30" hits="1"/>
+              </lines>
+            </method>
+            <method name="(anonymous_4)" hits="0" signature="()V">
+              <lines>
+                <line number="33" hits="0"/>
+              </lines>
+            </method>
+            <method name="(anonymous_5)" hits="2" signature="()V">
+              <lines>
+                <line number="38" hits="2"/>
+              </lines>
+            </method>
+            <method name="(anonymous_6)" hits="6" signature="()V">
+              <lines>
+                <line number="48" hits="6"/>
+              </lines>
+            </method>
+          </methods>
+          <lines>
+            <line number="4" hits="1" branch="false"/>
+            <line number="5" hits="1" branch="false"/>
+            <line number="7" hits="1" branch="false"/>
+            <line number="9" hits="5" branch="false"/>
+            <line number="11" hits="5" branch="false"/>
+            <line number="12" hits="1" branch="false"/>
+            <line number="13" hits="1" branch="false"/>
+            <line number="14" hits="1" branch="false"/>
+            <line number="16" hits="1" branch="true" condition-coverage="50% (1/2)"/>
+            <line number="17" hits="1" branch="false"/>
+            <line number="21" hits="1" branch="false"/>
+            <line number="22" hits="1" branch="false"/>
+            <line number="24" hits="1" branch="false"/>
+            <line number="25" hits="2" branch="false"/>
+            <line number="26" hits="2" branch="false"/>
+            <line number="27" hits="2" branch="false"/>
+            <line number="28" hits="2" branch="false"/>
+            <line number="30" hits="1" branch="false"/>
+            <line number="31" hits="1" branch="false"/>
+            <line number="33" hits="1" branch="false"/>
+            <line number="34" hits="0" branch="false"/>
+            <line number="39" hits="2" branch="true" condition-coverage="50% (1/2)"/>
+            <line number="44" hits="2" branch="false"/>
+            <line number="45" hits="2" branch="false"/>
+            <line number="49" hits="6" branch="true" condition-coverage="100% (2/2)"/>
+            <line number="50" hits="3" branch="false"/>
+            <line number="51" hits="3" branch="false"/>
+            <line number="53" hits="3" branch="false"/>
+            <line number="54" hits="3" branch="false"/>
+          </lines>
+        </class>
+      </classes>
+    </package>
     <package name="components.switch-state" line-rate="1" branch-rate="1">
       <classes>
         <class name="switch-state.js" filename="src/components/switch-state/switch-state.js" line-rate="1" branch-rate="1">
@@ -408,14 +482,15 @@
           <methods>
             <method name="(anonymous_0)" hits="0" signature="()V">
               <lines>
-                <line number="15" hits="0"/>
+                <line number="16" hits="0"/>
               </lines>
             </method>
           </methods>
           <lines>
-            <line number="15" hits="0" branch="false"/>
             <line number="16" hits="0" branch="false"/>
             <line number="17" hits="0" branch="false"/>
+            <line number="18" hits="0" branch="false"/>
+            <line number="19" hits="0" branch="false"/>
           </lines>
         </class>
       </classes>

package/coverage/components/accordion/accordion.js.html

@@ -385,7 +385,7 @@ export default accordion;
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 21 2019 17:27:46 GMT+0000 (GMT)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 29 2019 15:32:57 GMT+0000 (GMT)
 </div>
 </div>
 <script src="../../prettify.js"></script>

package/coverage/components/accordion/index.html

@@ -80,7 +80,7 @@
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 21 2019 17:27:46 GMT+0000 (GMT)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 29 2019 15:32:57 GMT+0000 (GMT)
 </div>
 </div>
 <script src="../../prettify.js"></script>

package/coverage/components/popover/index.html

@@ -0,0 +1,97 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for components/popover</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../../prettify.css" />
+    <link rel="stylesheet" href="../../base.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+<body>
+<div class='wrapper'>
+  <div class='pad1'>
+    <h1>
+      <a href="../../index.html">All files</a> components/popover
+    </h1>
+    <div class='clearfix'>
+      <div class='fl pad1y space-right2'>
+        <span class="strong">96.55% </span>
+        <span class="quiet">Statements</span>
+        <span class='fraction'>28/29</span>
+      </div>
+      <div class='fl pad1y space-right2'>
+        <span class="strong">81.82% </span>
+        <span class="quiet">Branches</span>
+        <span class='fraction'>9/11</span>
+      </div>
+      <div class='fl pad1y space-right2'>
+        <span class="strong">85.71% </span>
+        <span class="quiet">Functions</span>
+        <span class='fraction'>6/7</span>
+      </div>
+      <div class='fl pad1y space-right2'>
+        <span class="strong">96.55% </span>
+        <span class="quiet">Lines</span>
+        <span class='fraction'>28/29</span>
+      </div>
+    </div>
+    <p class="quiet">
+      Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+    </p>
+  </div>
+  <div class='status-line high'></div>
+<div class="pad1">
+<table class="coverage-summary">
+<thead>
+<tr>
+   <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
+   <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
+   <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
+   <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
+   <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
+   <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
+   <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
+</tr>
+</thead>
+<tbody><tr>
+	<td class="file high" data-value="popover.js"><a href="popover.js.html">popover.js</a></td>
+	<td data-value="96.55" class="pic high"><div class="chart"><div class="cover-fill" style="width: 96%;"></div><div class="cover-empty" style="width:4%;"></div></div></td>
+	<td data-value="96.55" class="pct high">96.55%</td>
+	<td data-value="29" class="abs high">28/29</td>
+	<td data-value="81.82" class="pct high">81.82%</td>
+	<td data-value="11" class="abs high">9/11</td>
+	<td data-value="85.71" class="pct high">85.71%</td>
+	<td data-value="7" class="abs high">6/7</td>
+	<td data-value="96.55" class="pct high">96.55%</td>
+	<td data-value="29" class="abs high">28/29</td>
+	</tr>
+
+</tbody>
+</table>
+</div><div class='push'></div><!-- for sticky footer -->
+</div><!-- /wrapper -->
+<div class='footer quiet pad2 space-top1 center small'>
+  Code coverage
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 29 2019 15:32:57 GMT+0000 (GMT)
+</div>
+</div>
+<script src="../../prettify.js"></script>
+<script>
+window.onload = function () {
+        if (typeof prettyPrint === 'function') {
+            prettyPrint();
+        }
+};
+</script>
+<script src="../../sorter.js"></script>
+<script src="../../block-navigation.js"></script>
+</body>
+</html>

package/coverage/components/popover/popover.js.html

@@ -0,0 +1,246 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for components/popover/popover.js</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../../prettify.css" />
+    <link rel="stylesheet" href="../../base.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+<body>
+<div class='wrapper'>
+  <div class='pad1'>
+    <h1>
+      <a href="../../index.html">All files</a> / <a href="index.html">components/popover</a> popover.js
+    </h1>
+    <div class='clearfix'>
+      <div class='fl pad1y space-right2'>
+        <span class="strong">96.55% </span>
+        <span class="quiet">Statements</span>
+        <span class='fraction'>28/29</span>
+      </div>
+      <div class='fl pad1y space-right2'>
+        <span class="strong">81.82% </span>
+        <span class="quiet">Branches</span>
+        <span class='fraction'>9/11</span>
+      </div>
+      <div class='fl pad1y space-right2'>
+        <span class="strong">85.71% </span>
+        <span class="quiet">Functions</span>
+        <span class='fraction'>6/7</span>
+      </div>
+      <div class='fl pad1y space-right2'>
+        <span class="strong">96.55% </span>
+        <span class="quiet">Lines</span>
+        <span class='fraction'>28/29</span>
+      </div>
+    </div>
+    <p class="quiet">
+      Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+    </p>
+  </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>
+<a name='L3'></a><a href='#L3'>3</a>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<a name='L10'></a><a href='#L10'>10</a>
+<a name='L11'></a><a href='#L11'>11</a>
+<a name='L12'></a><a href='#L12'>12</a>
+<a name='L13'></a><a href='#L13'>13</a>
+<a name='L14'></a><a href='#L14'>14</a>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a>
+<a name='L29'></a><a href='#L29'>29</a>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</a>
+<a name='L32'></a><a href='#L32'>32</a>
+<a name='L33'></a><a href='#L33'>33</a>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</a>
+<a name='L37'></a><a href='#L37'>37</a>
+<a name='L38'></a><a href='#L38'>38</a>
+<a name='L39'></a><a href='#L39'>39</a>
+<a name='L40'></a><a href='#L40'>40</a>
+<a name='L41'></a><a href='#L41'>41</a>
+<a name='L42'></a><a href='#L42'>42</a>
+<a name='L43'></a><a href='#L43'>43</a>
+<a name='L44'></a><a href='#L44'>44</a>
+<a name='L45'></a><a href='#L45'>45</a>
+<a name='L46'></a><a href='#L46'>46</a>
+<a name='L47'></a><a href='#L47'>47</a>
+<a name='L48'></a><a href='#L48'>48</a>
+<a name='L49'></a><a href='#L49'>49</a>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a></td><td class="line-coverage quiet"><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-yes">1x</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-yes">5x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</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-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</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">2x</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">2x</span>
+<span class="cline-any cline-yes">2x</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">6x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</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">// import Tooltip from 'tooltip.js';
+import Popper from 'popper.js';
+&nbsp;
+const triggerClassName = 'js-mds-popover-trigger';
+const popoverActiveClass = 'mds-popover--active';
+&nbsp;
+const popovers = {
+  init: () =&gt; {
+    const triggersList = Array.from(document.querySelectorAll(`.${triggerClassName}`));
+&nbsp;
+    triggersList.forEach((trigger) =&gt; {
+      const triggerId = trigger.getAttribute('id');
+      const popoverId = `${triggerId}-content`;
+      const popover = document.getElementById(popoverId);
+      // checking for existence of dataset eliminate bug in IE 10 as it doesn't support 'dataset'
+      const placement = popover.dataset ? popover.dataset.placement : <span class="branch-1 cbranch-no" title="branch not covered" >null;</span>
+      const popoverInstance = new Popper(trigger, popover, {
+        placement: placement || 'top-end',
+      });
+&nbsp;
+      trigger.setAttribute('aria-expanded', 'false');
+      popover.setAttribute('aria-hidden', 'true');
+&nbsp;
+      trigger.addEventListener('click', (elem) =&gt; {
+        elem.preventDefault();
+        popoverInstance.update();
+        popover.classList.toggle(popoverActiveClass);
+        popovers.setAriaAttr(trigger, popover, popoverActiveClass);
+      });
+      document.addEventListener('mousedown', (e) =&gt; {
+        popovers.hide(trigger, popover, popoverInstance, popoverActiveClass, e);
+      });
+      document.addEventListener('keydown', <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
+<span class="cstat-no" title="statement not covered" >        popovers.hide(trigger, popover, popoverInstance, popoverActiveClass, e);</span>
+      });
+    });
+  },
+  hide: (trigger, popover, popoverInstance, activeClass, element) =&gt; {
+    <span class="missing-if-branch" title="else path not taken" >E</span>if (
+      !trigger.contains(element.target) &amp;&amp;
+      !popoverInstance.popper.contains(element.target) &amp;&amp;
+      popover.classList.contains(activeClass)
+    ) {
+      popover.classList.remove(activeClass);
+      popovers.setAriaAttr(trigger, popover, activeClass);
+    }
+  },
+  setAriaAttr: (trigger, popover, activeClass) =&gt; {
+    if (popover.classList.contains(activeClass)) {
+      trigger.setAttribute('aria-expanded', 'true');
+      popover.removeAttribute('aria-hidden');
+    } else {
+      trigger.setAttribute('aria-expanded', 'false');
+      popover.setAttribute('aria-hidden', 'true');
+    }
+  },
+};
+&nbsp;
+export default popovers;
+&nbsp;</pre></td></tr>
+</table></pre>
+<div class='push'></div><!-- for sticky footer -->
+</div><!-- /wrapper -->
+<div class='footer quiet pad2 space-top1 center small'>
+  Code coverage
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 29 2019 15:32:57 GMT+0000 (GMT)
+</div>
+</div>
+<script src="../../prettify.js"></script>
+<script>
+window.onload = function () {
+        if (typeof prettyPrint === 'function') {
+            prettyPrint();
+        }
+};
+</script>
+<script src="../../sorter.js"></script>
+<script src="../../block-navigation.js"></script>
+</body>
+</html>

package/coverage/components/switch-state/index.html

@@ -80,7 +80,7 @@
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 21 2019 17:27:46 GMT+0000 (GMT)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 29 2019 15:32:57 GMT+0000 (GMT)
 </div>
 </div>
 <script src="../../prettify.js"></script>

package/coverage/components/switch-state/switch-state.js.html

@@ -71,13 +71,13 @@
 <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">const switchState = {
-  switchToActive: (element) =&gt; {
-    element.classList.remove('mds-switch-state--inactive');
-    element.classList.add('mds-switch-state--active');
+  switchToinverse: (element) =&gt; {
+    element.classList.remove('mds-switch-state--default');
+    element.classList.add('mds-switch-state--inverse');
   },
-  switchToInactive: (element) =&gt; {
-    element.classList.remove('mds-switch-state--active');
-    element.classList.add('mds-switch-state--inactive');
+  switchTodefault: (element) =&gt; {
+    element.classList.remove('mds-switch-state--inverse');
+    element.classList.add('mds-switch-state--default');
   },
 };
 &nbsp;
@@ -88,7 +88,7 @@ export default switchState;
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 21 2019 17:27:46 GMT+0000 (GMT)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 29 2019 15:32:57 GMT+0000 (GMT)
 </div>
 </div>
 <script src="../../prettify.js"></script>

package/coverage/components/tabs/index.html

@@ -80,7 +80,7 @@
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 21 2019 17:27:46 GMT+0000 (GMT)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 29 2019 15:32:57 GMT+0000 (GMT)
 </div>
 </div>
 <script src="../../prettify.js"></script>

package/coverage/components/tabs/tabs.js.html

@@ -499,7 +499,7 @@ export default tabs;
 </div><!-- /wrapper -->
 <div class='footer quiet pad2 space-top1 center small'>
   Code coverage
-  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 21 2019 17:27:46 GMT+0000 (GMT)
+  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 29 2019 15:32:57 GMT+0000 (GMT)
 </div>
 </div>
 <script src="../../prettify.js"></script>