@epa-wg/custom-element-dist 0.0.21 → 0.0.23

package/coverage/src/stories/http-request.stories.ts.html

@@ -581,12 +581,12 @@ function Template({title, slice, url}: TProps)
         slice="${slice}"
         ></http-request>
     <input placeholder="URL for fetch" slice="url" value="{ //url ?? '${ url }' }"/>
-    <button>set</button>   
-    <button slice="url" slice-value="''" slice-event="click">set blank</button>   
-    <button slice="url" slice-value="'/reflect'" slice-event="click">/reflect</button>   
-    <button slice="url" slice-value="'/pokemon'"         slice-event="click">/pokemon</button>   
-    <button slice="url" slice-value="'/pokemon?limit=6'" slice-event="click">/pokemon?limit=6</button>   
-    <button slice="url" slice-value="'/pokemon?limit=3'" slice-event="click">/pokemon?limit=3</button>   
+    <button>set</button>
+    <button slice="url" slice-value="''" slice-event="click">set blank</button>
+    <button slice="url" slice-value="'/reflect'" slice-event="click">/reflect</button>
+    <button slice="url" slice-value="'/pokemon'"         slice-event="click">/pokemon</button>
+    <button slice="url" slice-value="'/pokemon?limit=6'" slice-event="click">/pokemon?limit=6</button>
+    <button slice="url" slice-value="'/pokemon?limit=3'" slice-event="click">/pokemon?limit=3</button>
  
     <p>Pokemon Count: {count(/datadom/slice/${slice}//results)}</p>
     <if test="count(/datadom/slice/${slice}//results) < 0">
@@ -802,7 +802,7 @@ from <code>${url}</code>
             <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 2024-05-13T06:00:45.582Z
+                at 2024-06-27T03:24:38.495Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/stories/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">27.36% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>598/598</span>
+                <span class='fraction'>214/782</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>12/12</span>
+                <span class='fraction'>39/39</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">33.6% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>96/96</span>
+                <span class='fraction'>42/125</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">26.83% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>560/560</span>
+                <span class='fraction'>197/734</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line high'></div>
+    <div class='status-line low'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -79,63 +79,78 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file high" data-value="attributes.stories.ts"><a href="attributes.stories.ts.html">attributes.stories.ts</a></td>
-	<td data-value="100" class="pic high">
-	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	<td class="file low" data-value="attributes.test.stories.ts"><a href="attributes.test.stories.ts.html">attributes.test.stories.ts</a></td>
+	<td data-value="25" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 25%"></div><div class="cover-empty" style="width: 75%"></div></div>
 	</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="41" class="abs high">41/41</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="0" class="abs high">0/0</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="9" class="abs high">9/9</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="37" class="abs high">37/37</td>
+	<td data-value="25" class="pct low">25%</td>
+	<td data-value="48" class="abs low">12/48</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	<td data-value="20" class="pct low">20%</td>
+	<td data-value="10" class="abs low">2/10</td>
+	<td data-value="25.58" class="pct low">25.58%</td>
+	<td data-value="43" class="abs low">11/43</td>
 	</tr>
 
 <tr>
-	<td class="file high" data-value="css.stories.ts"><a href="css.stories.ts.html">css.stories.ts</a></td>
-	<td data-value="100" class="pic high">
-	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	<td class="file low" data-value="css.test.stories.ts"><a href="css.test.stories.ts.html">css.test.stories.ts</a></td>
+	<td data-value="34.88" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 34%"></div><div class="cover-empty" style="width: 66%"></div></div>
 	</td>
+	<td data-value="34.88" class="pct low">34.88%</td>
+	<td data-value="43" class="abs low">15/43</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="31" class="abs high">31/31</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="2" class="abs high">2/2</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="6" class="abs high">6/6</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="31" class="abs high">31/31</td>
+	<td data-value="5" class="abs high">5/5</td>
+	<td data-value="28.57" class="pct low">28.57%</td>
+	<td data-value="7" class="abs low">2/7</td>
+	<td data-value="33.33" class="pct low">33.33%</td>
+	<td data-value="42" class="abs low">14/42</td>
 	</tr>
 
 <tr>
-	<td class="file high" data-value="dom-merge.stories.ts"><a href="dom-merge.stories.ts.html">dom-merge.stories.ts</a></td>
-	<td data-value="100" class="pic high">
-	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	<td class="file low" data-value="dom-merge.test.stories.ts"><a href="dom-merge.test.stories.ts.html">dom-merge.test.stories.ts</a></td>
+	<td data-value="27.5" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 27%"></div><div class="cover-empty" style="width: 73%"></div></div>
 	</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="35" class="abs high">35/35</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="0" class="abs high">0/0</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="5" class="abs high">5/5</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="34" class="abs high">34/34</td>
+	<td data-value="27.5" class="pct low">27.5%</td>
+	<td data-value="40" class="abs low">11/40</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	<td data-value="33.33" class="pct low">33.33%</td>
+	<td data-value="6" class="abs low">2/6</td>
+	<td data-value="26.31" class="pct low">26.31%</td>
+	<td data-value="38" class="abs low">10/38</td>
 	</tr>
 
 <tr>
-	<td class="file high" data-value="external-template.stories.ts"><a href="external-template.stories.ts.html">external-template.stories.ts</a></td>
-	<td data-value="100" class="pic high">
-	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	<td class="file low" data-value="external-template.test.stories.ts"><a href="external-template.test.stories.ts.html">external-template.test.stories.ts</a></td>
+	<td data-value="24.41" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 24%"></div><div class="cover-empty" style="width: 76%"></div></div>
 	</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="81" class="abs high">81/81</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="0" class="abs high">0/0</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="16" class="abs high">16/16</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="79" class="abs high">79/79</td>
+	<td data-value="24.41" class="pct low">24.41%</td>
+	<td data-value="86" class="abs low">21/86</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	<td data-value="11.76" class="pct low">11.76%</td>
+	<td data-value="17" class="abs low">2/17</td>
+	<td data-value="24.09" class="pct low">24.09%</td>
+	<td data-value="83" class="abs low">20/83</td>
+	</tr>
+
+<tr>
+	<td class="file low" data-value="form.test.stories.ts"><a href="form.test.stories.ts.html">form.test.stories.ts</a></td>
+	<td data-value="31.11" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 31%"></div><div class="cover-empty" style="width: 69%"></div></div>
+	</td>
+	<td data-value="31.11" class="pct low">31.11%</td>
+	<td data-value="45" class="abs low">14/45</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	<td data-value="28.57" class="pct low">28.57%</td>
+	<td data-value="7" class="abs low">2/7</td>
+	<td data-value="29.54" class="pct low">29.54%</td>
+	<td data-value="44" class="abs low">13/44</td>
 	</tr>
 
 <tr>
@@ -154,63 +169,78 @@
 	</tr>
 
 <tr>
-	<td class="file high" data-value="local-storage.stories.ts"><a href="local-storage.stories.ts.html">local-storage.stories.ts</a></td>
-	<td data-value="100" class="pic high">
-	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	<td class="file low" data-value="local-storage.test.stories.ts"><a href="local-storage.test.stories.ts.html">local-storage.test.stories.ts</a></td>
+	<td data-value="6.06" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 6%"></div><div class="cover-empty" style="width: 94%"></div></div>
 	</td>
+	<td data-value="6.06" class="pct low">6.06%</td>
+	<td data-value="231" class="abs low">14/231</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="224" class="abs high">224/224</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="4" class="abs high">4/4</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="15" class="abs high">15/15</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="215" class="abs high">215/215</td>
+	<td data-value="7" class="abs high">7/7</td>
+	<td data-value="12.5" class="pct low">12.5%</td>
+	<td data-value="16" class="abs low">2/16</td>
+	<td data-value="5.88" class="pct low">5.88%</td>
+	<td data-value="221" class="abs low">13/221</td>
 	</tr>
 
 <tr>
-	<td class="file high" data-value="location-element.stories.ts"><a href="location-element.stories.ts.html">location-element.stories.ts</a></td>
-	<td data-value="100" class="pic high">
-	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	<td class="file low" data-value="location-element.test.stories.ts"><a href="location-element.test.stories.ts.html">location-element.test.stories.ts</a></td>
+	<td data-value="19.35" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 19%"></div><div class="cover-empty" style="width: 81%"></div></div>
 	</td>
+	<td data-value="19.35" class="pct low">19.35%</td>
+	<td data-value="62" class="abs low">12/62</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="56" class="abs high">56/56</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="2" class="abs high">2/2</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="15" class="abs high">15/15</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="45" class="abs high">45/45</td>
+	<td data-value="5" class="abs high">5/5</td>
+	<td data-value="12.5" class="pct low">12.5%</td>
+	<td data-value="16" class="abs low">2/16</td>
+	<td data-value="22" class="pct low">22%</td>
+	<td data-value="50" class="abs low">11/50</td>
 	</tr>
 
 <tr>
-	<td class="file high" data-value="renderPlay.ts"><a href="renderPlay.ts.html">renderPlay.ts</a></td>
-	<td data-value="100" class="pic high">
-	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	<td class="file low" data-value="slice-events.test.stories.ts"><a href="slice-events.test.stories.ts.html">slice-events.test.stories.ts</a></td>
+	<td data-value="17.94" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 17%"></div><div class="cover-empty" style="width: 83%"></div></div>
 	</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="9" class="abs high">9/9</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="2" class="abs high">2/2</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="5" class="abs high">5/5</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="7" class="abs high">7/7</td>
+	<td data-value="17.94" class="pct low">17.94%</td>
+	<td data-value="78" class="abs low">14/78</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	<td data-value="15.38" class="pct low">15.38%</td>
+	<td data-value="13" class="abs low">2/13</td>
+	<td data-value="17.8" class="pct low">17.8%</td>
+	<td data-value="73" class="abs low">13/73</td>
 	</tr>
 
 <tr>
-	<td class="file high" data-value="slice-events.stories.ts"><a href="slice-events.stories.ts.html">slice-events.stories.ts</a></td>
+	<td class="file low" data-value="slots.test.stories.ts"><a href="slots.test.stories.ts.html">slots.test.stories.ts</a></td>
+	<td data-value="25" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 25%"></div><div class="cover-empty" style="width: 75%"></div></div>
+	</td>
+	<td data-value="25" class="pct low">25%</td>
+	<td data-value="64" class="abs low">16/64</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	<td data-value="22.22" class="pct low">22.22%</td>
+	<td data-value="9" class="abs low">2/9</td>
+	<td data-value="23.8" class="pct low">23.8%</td>
+	<td data-value="63" class="abs low">15/63</td>
+	</tr>
+
+<tr>
+	<td class="file high" data-value="testStoryBook.ts"><a href="testStoryBook.ts.html">testStoryBook.ts</a></td>
 	<td data-value="100" class="pic high">
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="50" class="abs high">50/50</td>
+	<td data-value="14" class="abs high">14/14</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="2" class="abs high">2/2</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="9" class="abs high">9/9</td>
+	<td data-value="8" class="abs high">8/8</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="46" class="abs high">46/46</td>
+	<td data-value="11" class="abs high">11/11</td>
 	</tr>
 
 </tbody>
@@ -221,7 +251,7 @@
             <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 2024-05-13T06:00:45.582Z
+                at 2024-06-27T03:24:38.495Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/stories/{dom-merge.stories.ts → local-storage.test.stories.ts}/coverage.svg

@@ -6,5 +6,5 @@
     <rect width="140" height="32" fill="#473" rx="4"/>
     <rect width="88" height="32" fill="#534" rx="4"/>
     <text x="8" y="21" class="heavy">coverage</text>
-    <text x="94" y="22" class="percent">100%</text>
+    <text x="94" y="22" class="percent">5.88%</text>
 </svg>