@epa-wg/custom-element-dist 0.0.32 → 0.0.34

package/coverage/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">58.93% </span>
+                <span class="strong">91.06% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>1062/1802</span>
+                <span class='fraction'>927/1018</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">90.9% </span>
+                <span class="strong">83.2% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>440/484</span>
+                <span class='fraction'>421/506</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">67.42% </span>
+                <span class="strong">94.42% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>238/353</span>
+                <span class='fraction'>220/233</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">57.62% </span>
+                <span class="strong">91.38% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>952/1652</span>
+                <span class='fraction'>827/905</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line medium'></div>
+    <div class='status-line high'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -95,17 +95,32 @@
 
 <tr>
 	<td class="file high" data-value="src/custom-element"><a href="src/custom-element/index.html">src/custom-element</a></td>
-	<td data-value="95.71" class="pic high">
-	<div class="chart"><div class="cover-fill" style="width: 95%"></div><div class="cover-empty" style="width: 5%"></div></div>
+	<td data-value="93.5" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 93%"></div><div class="cover-empty" style="width: 7%"></div></div>
 	</td>
-	<td data-value="95.71" class="pct high">95.71%</td>
-	<td data-value="817" class="abs high">782/817</td>
-	<td data-value="90.04" class="pct high">90.04%</td>
-	<td data-value="432" class="abs high">389/432</td>
-	<td data-value="97.35" class="pct high">97.35%</td>
-	<td data-value="189" class="abs high">184/189</td>
-	<td data-value="95.85" class="pct high">95.85%</td>
-	<td data-value="723" class="abs high">693/723</td>
+	<td data-value="93.5" class="pct high">93.5%</td>
+	<td data-value="877" class="abs high">820/877</td>
+	<td data-value="86.97" class="pct high">86.97%</td>
+	<td data-value="476" class="abs high">414/476</td>
+	<td data-value="96.39" class="pct high">96.39%</td>
+	<td data-value="194" class="abs high">187/194</td>
+	<td data-value="93.35" class="pct high">93.35%</td>
+	<td data-value="782" class="abs high">730/782</td>
+	</tr>
+
+<tr>
+	<td class="file low" data-value="src/material/theme"><a href="src/material/theme/index.html">src/material/theme</a></td>
+	<td data-value="0" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
+	</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="33" class="abs low">0/33</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="22" class="abs low">0/22</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="5" class="abs low">0/5</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="25" class="abs low">0/25</td>
 	</tr>
 
 <tr>
@@ -124,18 +139,18 @@
 	</tr>
 
 <tr>
-	<td class="file low" data-value="src/stories"><a href="src/stories/index.html">src/stories</a></td>
-	<td data-value="27.12" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 27%"></div><div class="cover-empty" style="width: 73%"></div></div>
+	<td class="file high" data-value="src/stories"><a href="src/stories/index.html">src/stories</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="27.12" class="pct low">27.12%</td>
-	<td data-value="966" class="abs low">262/966</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="48" class="abs high">48/48</td>
-	<td data-value="30.57" class="pct low">30.57%</td>
-	<td data-value="157" class="abs low">48/157</td>
-	<td data-value="26.56" class="pct low">26.56%</td>
-	<td data-value="911" class="abs low">242/911</td>
+	<td data-value="89" class="abs high">89/89</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="27" class="abs high">27/27</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="80" class="abs high">80/80</td>
 	</tr>
 
 </tbody>
@@ -146,7 +161,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-11-28T15:54:41.264Z
+                at 2025-12-30T06:55:41.793Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/sorter.js

@@ -27,17 +27,31 @@ var addSorting = (function() {
     function onFilterInput() {
         const searchValue = document.getElementById('fileSearch').value;
         const rows = document.getElementsByTagName('tbody')[0].children;
+
+        // Try to create a RegExp from the searchValue. If it fails (invalid regex),
+        // it will be treated as a plain text search
+        let searchRegex;
+        try {
+            searchRegex = new RegExp(searchValue, 'i'); // 'i' for case-insensitive
+        } catch (error) {
+            searchRegex = null;
+        }
+
         for (let i = 0; i < rows.length; i++) {
             const row = rows[i];
-            if (
-                row.textContent
-                    .toLowerCase()
-                    .includes(searchValue.toLowerCase())
-            ) {
-                row.style.display = '';
+            let isMatch = false;
+
+            if (searchRegex) {
+                // If a valid regex was created, use it for matching
+                isMatch = searchRegex.test(row.textContent);
             } else {
-                row.style.display = 'none';
+                // Otherwise, fall back to the original plain text search
+                isMatch = row.textContent
+                    .toLowerCase()
+                    .includes(searchValue.toLowerCase());
             }
+
+            row.style.display = isMatch ? '' : 'none';
         }
     }
 

package/coverage/src/custom-element/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">90.04%</text>
+    <text x="94" y="22" class="percent">86.97%</text>
 </svg>

package/coverage/src/custom-element/custom-element.js/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">88.28%</text>
+    <text x="94" y="22" class="percent">85.96%</text>
 </svg>