{"id":18062950,"url":"https://github.com/stagas/x-waveform","last_synced_at":"2025-10-04T11:13:30.783Z","repository":{"id":50624878,"uuid":"474550629","full_name":"stagas/x-waveform","owner":"stagas","description":"Audio waveform visualizer Web Component.","archived":false,"fork":false,"pushed_at":"2022-08-01T14:22:41.000Z","size":5950,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-28T08:36:22.553Z","etag":null,"topics":["custom-element","music","ui","visualizer","waveform","web-component","webaudio"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stagas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-03-27T06:07:38.000Z","updated_at":"2023-01-30T12:19:00.000Z","dependencies_parsed_at":"2022-09-05T22:51:15.192Z","dependency_job_id":null,"html_url":"https://github.com/stagas/x-waveform","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":"stagas/ts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagas%2Fx-waveform","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagas%2Fx-waveform/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagas%2Fx-waveform/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagas%2Fx-waveform/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stagas","download_url":"https://codeload.github.com/stagas/x-waveform/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248429117,"owners_count":21101785,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["custom-element","music","ui","visualizer","waveform","web-component","webaudio"],"created_at":"2024-10-31T05:08:57.685Z","updated_at":"2025-10-04T11:13:25.743Z","avatar_url":"https://github.com/stagas.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003e\nx-waveform \u003ca href=\"https://npmjs.org/package/x-waveform\"\u003e\u003cimg src=\"https://img.shields.io/badge/npm-v2.0.1-F00.svg?colorA=000\"/\u003e\u003c/a\u003e \u003ca href=\"src\"\u003e\u003cimg src=\"https://img.shields.io/badge/loc-179-FFF.svg?colorA=000\"/\u003e\u003c/a\u003e \u003ca href=\"https://cdn.jsdelivr.net/npm/x-waveform@2.0.1/dist/x-waveform.min.js\"\u003e\u003cimg src=\"https://img.shields.io/badge/brotli-16K-333.svg?colorA=000\"/\u003e\u003c/a\u003e \u003ca href=\"LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-MIT-F0B.svg?colorA=000\"/\u003e\u003c/a\u003e\n\u003c/h1\u003e\n\n\u003cp\u003e\u003c/p\u003e\n\nAudio waveform visualizer Web Component\n\n\u003ch4\u003e\n\u003ctable\u003e\u003ctr\u003e\u003ctd title=\"Triple click to select and copy paste\"\u003e\n\u003ccode\u003enpm i x-waveform \u003c/code\u003e\n\u003c/td\u003e\u003ctd title=\"Triple click to select and copy paste\"\u003e\n\u003ccode\u003epnpm add x-waveform \u003c/code\u003e\n\u003c/td\u003e\u003ctd title=\"Triple click to select and copy paste\"\u003e\n\u003ccode\u003eyarn add x-waveform\u003c/code\u003e\n\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n\u003c/h4\u003e\n\n## Examples\n\n\u003cdetails id=\"example$web\" title=\"web\" open\u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#example$web\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eweb\u003c/strong\u003e\u003c/code\u003e\u003c/summary\u003e  \u003cul\u003e\u003cp\u003e\u003c/p\u003e  \u003ca href=\"https://stagas.github.io/x-waveform/example/web.html\"\u003e\u003cimg width=\"182.85714285714283\" src=\"example/web.png\"\u003e\u003c/img\u003e  \u003cp\u003e\u003cstrong\u003eTry it live\u003c/strong\u003e\u003c/p\u003e\u003c/a\u003e    \u003cdetails id=\"source$web\" title=\"web source code\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#source$web\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eview source\u003c/strong\u003e\u003c/code\u003e\u003c/summary\u003e  \u003ca href=\"example/web.ts\"\u003eexample/web.ts\u003c/a\u003e  \u003cp\u003e\n\n```ts\nimport { fetchAudioBuffer } from 'webaudio-tools'\nimport { WaveformElement } from 'x-waveform/dist/esm'\n\ncustomElements.define('x-waveform', WaveformElement)\ndocument.body.innerHTML = `\n\u003cdiv id=\"demo\" style=\"display:inline-flex;height:80px;\"\u003e\n  \u003cx-waveform autoresize\u003e\u003c/x-waveform\u003e\n\u003c/div\u003e\n`\n\nconst ctx = new AudioContext({ sampleRate: 44100, latencyHint: 'playback' })\n\nconst analyser = ctx.createAnalyser()\nanalyser.fftSize = 512\nanalyser.smoothingTimeConstant = 0\nanalyser.maxDecibels = 0\nanalyser.minDecibels = -100\n\n// @ts-ignore\nconst url = new URL('alpha_molecule.ogg', import.meta.url).toString()\n\nfetchAudioBuffer(ctx, url).then(audioBuffer =\u003e {\n  const source = ctx.createBufferSource()\n  source.buffer = audioBuffer\n  source.loop = true\n  source.connect(ctx.destination)\n  source.start(0, 75)\n  source.connect(analyser)\n  ;(document.querySelector('x-waveform') as WaveformElement).analyser = analyser\n})\n\nwindow.onclick = () =\u003e ctx.state !== 'running' ? ctx.resume() : ctx.suspend()\nif (ctx.state !== 'running')\n  document.body.appendChild(new Text('click to start/stop'))\n```\n\n\u003c/p\u003e\n\u003c/details\u003e\u003c/ul\u003e\u003c/details\u003e\n\n## API\n\n\u003cp\u003e  \u003cdetails id=\"WaveformElement$1\" title=\"Class\" open\u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#WaveformElement$1\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eWaveformElement\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L29\"\u003esrc/x-waveform.ts#L29\u003c/a\u003e  \u003cul\u003e        \u003cp\u003e  \u003cdetails id=\"constructor$2\" title=\"Constructor\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#constructor$2\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003econstructor\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e()\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e  \u003cdetails id=\"new WaveformElement$3\" title=\"ConstructorSignature\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#new WaveformElement$3\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003enew WaveformElement\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e()\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"$$74\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#$$74\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003e$\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/sigl.d.ts#L25\"\u003esrc/work/stagas/sigl/dist/types/sigl.d.ts#L25\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eContext\u003c/span\u003e\u0026lt;\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e \u0026amp; \u003cspan\u003eJsxContext\u003c/span\u003e\u0026lt;\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e\u0026gt; \u0026amp; \u003cspan\u003eOmit\u003c/span\u003e\u0026lt;{\u003cp\u003e    \u003cdetails id=\"ctor$78\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctor$78\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ector\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$38\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctor)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eCleanClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$38\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e  \u003cdetails id=\"ctx$93\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$93\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ectx\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#T$53\"\u003eT\u003c/a\u003e | \u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$53\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctx)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eWrapper\u003c/span\u003e\u0026lt;\u003ca href=\"#T$53\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e} \u0026amp; \u003cspan\u003e__module\u003c/span\u003e \u0026amp; {\u003cp\u003e  \u003cdetails id=\"Boolean$97\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Boolean$97\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eBoolean\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L9\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L9\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | boolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Number$96\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Number$96\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eNumber\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L8\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L8\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | number\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"String$95\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#String$95\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eString\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L7\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L7\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | string\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}, \u003ccode\u003e\"transition\"\u003c/code\u003e\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"analyser$14\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#analyser$14\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eanalyser\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L46\"\u003esrc/x-waveform.ts#L46\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eAnalyserNode\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"analyserData$15\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#analyserData$15\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eanalyserData\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L47\"\u003esrc/x-waveform.ts#L47\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eFloat32Array\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"autoResize$5\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#autoResize$5\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eautoResize\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003efalse\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L32\"\u003esrc/x-waveform.ts#L32\u003c/a\u003e  \u003cul\u003e\u003cp\u003eboolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"background$9\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#background$9\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ebackground\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e'#123'\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L38\"\u003esrc/x-waveform.ts#L38\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"canvas$16\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#canvas$16\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ecanvas\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L48\"\u003esrc/x-waveform.ts#L48\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eHTMLCanvasElement\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"color$10\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#color$10\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ecolor\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e'#1ff'\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L39\"\u003esrc/x-waveform.ts#L39\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"context$98\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#context$98\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003econtext\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/sigl.d.ts#L26\"\u003esrc/work/stagas/sigl/dist/types/sigl.d.ts#L26\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eContextClass\u003c/span\u003e\u0026lt;\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e \u0026amp; \u003cspan\u003eJsxContext\u003c/span\u003e\u0026lt;\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e\u0026gt; \u0026amp; \u003cspan\u003eOmit\u003c/span\u003e\u0026lt;{\u003cp\u003e    \u003cdetails id=\"ctor$102\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctor$102\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ector\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$38\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctor)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eCleanClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$38\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e  \u003cdetails id=\"ctx$117\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$117\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ectx\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#T$53\"\u003eT\u003c/a\u003e | \u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$53\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctx)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eWrapper\u003c/span\u003e\u0026lt;\u003ca href=\"#T$53\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e} \u0026amp; \u003cspan\u003e__module\u003c/span\u003e \u0026amp; {\u003cp\u003e  \u003cdetails id=\"Boolean$121\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Boolean$121\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eBoolean\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L9\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L9\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | boolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Number$120\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Number$120\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eNumber\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L8\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L8\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | number\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"String$119\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#String$119\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eString\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L7\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L7\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | string\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}, \u003ccode\u003e\"transition\"\u003c/code\u003e\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"destroy$30\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#destroy$30\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003edestroy\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e...\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L67\"\u003esrc/x-waveform.ts#L67\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cdetails id=\"__type$31\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$31\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003cem\u003e()\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e      \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003cem\u003e()\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003evoid\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"dispatch$59\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#dispatch$59\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003edispatch\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/events.d.ts#L4\"\u003esrc/work/stagas/sigl/dist/types/events.d.ts#L4\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eDispatch\u003c/span\u003e\u0026lt;\u003cdetails id=\"__type$60\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$60\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003cem\u003e(name, detail, init)\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"name$64\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#name$64\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ename\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eEvent\u003c/span\u003e | \u003cspan\u003eNarrow\u003c/span\u003e\u0026lt;\u003ca href=\"#K$62\"\u003eK\u003c/a\u003e, string\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"detail$65\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#detail$65\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003edetail\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#E$63\"\u003eE\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"init$66\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#init$66\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003einit\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eCustomEventInit\u003c/span\u003e\u0026lt;any\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eK\u003c/span\u003e, \u003cspan\u003eE\u003c/span\u003e\u0026gt;\u003cem\u003e(name, detail, init)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003eany\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"draw$17\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#draw$17\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003edraw\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L49\"\u003esrc/x-waveform.ts#L49\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cdetails id=\"__type$18\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$18\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003cem\u003e()\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e      \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003cem\u003e()\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003evoid\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"height$7\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#height$7\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eheight\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e100\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L35\"\u003esrc/x-waveform.ts#L35\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"host$73\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#host$73\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ehost\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/sigl.d.ts#L24\"\u003esrc/work/stagas/sigl/dist/types/sigl.d.ts#L24\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"loop$20\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#loop$20\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eloop\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L50\"\u003esrc/x-waveform.ts#L50\u003c/a\u003e  \u003cul\u003e\u003cp\u003e{\u003cp\u003e  \u003cdetails id=\"start$22\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#start$22\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003estart\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e()\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e      \u003cp\u003e\u003cstrong\u003estart\u003c/strong\u003e\u003cem\u003e()\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003evoid\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"stop$24\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#stop$24\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003estop\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e()\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e      \u003cp\u003e\u003cstrong\u003estop\u003c/strong\u003e\u003cem\u003e()\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003evoid\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"onmounted$71\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onmounted$71\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eonmounted\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eEventHandler\u003c/span\u003e\u0026lt;\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e, \u003cspan\u003eCustomEvent\u003c/span\u003e\u0026lt;any\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"onunmounted$72\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onunmounted$72\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eonunmounted\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eEventHandler\u003c/span\u003e\u0026lt;\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e, \u003cspan\u003eCustomEvent\u003c/span\u003e\u0026lt;any\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"pixelRatio$8\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#pixelRatio$8\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003epixelRatio\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003ewindow.devicePixelRatio\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L36\"\u003esrc/x-waveform.ts#L36\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"root$4\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#root$4\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eroot\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e...\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L30\"\u003esrc/x-waveform.ts#L30\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eShadowRoot\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"width$6\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#width$6\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ewidth\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e300\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L34\"\u003esrc/x-waveform.ts#L34\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"worker$12\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#worker$12\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eworker\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e...\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L43\"\u003esrc/x-waveform.ts#L43\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eWorker\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"workerData$13\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#workerData$13\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eworkerData\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L44\"\u003esrc/x-waveform.ts#L44\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eFloat32Array\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"workerUrl$11\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#workerUrl$11\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eworkerUrl\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e...\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L42\"\u003esrc/x-waveform.ts#L42\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"created$122\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#created$122\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ecreated\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e(ctx)\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"ctx$124\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$124\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ectx\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eContext\u003c/span\u003e\u0026lt;\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e \u0026amp; \u003cspan\u003eJsxContext\u003c/span\u003e\u0026lt;\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e\u0026gt; \u0026amp; \u003cspan\u003eOmit\u003c/span\u003e\u0026lt;{\u003cp\u003e    \u003cdetails id=\"ctor$128\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctor$128\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ector\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$38\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctor)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eCleanClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$38\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e  \u003cdetails id=\"ctx$143\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$143\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ectx\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#T$53\"\u003eT\u003c/a\u003e | \u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$53\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctx)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eWrapper\u003c/span\u003e\u0026lt;\u003ca href=\"#T$53\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e} \u0026amp; \u003cspan\u003e__module\u003c/span\u003e \u0026amp; {\u003cp\u003e  \u003cdetails id=\"Boolean$147\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Boolean$147\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eBoolean\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L9\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L9\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | boolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Number$146\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Number$146\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eNumber\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L8\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L8\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | number\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"String$145\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#String$145\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eString\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L7\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L7\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | string\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}, \u003ccode\u003e\"transition\"\u003c/code\u003e\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003ecreated\u003c/strong\u003e\u003cem\u003e(ctx)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003evoid\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"mounted$33\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#mounted$33\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003emounted\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e($)\u003c/em\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L69\"\u003esrc/x-waveform.ts#L69\u003c/a\u003e  \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"$$35\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#$$35\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003e$\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eContext\u003c/span\u003e\u0026lt;\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e \u0026amp; \u003cspan\u003eJsxContext\u003c/span\u003e\u0026lt;\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e\u0026gt; \u0026amp; \u003cspan\u003eOmit\u003c/span\u003e\u0026lt;{\u003cp\u003e    \u003cdetails id=\"ctor$39\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctor$39\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ector\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$38\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctor)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eCleanClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$38\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e  \u003cdetails id=\"ctx$54\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$54\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ectx\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#T$53\"\u003eT\u003c/a\u003e | \u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$53\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctx)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eWrapper\u003c/span\u003e\u0026lt;\u003ca href=\"#T$53\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e} \u0026amp; \u003cspan\u003e__module\u003c/span\u003e \u0026amp; {\u003cp\u003e  \u003cdetails id=\"Boolean$58\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Boolean$58\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eBoolean\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L9\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L9\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | boolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Number$57\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Number$57\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eNumber\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L8\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L8\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | number\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"String$56\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#String$56\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eString\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L7\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L7\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | string\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}, \u003ccode\u003e\"transition\"\u003c/code\u003e\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003emounted\u003c/strong\u003e\u003cem\u003e($)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003evoid\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"on$67\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#on$67\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eon\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e(name)\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"name$70\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#name$70\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ename\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#K$69\"\u003eK\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003eon\u003c/strong\u003e\u0026lt;\u003cspan\u003eK\u003c/span\u003e\u0026gt;\u003cem\u003e(name)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eOn\u003c/span\u003e\u0026lt;\u003cspan\u003eFn\u003c/span\u003e\u0026lt;[  \u003cspan\u003eEventHandler\u003c/span\u003e\u0026lt;\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e, \u003cspan\u003eLifecycleEvents\u003c/span\u003e \u0026amp; object  [\u003ca href=\"#K$69\"\u003eK\u003c/a\u003e]\u0026gt;  ], \u003cspan\u003eOff\u003c/span\u003e\u0026gt;\u0026gt;\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"start$26\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#start$26\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003estart\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e()\u003c/em\u003e     \u0026ndash; Start displaying the spectrum.\u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L57\"\u003esrc/x-waveform.ts#L57\u003c/a\u003e  \u003cul\u003e    \u003cp\u003e      \u003cp\u003e\u003cstrong\u003estart\u003c/strong\u003e\u003cem\u003e()\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003evoid\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"stop$28\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#stop$28\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003estop\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e()\u003c/em\u003e     \u0026ndash; Stop displaying the spectrum.\u003c/summary\u003e  \u003ca href=\"src/x-waveform.ts#L63\"\u003esrc/x-waveform.ts#L63\u003c/a\u003e  \u003cul\u003e    \u003cp\u003e      \u003cp\u003e\u003cstrong\u003estop\u003c/strong\u003e\u003cem\u003e()\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003evoid\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"toJSON$148\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#toJSON$148\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003etoJSON\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e()\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e      \u003cp\u003e\u003cstrong\u003etoJSON\u003c/strong\u003e\u003cem\u003e()\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003ePick\u003c/span\u003e\u0026lt;\u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e, keyof     \u003ca href=\"#WaveformElement$1\"\u003eWaveformElement\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e\u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e\n\n## Credits\n\n- [sigl](https://npmjs.org/package/sigl) by [stagas](https://github.com/stagas) \u0026ndash; Web framework\n\n## Contributing\n\n[Fork](https://github.com/stagas/x-waveform/fork) or [edit](https://github.dev/stagas/x-waveform) and submit a PR.\n\nAll contributions are welcome!\n\n## License\n\n\u003ca href=\"LICENSE\"\u003eMIT\u003c/a\u003e \u0026copy; 2022 [stagas](https://github.com/stagas)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstagas%2Fx-waveform","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstagas%2Fx-waveform","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstagas%2Fx-waveform/lists"}