diff --git a/.pull-configs.js b/.pull-configs.js
index 730f62b..d406cff 100644
--- a/.pull-configs.js
+++ b/.pull-configs.js
@@ -7,21 +7,25 @@ const remote = 'https://github.com/stagas/typescript-minimal-template/raw/main/'
 const { assign, omit, sort, merge, replace } = pullConfigs(remote, local)
 
 merge('package.json', (prev, next) => {
-  prev.trustedDependencies ??= []
-  prev.trustedDependencies = [
-    ...new Set([...prev.trustedDependencies, ...(next.trustedDependencies ?? [])]),
-  ].sort()
+  // deprecated: now using ~/.trusted-npm-deps per system configuration
+  delete prev.trustedDependencies
+
   prev.types = next.types
   prev.scripts = next.scripts
   prev.files = next.files
   sort(assign(prev.devDependencies, next.devDependencies))
 
+  // never used it - OTR screen acts like review so
+  // it can be accidentally published anyway. also i dont care
+  delete prev.private
+
   // deprecated
   delete prev.devDependencies['@stagas/documentation-fork']
   delete prev.devDependencies['@rollup/plugin-commonjs']
   delete prev.devDependencies['@stagas/sucrase-jest-plugin']
   delete prev.devDependencies['@web/dev-server-esbuild']
   delete prev.devDependencies['@web/dev-server-rollup']
+  delete prev.devDependencies['@web/test-runner']
   delete prev.devDependencies['esbuild']
   delete prev.devDependencies['esbuild-register']
   delete prev.devDependencies['prettier']
diff --git a/README.md b/README.md
index 7647ca8..d2aa78d 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <h1>
-x-plot <a href="https://npmjs.org/package/x-plot"><img src="https://img.shields.io/badge/npm-v3.0.0-F00.svg?colorA=000"/></a> <a href="src"><img src="https://img.shields.io/badge/loc-221-FFF.svg?colorA=000"/></a> <a href="https://cdn.jsdelivr.net/npm/x-plot@3.0.0/dist/x-plot.min.js"><img src="https://img.shields.io/badge/brotli-16.2K-333.svg?colorA=000"/></a> <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-F0B.svg?colorA=000"/></a>
+x-plot <a href="https://npmjs.org/package/x-plot"><img src="https://img.shields.io/badge/npm-v3.0.1-F00.svg?colorA=000"/></a> <a href="src"><img src="https://img.shields.io/badge/loc-221-FFF.svg?colorA=000"/></a> <a href="https://cdn.jsdelivr.net/npm/x-plot@3.0.1/dist/x-plot.min.js"><img src="https://img.shields.io/badge/brotli-16.3K-333.svg?colorA=000"/></a> <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-F0B.svg?colorA=000"/></a>
 </h1>
 
 <p></p>
@@ -72,7 +72,7 @@ loop()
 
 ## API
 
-<p>  <details id="PlotElement$1" title="Class" open><summary><span><a href="#PlotElement$1">#</a></span>  <code><strong>PlotElement</strong></code>     &ndash; Plot.</summary>  <a href="src/x-plot.ts#L30">src/x-plot.ts#L30</a>  <ul>        <p>  <details id="constructor$2" title="Constructor" ><summary><span><a href="#constructor$2">#</a></span>  <code><strong>constructor</strong></code><em>()</em>    </summary>    <ul>    <p>  <details id="new PlotElement$3" title="ConstructorSignature" ><summary><span><a href="#new PlotElement$3">#</a></span>  <code><strong>new PlotElement</strong></code><em>()</em>    </summary>    <ul><p><a href="#PlotElement$1">PlotElement</a></p>        </ul></details></p>    </ul></details><details id="$$72" title="Property" ><summary><span><a href="#$$72">#</a></span>  <code><strong>$</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/sigl.d.ts#L26">src/work/stagas/sigl/dist/types/sigl.d.ts#L26</a>  <ul><p><span>Context</span>&lt;<a href="#PlotElement$1">PlotElement</a> &amp; <span>JsxContext</span>&lt;<a href="#PlotElement$1">PlotElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id="ctor$76" title="Parameter" ><summary><span><a href="#ctor$76">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href="#T$36">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctor)</em>  &nbsp;=&gt;  <ul><span>CleanClass</span>&lt;<a href="#T$36">T</a>&gt;</ul></p>  <details id="ctx$91" title="Parameter" ><summary><span><a href="#ctx$91">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href="#T$51">T</a> | <span>Class</span>&lt;<a href="#T$51">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctx)</em>  &nbsp;=&gt;  <ul><span>Wrapper</span>&lt;<a href="#T$51">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id="Boolean$95" title="Property" ><summary><span><a href="#Boolean$95">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L7">src/work/stagas/sigl/dist/types/index.d.ts#L7</a>  <ul><p>undefined | boolean</p>        </ul></details><details id="Number$94" title="Property" ><summary><span><a href="#Number$94">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L6">src/work/stagas/sigl/dist/types/index.d.ts#L6</a>  <ul><p>undefined | number</p>        </ul></details><details id="String$93" title="Property" ><summary><span><a href="#String$93">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L5">src/work/stagas/sigl/dist/types/index.d.ts#L5</a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>"transition"</code>&gt;&gt;</p>        </ul></details><details id="autoResize$11" title="Property" ><summary><span><a href="#autoResize$11">#</a></span>  <code><strong>autoResize</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>false</code></span>   &ndash; Autoresize to fit parent element's size.</summary>  <a href="src/x-plot.ts#L40">src/x-plot.ts#L40</a>  <ul><p>boolean</p>        </ul></details><details id="background$9" title="Property" ><summary><span><a href="#background$9">#</a></span>  <code><strong>background</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>'#235'</code></span>  </summary>  <a href="src/x-plot.ts#L37">src/x-plot.ts#L37</a>  <ul><p>string</p>        </ul></details><details id="color$10" title="Property" ><summary><span><a href="#color$10">#</a></span>  <code><strong>color</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>'#4f4'</code></span>  </summary>  <a href="src/x-plot.ts#L38">src/x-plot.ts#L38</a>  <ul><p>string</p>        </ul></details><details id="context$96" title="Property" ><summary><span><a href="#context$96">#</a></span>  <code><strong>context</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/sigl.d.ts#L27">src/work/stagas/sigl/dist/types/sigl.d.ts#L27</a>  <ul><p><span>ContextClass</span>&lt;<a href="#PlotElement$1">PlotElement</a> &amp; <span>JsxContext</span>&lt;<a href="#PlotElement$1">PlotElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id="ctor$100" title="Parameter" ><summary><span><a href="#ctor$100">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href="#T$36">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctor)</em>  &nbsp;=&gt;  <ul><span>CleanClass</span>&lt;<a href="#T$36">T</a>&gt;</ul></p>  <details id="ctx$115" title="Parameter" ><summary><span><a href="#ctx$115">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href="#T$51">T</a> | <span>Class</span>&lt;<a href="#T$51">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctx)</em>  &nbsp;=&gt;  <ul><span>Wrapper</span>&lt;<a href="#T$51">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id="Boolean$119" title="Property" ><summary><span><a href="#Boolean$119">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L7">src/work/stagas/sigl/dist/types/index.d.ts#L7</a>  <ul><p>undefined | boolean</p>        </ul></details><details id="Number$118" title="Property" ><summary><span><a href="#Number$118">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L6">src/work/stagas/sigl/dist/types/index.d.ts#L6</a>  <ul><p>undefined | number</p>        </ul></details><details id="String$117" title="Property" ><summary><span><a href="#String$117">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L5">src/work/stagas/sigl/dist/types/index.d.ts#L5</a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>"transition"</code>&gt;&gt;</p>        </ul></details><details id="data$14" title="Property" ><summary><span><a href="#data$14">#</a></span>  <code><strong>data</strong></code>     &ndash; Array-like number data to plot, range <code>-1..+1</code>, <code>0</code>=center, <code>-1</code>=bottom, <code>+1</code>=top.</summary>  <a href="src/x-plot.ts#L47">src/x-plot.ts#L47</a>  <ul><p><span>ArrayLike</span>&lt;number&gt;</p>        </ul></details><details id="dispatch$57" title="Property" ><summary><span><a href="#dispatch$57">#</a></span>  <code><strong>dispatch</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/events.d.ts#L4">src/work/stagas/sigl/dist/types/events.d.ts#L4</a>  <ul><p><span>Dispatch</span>&lt;<details id="__type$58" title="Function" ><summary><span><a href="#__type$58">#</a></span>  <em>(name, detail, init)</em>    </summary>    <ul>    <p>    <details id="name$62" title="Parameter" ><summary><span><a href="#name$62">#</a></span>  <code><strong>name</strong></code>    </summary>    <ul><p><span>Event</span> | <span>Narrow</span>&lt;<a href="#K$60">K</a>, string&gt;</p>        </ul></details><details id="detail$63" title="Parameter" ><summary><span><a href="#detail$63">#</a></span>  <code><strong>detail</strong></code>    </summary>    <ul><p><a href="#E$61">E</a></p>        </ul></details><details id="init$64" title="Parameter" ><summary><span><a href="#init$64">#</a></span>  <code><strong>init</strong></code>    </summary>    <ul><p><span>CustomEventInit</span>&lt;any&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>K</span>, <span>E</span>&gt;<em>(name, detail, init)</em>  &nbsp;=&gt;  <ul>any</ul></p></p>    </ul></details>&gt;</p>        </ul></details><details id="get$19" title="Property" ><summary><span><a href="#get$19">#</a></span>  <code><strong>get</strong></code>    </summary>  <a href="src/x-plot.ts#L52">src/x-plot.ts#L52</a>  <ul><p><details id="__type$20" title="Function" ><summary><span><a href="#__type$20">#</a></span>  <em>(i)</em>    </summary>    <ul>    <p>    <details id="i$22" title="Parameter" ><summary><span><a href="#i$22">#</a></span>  <code><strong>i</strong></code>    </summary>    <ul><p>number</p>        </ul></details>  <p><strong></strong><em>(i)</em>  &nbsp;=&gt;  <ul>number</ul></p></p>    </ul></details></p>        </ul></details><details id="height$6" title="Property" ><summary><span><a href="#height$6">#</a></span>  <code><strong>height</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>60</code></span>  </summary>  <a href="src/x-plot.ts#L34">src/x-plot.ts#L34</a>  <ul><p>number</p>        </ul></details><details id="host$71" title="Property" ><summary><span><a href="#host$71">#</a></span>  <code><strong>host</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/sigl.d.ts#L25">src/work/stagas/sigl/dist/types/sigl.d.ts#L25</a>  <ul><p><a href="#PlotElement$1">PlotElement</a></p>        </ul></details><details id="lineWidth$7" title="Property" ><summary><span><a href="#lineWidth$7">#</a></span>  <code><strong>lineWidth</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>1</code></span>  </summary>  <a href="src/x-plot.ts#L35">src/x-plot.ts#L35</a>  <ul><p>number</p>        </ul></details><details id="offsetX$13" title="Property" ><summary><span><a href="#offsetX$13">#</a></span>  <code><strong>offsetX</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>0</code></span>   &ndash; Horizontal panning position.</summary>  <a href="src/x-plot.ts#L44">src/x-plot.ts#L44</a>  <ul><p>number</p>        </ul></details><details id="onPointerMove$29" title="Property" ><summary><span><a href="#onPointerMove$29">#</a></span>  <code><strong>onPointerMove</strong></code>    </summary>  <a href="src/x-plot.ts#L61">src/x-plot.ts#L61</a>  <ul><p><span>EventHandler</span>&lt;<span>Window</span>, <span>PointerEvent</span>&gt;</p>        </ul></details><details id="onWheel$30" title="Property" ><summary><span><a href="#onWheel$30">#</a></span>  <code><strong>onWheel</strong></code>    </summary>  <a href="src/x-plot.ts#L62">src/x-plot.ts#L62</a>  <ul><p><span>EventHandler</span>&lt;<a href="#PlotElement$1">PlotElement</a>, <span>WheelEvent</span>&gt;</p>        </ul></details><details id="onmounted$69" title="Property" ><summary><span><a href="#onmounted$69">#</a></span>  <code><strong>onmounted</strong></code>    </summary>    <ul><p><span>EventHandler</span>&lt;<a href="#PlotElement$1">PlotElement</a>, <span>CustomEvent</span>&lt;any&gt;&gt;</p>        </ul></details><details id="onunmounted$70" title="Property" ><summary><span><a href="#onunmounted$70">#</a></span>  <code><strong>onunmounted</strong></code>    </summary>    <ul><p><span>EventHandler</span>&lt;<a href="#PlotElement$1">PlotElement</a>, <span>CustomEvent</span>&lt;any&gt;&gt;</p>        </ul></details><details id="pixelRatio$8" title="Property" ><summary><span><a href="#pixelRatio$8">#</a></span>  <code><strong>pixelRatio</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>window.devicePixelRatio</code></span>  </summary>  <a href="src/x-plot.ts#L36">src/x-plot.ts#L36</a>  <ul><p>number</p>        </ul></details><details id="pointer$24" title="Property" ><summary><span><a href="#pointer$24">#</a></span>  <code><strong>pointer</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>...</code></span>   &ndash; Pointer data</summary>  <a href="src/x-plot.ts#L56">src/x-plot.ts#L56</a>  <ul><p>{<p>  <details id="id$26" title="Property" ><summary><span><a href="#id$26">#</a></span>  <code><strong>id</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>-1</code></span>  </summary>    <ul><p>number</p>        </ul></details><details id="x$27" title="Property" ><summary><span><a href="#x$27">#</a></span>  <code><strong>x</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>0</code></span>  </summary>    <ul><p>number</p>        </ul></details><details id="y$28" title="Property" ><summary><span><a href="#y$28">#</a></span>  <code><strong>y</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>0</code></span>  </summary>    <ul><p>number</p>        </ul></details></p>}</p>        </ul></details><details id="pointerDown$23" title="Property" ><summary><span><a href="#pointerDown$23">#</a></span>  <code><strong>pointerDown</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>false</code></span>   &ndash; Pointer down state</summary>  <a href="src/x-plot.ts#L54">src/x-plot.ts#L54</a>  <ul><p>boolean</p>        </ul></details><details id="root$4" title="Property" ><summary><span><a href="#root$4">#</a></span>  <code><strong>root</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>...</code></span>  </summary>  <a href="src/x-plot.ts#L31">src/x-plot.ts#L31</a>  <ul><p><span>ShadowRoot</span></p>        </ul></details><details id="screen$15" title="Property" ><summary><span><a href="#screen$15">#</a></span>  <code><strong>screen</strong></code>    </summary>  <a href="src/x-plot.ts#L48">src/x-plot.ts#L48</a>  <ul><p>{<p>  <details id="canvas$17" title="Property" ><summary><span><a href="#canvas$17">#</a></span>  <code><strong>canvas</strong></code>    </summary>  <a href="src/x-plot.ts#L49">src/x-plot.ts#L49</a>  <ul><p><span>HTMLCanvasElement</span></p>        </ul></details><details id="ctx$18" title="Property" ><summary><span><a href="#ctx$18">#</a></span>  <code><strong>ctx</strong></code>    </summary>  <a href="src/x-plot.ts#L50">src/x-plot.ts#L50</a>  <ul><p><span>CanvasRenderingContext2D</span></p>        </ul></details></p>}</p>        </ul></details><details id="width$5" title="Property" ><summary><span><a href="#width$5">#</a></span>  <code><strong>width</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>200</code></span>  </summary>  <a href="src/x-plot.ts#L33">src/x-plot.ts#L33</a>  <ul><p>number</p>        </ul></details><details id="zoom$12" title="Property" ><summary><span><a href="#zoom$12">#</a></span>  <code><strong>zoom</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>1</code></span>   &ndash; Zoom scale: <code>1</code>=no zoom.</summary>  <a href="src/x-plot.ts#L42">src/x-plot.ts#L42</a>  <ul><p>number</p>        </ul></details><details id="created$120" title="Method" ><summary><span><a href="#created$120">#</a></span>  <code><strong>created</strong></code><em>(ctx)</em>    </summary>    <ul>    <p>    <details id="ctx$122" title="Parameter" ><summary><span><a href="#ctx$122">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><span>Context</span>&lt;<a href="#PlotElement$1">PlotElement</a> &amp; <span>JsxContext</span>&lt;<a href="#PlotElement$1">PlotElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id="ctor$126" title="Parameter" ><summary><span><a href="#ctor$126">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href="#T$36">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctor)</em>  &nbsp;=&gt;  <ul><span>CleanClass</span>&lt;<a href="#T$36">T</a>&gt;</ul></p>  <details id="ctx$141" title="Parameter" ><summary><span><a href="#ctx$141">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href="#T$51">T</a> | <span>Class</span>&lt;<a href="#T$51">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctx)</em>  &nbsp;=&gt;  <ul><span>Wrapper</span>&lt;<a href="#T$51">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id="Boolean$145" title="Property" ><summary><span><a href="#Boolean$145">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L7">src/work/stagas/sigl/dist/types/index.d.ts#L7</a>  <ul><p>undefined | boolean</p>        </ul></details><details id="Number$144" title="Property" ><summary><span><a href="#Number$144">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L6">src/work/stagas/sigl/dist/types/index.d.ts#L6</a>  <ul><p>undefined | number</p>        </ul></details><details id="String$143" title="Property" ><summary><span><a href="#String$143">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L5">src/work/stagas/sigl/dist/types/index.d.ts#L5</a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>"transition"</code>&gt;&gt;</p>        </ul></details>  <p><strong>created</strong><em>(ctx)</em>  &nbsp;=&gt;  <ul>void</ul></p></p>    </ul></details><details id="mounted$31" title="Method" ><summary><span><a href="#mounted$31">#</a></span>  <code><strong>mounted</strong></code><em>($)</em>    </summary>  <a href="src/x-plot.ts#L64">src/x-plot.ts#L64</a>  <ul>    <p>    <details id="$$33" title="Parameter" ><summary><span><a href="#$$33">#</a></span>  <code><strong>$</strong></code>    </summary>    <ul><p><span>Context</span>&lt;<a href="#PlotElement$1">PlotElement</a> &amp; <span>JsxContext</span>&lt;<a href="#PlotElement$1">PlotElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id="ctor$37" title="Parameter" ><summary><span><a href="#ctor$37">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href="#T$36">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctor)</em>  &nbsp;=&gt;  <ul><span>CleanClass</span>&lt;<a href="#T$36">T</a>&gt;</ul></p>  <details id="ctx$52" title="Parameter" ><summary><span><a href="#ctx$52">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href="#T$51">T</a> | <span>Class</span>&lt;<a href="#T$51">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctx)</em>  &nbsp;=&gt;  <ul><span>Wrapper</span>&lt;<a href="#T$51">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id="Boolean$56" title="Property" ><summary><span><a href="#Boolean$56">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L7">src/work/stagas/sigl/dist/types/index.d.ts#L7</a>  <ul><p>undefined | boolean</p>        </ul></details><details id="Number$55" title="Property" ><summary><span><a href="#Number$55">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L6">src/work/stagas/sigl/dist/types/index.d.ts#L6</a>  <ul><p>undefined | number</p>        </ul></details><details id="String$54" title="Property" ><summary><span><a href="#String$54">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L5">src/work/stagas/sigl/dist/types/index.d.ts#L5</a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>"transition"</code>&gt;&gt;</p>        </ul></details>  <p><strong>mounted</strong><em>($)</em>  &nbsp;=&gt;  <ul>void</ul></p></p>    </ul></details><details id="on$65" title="Method" ><summary><span><a href="#on$65">#</a></span>  <code><strong>on</strong></code><em>(name)</em>    </summary>    <ul>    <p>    <details id="name$68" title="Parameter" ><summary><span><a href="#name$68">#</a></span>  <code><strong>name</strong></code>    </summary>    <ul><p><a href="#K$67">K</a></p>        </ul></details>  <p><strong>on</strong>&lt;<span>K</span>&gt;<em>(name)</em>  &nbsp;=&gt;  <ul><span>On</span>&lt;<span>Fn</span>&lt;[  <span>EventHandler</span>&lt;<a href="#PlotElement$1">PlotElement</a>, <span>LifecycleEvents</span> &amp; object  [<a href="#K$67">K</a>]&gt;  ], <span>Off</span>&gt;&gt;</ul></p></p>    </ul></details><details id="toJSON$146" title="Method" ><summary><span><a href="#toJSON$146">#</a></span>  <code><strong>toJSON</strong></code><em>()</em>    </summary>    <ul>    <p>      <p><strong>toJSON</strong><em>()</em>  &nbsp;=&gt;  <ul><span>Pick</span>&lt;<a href="#PlotElement$1">PlotElement</a>, keyof     <a href="#PlotElement$1">PlotElement</a>&gt;</ul></p></p>    </ul></details></p></ul></details></p>
+<p>  <details id="PlotElement$1" title="Class" open><summary><span><a href="#PlotElement$1">#</a></span>  <code><strong>PlotElement</strong></code>     &ndash; Plot.</summary>  <a href="src/x-plot.ts#L30">src/x-plot.ts#L30</a>  <ul>        <p>  <details id="constructor$2" title="Constructor" ><summary><span><a href="#constructor$2">#</a></span>  <code><strong>constructor</strong></code><em>()</em>    </summary>    <ul>    <p>  <details id="new PlotElement$3" title="ConstructorSignature" ><summary><span><a href="#new PlotElement$3">#</a></span>  <code><strong>new PlotElement</strong></code><em>()</em>    </summary>    <ul><p><a href="#PlotElement$1">PlotElement</a></p>        </ul></details></p>    </ul></details><details id="$$72" title="Property" ><summary><span><a href="#$$72">#</a></span>  <code><strong>$</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/sigl.d.ts#L25">src/work/stagas/sigl/dist/types/sigl.d.ts#L25</a>  <ul><p><span>Context</span>&lt;<a href="#PlotElement$1">PlotElement</a> &amp; <span>JsxContext</span>&lt;<a href="#PlotElement$1">PlotElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id="ctor$76" title="Parameter" ><summary><span><a href="#ctor$76">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href="#T$36">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctor)</em>  &nbsp;=&gt;  <ul><span>CleanClass</span>&lt;<a href="#T$36">T</a>&gt;</ul></p>  <details id="ctx$91" title="Parameter" ><summary><span><a href="#ctx$91">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href="#T$51">T</a> | <span>Class</span>&lt;<a href="#T$51">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctx)</em>  &nbsp;=&gt;  <ul><span>Wrapper</span>&lt;<a href="#T$51">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id="Boolean$95" title="Property" ><summary><span><a href="#Boolean$95">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L9">src/work/stagas/sigl/dist/types/index.d.ts#L9</a>  <ul><p>undefined | boolean</p>        </ul></details><details id="Number$94" title="Property" ><summary><span><a href="#Number$94">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L8">src/work/stagas/sigl/dist/types/index.d.ts#L8</a>  <ul><p>undefined | number</p>        </ul></details><details id="String$93" title="Property" ><summary><span><a href="#String$93">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L7">src/work/stagas/sigl/dist/types/index.d.ts#L7</a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>"transition"</code>&gt;&gt;</p>        </ul></details><details id="autoResize$11" title="Property" ><summary><span><a href="#autoResize$11">#</a></span>  <code><strong>autoResize</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>false</code></span>   &ndash; Autoresize to fit parent element's size.</summary>  <a href="src/x-plot.ts#L40">src/x-plot.ts#L40</a>  <ul><p>boolean</p>        </ul></details><details id="background$9" title="Property" ><summary><span><a href="#background$9">#</a></span>  <code><strong>background</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>'#235'</code></span>  </summary>  <a href="src/x-plot.ts#L37">src/x-plot.ts#L37</a>  <ul><p>string</p>        </ul></details><details id="color$10" title="Property" ><summary><span><a href="#color$10">#</a></span>  <code><strong>color</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>'#4f4'</code></span>  </summary>  <a href="src/x-plot.ts#L38">src/x-plot.ts#L38</a>  <ul><p>string</p>        </ul></details><details id="context$96" title="Property" ><summary><span><a href="#context$96">#</a></span>  <code><strong>context</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/sigl.d.ts#L26">src/work/stagas/sigl/dist/types/sigl.d.ts#L26</a>  <ul><p><span>ContextClass</span>&lt;<a href="#PlotElement$1">PlotElement</a> &amp; <span>JsxContext</span>&lt;<a href="#PlotElement$1">PlotElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id="ctor$100" title="Parameter" ><summary><span><a href="#ctor$100">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href="#T$36">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctor)</em>  &nbsp;=&gt;  <ul><span>CleanClass</span>&lt;<a href="#T$36">T</a>&gt;</ul></p>  <details id="ctx$115" title="Parameter" ><summary><span><a href="#ctx$115">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href="#T$51">T</a> | <span>Class</span>&lt;<a href="#T$51">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctx)</em>  &nbsp;=&gt;  <ul><span>Wrapper</span>&lt;<a href="#T$51">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id="Boolean$119" title="Property" ><summary><span><a href="#Boolean$119">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L9">src/work/stagas/sigl/dist/types/index.d.ts#L9</a>  <ul><p>undefined | boolean</p>        </ul></details><details id="Number$118" title="Property" ><summary><span><a href="#Number$118">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L8">src/work/stagas/sigl/dist/types/index.d.ts#L8</a>  <ul><p>undefined | number</p>        </ul></details><details id="String$117" title="Property" ><summary><span><a href="#String$117">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L7">src/work/stagas/sigl/dist/types/index.d.ts#L7</a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>"transition"</code>&gt;&gt;</p>        </ul></details><details id="data$14" title="Property" ><summary><span><a href="#data$14">#</a></span>  <code><strong>data</strong></code>     &ndash; Array-like number data to plot, range <code>-1..+1</code>, <code>0</code>=center, <code>-1</code>=bottom, <code>+1</code>=top.</summary>  <a href="src/x-plot.ts#L47">src/x-plot.ts#L47</a>  <ul><p><span>ArrayLike</span>&lt;number&gt;</p>        </ul></details><details id="dispatch$57" title="Property" ><summary><span><a href="#dispatch$57">#</a></span>  <code><strong>dispatch</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/events.d.ts#L4">src/work/stagas/sigl/dist/types/events.d.ts#L4</a>  <ul><p><span>Dispatch</span>&lt;<details id="__type$58" title="Function" ><summary><span><a href="#__type$58">#</a></span>  <em>(name, detail, init)</em>    </summary>    <ul>    <p>    <details id="name$62" title="Parameter" ><summary><span><a href="#name$62">#</a></span>  <code><strong>name</strong></code>    </summary>    <ul><p><span>Event</span> | <span>Narrow</span>&lt;<a href="#K$60">K</a>, string&gt;</p>        </ul></details><details id="detail$63" title="Parameter" ><summary><span><a href="#detail$63">#</a></span>  <code><strong>detail</strong></code>    </summary>    <ul><p><a href="#E$61">E</a></p>        </ul></details><details id="init$64" title="Parameter" ><summary><span><a href="#init$64">#</a></span>  <code><strong>init</strong></code>    </summary>    <ul><p><span>CustomEventInit</span>&lt;any&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>K</span>, <span>E</span>&gt;<em>(name, detail, init)</em>  &nbsp;=&gt;  <ul>any</ul></p></p>    </ul></details>&gt;</p>        </ul></details><details id="get$19" title="Property" ><summary><span><a href="#get$19">#</a></span>  <code><strong>get</strong></code>    </summary>  <a href="src/x-plot.ts#L52">src/x-plot.ts#L52</a>  <ul><p><details id="__type$20" title="Function" ><summary><span><a href="#__type$20">#</a></span>  <em>(i)</em>    </summary>    <ul>    <p>    <details id="i$22" title="Parameter" ><summary><span><a href="#i$22">#</a></span>  <code><strong>i</strong></code>    </summary>    <ul><p>number</p>        </ul></details>  <p><strong></strong><em>(i)</em>  &nbsp;=&gt;  <ul>number</ul></p></p>    </ul></details></p>        </ul></details><details id="height$6" title="Property" ><summary><span><a href="#height$6">#</a></span>  <code><strong>height</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>60</code></span>  </summary>  <a href="src/x-plot.ts#L34">src/x-plot.ts#L34</a>  <ul><p>number</p>        </ul></details><details id="host$71" title="Property" ><summary><span><a href="#host$71">#</a></span>  <code><strong>host</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/sigl.d.ts#L24">src/work/stagas/sigl/dist/types/sigl.d.ts#L24</a>  <ul><p><a href="#PlotElement$1">PlotElement</a></p>        </ul></details><details id="lineWidth$7" title="Property" ><summary><span><a href="#lineWidth$7">#</a></span>  <code><strong>lineWidth</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>1</code></span>  </summary>  <a href="src/x-plot.ts#L35">src/x-plot.ts#L35</a>  <ul><p>number</p>        </ul></details><details id="offsetX$13" title="Property" ><summary><span><a href="#offsetX$13">#</a></span>  <code><strong>offsetX</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>0</code></span>   &ndash; Horizontal panning position.</summary>  <a href="src/x-plot.ts#L44">src/x-plot.ts#L44</a>  <ul><p>number</p>        </ul></details><details id="onPointerMove$29" title="Property" ><summary><span><a href="#onPointerMove$29">#</a></span>  <code><strong>onPointerMove</strong></code>    </summary>  <a href="src/x-plot.ts#L61">src/x-plot.ts#L61</a>  <ul><p><span>EventHandler</span>&lt;<span>Window</span>, <span>PointerEvent</span>&gt;</p>        </ul></details><details id="onWheel$30" title="Property" ><summary><span><a href="#onWheel$30">#</a></span>  <code><strong>onWheel</strong></code>    </summary>  <a href="src/x-plot.ts#L62">src/x-plot.ts#L62</a>  <ul><p><span>EventHandler</span>&lt;<a href="#PlotElement$1">PlotElement</a>, <span>WheelEvent</span>&gt;</p>        </ul></details><details id="onmounted$69" title="Property" ><summary><span><a href="#onmounted$69">#</a></span>  <code><strong>onmounted</strong></code>    </summary>    <ul><p><span>EventHandler</span>&lt;<a href="#PlotElement$1">PlotElement</a>, <span>CustomEvent</span>&lt;any&gt;&gt;</p>        </ul></details><details id="onunmounted$70" title="Property" ><summary><span><a href="#onunmounted$70">#</a></span>  <code><strong>onunmounted</strong></code>    </summary>    <ul><p><span>EventHandler</span>&lt;<a href="#PlotElement$1">PlotElement</a>, <span>CustomEvent</span>&lt;any&gt;&gt;</p>        </ul></details><details id="pixelRatio$8" title="Property" ><summary><span><a href="#pixelRatio$8">#</a></span>  <code><strong>pixelRatio</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>window.devicePixelRatio</code></span>  </summary>  <a href="src/x-plot.ts#L36">src/x-plot.ts#L36</a>  <ul><p>number</p>        </ul></details><details id="pointer$24" title="Property" ><summary><span><a href="#pointer$24">#</a></span>  <code><strong>pointer</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>...</code></span>   &ndash; Pointer data</summary>  <a href="src/x-plot.ts#L56">src/x-plot.ts#L56</a>  <ul><p>{<p>  <details id="id$26" title="Property" ><summary><span><a href="#id$26">#</a></span>  <code><strong>id</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>-1</code></span>  </summary>    <ul><p>number</p>        </ul></details><details id="x$27" title="Property" ><summary><span><a href="#x$27">#</a></span>  <code><strong>x</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>0</code></span>  </summary>    <ul><p>number</p>        </ul></details><details id="y$28" title="Property" ><summary><span><a href="#y$28">#</a></span>  <code><strong>y</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>0</code></span>  </summary>    <ul><p>number</p>        </ul></details></p>}</p>        </ul></details><details id="pointerDown$23" title="Property" ><summary><span><a href="#pointerDown$23">#</a></span>  <code><strong>pointerDown</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>false</code></span>   &ndash; Pointer down state</summary>  <a href="src/x-plot.ts#L54">src/x-plot.ts#L54</a>  <ul><p>boolean</p>        </ul></details><details id="root$4" title="Property" ><summary><span><a href="#root$4">#</a></span>  <code><strong>root</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>...</code></span>  </summary>  <a href="src/x-plot.ts#L31">src/x-plot.ts#L31</a>  <ul><p><span>ShadowRoot</span></p>        </ul></details><details id="screen$15" title="Property" ><summary><span><a href="#screen$15">#</a></span>  <code><strong>screen</strong></code>    </summary>  <a href="src/x-plot.ts#L48">src/x-plot.ts#L48</a>  <ul><p>{<p>  <details id="canvas$17" title="Property" ><summary><span><a href="#canvas$17">#</a></span>  <code><strong>canvas</strong></code>    </summary>  <a href="src/x-plot.ts#L49">src/x-plot.ts#L49</a>  <ul><p><span>HTMLCanvasElement</span></p>        </ul></details><details id="ctx$18" title="Property" ><summary><span><a href="#ctx$18">#</a></span>  <code><strong>ctx</strong></code>    </summary>  <a href="src/x-plot.ts#L50">src/x-plot.ts#L50</a>  <ul><p><span>CanvasRenderingContext2D</span></p>        </ul></details></p>}</p>        </ul></details><details id="width$5" title="Property" ><summary><span><a href="#width$5">#</a></span>  <code><strong>width</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>200</code></span>  </summary>  <a href="src/x-plot.ts#L33">src/x-plot.ts#L33</a>  <ul><p>number</p>        </ul></details><details id="zoom$12" title="Property" ><summary><span><a href="#zoom$12">#</a></span>  <code><strong>zoom</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>1</code></span>   &ndash; Zoom scale: <code>1</code>=no zoom.</summary>  <a href="src/x-plot.ts#L42">src/x-plot.ts#L42</a>  <ul><p>number</p>        </ul></details><details id="created$120" title="Method" ><summary><span><a href="#created$120">#</a></span>  <code><strong>created</strong></code><em>(ctx)</em>    </summary>    <ul>    <p>    <details id="ctx$122" title="Parameter" ><summary><span><a href="#ctx$122">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><span>Context</span>&lt;<a href="#PlotElement$1">PlotElement</a> &amp; <span>JsxContext</span>&lt;<a href="#PlotElement$1">PlotElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id="ctor$126" title="Parameter" ><summary><span><a href="#ctor$126">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href="#T$36">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctor)</em>  &nbsp;=&gt;  <ul><span>CleanClass</span>&lt;<a href="#T$36">T</a>&gt;</ul></p>  <details id="ctx$141" title="Parameter" ><summary><span><a href="#ctx$141">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href="#T$51">T</a> | <span>Class</span>&lt;<a href="#T$51">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctx)</em>  &nbsp;=&gt;  <ul><span>Wrapper</span>&lt;<a href="#T$51">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id="Boolean$145" title="Property" ><summary><span><a href="#Boolean$145">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L9">src/work/stagas/sigl/dist/types/index.d.ts#L9</a>  <ul><p>undefined | boolean</p>        </ul></details><details id="Number$144" title="Property" ><summary><span><a href="#Number$144">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L8">src/work/stagas/sigl/dist/types/index.d.ts#L8</a>  <ul><p>undefined | number</p>        </ul></details><details id="String$143" title="Property" ><summary><span><a href="#String$143">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L7">src/work/stagas/sigl/dist/types/index.d.ts#L7</a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>"transition"</code>&gt;&gt;</p>        </ul></details>  <p><strong>created</strong><em>(ctx)</em>  &nbsp;=&gt;  <ul>void</ul></p></p>    </ul></details><details id="mounted$31" title="Method" ><summary><span><a href="#mounted$31">#</a></span>  <code><strong>mounted</strong></code><em>($)</em>    </summary>  <a href="src/x-plot.ts#L64">src/x-plot.ts#L64</a>  <ul>    <p>    <details id="$$33" title="Parameter" ><summary><span><a href="#$$33">#</a></span>  <code><strong>$</strong></code>    </summary>    <ul><p><span>Context</span>&lt;<a href="#PlotElement$1">PlotElement</a> &amp; <span>JsxContext</span>&lt;<a href="#PlotElement$1">PlotElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id="ctor$37" title="Parameter" ><summary><span><a href="#ctor$37">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href="#T$36">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctor)</em>  &nbsp;=&gt;  <ul><span>CleanClass</span>&lt;<a href="#T$36">T</a>&gt;</ul></p>  <details id="ctx$52" title="Parameter" ><summary><span><a href="#ctx$52">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href="#T$51">T</a> | <span>Class</span>&lt;<a href="#T$51">T</a>&gt;</p>        </ul></details>  <p><strong></strong>&lt;<span>T</span>&gt;<em>(ctx)</em>  &nbsp;=&gt;  <ul><span>Wrapper</span>&lt;<a href="#T$51">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id="Boolean$56" title="Property" ><summary><span><a href="#Boolean$56">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L9">src/work/stagas/sigl/dist/types/index.d.ts#L9</a>  <ul><p>undefined | boolean</p>        </ul></details><details id="Number$55" title="Property" ><summary><span><a href="#Number$55">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L8">src/work/stagas/sigl/dist/types/index.d.ts#L8</a>  <ul><p>undefined | number</p>        </ul></details><details id="String$54" title="Property" ><summary><span><a href="#String$54">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href="src/work/stagas/sigl/dist/types/index.d.ts#L7">src/work/stagas/sigl/dist/types/index.d.ts#L7</a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>"transition"</code>&gt;&gt;</p>        </ul></details>  <p><strong>mounted</strong><em>($)</em>  &nbsp;=&gt;  <ul>void</ul></p></p>    </ul></details><details id="on$65" title="Method" ><summary><span><a href="#on$65">#</a></span>  <code><strong>on</strong></code><em>(name)</em>    </summary>    <ul>    <p>    <details id="name$68" title="Parameter" ><summary><span><a href="#name$68">#</a></span>  <code><strong>name</strong></code>    </summary>    <ul><p><a href="#K$67">K</a></p>        </ul></details>  <p><strong>on</strong>&lt;<span>K</span>&gt;<em>(name)</em>  &nbsp;=&gt;  <ul><span>On</span>&lt;<span>Fn</span>&lt;[  <span>EventHandler</span>&lt;<a href="#PlotElement$1">PlotElement</a>, <span>LifecycleEvents</span> &amp; object  [<a href="#K$67">K</a>]&gt;  ], <span>Off</span>&gt;&gt;</ul></p></p>    </ul></details><details id="toJSON$146" title="Method" ><summary><span><a href="#toJSON$146">#</a></span>  <code><strong>toJSON</strong></code><em>()</em>    </summary>    <ul>    <p>      <p><strong>toJSON</strong><em>()</em>  &nbsp;=&gt;  <ul><span>Pick</span>&lt;<a href="#PlotElement$1">PlotElement</a>, keyof     <a href="#PlotElement$1">PlotElement</a>&gt;</ul></p></p>    </ul></details></p></ul></details></p>
 
 ## Credits
 
diff --git a/package.json b/package.json
index 5ab8600..34803a2 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "author": "stagas",
   "short": "stagas/x-plot",
   "description": "A Web Component that plots zoomable and pannable waveforms.",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -60,67 +60,30 @@
     "@swc/cli": "0.1.57",
     "@swc/core": "1.2.218",
     "@tsconfig/node16": "1.0.3",
-    "@types/audioworklet": "0.0.29",
+    "@types/audioworklet": "0.0.30",
     "@types/jest": "27.5.2",
     "@types/node": "17.0.45",
     "@types/webmidi": "2.0.6",
-    "@typescript-eslint/eslint-plugin": "5.30.7",
-    "@typescript-eslint/parser": "5.30.7",
-    "@web/test-runner": "0.13.30",
+    "@typescript-eslint/eslint-plugin": "5.31.0",
+    "@typescript-eslint/parser": "5.31.0",
     "bunzee": "^1.0.0",
-    "dokio": "^0.0.1",
+    "dokio": "^0.0.2",
     "dprint": "0.30.3",
     "eslint": "8.20.0",
     "eslint-config-html-jsx": "^1.0.0",
     "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-react": "7.30.0",
+    "eslint-plugin-react": "7.30.1",
     "husky": "7.0.4",
     "onchange": "7.1.0",
     "pull-configs": "^0.2.0",
     "rimraf": "3.0.2",
     "swcno": "0.1.1",
     "typescript": "4.7.3",
-    "utr": "^0.1.4",
-    "vite-open": "^2.4.0"
+    "utr": "^0.2.0",
+    "vite-open": "^3.0.1"
   },
   "dependencies": {
-    "sigl": "^0.0.1"
+    "sigl": "^1.0.0"
   },
-  "trustedDependencies": [
-    "@stagas/chalk",
-    "@stagas/jest-node-exports-resolver",
-    "animatrix",
-    "annotate-code",
-    "apply-sourcemaps",
-    "argtor",
-    "bunzee",
-    "decarg",
-    "deep-mutate-object",
-    "dokio",
-    "each-dep",
-    "event-toolkit",
-    "everyday-node",
-    "everyday-types",
-    "everyday-utils",
-    "fluent-event",
-    "fluent-flags",
-    "geometrik",
-    "is-mobile-agent",
-    "html-jsx",
-    "html-vdom",
-    "mixter",
-    "nested-css",
-    "pick-omit",
-    "proxy-toolkit",
-    "pull-configs",
-    "puppeteer-pretty-console",
-    "rollup-plugin-debug",
-    "run-in-vite",
-    "sigl",
-    "to-fluent",
-    "utr",
-    "vite-open",
-    "wtr-plugin-vite"
-  ],
   "types": "./dist/types/index.d.ts"
 }