0.0.20

* http-request url change handling
* local-storage  live recovered

.gitattributes

@@ -0,0 +1,4 @@
+/.yarn/**            linguist-vendored
+/.yarn/releases/*    binary
+/.yarn/plugins/**/*  binary
+/.pnp.*              binary linguist-generated

.gitignore

@@ -114,3 +114,5 @@ typings/
 
 /out-tsc/
 /src/demo/
+
+*storybook.log

.storybook/preview.js

@@ -1,10 +1,10 @@
-import { initialize, mswDecorator } from "msw-storybook-addon";
+import { initialize, mswDecorator, mswLoader } from 'msw-storybook-addon'
 
 import './common.css';
 import {handlers} from "../src/mocks/handlers";
 
 export const parameters = {
-    actions: { argTypesRegex: "^on[A-Z].*" },
+    // actions: { argTypesRegex: "^on[A-Z].*" },
     controls: {
         sort: 'requiredFirst',
         matchers: {
@@ -20,4 +20,14 @@ initialize();
 
 // Provide the MSW addon decorator globally
 export const decorators = [mswDecorator];
+
 // export const decorators = [];
+const preview = {
+  parameters: {
+    // your other code...
+  },
+  // Provide the MSW addon loader globally
+  loaders: [mswLoader],
+}
+
+export default preview

README.md

@@ -68,7 +68,7 @@ To run a local development server that serves the basic demo located in `src/dem
 
 [git-url]:        https://github.com/EPA-WG/custom-element
 [github-image]:   https://cdnjs.cloudflare.com/ajax/libs/octicons/8.5.0/svg/mark-github.svg
-[demo-url]:       https://unpkg.com/@epa-wg/[email protected].19/dist/index.html
-[storybook-url]:  https://unpkg.com/@epa-wg/[email protected].19/storybook-static/index.html?path=/story/welcome--introduction
-[coverage-image]: https://unpkg.com/@epa-wg/[email protected].19/coverage/coverage.svg
-[coverage-url]:   https://unpkg.com/@epa-wg/[email protected].19/coverage/lcov-report/index.html
+[demo-url]:       https://unpkg.com/@epa-wg/[email protected].20/dist/index.html
+[storybook-url]:  https://unpkg.com/@epa-wg/[email protected].20/storybook-static/index.html?path=/story/welcome--introduction
+[coverage-image]: https://unpkg.com/@epa-wg/[email protected].20/coverage/coverage.svg
+[coverage-url]:   https://unpkg.com/@epa-wg/[email protected].20/coverage/lcov-report/index.html

coverage/lcov-report/index.html

@@ -23,30 +23,30 @@ <h1>All files</h1>
         <div class='clearfix'>
 
             <div class='fl pad1y space-right2'>
-                <span class="strong">94.68% </span>
+                <span class="strong">86.08% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>1747/1845</span>
+                <span class='fraction'>1788/2077</span>
             </div>
 
 
             <div class='fl pad1y space-right2'>
-                <span class="strong">96.06% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>244/254</span>
+                <span class='fraction'>246/246</span>
             </div>
 
 
             <div class='fl pad1y space-right2'>
-                <span class="strong">88.57% </span>
+                <span class="strong">86.72% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>93/105</span>
+                <span class='fraction'>98/113</span>
             </div>
 
 
             <div class='fl pad1y space-right2'>
-                <span class="strong">94.68% </span>
+                <span class="strong">86.08% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>1747/1845</span>
+                <span class='fraction'>1788/2077</span>
             </div>
 
 
@@ -80,47 +80,47 @@ <h1>All files</h1>
 </thead>
 <tbody><tr>
 	<td class="file high" data-value="src"><a href="src/index.html">src</a></td>
-	<td data-value="93.3" class="pic high">
-	<div class="chart"><div class="cover-fill" style="width: 93%"></div><div class="cover-empty" style="width: 7%"></div></div>
+	<td data-value="86.66" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 86%"></div><div class="cover-empty" style="width: 14%"></div></div>
 	</td>
-	<td data-value="93.3" class="pct high">93.3%</td>
-	<td data-value="866" class="abs high">808/866</td>
-	<td data-value="95.41" class="pct high">95.41%</td>
-	<td data-value="218" class="abs high">208/218</td>
-	<td data-value="88.5" class="pct high">88.5%</td>
-	<td data-value="87" class="abs high">77/87</td>
-	<td data-value="93.3" class="pct high">93.3%</td>
-	<td data-value="866" class="abs high">808/866</td>
+	<td data-value="86.66" class="pct high">86.66%</td>
+	<td data-value="945" class="abs high">819/945</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="211" class="abs high">211/211</td>
+	<td data-value="88.63" class="pct high">88.63%</td>
+	<td data-value="88" class="abs high">78/88</td>
+	<td data-value="86.66" class="pct high">86.66%</td>
+	<td data-value="945" class="abs high">819/945</td>
 	</tr>
 
 <tr>
 	<td class="file high" data-value="src/mocks"><a href="src/mocks/index.html">src/mocks</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 data-value="86.88" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 86%"></div><div class="cover-empty" style="width: 14%"></div></div>
 	</td>
+	<td data-value="86.88" class="pct high">86.88%</td>
+	<td data-value="61" class="abs high">53/61</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="61" class="abs high">61/61</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="12" class="abs high">12/12</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="3" class="abs high">3/3</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="61" class="abs high">61/61</td>
+	<td data-value="6" class="abs high">6/6</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
+	<td data-value="3" class="abs medium">2/3</td>
+	<td data-value="86.88" class="pct high">86.88%</td>
+	<td data-value="61" class="abs high">53/61</td>
 	</tr>
 
 <tr>
 	<td class="file high" data-value="stories"><a href="stories/index.html">stories</a></td>
-	<td data-value="95.64" 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="85.52" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 85%"></div><div class="cover-empty" style="width: 15%"></div></div>
 	</td>
-	<td data-value="95.64" class="pct high">95.64%</td>
-	<td data-value="918" class="abs high">878/918</td>
+	<td data-value="85.52" class="pct high">85.52%</td>
+	<td data-value="1071" class="abs high">916/1071</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="24" class="abs high">24/24</td>
-	<td data-value="86.66" class="pct high">86.66%</td>
-	<td data-value="15" class="abs high">13/15</td>
-	<td data-value="95.64" class="pct high">95.64%</td>
-	<td data-value="918" class="abs high">878/918</td>
+	<td data-value="29" class="abs high">29/29</td>
+	<td data-value="81.81" class="pct high">81.81%</td>
+	<td data-value="22" class="abs high">18/22</td>
+	<td data-value="85.52" class="pct high">85.52%</td>
+	<td data-value="1071" class="abs high">916/1071</td>
 	</tr>
 
 </tbody>
@@ -131,7 +131,7 @@ <h1>All files</h1>
             <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-04-21T03:47:14.743Z
+                at 2024-04-26T03:04:57.457Z
             </div>
         <script src="prettify.js"></script>
         <script>