{"_id":"@cowbell-lol/window-item","_rev":"1-e8fb29f000d9b370cbb68d6c13b0b43a","name":"@cowbell-lol/window-item","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@cowbell-lol/window-item","author":{"name":"stagas"},"short":"cowbell-lol/window-item","description":"Window item.","version":"1.0.0","license":"MIT","repository":{"type":"git","url":"git+https://git@github.com/cowbell-lol/window-item.git"},"keywords":[],"types":"./dist/types/index.d.ts","module":"dist/esm/index.js","main":"dist/cjs/index.js","exports":{".":{"import":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"start:web":"devito example/web","start:web:debugging":"devito example/web --debugging-this","start:node":"onchange -i src example -- swcno example/node.ts","build:watch":"fastpm autolink && tsc -p tsconfig.dist.json --outDir dist/types --watch & swc -w -C module.type=commonjs ./src -d dist/cjs -w & swc -w -C module.type=es6 ./src -d dist/esm","build:dist":"npm run build:bundle && npm run build:min","cov:watch":"utr --coverage --watch","clean":"rimraf dist","docs":"dokio -o README.md && dprint fmt README.md","test":"utr","cov":"utr --coverage","build":"npm run build:cjs & npm run build:esm & npm run build:types && echo done.","build:cjs":"swc -C module.type=commonjs ./src -d dist/cjs","build:esm":"swc -C module.type=es6 ./src -d dist/esm && echo '{\"type\":\"module\"}' >dist/esm/package.json","build:types":"tsc -p tsconfig.dist.json --outDir dist/types","build:bundle":"bunzee src/index.ts \"dist/$(cat package.json | jq -r '.name').js\"","build:min":"bunzee -m src/index.ts \"dist/$(cat package.json | jq -r '.name').min.js\"","lint":"eslint src && dprint check","lint:fix":"eslint --fix src && dprint fmt","prepack":"npm run clean && npm run build && (npm run build:dist || echo unable to bundle)","prepack:dry":"npm pack --dry-run","prepush":"npm run lint && npm run test","prepare":"husky install"},"devDependencies":{"@n1kk/intspector":"1.0.2","@swc/cli":"0.1.57","@swc/core":"1.2.218","@tsconfig/node16":"1.0.3","@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.31.0","@typescript-eslint/parser":"5.31.0","bunzee":"^1.0.0","chokidar":"3.5.3","devito":"^2.0.0","dokio":"^1.1.0","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.1","husky":"7.0.4","onchange":"7.1.0","pull-configs":"^1.0.0","rimraf":"3.0.2","swcno":"0.1.1","typescript":"4.7.3","utr":"^1.3.1"},"dependencies":{"everyday-utils":"^1.2.0","plenty-themes":"^1.1.1","presets-bar":"^1.0.0","sigl":"^1.0.2","window-plug":"^1.1.0","x-visualizer":"^1.0.0","x-workspace":"^1.1.0"},"gitHead":"6bb62318edc4f23349c0a87716de2134b7e1b3d9","bugs":{"url":"https://github.com/cowbell-lol/window-item/issues"},"homepage":"https://github.com/cowbell-lol/window-item#readme","_id":"@cowbell-lol/window-item@1.0.0","_nodeVersion":"18.7.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-TmFQupb5CAkjIley6eTeavN06OajVLDKdWIDC8nsD/LpCNqKQ71Wm6SH04zjyQIetuFjevSm+syxLx2zr3eZGw==","shasum":"f94c4651e79d1ae17672091787b67247491f179c","tarball":"https://registry.npmjs.org/@cowbell-lol/window-item/-/window-item-1.0.0.tgz","fileCount":33,"unpackedSize":3430461,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzrhZ9+318KcrctlPH207zcpug3AYdFjPz7X7/Uk1ssQIhAJR1ezlyPOsTtyeXdQ/me9pz5Bw5b6rvjGSRujZtgdHN"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAyHpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolZw/+IrnOrWMQ5EADZGfdK1tSszjORAgD701IBpLxBYD7EWcUEZ8R\r\npy/uynL/h+OHiCE9YK70ic0ExJ5RMsmDWQmfgMldyuIc0qJX4EeiwmOnjuc3\r\nUOD1mkxpA9vGcQ3a5OjJ0f7qWFuMbch4gF8XxQ86GAY/S8F81BrKgHHrg/vx\r\n3v40LMyesPwYJyLqzvKuxjvMSNlPqnTCH8aEyw0E2bPkmlxCzxclZKqXru8c\r\nm8nOeDo5e6gc6gdqlW/SizDP36k0/G105DDnIS9z+zZYiogchyQ+B36SUrWf\r\na4cnC6xcGkhmw2ODmW/gwY7KngSRWWGyTKRgeUtrfW3QTNC/ZCULSdOpIUoJ\r\n+Ba8ZRB/okaT5sSEs2JzzaCKhWHoMJSOjw1jkoqUT4JmNhR9cpkDF//mVb5g\r\nY443+mY1UQydYCZdHNTebl+V3AY4W/c1llLBp3bUuui9XXdEqG6LPYhgjoxm\r\nAd5bElVVBuOf1HBTIf542ZuTwJgCtwGJGOpr5BdqzEAPe+5y+PCGxcEtUj+N\r\nz3FQxq+uYuCrphwHcELVfSz6AvGpk38BEeuykROWVtmNXiw7mkYWL/T/J0sy\r\n9PPnTkWKjjKcQkRCO4fnG1vwzrGTxrNMcfqSwqI7CcLLHjUVLl6unicuPzHV\r\nt2qsMMhtLvjZSk3cx+HRFrNu1VpE83n97A4=\r\n=HAWU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"stagas","email":"gstagas@gmail.com"},"directories":{},"maintainers":[{"name":"stagas","email":"gstagas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/window-item_1.0.0_1661149673279_0.46383916753171994"},"_hasShrinkwrap":false},"1.0.1":{"name":"@cowbell-lol/window-item","author":{"name":"stagas"},"short":"cowbell-lol/window-item","description":"Window item.","version":"1.0.1","license":"MIT","repository":{"type":"git","url":"git+https://git@github.com/cowbell-lol/window-item.git"},"keywords":[],"types":"./dist/types/index.d.ts","module":"dist/esm/index.js","main":"dist/cjs/index.js","exports":{".":{"import":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"start:web":"devito example/web","start:web:debugging":"devito example/web --debugging-this","start:node":"onchange -i src example -- swcno example/node.ts","build:watch":"fastpm autolink && tsc -p tsconfig.dist.json --outDir dist/types --watch & swc -w -C module.type=commonjs ./src -d dist/cjs -w & swc -w -C module.type=es6 ./src -d dist/esm","build:dist":"npm run build:bundle && npm run build:min","cov:watch":"utr --coverage --watch","clean":"rimraf dist","docs":"dokio -o README.md && dprint fmt README.md","test":"utr","cov":"utr --coverage","build":"npm run build:cjs & npm run build:esm & npm run build:types && echo done.","build:cjs":"swc -C module.type=commonjs ./src -d dist/cjs","build:esm":"swc -C module.type=es6 ./src -d dist/esm && echo '{\"type\":\"module\"}' >dist/esm/package.json","build:types":"tsc -p tsconfig.dist.json --outDir dist/types","build:bundle":"bunzee src/index.ts \"dist/$(cat package.json | jq -r '.name').js\"","build:min":"bunzee -m src/index.ts \"dist/$(cat package.json | jq -r '.name').min.js\"","lint":"eslint src && dprint check","lint:fix":"eslint --fix src && dprint fmt","prepack":"npm run clean && npm run build && (npm run build:dist || echo unable to bundle)","prepack:dry":"npm pack --dry-run","prepush":"npm run lint && npm run test","prepare":"husky install"},"devDependencies":{"@n1kk/intspector":"1.0.2","@swc/cli":"0.1.57","@swc/core":"1.2.218","@tsconfig/node16":"1.0.3","@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.31.0","@typescript-eslint/parser":"5.31.0","bunzee":"^1.0.0","chokidar":"3.5.3","devito":"^2.0.0","dokio":"^1.1.0","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.1","husky":"7.0.4","onchange":"7.1.0","pull-configs":"^1.0.0","rimraf":"3.0.2","swcno":"0.1.1","typescript":"4.7.3","utr":"^1.3.1"},"dependencies":{"audio-transport":"1.0.1","everyday-utils":"^1.2.0","plenty-themes":"^1.1.1","presets-bar":"^1.0.0","sigl":"^1.0.2","window-plug":"^1.1.0","x-visualizer":"^1.0.0","x-workspace":"^1.1.0"},"gitHead":"07267cc86e18f0168d15fbe2bf23660cfdd56922","bugs":{"url":"https://github.com/cowbell-lol/window-item/issues"},"homepage":"https://github.com/cowbell-lol/window-item#readme","_id":"@cowbell-lol/window-item@1.0.1","_nodeVersion":"18.7.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-7Mfbrgy4tawHoERxS25Sl4s3fi6nk14E2SusdgXzW0jvOvxgb4nA1nxIYfBOeZevbSQSLEpN65ribWRK1KOfQg==","shasum":"9657220d04efc5eb4486b7f56156e4c82600692c","tarball":"https://registry.npmjs.org/@cowbell-lol/window-item/-/window-item-1.0.1.tgz","fileCount":33,"unpackedSize":3464598,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIChAhhV9M6mtIPHidxQppsFlLo4X1tzoz2zmx/Cbv1BwAiBKiDO5RZzq+IA0HaQfYfznil+O0b+FJDZF5U/fLJvLSg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAyhNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5zhAApP1dFAN3XJ5Eu+KCqRJjMkc0CD/WpvuqCQXJuDLvgqMoKXi0\r\nbxM5RENVSzihwLVAcPcQjclX4MSl2rUXgqYEqh3QxYEPNls104B4HlT3YqWL\r\n+PiZ2Hptv11lxQVrouzLt75q0hPQyq5kADIXuw40S98tI1fX7qQJ9u4pGG5p\r\n+KxX/j5mHWgSQd4UO0s4KMEr9dD3eraIbzSTNaoIdxe1mT+870RT4V68aZk1\r\npakhYAa7jfmw6lXZe1dePivtBJ+jCvny6msBULcIlkZxKi0SCZYyjuaKqDp/\r\nN2C2KsnvF06n9zcASNiyArnELIMkf6aWuNCjTFeMujMM1u/IOz5Ed4L+6y+n\r\naV9FQGtzys/jQHaal2uc5t98kVsq6YnqaHO1vq4cAXieGG1fSWvguTKMuHUw\r\ny9OoCDqH4y1ElulOfitfAnQs/prE8YW0iu3f60MZm7DE1/x9+PWiM0SfD7Zz\r\nnYbDEjhUf+QRCfx7EgswvfC5f9MDlAp8iIOXxSrJ2E0dcGJA9VWOAVOv5bRy\r\nZg+tZxqwbe14NJk7ZRRJWHp+TuZBVSxLt92CRXCxanasoSzNf83xOUMweHmS\r\nSmuBNlQXOPD/MYECzWoOPCIy+b8vgrw9ywtTMFWTx6H+PO2P7dbnnhgwb2Qt\r\n0nurr/b5K9N77GRtKJ+LhYoSGBVrAjEF/MQ=\r\n=us9f\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"stagas","email":"gstagas@gmail.com"},"directories":{},"maintainers":[{"name":"stagas","email":"gstagas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/window-item_1.0.1_1661151309518_0.059215486926972094"},"_hasShrinkwrap":false}},"time":{"created":"2022-08-22T06:27:53.191Z","1.0.0":"2022-08-22T06:27:53.507Z","modified":"2022-08-22T06:55:09.854Z","1.0.1":"2022-08-22T06:55:09.753Z"},"maintainers":[{"name":"stagas","email":"gstagas@gmail.com"}],"description":"Window item.","homepage":"https://github.com/cowbell-lol/window-item#readme","keywords":[],"repository":{"type":"git","url":"git+https://git@github.com/cowbell-lol/window-item.git"},"author":{"name":"stagas"},"bugs":{"url":"https://github.com/cowbell-lol/window-item/issues"},"license":"MIT","readme":"<h1>\n@cowbell-lol/window-item <a href=\"https://npmjs.org/package/@cowbell-lol/window-item\"><img src=\"https://img.shields.io/badge/npm-v1.0.1-F00.svg?colorA=000\"/></a> <a href=\"src\"><img src=\"https://img.shields.io/badge/loc-673-FFF.svg?colorA=000\"/></a> <a href=\"https://cdn.jsdelivr.net/npm/@cowbell-lol/window-item@1.0.1/dist/@cowbell-lol/window-item.min.js\"><img src=\"https://img.shields.io/badge/brotli-56.9K-333.svg?colorA=000\"/></a> <a href=\"LICENSE\"><img src=\"https://img.shields.io/badge/license-MIT-F0B.svg?colorA=000\"/></a>\n</h1>\n\n<p></p>\n\nWindow item.\n\n<h4>\n<table><tr><td title=\"Triple click to select and copy paste\">\n<code>npm i @cowbell-lol/window-item </code>\n</td><td title=\"Triple click to select and copy paste\">\n<code>pnpm add @cowbell-lol/window-item </code>\n</td><td title=\"Triple click to select and copy paste\">\n<code>yarn add @cowbell-lol/window-item</code>\n</td></tr></table>\n</h4>\n\n## API\n\n<p>  <details id=\"AudioTransportElement$564\" title=\"Class\" ><summary><span><a href=\"#AudioTransportElement$564\">#</a></span>  <code><strong>AudioTransportElement</strong></code>    </summary>  <a href=\"\"></a>  <ul>        <p>  <details id=\"constructor$565\" title=\"Constructor\" ><summary><span><a href=\"#constructor$565\">#</a></span>  <code><strong>constructor</strong></code><em>()</em>    </summary>  <a href=\"node_modules/typescript/lib/lib.dom.d.ts#L6370\">node_modules/typescript/lib/lib.dom.d.ts#L6370</a>  <ul>    <p>  <details id=\"new AudioTransportElement$566\" title=\"ConstructorSignature\" ><summary><span><a href=\"#new AudioTransportElement$566\">#</a></span>  <code><strong>new AudioTransportElement</strong></code><em>()</em>    </summary>    <ul><p><a href=\"#AudioTransportElement$564\">AudioTransportElement</a></p>        </ul></details></p>    </ul></details><details id=\"$$707\" title=\"Property\" ><summary><span><a href=\"#$$707\">#</a></span>  <code><strong>$</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Context</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a> &amp; <span>JsxContext</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id=\"ctor$711\" title=\"Parameter\" ><summary><span><a href=\"#ctor$711\">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href=\"#T$29\">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$29\">T</a>&gt;</ul></p>  <details id=\"ctx$726\" title=\"Parameter\" ><summary><span><a href=\"#ctx$726\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href=\"#T$44\">T</a> | <span>Class</span>&lt;<a href=\"#T$44\">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$44\">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id=\"Boolean$730\" title=\"Property\" ><summary><span><a href=\"#Boolean$730\">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | boolean</p>        </ul></details><details id=\"Number$729\" title=\"Property\" ><summary><span><a href=\"#Number$729\">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | number</p>        </ul></details><details id=\"String$728\" title=\"Property\" ><summary><span><a href=\"#String$728\">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>\"transition\"</code>&gt;&gt;</p>        </ul></details><details id=\"Bpm$650\" title=\"Property\" ><summary><span><a href=\"#Bpm$650\">#</a></span>  <code><strong>Bpm</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><details id=\"__type$651\" title=\"Function\" ><summary><span><a href=\"#__type$651\">#</a></span>  <em>()</em>    </summary>    <ul>    <p>      <p><strong></strong><em>()</em>  &nbsp;=&gt;  <ul><span>VKid</span></ul></p></p>    </ul></details></p>        </ul></details><details id=\"Logo$653\" title=\"Property\" ><summary><span><a href=\"#Logo$653\">#</a></span>  <code><strong>Logo</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><details id=\"__type$654\" title=\"Function\" ><summary><span><a href=\"#__type$654\">#</a></span>  <em>()</em>    </summary>    <ul>    <p>      <p><strong></strong><em>()</em>  &nbsp;=&gt;  <ul><span>VKid</span></ul></p></p>    </ul></details></p>        </ul></details><details id=\"NumberInput$567\" title=\"Property\" ><summary><span><a href=\"#NumberInput$567\">#</a></span>  <code><strong>NumberInput</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Component</span>&lt;<span>NumberInputElement</span>, <span>HTMLElement</span>&gt;</p>        </ul></details><details id=\"PlayPauseStop$644\" title=\"Property\" ><summary><span><a href=\"#PlayPauseStop$644\">#</a></span>  <code><strong>PlayPauseStop</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><details id=\"__type$645\" title=\"Function\" ><summary><span><a href=\"#__type$645\">#</a></span>  <em>()</em>    </summary>    <ul>    <p>      <p><strong></strong><em>()</em>  &nbsp;=&gt;  <ul><span>VKid</span></ul></p></p>    </ul></details></p>        </ul></details><details id=\"Time$647\" title=\"Property\" ><summary><span><a href=\"#Time$647\">#</a></span>  <code><strong>Time</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><details id=\"__type$648\" title=\"Function\" ><summary><span><a href=\"#__type$648\">#</a></span>  <em>()</em>    </summary>    <ul>    <p>      <p><strong></strong><em>()</em>  &nbsp;=&gt;  <ul><span>VKid</span></ul></p></p>    </ul></details></p>        </ul></details><details id=\"analyserBuffer$619\" title=\"Property\" ><summary><span><a href=\"#analyserBuffer$619\">#</a></span>  <code><strong>analyserBuffer</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Float32Array</span></p>        </ul></details><details id=\"analyserNode$618\" title=\"Property\" ><summary><span><a href=\"#analyserNode$618\">#</a></span>  <code><strong>analyserNode</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>AnalyserNode</span></p>        </ul></details><details id=\"audioContext$616\" title=\"Property\" ><summary><span><a href=\"#audioContext$616\">#</a></span>  <code><strong>audioContext</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>AudioContext</span></p>        </ul></details><details id=\"bar$656\" title=\"Property\" ><summary><span><a href=\"#bar$656\">#</a></span>  <code><strong>bar</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>HTMLSpanElement</span></p>        </ul></details><details id=\"beat$657\" title=\"Property\" ><summary><span><a href=\"#beat$657\">#</a></span>  <code><strong>beat</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>HTMLSpanElement</span></p>        </ul></details><details id=\"bpm$630\" title=\"Property\" ><summary><span><a href=\"#bpm$630\">#</a></span>  <code><strong>bpm</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"clipLag$622\" title=\"Property\" ><summary><span><a href=\"#clipLag$622\">#</a></span>  <code><strong>clipLag</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"clipThreshold$620\" title=\"Property\" ><summary><span><a href=\"#clipThreshold$620\">#</a></span>  <code><strong>clipThreshold</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"clipping$621\" title=\"Property\" ><summary><span><a href=\"#clipping$621\">#</a></span>  <code><strong>clipping</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>boolean</p>        </ul></details><details id=\"context$731\" title=\"Property\" ><summary><span><a href=\"#context$731\">#</a></span>  <code><strong>context</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>ContextClass</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a> &amp; <span>JsxContext</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id=\"ctor$735\" title=\"Parameter\" ><summary><span><a href=\"#ctor$735\">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href=\"#T$29\">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$29\">T</a>&gt;</ul></p>  <details id=\"ctx$750\" title=\"Parameter\" ><summary><span><a href=\"#ctx$750\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href=\"#T$44\">T</a> | <span>Class</span>&lt;<a href=\"#T$44\">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$44\">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id=\"Boolean$754\" title=\"Property\" ><summary><span><a href=\"#Boolean$754\">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | boolean</p>        </ul></details><details id=\"Number$753\" title=\"Property\" ><summary><span><a href=\"#Number$753\">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | number</p>        </ul></details><details id=\"String$752\" title=\"Property\" ><summary><span><a href=\"#String$752\">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>\"transition\"</code>&gt;&gt;</p>        </ul></details><details id=\"dispatch$692\" title=\"Property\" ><summary><span><a href=\"#dispatch$692\">#</a></span>  <code><strong>dispatch</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Dispatch</span>&lt;<details id=\"__type$693\" title=\"Function\" ><summary><span><a href=\"#__type$693\">#</a></span>  <em>(name, detail, init)</em>    </summary>    <ul>    <p>    <details id=\"name$697\" title=\"Parameter\" ><summary><span><a href=\"#name$697\">#</a></span>  <code><strong>name</strong></code>    </summary>    <ul><p><span>Event</span> | <span>Narrow</span>&lt;<a href=\"#K$53\">K</a>, string&gt;</p>        </ul></details><details id=\"detail$698\" title=\"Parameter\" ><summary><span><a href=\"#detail$698\">#</a></span>  <code><strong>detail</strong></code>    </summary>    <ul><p><a href=\"#E$54\">E</a></p>        </ul></details><details id=\"init$699\" title=\"Parameter\" ><summary><span><a href=\"#init$699\">#</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=\"gradient$665\" title=\"Property\" ><summary><span><a href=\"#gradient$665\">#</a></span>  <code><strong>gradient</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CanvasGradient</span></p>        </ul></details><details id=\"gradientCanvas$660\" title=\"Property\" ><summary><span><a href=\"#gradientCanvas$660\">#</a></span>  <code><strong>gradientCanvas</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>HTMLCanvasElement</span> &amp; {<p>  <details id=\"height$663\" title=\"Property\" ><summary><span><a href=\"#height$663\">#</a></span>  <code><strong>height</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"width$662\" title=\"Property\" ><summary><span><a href=\"#width$662\">#</a></span>  <code><strong>width</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details></p>}</p>        </ul></details><details id=\"gradientCanvasCtx$664\" title=\"Property\" ><summary><span><a href=\"#gradientCanvasCtx$664\">#</a></span>  <code><strong>gradientCanvasCtx</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CanvasRenderingContext2D</span></p>        </ul></details><details id=\"host$706\" title=\"Property\" ><summary><span><a href=\"#host$706\">#</a></span>  <code><strong>host</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><a href=\"#AudioTransportElement$564\">AudioTransportElement</a></p>        </ul></details><details id=\"lastClip$623\" title=\"Property\" ><summary><span><a href=\"#lastClip$623\">#</a></span>  <code><strong>lastClip</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"lastPeak$624\" title=\"Property\" ><summary><span><a href=\"#lastPeak$624\">#</a></span>  <code><strong>lastPeak</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"mainGain$617\" title=\"Property\" ><summary><span><a href=\"#mainGain$617\">#</a></span>  <code><strong>mainGain</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>GainNode</span></p>        </ul></details><details id=\"onmounted$704\" title=\"Property\" ><summary><span><a href=\"#onmounted$704\">#</a></span>  <code><strong>onmounted</strong></code>    </summary>    <ul><p><span>EventHandler</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a>, <span>CustomEvent</span>&lt;any&gt;&gt;</p>        </ul></details><details id=\"onunmounted$705\" title=\"Property\" ><summary><span><a href=\"#onunmounted$705\">#</a></span>  <code><strong>onunmounted</strong></code>    </summary>    <ul><p><span>EventHandler</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a>, <span>CustomEvent</span>&lt;any&gt;&gt;</p>        </ul></details><details id=\"pause$641\" title=\"Property\" ><summary><span><a href=\"#pause$641\">#</a></span>  <code><strong>pause</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Fn</span>&lt;[    ], void&gt;</p>        </ul></details><details id=\"pausedTime$632\" title=\"Property\" ><summary><span><a href=\"#pausedTime$632\">#</a></span>  <code><strong>pausedTime</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"peak$625\" title=\"Property\" ><summary><span><a href=\"#peak$625\">#</a></span>  <code><strong>peak</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"peakLag$626\" title=\"Property\" ><summary><span><a href=\"#peakLag$626\">#</a></span>  <code><strong>peakLag</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"peakVolume$627\" title=\"Property\" ><summary><span><a href=\"#peakVolume$627\">#</a></span>  <code><strong>peakVolume</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"play$639\" title=\"Property\" ><summary><span><a href=\"#play$639\">#</a></span>  <code><strong>play</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Fn</span>&lt;[    ], void&gt;</p>        </ul></details><details id=\"playOrPause$640\" title=\"Property\" ><summary><span><a href=\"#playOrPause$640\">#</a></span>  <code><strong>playOrPause</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Fn</span>&lt;[    ], void&gt;</p>        </ul></details><details id=\"schedulerNode$628\" title=\"Property\" ><summary><span><a href=\"#schedulerNode$628\">#</a></span>  <code><strong>schedulerNode</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>SchedulerNode</span></p>        </ul></details><details id=\"setParam$633\" title=\"Property\" ><summary><span><a href=\"#setParam$633\">#</a></span>  <code><strong>setParam</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><details id=\"__type$634\" title=\"Function\" ><summary><span><a href=\"#__type$634\">#</a></span>  <em>(param, targetValue, slope)</em>    </summary>    <ul>    <p>    <details id=\"param$636\" title=\"Parameter\" ><summary><span><a href=\"#param$636\">#</a></span>  <code><strong>param</strong></code>    </summary>    <ul><p><span>AudioParam</span></p>        </ul></details><details id=\"targetValue$637\" title=\"Parameter\" ><summary><span><a href=\"#targetValue$637\">#</a></span>  <code><strong>targetValue</strong></code>    </summary>    <ul><p>number</p>        </ul></details><details id=\"slope$638\" title=\"Parameter\" ><summary><span><a href=\"#slope$638\">#</a></span>  <code><strong>slope</strong></code>    </summary>    <ul><p>number</p>        </ul></details>  <p><strong></strong><em>(param, targetValue, slope)</em>  &nbsp;=&gt;  <ul>void</ul></p></p>    </ul></details></p>        </ul></details><details id=\"sixt$658\" title=\"Property\" ><summary><span><a href=\"#sixt$658\">#</a></span>  <code><strong>sixt</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>HTMLSpanElement</span></p>        </ul></details><details id=\"start$642\" title=\"Property\" ><summary><span><a href=\"#start$642\">#</a></span>  <code><strong>start</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Fn</span>&lt;[    ], <span>Promise</span>&lt;void&gt;&gt;</p>        </ul></details><details id=\"startTime$631\" title=\"Property\" ><summary><span><a href=\"#startTime$631\">#</a></span>  <code><strong>startTime</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"state$568\" title=\"Property\" ><summary><span><a href=\"#state$568\">#</a></span>  <code><strong>state</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>State</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a>, {<p>  <details id=\"Idle$570\" title=\"Property\" ><summary><span><a href=\"#Idle$570\">#</a></span>  <code><strong>Idle</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><code>\"idle\"</code></p>        </ul></details><details id=\"Paused$572\" title=\"Property\" ><summary><span><a href=\"#Paused$572\">#</a></span>  <code><strong>Paused</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><code>\"paused\"</code></p>        </ul></details><details id=\"Playing$571\" title=\"Property\" ><summary><span><a href=\"#Playing$571\">#</a></span>  <code><strong>Playing</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><code>\"playing\"</code></p>        </ul></details><details id=\"Stopped$573\" title=\"Property\" ><summary><span><a href=\"#Stopped$573\">#</a></span>  <code><strong>Stopped</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><code>\"stopped\"</code></p>        </ul></details></p>}, <code>\"playing\"</code> | <code>\"idle\"</code> | <code>\"paused\"</code> | <code>\"stopped\"</code>&gt; &amp; <span>EventMethods</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a>, {<p>  <details id=\"idlecancel$583\" title=\"Property\" ><summary><span><a href=\"#idlecancel$583\">#</a></span>  <code><strong>idlecancel</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"idleend$579\" title=\"Property\" ><summary><span><a href=\"#idleend$579\">#</a></span>  <code><strong>idleend</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"idlepause$587\" title=\"Property\" ><summary><span><a href=\"#idlepause$587\">#</a></span>  <code><strong>idlepause</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"idleresume$591\" title=\"Property\" ><summary><span><a href=\"#idleresume$591\">#</a></span>  <code><strong>idleresume</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"idlestart$575\" title=\"Property\" ><summary><span><a href=\"#idlestart$575\">#</a></span>  <code><strong>idlestart</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"pausedcancel$585\" title=\"Property\" ><summary><span><a href=\"#pausedcancel$585\">#</a></span>  <code><strong>pausedcancel</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"pausedend$581\" title=\"Property\" ><summary><span><a href=\"#pausedend$581\">#</a></span>  <code><strong>pausedend</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"pausedpause$589\" title=\"Property\" ><summary><span><a href=\"#pausedpause$589\">#</a></span>  <code><strong>pausedpause</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"pausedresume$593\" title=\"Property\" ><summary><span><a href=\"#pausedresume$593\">#</a></span>  <code><strong>pausedresume</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"pausedstart$577\" title=\"Property\" ><summary><span><a href=\"#pausedstart$577\">#</a></span>  <code><strong>pausedstart</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"playingcancel$584\" title=\"Property\" ><summary><span><a href=\"#playingcancel$584\">#</a></span>  <code><strong>playingcancel</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"playingend$580\" title=\"Property\" ><summary><span><a href=\"#playingend$580\">#</a></span>  <code><strong>playingend</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"playingpause$588\" title=\"Property\" ><summary><span><a href=\"#playingpause$588\">#</a></span>  <code><strong>playingpause</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"playingresume$592\" title=\"Property\" ><summary><span><a href=\"#playingresume$592\">#</a></span>  <code><strong>playingresume</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"playingstart$576\" title=\"Property\" ><summary><span><a href=\"#playingstart$576\">#</a></span>  <code><strong>playingstart</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"stoppedcancel$586\" title=\"Property\" ><summary><span><a href=\"#stoppedcancel$586\">#</a></span>  <code><strong>stoppedcancel</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"stoppedend$582\" title=\"Property\" ><summary><span><a href=\"#stoppedend$582\">#</a></span>  <code><strong>stoppedend</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"stoppedpause$590\" title=\"Property\" ><summary><span><a href=\"#stoppedpause$590\">#</a></span>  <code><strong>stoppedpause</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"stoppedresume$594\" title=\"Property\" ><summary><span><a href=\"#stoppedresume$594\">#</a></span>  <code><strong>stoppedresume</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"stoppedstart$578\" title=\"Property\" ><summary><span><a href=\"#stoppedstart$578\">#</a></span>  <code><strong>stoppedstart</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details></p>}&gt; &amp; <span>InlineEventMap</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a>, {<p>  <details id=\"idlecancel$604\" title=\"Property\" ><summary><span><a href=\"#idlecancel$604\">#</a></span>  <code><strong>idlecancel</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"idleend$600\" title=\"Property\" ><summary><span><a href=\"#idleend$600\">#</a></span>  <code><strong>idleend</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"idlepause$608\" title=\"Property\" ><summary><span><a href=\"#idlepause$608\">#</a></span>  <code><strong>idlepause</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"idleresume$612\" title=\"Property\" ><summary><span><a href=\"#idleresume$612\">#</a></span>  <code><strong>idleresume</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"idlestart$596\" title=\"Property\" ><summary><span><a href=\"#idlestart$596\">#</a></span>  <code><strong>idlestart</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"pausedcancel$606\" title=\"Property\" ><summary><span><a href=\"#pausedcancel$606\">#</a></span>  <code><strong>pausedcancel</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"pausedend$602\" title=\"Property\" ><summary><span><a href=\"#pausedend$602\">#</a></span>  <code><strong>pausedend</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"pausedpause$610\" title=\"Property\" ><summary><span><a href=\"#pausedpause$610\">#</a></span>  <code><strong>pausedpause</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"pausedresume$614\" title=\"Property\" ><summary><span><a href=\"#pausedresume$614\">#</a></span>  <code><strong>pausedresume</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"pausedstart$598\" title=\"Property\" ><summary><span><a href=\"#pausedstart$598\">#</a></span>  <code><strong>pausedstart</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"playingcancel$605\" title=\"Property\" ><summary><span><a href=\"#playingcancel$605\">#</a></span>  <code><strong>playingcancel</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"playingend$601\" title=\"Property\" ><summary><span><a href=\"#playingend$601\">#</a></span>  <code><strong>playingend</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"playingpause$609\" title=\"Property\" ><summary><span><a href=\"#playingpause$609\">#</a></span>  <code><strong>playingpause</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"playingresume$613\" title=\"Property\" ><summary><span><a href=\"#playingresume$613\">#</a></span>  <code><strong>playingresume</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"playingstart$597\" title=\"Property\" ><summary><span><a href=\"#playingstart$597\">#</a></span>  <code><strong>playingstart</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"stoppedcancel$607\" title=\"Property\" ><summary><span><a href=\"#stoppedcancel$607\">#</a></span>  <code><strong>stoppedcancel</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"stoppedend$603\" title=\"Property\" ><summary><span><a href=\"#stoppedend$603\">#</a></span>  <code><strong>stoppedend</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"stoppedpause$611\" title=\"Property\" ><summary><span><a href=\"#stoppedpause$611\">#</a></span>  <code><strong>stoppedpause</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"stoppedresume$615\" title=\"Property\" ><summary><span><a href=\"#stoppedresume$615\">#</a></span>  <code><strong>stoppedresume</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details><details id=\"stoppedstart$599\" title=\"Property\" ><summary><span><a href=\"#stoppedstart$599\">#</a></span>  <code><strong>stoppedstart</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>CustomEvent</span>&lt;any&gt;</p>        </ul></details></p>}&gt;</p>        </ul></details><details id=\"stop$643\" title=\"Property\" ><summary><span><a href=\"#stop$643\">#</a></span>  <code><strong>stop</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Fn</span>&lt;[    ], void&gt;</p>        </ul></details><details id=\"volume$629\" title=\"Property\" ><summary><span><a href=\"#volume$629\">#</a></span>  <code><strong>volume</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"vu$659\" title=\"Property\" ><summary><span><a href=\"#vu$659\">#</a></span>  <code><strong>vu</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>HTMLElement</span></p>        </ul></details><details id=\"created$755\" title=\"Method\" ><summary><span><a href=\"#created$755\">#</a></span>  <code><strong>created</strong></code><em>(ctx)</em>    </summary>  <a href=\"\"></a>  <ul>    <p>    <details id=\"ctx$757\" title=\"Parameter\" ><summary><span><a href=\"#ctx$757\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><span>Context</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a> &amp; <span>JsxContext</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id=\"ctor$761\" title=\"Parameter\" ><summary><span><a href=\"#ctor$761\">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href=\"#T$29\">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$29\">T</a>&gt;</ul></p>  <details id=\"ctx$776\" title=\"Parameter\" ><summary><span><a href=\"#ctx$776\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href=\"#T$44\">T</a> | <span>Class</span>&lt;<a href=\"#T$44\">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$44\">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id=\"Boolean$780\" title=\"Property\" ><summary><span><a href=\"#Boolean$780\">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | boolean</p>        </ul></details><details id=\"Number$779\" title=\"Property\" ><summary><span><a href=\"#Number$779\">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | number</p>        </ul></details><details id=\"String$778\" title=\"Property\" ><summary><span><a href=\"#String$778\">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href=\"\"></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$666\" title=\"Method\" ><summary><span><a href=\"#mounted$666\">#</a></span>  <code><strong>mounted</strong></code><em>($)</em>    </summary>  <a href=\"\"></a>  <ul>    <p>    <details id=\"$$668\" title=\"Parameter\" ><summary><span><a href=\"#$$668\">#</a></span>  <code><strong>$</strong></code>    </summary>    <ul><p><span>Context</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a> &amp; <span>JsxContext</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id=\"ctor$672\" title=\"Parameter\" ><summary><span><a href=\"#ctor$672\">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href=\"#T$29\">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$29\">T</a>&gt;</ul></p>  <details id=\"ctx$687\" title=\"Parameter\" ><summary><span><a href=\"#ctx$687\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href=\"#T$44\">T</a> | <span>Class</span>&lt;<a href=\"#T$44\">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$44\">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id=\"Boolean$691\" title=\"Property\" ><summary><span><a href=\"#Boolean$691\">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | boolean</p>        </ul></details><details id=\"Number$690\" title=\"Property\" ><summary><span><a href=\"#Number$690\">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | number</p>        </ul></details><details id=\"String$689\" title=\"Property\" ><summary><span><a href=\"#String$689\">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href=\"\"></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$700\" title=\"Method\" ><summary><span><a href=\"#on$700\">#</a></span>  <code><strong>on</strong></code><em>(name)</em>    </summary>  <a href=\"\"></a>  <ul>    <p>    <details id=\"name$703\" title=\"Parameter\" ><summary><span><a href=\"#name$703\">#</a></span>  <code><strong>name</strong></code>    </summary>    <ul><p><a href=\"#K$60\">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=\"#AudioTransportElement$564\">AudioTransportElement</a>, <span>LifecycleEvents</span> &amp; object  [<a href=\"#K$60\">K</a>]&gt;  ], <span>Off</span>&gt;&gt;</ul></p></p>    </ul></details><details id=\"toJSON$781\" title=\"Method\" ><summary><span><a href=\"#toJSON$781\">#</a></span>  <code><strong>toJSON</strong></code><em>()</em>    </summary>  <a href=\"\"></a>  <ul>    <p>      <p><strong>toJSON</strong><em>()</em>  &nbsp;=&gt;  <ul><span>Pick</span>&lt;<a href=\"#AudioTransportElement$564\">AudioTransportElement</a>, keyof     <a href=\"#AudioTransportElement$564\">AudioTransportElement</a>&gt;</ul></p></p>    </ul></details></p></ul></details><details id=\"EditorElement$1\" title=\"Class\" ><summary><span><a href=\"#EditorElement$1\">#</a></span>  <code><strong>EditorElement</strong></code>    </summary>  <a href=\"src/editor.tsx#L7\">src/editor.tsx#L7</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>  <a href=\"node_modules/typescript/lib/lib.dom.d.ts#L6370\">node_modules/typescript/lib/lib.dom.d.ts#L6370</a>  <ul>    <p>  <details id=\"new EditorElement$3\" title=\"ConstructorSignature\" ><summary><span><a href=\"#new EditorElement$3\">#</a></span>  <code><strong>new EditorElement</strong></code><em>()</em>    </summary>    <ul><p><a href=\"#EditorElement$1\">EditorElement</a></p>        </ul></details></p>    </ul></details><details id=\"$$65\" title=\"Property\" ><summary><span><a href=\"#$$65\">#</a></span>  <code><strong>$</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Context</span>&lt;<a href=\"#EditorElement$1\">EditorElement</a> &amp; <span>JsxContext</span>&lt;<a href=\"#EditorElement$1\">EditorElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id=\"ctor$69\" title=\"Parameter\" ><summary><span><a href=\"#ctor$69\">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href=\"#T$29\">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$29\">T</a>&gt;</ul></p>  <details id=\"ctx$84\" title=\"Parameter\" ><summary><span><a href=\"#ctx$84\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href=\"#T$44\">T</a> | <span>Class</span>&lt;<a href=\"#T$44\">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$44\">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id=\"Boolean$88\" title=\"Property\" ><summary><span><a href=\"#Boolean$88\">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | boolean</p>        </ul></details><details id=\"Number$87\" title=\"Property\" ><summary><span><a href=\"#Number$87\">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | number</p>        </ul></details><details id=\"String$86\" title=\"Property\" ><summary><span><a href=\"#String$86\">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>\"transition\"</code>&gt;&gt;</p>        </ul></details><details id=\"CodeEdit$4\" title=\"Property\" ><summary><span><a href=\"#CodeEdit$4\">#</a></span>  <code><strong>CodeEdit</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>...</code></span>  </summary>  <a href=\"src/editor.tsx#L11\">src/editor.tsx#L11</a>  <ul><p><span>Component</span>&lt;<span>CodeEditElement</span>, <span>HTMLElement</span>&gt;</p>        </ul></details><details id=\"context$89\" title=\"Property\" ><summary><span><a href=\"#context$89\">#</a></span>  <code><strong>context</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>ContextClass</span>&lt;<a href=\"#EditorElement$1\">EditorElement</a> &amp; <span>JsxContext</span>&lt;<a href=\"#EditorElement$1\">EditorElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id=\"ctor$93\" title=\"Parameter\" ><summary><span><a href=\"#ctor$93\">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href=\"#T$29\">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$29\">T</a>&gt;</ul></p>  <details id=\"ctx$108\" title=\"Parameter\" ><summary><span><a href=\"#ctx$108\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href=\"#T$44\">T</a> | <span>Class</span>&lt;<a href=\"#T$44\">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$44\">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id=\"Boolean$112\" title=\"Property\" ><summary><span><a href=\"#Boolean$112\">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | boolean</p>        </ul></details><details id=\"Number$111\" title=\"Property\" ><summary><span><a href=\"#Number$111\">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | number</p>        </ul></details><details id=\"String$110\" title=\"Property\" ><summary><span><a href=\"#String$110\">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>\"transition\"</code>&gt;&gt;</p>        </ul></details><details id=\"defaultValue$6\" title=\"Property\" ><summary><span><a href=\"#defaultValue$6\">#</a></span>  <code><strong>defaultValue</strong></code>    </summary>  <a href=\"src/editor.tsx#L15\">src/editor.tsx#L15</a>  <ul><p>string</p>        </ul></details><details id=\"dispatch$50\" title=\"Property\" ><summary><span><a href=\"#dispatch$50\">#</a></span>  <code><strong>dispatch</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Dispatch</span>&lt;<details id=\"__type$51\" title=\"Function\" ><summary><span><a href=\"#__type$51\">#</a></span>  <em>(name, detail, init)</em>    </summary>    <ul>    <p>    <details id=\"name$55\" title=\"Parameter\" ><summary><span><a href=\"#name$55\">#</a></span>  <code><strong>name</strong></code>    </summary>    <ul><p><span>Event</span> | <span>Narrow</span>&lt;<a href=\"#K$53\">K</a>, string&gt;</p>        </ul></details><details id=\"detail$56\" title=\"Parameter\" ><summary><span><a href=\"#detail$56\">#</a></span>  <code><strong>detail</strong></code>    </summary>    <ul><p><a href=\"#E$54\">E</a></p>        </ul></details><details id=\"init$57\" title=\"Parameter\" ><summary><span><a href=\"#init$57\">#</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=\"editor$5\" title=\"Property\" ><summary><span><a href=\"#editor$5\">#</a></span>  <code><strong>editor</strong></code>    </summary>  <a href=\"src/editor.tsx#L13\">src/editor.tsx#L13</a>  <ul><p><span>CodeEditElement</span></p>        </ul></details><details id=\"errorLenses$9\" title=\"Property\" ><summary><span><a href=\"#errorLenses$9\">#</a></span>  <code><strong>errorLenses</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>[]</code></span>  </summary>  <a href=\"src/editor.tsx#L20\">src/editor.tsx#L20</a>  <ul><p><span>Lens</span>  []</p>        </ul></details><details id=\"errorMarkers$7\" title=\"Property\" ><summary><span><a href=\"#errorMarkers$7\">#</a></span>  <code><strong>errorMarkers</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>[]</code></span>  </summary>  <a href=\"src/editor.tsx#L18\">src/editor.tsx#L18</a>  <ul><p><span>Marker</span>  []</p>        </ul></details><details id=\"host$64\" title=\"Property\" ><summary><span><a href=\"#host$64\">#</a></span>  <code><strong>host</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><a href=\"#EditorElement$1\">EditorElement</a></p>        </ul></details><details id=\"onInput$12\" title=\"Property\" ><summary><span><a href=\"#onInput$12\">#</a></span>  <code><strong>onInput</strong></code>    </summary>  <a href=\"src/editor.tsx#L25\">src/editor.tsx#L25</a>  <ul><p><details id=\"__type$13\" title=\"Function\" ><summary><span><a href=\"#__type$13\">#</a></span>  <em>(value)</em>    </summary>    <ul>    <p>    <details id=\"value$15\" title=\"Parameter\" ><summary><span><a href=\"#value$15\">#</a></span>  <code><strong>value</strong></code>    </summary>    <ul><p>string</p>        </ul></details>  <p><strong></strong><em>(value)</em>  &nbsp;=&gt;  <ul>void</ul></p></p>    </ul></details></p>        </ul></details><details id=\"onKeyDown$11\" title=\"Property\" ><summary><span><a href=\"#onKeyDown$11\">#</a></span>  <code><strong>onKeyDown</strong></code>    </summary>  <a href=\"src/editor.tsx#L23\">src/editor.tsx#L23</a>  <ul><p><span>EventHandler</span>&lt;<span>CodeEditElement</span>, <span>KeyboardEvent</span>&gt;</p>        </ul></details><details id=\"onKeyUp$10\" title=\"Property\" ><summary><span><a href=\"#onKeyUp$10\">#</a></span>  <code><strong>onKeyUp</strong></code>    </summary>  <a href=\"src/editor.tsx#L22\">src/editor.tsx#L22</a>  <ul><p><span>EventHandler</span>&lt;<span>CodeEditElement</span>, <span>KeyboardEvent</span>&gt;</p>        </ul></details><details id=\"onSave$16\" title=\"Property\" ><summary><span><a href=\"#onSave$16\">#</a></span>  <code><strong>onSave</strong></code>    </summary>  <a href=\"src/editor.tsx#L26\">src/editor.tsx#L26</a>  <ul><p><details id=\"__type$17\" title=\"Function\" ><summary><span><a href=\"#__type$17\">#</a></span>  <em>(value)</em>    </summary>    <ul>    <p>    <details id=\"value$19\" title=\"Parameter\" ><summary><span><a href=\"#value$19\">#</a></span>  <code><strong>value</strong></code>    </summary>    <ul><p>string</p>        </ul></details>  <p><strong></strong><em>(value)</em>  &nbsp;=&gt;  <ul>void</ul></p></p>    </ul></details></p>        </ul></details><details id=\"onmounted$62\" title=\"Property\" ><summary><span><a href=\"#onmounted$62\">#</a></span>  <code><strong>onmounted</strong></code>    </summary>    <ul><p><span>EventHandler</span>&lt;<a href=\"#EditorElement$1\">EditorElement</a>, <span>CustomEvent</span>&lt;any&gt;&gt;</p>        </ul></details><details id=\"onunmounted$63\" title=\"Property\" ><summary><span><a href=\"#onunmounted$63\">#</a></span>  <code><strong>onunmounted</strong></code>    </summary>    <ul><p><span>EventHandler</span>&lt;<a href=\"#EditorElement$1\">EditorElement</a>, <span>CustomEvent</span>&lt;any&gt;&gt;</p>        </ul></details><details id=\"paramMarkers$8\" title=\"Property\" ><summary><span><a href=\"#paramMarkers$8\">#</a></span>  <code><strong>paramMarkers</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>[]</code></span>  </summary>  <a href=\"src/editor.tsx#L19\">src/editor.tsx#L19</a>  <ul><p><span>Marker</span>  []</p>        </ul></details><details id=\"updateValue$20\" title=\"Property\" ><summary><span><a href=\"#updateValue$20\">#</a></span>  <code><strong>updateValue</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>...</code></span>  </summary>  <a href=\"src/editor.tsx#L28\">src/editor.tsx#L28</a>  <ul><p><details id=\"__type$21\" title=\"Function\" ><summary><span><a href=\"#__type$21\">#</a></span>  <em>(value)</em>    </summary>    <ul>    <p>    <details id=\"value$23\" title=\"Parameter\" ><summary><span><a href=\"#value$23\">#</a></span>  <code><strong>value</strong></code>    </summary>    <ul><p>string | void</p>        </ul></details>  <p><strong></strong><em>(value)</em>  &nbsp;=&gt;  <ul>void</ul></p></p>    </ul></details></p>        </ul></details><details id=\"created$113\" title=\"Method\" ><summary><span><a href=\"#created$113\">#</a></span>  <code><strong>created</strong></code><em>(ctx)</em>    </summary>  <a href=\"\"></a>  <ul>    <p>    <details id=\"ctx$115\" title=\"Parameter\" ><summary><span><a href=\"#ctx$115\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><span>Context</span>&lt;<a href=\"#EditorElement$1\">EditorElement</a> &amp; <span>JsxContext</span>&lt;<a href=\"#EditorElement$1\">EditorElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id=\"ctor$119\" title=\"Parameter\" ><summary><span><a href=\"#ctor$119\">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href=\"#T$29\">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$29\">T</a>&gt;</ul></p>  <details id=\"ctx$134\" title=\"Parameter\" ><summary><span><a href=\"#ctx$134\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href=\"#T$44\">T</a> | <span>Class</span>&lt;<a href=\"#T$44\">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$44\">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id=\"Boolean$138\" title=\"Property\" ><summary><span><a href=\"#Boolean$138\">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | boolean</p>        </ul></details><details id=\"Number$137\" title=\"Property\" ><summary><span><a href=\"#Number$137\">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | number</p>        </ul></details><details id=\"String$136\" title=\"Property\" ><summary><span><a href=\"#String$136\">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href=\"\"></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$24\" title=\"Method\" ><summary><span><a href=\"#mounted$24\">#</a></span>  <code><strong>mounted</strong></code><em>($)</em>    </summary>  <a href=\"src/editor.tsx#L54\">src/editor.tsx#L54</a>  <ul>    <p>    <details id=\"$$26\" title=\"Parameter\" ><summary><span><a href=\"#$$26\">#</a></span>  <code><strong>$</strong></code>    </summary>    <ul><p><span>Context</span>&lt;<a href=\"#EditorElement$1\">EditorElement</a> &amp; <span>JsxContext</span>&lt;<a href=\"#EditorElement$1\">EditorElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id=\"ctor$30\" title=\"Parameter\" ><summary><span><a href=\"#ctor$30\">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href=\"#T$29\">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$29\">T</a>&gt;</ul></p>  <details id=\"ctx$45\" title=\"Parameter\" ><summary><span><a href=\"#ctx$45\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href=\"#T$44\">T</a> | <span>Class</span>&lt;<a href=\"#T$44\">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$44\">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id=\"Boolean$49\" title=\"Property\" ><summary><span><a href=\"#Boolean$49\">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | boolean</p>        </ul></details><details id=\"Number$48\" title=\"Property\" ><summary><span><a href=\"#Number$48\">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | number</p>        </ul></details><details id=\"String$47\" title=\"Property\" ><summary><span><a href=\"#String$47\">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href=\"\"></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$58\" title=\"Method\" ><summary><span><a href=\"#on$58\">#</a></span>  <code><strong>on</strong></code><em>(name)</em>    </summary>  <a href=\"\"></a>  <ul>    <p>    <details id=\"name$61\" title=\"Parameter\" ><summary><span><a href=\"#name$61\">#</a></span>  <code><strong>name</strong></code>    </summary>    <ul><p><a href=\"#K$60\">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=\"#EditorElement$1\">EditorElement</a>, <span>LifecycleEvents</span> &amp; object  [<a href=\"#K$60\">K</a>]&gt;  ], <span>Off</span>&gt;&gt;</ul></p></p>    </ul></details><details id=\"toJSON$139\" title=\"Method\" ><summary><span><a href=\"#toJSON$139\">#</a></span>  <code><strong>toJSON</strong></code><em>()</em>    </summary>  <a href=\"\"></a>  <ul>    <p>      <p><strong>toJSON</strong><em>()</em>  &nbsp;=&gt;  <ul><span>Pick</span>&lt;<a href=\"#EditorElement$1\">EditorElement</a>, keyof     <a href=\"#EditorElement$1\">EditorElement</a>&gt;</ul></p></p>    </ul></details></p></ul></details><details id=\"KnobsBarElement$141\" title=\"Class\" ><summary><span><a href=\"#KnobsBarElement$141\">#</a></span>  <code><strong>KnobsBarElement</strong></code>    </summary>  <a href=\"src/knobs.tsx#L7\">src/knobs.tsx#L7</a>  <ul>        <p>  <details id=\"constructor$161\" title=\"Constructor\" ><summary><span><a href=\"#constructor$161\">#</a></span>  <code><strong>constructor</strong></code><em>(args)</em>    </summary>  <a href=\"\"></a>  <ul>    <p>  <details id=\"new KnobsBarElement$162\" title=\"ConstructorSignature\" ><summary><span><a href=\"#new KnobsBarElement$162\">#</a></span>  <code><strong>new KnobsBarElement</strong></code><em>()</em>    </summary>    <ul><p><a href=\"#KnobsBarElement$141\">KnobsBarElement</a></p>      <p>  <details id=\"args$163\" title=\"Parameter\" ><summary><span><a href=\"#args$163\">#</a></span>  <code><strong>args</strong></code>    </summary>    <ul><p>any  []</p>        </ul></details></p>  </ul></details></p>    </ul></details><details id=\"$$221\" title=\"Property\" ><summary><span><a href=\"#$$221\">#</a></span>  <code><strong>$</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Context</span>&lt;<a href=\"#KnobsBarElement$141\">KnobsBarElement</a> &amp; <span>JsxContext</span>&lt;<a href=\"#KnobsBarElement$141\">KnobsBarElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id=\"ctor$225\" title=\"Parameter\" ><summary><span><a href=\"#ctor$225\">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href=\"#T$29\">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$29\">T</a>&gt;</ul></p>  <details id=\"ctx$240\" title=\"Parameter\" ><summary><span><a href=\"#ctx$240\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href=\"#T$44\">T</a> | <span>Class</span>&lt;<a href=\"#T$44\">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$44\">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id=\"Boolean$244\" title=\"Property\" ><summary><span><a href=\"#Boolean$244\">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | boolean</p>        </ul></details><details id=\"Number$243\" title=\"Property\" ><summary><span><a href=\"#Number$243\">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | number</p>        </ul></details><details id=\"String$242\" title=\"Property\" ><summary><span><a href=\"#String$242\">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>\"transition\"</code>&gt;&gt;</p>        </ul></details><details id=\"Knob$164\" title=\"Property\" ><summary><span><a href=\"#Knob$164\">#</a></span>  <code><strong>Knob</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>...</code></span>  </summary>  <a href=\"src/knobs.tsx#L13\">src/knobs.tsx#L13</a>  <ul><p><span>Component</span>&lt;<span>KnobElement</span>, <span>HTMLElement</span>&gt;</p>        </ul></details><details id=\"__#2@#offsetHeight$200\" title=\"Property\" ><summary><span><a href=\"#__#2@#offsetHeight$200\">#</a></span>  <code><strong>__#2@#offsetHeight</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"__#2@#offsetLeft$197\" title=\"Property\" ><summary><span><a href=\"#__#2@#offsetLeft$197\">#</a></span>  <code><strong>__#2@#offsetLeft</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"__#2@#offsetTop$198\" title=\"Property\" ><summary><span><a href=\"#__#2@#offsetTop$198\">#</a></span>  <code><strong>__#2@#offsetTop</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"__#2@#offsetWidth$199\" title=\"Property\" ><summary><span><a href=\"#__#2@#offsetWidth$199\">#</a></span>  <code><strong>__#2@#offsetWidth</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>number</p>        </ul></details><details id=\"columns$167\" title=\"Property\" ><summary><span><a href=\"#columns$167\">#</a></span>  <code><strong>columns</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>1</code></span>  </summary>  <a href=\"src/knobs.tsx#L28\">src/knobs.tsx#L28</a>  <ul><p>number</p>        </ul></details><details id=\"context$245\" title=\"Property\" ><summary><span><a href=\"#context$245\">#</a></span>  <code><strong>context</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>ContextClass</span>&lt;<a href=\"#KnobsBarElement$141\">KnobsBarElement</a> &amp; <span>JsxContext</span>&lt;<a href=\"#KnobsBarElement$141\">KnobsBarElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id=\"ctor$249\" title=\"Parameter\" ><summary><span><a href=\"#ctor$249\">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href=\"#T$29\">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$29\">T</a>&gt;</ul></p>  <details id=\"ctx$264\" title=\"Parameter\" ><summary><span><a href=\"#ctx$264\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href=\"#T$44\">T</a> | <span>Class</span>&lt;<a href=\"#T$44\">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$44\">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id=\"Boolean$268\" title=\"Property\" ><summary><span><a href=\"#Boolean$268\">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | boolean</p>        </ul></details><details id=\"Number$267\" title=\"Property\" ><summary><span><a href=\"#Number$267\">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | number</p>        </ul></details><details id=\"String$266\" title=\"Property\" ><summary><span><a href=\"#String$266\">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | string</p>        </ul></details></p>}, <code>\"transition\"</code>&gt;&gt;</p>        </ul></details><details id=\"dispatch$206\" title=\"Property\" ><summary><span><a href=\"#dispatch$206\">#</a></span>  <code><strong>dispatch</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Dispatch</span>&lt;<details id=\"__type$207\" title=\"Function\" ><summary><span><a href=\"#__type$207\">#</a></span>  <em>(name, detail, init)</em>    </summary>    <ul>    <p>    <details id=\"name$211\" title=\"Parameter\" ><summary><span><a href=\"#name$211\">#</a></span>  <code><strong>name</strong></code>    </summary>    <ul><p><span>Event</span> | <span>Narrow</span>&lt;<a href=\"#K$53\">K</a>, string&gt;</p>        </ul></details><details id=\"detail$212\" title=\"Parameter\" ><summary><span><a href=\"#detail$212\">#</a></span>  <code><strong>detail</strong></code>    </summary>    <ul><p><a href=\"#E$54\">E</a></p>        </ul></details><details id=\"init$213\" title=\"Parameter\" ><summary><span><a href=\"#init$213\">#</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=\"host$220\" title=\"Property\" ><summary><span><a href=\"#host$220\">#</a></span>  <code><strong>host</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><a href=\"#KnobsBarElement$141\">KnobsBarElement</a></p>        </ul></details><details id=\"knobs$165\" title=\"Property\" ><summary><span><a href=\"#knobs$165\">#</a></span>  <code><strong>knobs</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>...</code></span>  </summary>  <a href=\"src/knobs.tsx#L15\">src/knobs.tsx#L15</a>  <ul><p><span>RefSet</span>&lt;<span>KnobElement</span>&gt;</p>        </ul></details><details id=\"knobsTheme$166\" title=\"Property\" ><summary><span><a href=\"#knobsTheme$166\">#</a></span>  <code><strong>knobsTheme</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>'zen'</code></span>  </summary>  <a href=\"src/knobs.tsx#L26\">src/knobs.tsx#L26</a>  <ul><p>string</p>        </ul></details><details id=\"onmounted$218\" title=\"Property\" ><summary><span><a href=\"#onmounted$218\">#</a></span>  <code><strong>onmounted</strong></code>    </summary>    <ul><p><span>EventHandler</span>&lt;<a href=\"#KnobsBarElement$141\">KnobsBarElement</a>, <span>CustomEvent</span>&lt;any&gt;&gt;</p>        </ul></details><details id=\"onunmounted$219\" title=\"Property\" ><summary><span><a href=\"#onunmounted$219\">#</a></span>  <code><strong>onunmounted</strong></code>    </summary>    <ul><p><span>EventHandler</span>&lt;<a href=\"#KnobsBarElement$141\">KnobsBarElement</a>, <span>CustomEvent</span>&lt;any&gt;&gt;</p>        </ul></details><details id=\"ownRect$205\" title=\"Property\" ><summary><span><a href=\"#ownRect$205\">#</a></span>  <code><strong>ownRect</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Rect</span></p>        </ul></details><details id=\"pos$204\" title=\"Property\" ><summary><span><a href=\"#pos$204\">#</a></span>  <code><strong>pos</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Point</span></p>        </ul></details><details id=\"rect$203\" title=\"Property\" ><summary><span><a href=\"#rect$203\">#</a></span>  <code><strong>rect</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Rect</span></p>        </ul></details><details id=\"rows$168\" title=\"Property\" ><summary><span><a href=\"#rows$168\">#</a></span>  <code><strong>rows</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>1</code></span>  </summary>  <a href=\"src/knobs.tsx#L29\">src/knobs.tsx#L29</a>  <ul><p>number</p>        </ul></details><details id=\"size$196\" title=\"Property\" ><summary><span><a href=\"#size$196\">#</a></span>  <code><strong>size</strong></code>    </summary>  <a href=\"\"></a>  <ul><p><span>Point</span></p>        </ul></details><details id=\"vertical$169\" title=\"Property\" ><summary><span><a href=\"#vertical$169\">#</a></span>  <code><strong>vertical</strong></code>  <span><span>&nbsp;=&nbsp;</span>  <code>false</code></span>  </summary>  <a href=\"src/knobs.tsx#L30\">src/knobs.tsx#L30</a>  <ul><p>boolean</p>        </ul></details><details id=\"__#2@#updateOffsets$201\" title=\"Method\" ><summary><span><a href=\"#__#2@#updateOffsets$201\">#</a></span>  <code><strong>__#2@#updateOffsets</strong></code><em>()</em>    </summary>  <a href=\"\"></a>  <ul>    <p>      <p><strong>__#2@#updateOffsets</strong><em>()</em>  &nbsp;=&gt;  <ul>void</ul></p></p>    </ul></details><details id=\"created$269\" title=\"Method\" ><summary><span><a href=\"#created$269\">#</a></span>  <code><strong>created</strong></code><em>(ctx)</em>    </summary>  <a href=\"\"></a>  <ul>    <p>    <details id=\"ctx$271\" title=\"Parameter\" ><summary><span><a href=\"#ctx$271\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><span>Context</span>&lt;<a href=\"#KnobsBarElement$141\">KnobsBarElement</a> &amp; <span>JsxContext</span>&lt;<a href=\"#KnobsBarElement$141\">KnobsBarElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id=\"ctor$275\" title=\"Parameter\" ><summary><span><a href=\"#ctor$275\">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href=\"#T$29\">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$29\">T</a>&gt;</ul></p>  <details id=\"ctx$290\" title=\"Parameter\" ><summary><span><a href=\"#ctx$290\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href=\"#T$44\">T</a> | <span>Class</span>&lt;<a href=\"#T$44\">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$44\">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id=\"Boolean$294\" title=\"Property\" ><summary><span><a href=\"#Boolean$294\">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | boolean</p>        </ul></details><details id=\"Number$293\" title=\"Property\" ><summary><span><a href=\"#Number$293\">#</a></span>  <code><strong>Number</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>undefined | number</p>        </ul></details><details id=\"String$292\" title=\"Property\" ><summary><span><a href=\"#String$292\">#</a></span>  <code><strong>String</strong></code>    </summary>  <a href=\"\"></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$170\" title=\"Method\" ><summary><span><a href=\"#mounted$170\">#</a></span>  <code><strong>mounted</strong></code><em>($)</em>    </summary>  <a href=\"src/knobs.tsx#L32\">src/knobs.tsx#L32</a>  <ul>    <p>    <details id=\"$$172\" title=\"Parameter\" ><summary><span><a href=\"#$$172\">#</a></span>  <code><strong>$</strong></code>    </summary>    <ul><p><span>Context</span>&lt;<a href=\"#KnobsBarElement$141\">KnobsBarElement</a> &amp; <span>JsxContext</span>&lt;<a href=\"#KnobsBarElement$141\">KnobsBarElement</a>&gt; &amp; <span>Omit</span>&lt;{<p>    <details id=\"ctor$176\" title=\"Parameter\" ><summary><span><a href=\"#ctor$176\">#</a></span>  <code><strong>ctor</strong></code>    </summary>    <ul><p><span>Class</span>&lt;<a href=\"#T$29\">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$29\">T</a>&gt;</ul></p>  <details id=\"ctx$191\" title=\"Parameter\" ><summary><span><a href=\"#ctx$191\">#</a></span>  <code><strong>ctx</strong></code>    </summary>    <ul><p><a href=\"#T$44\">T</a> | <span>Class</span>&lt;<a href=\"#T$44\">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$44\">T</a>&gt;</ul></p></p>} &amp; <span>__module</span> &amp; {<p>  <details id=\"Boolean$195\" title=\"Property\" ><summary><span><a href=\"#Boolean$195\">#</a></span>  <code><strong>Boolean</strong></code>    </summary>  <a href=\"\"></a>  <ul><p>","readmeFilename":"README.md"}