{"id":18062944,"url":"https://github.com/stagas/code-edit","last_synced_at":"2025-04-11T15:13:45.038Z","repository":{"id":57202176,"uuid":"441527736","full_name":"stagas/code-edit","owner":"stagas","description":"Lightweight code editor Web Component with syntax highlighting","archived":false,"fork":false,"pushed_at":"2022-08-21T13:30:55.000Z","size":116,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-28T08:36:21.920Z","etag":null,"topics":["code","custom-element","editor","html","syntax-highlight","web-component"],"latest_commit_sha":null,"homepage":"https://stagas.github.io/code-edit/","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":"2021-12-24T18:02:47.000Z","updated_at":"2023-02-04T22:54:02.000Z","dependencies_parsed_at":"2022-09-17T12:01:24.527Z","dependency_job_id":null,"html_url":"https://github.com/stagas/code-edit","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":"stagas/ts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagas%2Fcode-edit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagas%2Fcode-edit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagas%2Fcode-edit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagas%2Fcode-edit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stagas","download_url":"https://codeload.github.com/stagas/code-edit/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":["code","custom-element","editor","html","syntax-highlight","web-component"],"created_at":"2024-10-31T05:08:57.416Z","updated_at":"2025-04-11T15:13:45.017Z","avatar_url":"https://github.com/stagas.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003e\ncode-edit \u003ca href=\"https://npmjs.org/package/code-edit\"\u003e\u003cimg src=\"https://img.shields.io/badge/npm-v4.1.0-F00.svg?colorA=000\"/\u003e\u003c/a\u003e \u003ca href=\"src\"\u003e\u003cimg src=\"https://img.shields.io/badge/loc-460-FFF.svg?colorA=000\"/\u003e\u003c/a\u003e \u003ca href=\"https://cdn.jsdelivr.net/npm/code-edit@4.1.0/dist/code-edit.min.js\"\u003e\u003cimg src=\"https://img.shields.io/badge/brotli-24K-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\nLightweight code editor Web Component with syntax highlighting\n\n\u003ch4\u003e\n\u003ctable\u003e\u003ctr\u003e\u003ctd title=\"Triple click to select and copy paste\"\u003e\n\u003ccode\u003enpm i code-edit \u003c/code\u003e\n\u003c/td\u003e\u003ctd title=\"Triple click to select and copy paste\"\u003e\n\u003ccode\u003epnpm add code-edit \u003c/code\u003e\n\u003c/td\u003e\u003ctd title=\"Triple click to select and copy paste\"\u003e\n\u003ccode\u003eyarn add code-edit\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    \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 'code-syntax/themes/default.css'\nimport 'plenty-themes/laser.css'\n\nimport { CodeEditElement, languages } from 'code-edit'\n\nlanguages.js = import('code-syntax/languages/js.js')\ncustomElements.define('code-edit', CodeEditElement)\n\nconst style = document.createElement('style')\nstyle.textContent = /*css*/ `\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n}\nbody {\n  background: #333;\n}\npre {\n  color: var(--color);\n  background: var(--background);\n}\ncode-edit {\n  margin: 15px;\n  padding: 15px;\n  width: 300px;\n  height: 100px;\n  font-family: monospace;\n  resize: both;\n}\n`\ndocument.head.appendChild(style)\n\ndocument.body.innerHTML = /*html*/ `\n\u003ccode-edit id=\"demo\" autoresize autofocus language=\"js\" theme=\"laser\"\u003eexport interface HTMLCodeEditElement {\n  value?: string\n  language?: string\n  syntax?: SyntaxDefinition | Promise\u0026lt;{ default: SyntaxDefinition }\u0026gt;\n  theme?: string\n  tabsize?: number\n  tabstyle?: 'tabs' | 'spaces'\n  comments?: string\n}\u003c/code-edit\u003e\n`\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=\"CodeEditElement$31\" title=\"Class\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#CodeEditElement$31\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eCodeEditElement\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L172\"\u003esrc/code-edit.tsx#L172\u003c/a\u003e  \u003cul\u003e        \u003cp\u003e  \u003cdetails id=\"constructor$32\" title=\"Constructor\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#constructor$32\"\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  \u003ca href=\"node_modules/typescript/lib/lib.dom.d.ts#L6370\"\u003enode_modules/typescript/lib/lib.dom.d.ts#L6370\u003c/a\u003e  \u003cul\u003e    \u003cp\u003e  \u003cdetails id=\"new CodeEditElement$33\" title=\"ConstructorSignature\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#new CodeEditElement$33\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003enew CodeEditElement\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e()\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"$$126\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#$$126\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003e$\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eContext\u003c/span\u003e\u0026lt;\u003ca href=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e \u0026amp; \u003cspan\u003eJsxContext\u003c/span\u003e\u0026lt;\u003ca href=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e\u0026gt; \u0026amp; \u003cspan\u003eOmit\u003c/span\u003e\u0026lt;{\u003cp\u003e    \u003cdetails id=\"ctor$130\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctor$130\"\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$90\"\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$90\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e  \u003cdetails id=\"ctx$145\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$145\"\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$105\"\u003eT\u003c/a\u003e | \u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$105\"\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$105\"\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$149\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Boolean$149\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eBoolean\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | boolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Number$148\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Number$148\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eNumber\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | number\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"String$147\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#String$147\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eString\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\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=\"CodeSyntax$45\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#CodeSyntax$45\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eCodeSyntax\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/code-edit.tsx#L211\"\u003esrc/code-edit.tsx#L211\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eComponent\u003c/span\u003e\u0026lt;\u003cspan\u003eCodeSyntaxElement\u003c/span\u003e, \u003cspan\u003eHTMLElement\u003c/span\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"SuperImpose$46\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#SuperImpose$46\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eSuperImpose\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/code-edit.tsx#L212\"\u003esrc/code-edit.tsx#L212\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eComponent\u003c/span\u003e\u0026lt;\u003cspan\u003eSuperImposeElement\u003c/span\u003e, \u003cspan\u003eHTMLElement\u003c/span\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"TextAreaCode$47\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#TextAreaCode$47\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eTextAreaCode\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/code-edit.tsx#L213\"\u003esrc/code-edit.tsx#L213\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eComponent\u003c/span\u003e\u0026lt;\u003cspan\u003eTextAreaCodeElement\u003c/span\u003e, \u003cspan\u003eHTMLElement\u003c/span\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"TextShadow$48\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#TextShadow$48\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eTextShadow\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L215\"\u003esrc/code-edit.tsx#L215\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cdetails id=\"__type$49\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$49\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003cem\u003e({ x, y })\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"props$51\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#props$51\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eprops\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e{\u003cp\u003e  \u003cdetails id=\"x$53\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#x$53\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ex\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L215\"\u003esrc/code-edit.tsx#L215\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"y$54\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#y$54\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ey\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L215\"\u003esrc/code-edit.tsx#L215\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003cem\u003e({ x, y })\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eVKid\u003c/span\u003e\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=\"autoFocus$36\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#autoFocus$36\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eautoFocus\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/code-edit.tsx#L193\"\u003esrc/code-edit.tsx#L193\u003c/a\u003e  \u003cul\u003e\u003cp\u003eboolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"autoResize$37\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#autoResize$37\"\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/code-edit.tsx#L195\"\u003esrc/code-edit.tsx#L195\u003c/a\u003e  \u003cul\u003e\u003cp\u003eboolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"caretBlink$80\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#caretBlink$80\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ecaretBlink\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e'none'\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L263\"\u003esrc/code-edit.tsx#L263\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003ccode\u003e\"blink\"\u003c/code\u003e | \u003ccode\u003e\"none\"\u003c/code\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"caretBlinkTimeout$81\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#caretBlinkTimeout$81\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ecaretBlinkTimeout\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e-1\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L264\"\u003esrc/code-edit.tsx#L264\u003c/a\u003e  \u003cul\u003e\u003cp\u003eany\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"caretIndex$78\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#caretIndex$78\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ecaretIndex\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e0\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L261\"\u003esrc/code-edit.tsx#L261\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"caretShift$79\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#caretShift$79\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ecaretShift\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e'none'\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L262\"\u003esrc/code-edit.tsx#L262\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003ccode\u003e\"forward\"\u003c/code\u003e | \u003ccode\u003e\"backward\"\u003c/code\u003e | \u003ccode\u003e\"none\"\u003c/code\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"comments$42\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#comments$42\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ecomments\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/code-edit.tsx#L205\"\u003esrc/code-edit.tsx#L205\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"context$150\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#context$150\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003econtext\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eContextClass\u003c/span\u003e\u0026lt;\u003ca href=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e \u0026amp; \u003cspan\u003eJsxContext\u003c/span\u003e\u0026lt;\u003ca href=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e\u0026gt; \u0026amp; \u003cspan\u003eOmit\u003c/span\u003e\u0026lt;{\u003cp\u003e    \u003cdetails id=\"ctor$154\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctor$154\"\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$90\"\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$90\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e  \u003cdetails id=\"ctx$169\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$169\"\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$105\"\u003eT\u003c/a\u003e | \u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$105\"\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$105\"\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$173\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Boolean$173\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eBoolean\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | boolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Number$172\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Number$172\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eNumber\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | number\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"String$171\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#String$171\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eString\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\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=\"dispatch$111\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#dispatch$111\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003edispatch\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eDispatch\u003c/span\u003e\u0026lt;\u003cdetails id=\"__type$112\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$112\"\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$116\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#name$116\"\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$114\"\u003eK\u003c/a\u003e, string\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"detail$117\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#detail$117\"\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$115\"\u003eE\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"init$118\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#init$118\"\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=\"fontSize$35\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#fontSize$35\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003efontSize\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e9.5\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L191\"\u003esrc/code-edit.tsx#L191\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"hasFocus$44\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#hasFocus$44\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ehasFocus\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/code-edit.tsx#L209\"\u003esrc/code-edit.tsx#L209\u003c/a\u003e  \u003cul\u003e\u003cp\u003eboolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"height$58\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#height$58\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eheight\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L222\"\u003esrc/code-edit.tsx#L222\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eHTMLPreElement\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"host$125\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#host$125\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ehost\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003ca href=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"hoveringMarker$64\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#hoveringMarker$64\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ehoveringMarker\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L227\"\u003esrc/code-edit.tsx#L227\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003ccode\u003enull\u003c/code\u003e | \u003ca href=\"#Marker$5\"\u003eMarker\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"language$38\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#language$38\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003elanguage\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/code-edit.tsx#L197\"\u003esrc/code-edit.tsx#L197\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"layout$57\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#layout$57\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003elayout\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L221\"\u003esrc/code-edit.tsx#L221\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eSuperImposeElement\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"lenses$65\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#lenses$65\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003elenses\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/code-edit.tsx#L230\"\u003esrc/code-edit.tsx#L230\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003ca href=\"#Lens$27\"\u003eLens\u003c/a\u003e  []\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"markers$59\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#markers$59\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003emarkers\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/code-edit.tsx#L225\"\u003esrc/code-edit.tsx#L225\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003ca href=\"#Marker$5\"\u003eMarker\u003c/a\u003e  []\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"markersCss$60\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#markersCss$60\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003emarkersCss\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/code-edit.tsx#L226\"\u003esrc/code-edit.tsx#L226\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cdetails id=\"__type$61\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$61\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003cem\u003e(selector)\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"selector$63\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#selector$63\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eselector\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003cem\u003e(selector)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003estring\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=\"onInput$71\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onInput$71\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eonInput\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/code-edit.tsx#L241\"\u003esrc/code-edit.tsx#L241\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cdetails id=\"__type$72\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$72\"\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=\"onScroll$74\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onScroll$74\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eonScroll\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/code-edit.tsx#L247\"\u003esrc/code-edit.tsx#L247\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cdetails id=\"__type$75\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$75\"\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=\"onWheel$77\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onWheel$77\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eonWheel\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/code-edit.tsx#L251\"\u003esrc/code-edit.tsx#L251\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eEventHandler\u003c/span\u003e\u0026lt;\u003cspan\u003eSuperImposeElement\u003c/span\u003e, \u003cspan\u003eWheelEvent\u003c/span\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"onmounted$123\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onmounted$123\"\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=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e, \u003cspan\u003eCustomEvent\u003c/span\u003e\u0026lt;any\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"onunmounted$124\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onunmounted$124\"\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=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e, \u003cspan\u003eCustomEvent\u003c/span\u003e\u0026lt;any\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"root$66\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#root$66\"\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/code-edit.tsx#L232\"\u003esrc/code-edit.tsx#L232\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eShadowRoot\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"syntax$55\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#syntax$55\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003esyntax\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/code-edit.tsx#L218\"\u003esrc/code-edit.tsx#L218\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003ca href=\"#SyntaxOrImport$2\"\u003eSyntaxOrImport\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"tabSize$40\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#tabSize$40\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003etabSize\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e2\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L201\"\u003esrc/code-edit.tsx#L201\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"tabStyle$41\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#tabStyle$41\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003etabStyle\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e'spaces'\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L203\"\u003esrc/code-edit.tsx#L203\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003ccode\u003e\"spaces\"\u003c/code\u003e | \u003ccode\u003e\"tabs\"\u003c/code\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"textShadow$43\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#textShadow$43\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003etextShadow\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/code-edit.tsx#L207\"\u003esrc/code-edit.tsx#L207\u003c/a\u003e  \u003cul\u003e\u003cp\u003eboolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"textarea$56\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#textarea$56\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003etextarea\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L220\"\u003esrc/code-edit.tsx#L220\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eTextAreaCodeElement\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"theme$39\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#theme$39\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003etheme\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/code-edit.tsx#L199\"\u003esrc/code-edit.tsx#L199\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"updateCaret$82\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#updateCaret$82\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eupdateCaret\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/code-edit.tsx#L266\"\u003esrc/code-edit.tsx#L266\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cdetails id=\"__type$83\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$83\"\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=\"value$34\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#value$34\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003evalue\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/code-edit.tsx#L189\"\u003esrc/code-edit.tsx#L189\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"scrollLeft$67\" title=\"Accessor\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#scrollLeft$67\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003escrollLeft\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L234\"\u003esrc/code-edit.tsx#L234\u003c/a\u003e  \u003cul\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"scrollTop$69\" title=\"Accessor\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#scrollTop$69\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003escrollTop\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L237\"\u003esrc/code-edit.tsx#L237\u003c/a\u003e  \u003cul\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"created$174\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#created$174\"\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  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"ctx$176\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$176\"\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=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e \u0026amp; \u003cspan\u003eJsxContext\u003c/span\u003e\u0026lt;\u003ca href=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e\u0026gt; \u0026amp; \u003cspan\u003eOmit\u003c/span\u003e\u0026lt;{\u003cp\u003e    \u003cdetails id=\"ctor$180\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctor$180\"\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$90\"\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$90\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e  \u003cdetails id=\"ctx$195\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$195\"\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$105\"\u003eT\u003c/a\u003e | \u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$105\"\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$105\"\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$199\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Boolean$199\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eBoolean\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | boolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Number$198\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Number$198\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eNumber\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | number\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"String$197\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#String$197\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eString\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\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$85\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#mounted$85\"\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/code-edit.tsx#L283\"\u003esrc/code-edit.tsx#L283\u003c/a\u003e  \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"$$87\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#$$87\"\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=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e \u0026amp; \u003cspan\u003eJsxContext\u003c/span\u003e\u0026lt;\u003ca href=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e\u0026gt; \u0026amp; \u003cspan\u003eOmit\u003c/span\u003e\u0026lt;{\u003cp\u003e    \u003cdetails id=\"ctor$91\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctor$91\"\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$90\"\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$90\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e  \u003cdetails id=\"ctx$106\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$106\"\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$105\"\u003eT\u003c/a\u003e | \u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$105\"\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$105\"\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$110\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Boolean$110\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eBoolean\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | boolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Number$109\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Number$109\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eNumber\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | number\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"String$108\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#String$108\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eString\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\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$119\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#on$119\"\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  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"name$122\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#name$122\"\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$121\"\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=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e, \u003cspan\u003eLifecycleEvents\u003c/span\u003e \u0026amp; object  [\u003ca href=\"#K$121\"\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=\"toJSON$200\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#toJSON$200\"\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  \u003ca href=\"\"\u003e\u003c/a\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=\"#CodeEditElement$31\"\u003eCodeEditElement\u003c/a\u003e, keyof     \u003ca href=\"#CodeEditElement$31\"\u003eCodeEditElement\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\u003cdetails id=\"Lens$27\" title=\"TypeAlias\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Lens$27\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eLens\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L37\"\u003esrc/code-edit.tsx#L37\u003c/a\u003e  \u003cul\u003e\u003cp\u003e{\u003cp\u003e  \u003cdetails id=\"line$29\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#line$29\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eline\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L38\"\u003esrc/code-edit.tsx#L38\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"message$30\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#message$30\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003emessage\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L39\"\u003esrc/code-edit.tsx#L39\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Marker$5\" title=\"TypeAlias\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Marker$5\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eMarker\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L23\"\u003esrc/code-edit.tsx#L23\u003c/a\u003e  \u003cul\u003e\u003cp\u003e{\u003cp\u003e  \u003cdetails id=\"class$11\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#class$11\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eclass\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L28\"\u003esrc/code-edit.tsx#L28\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"el$12\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#el$12\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eel\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L29\"\u003esrc/code-edit.tsx#L29\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eHTMLSpanElement\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"index$8\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#index$8\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eindex\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L25\"\u003esrc/code-edit.tsx#L25\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"key$7\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#key$7\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ekey\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L24\"\u003esrc/code-edit.tsx#L24\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"oncreate$14\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#oncreate$14\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eoncreate\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L31\"\u003esrc/code-edit.tsx#L31\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cdetails id=\"__type$15\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$15\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003cem\u003e(el)\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"el$17\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#el$17\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eel\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eHTMLSpanElement\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003cem\u003e(el)\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=\"onenter$18\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onenter$18\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eonenter\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L32\"\u003esrc/code-edit.tsx#L32\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cdetails id=\"__type$19\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$19\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003cem\u003e(el)\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"el$21\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#el$21\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eel\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eHTMLSpanElement\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003cem\u003e(el)\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=\"onleave$22\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onleave$22\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eonleave\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L33\"\u003esrc/code-edit.tsx#L33\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cdetails id=\"__type$23\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$23\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003cem\u003e(el)\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"el$25\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#el$25\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eel\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eHTMLSpanElement\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003cem\u003e(el)\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=\"onwheel$26\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onwheel$26\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eonwheel\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L34\"\u003esrc/code-edit.tsx#L34\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003e$.EventHandler\u003c/span\u003e\u0026lt;any, \u003cspan\u003eWheelEvent\u003c/span\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"rect$13\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#rect$13\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003erect\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L30\"\u003esrc/code-edit.tsx#L30\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eDOMRect\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"size$9\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#size$9\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003esize\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L26\"\u003esrc/code-edit.tsx#L26\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"source$10\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#source$10\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003esource\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/code-edit.tsx#L27\"\u003esrc/code-edit.tsx#L27\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"SyntaxOrImport$2\" title=\"TypeAlias\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#SyntaxOrImport$2\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eSyntaxOrImport\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eSyntaxDefinition\u003c/span\u003e | \u003cspan\u003ePromise\u003c/span\u003e\u0026lt;{\u003cp\u003e  \u003cdetails id=\"default$4\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#default$4\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003edefault\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eSyntaxDefinition\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"languages$1\" title=\"Variable\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#languages$1\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003elanguages\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"\"\u003e\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eRecord\u003c/span\u003e\u0026lt;string, \u003ca href=\"#SyntaxOrImport$2\"\u003eSyntaxOrImport\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e\n\n## Credits\n\n- [code-syntax](https://npmjs.org/package/code-syntax) by [stagas](https://github.com/stagas) \u0026ndash; Code syntax highlight Web Component\n- [get-element-offset](https://npmjs.org/package/get-element-offset) by [stagas](https://github.com/stagas) \u0026ndash; Get accurate DOM element offset.\n- [relative-mouse](https://npmjs.org/package/relative-mouse) by [stagas](https://github.com/stagas) \u0026ndash; Get mouse position relative to a DOM element.\n- [sigl](https://npmjs.org/package/sigl) by [stagas](https://github.com/stagas) \u0026ndash; Web framework\n- [super-impose](https://npmjs.org/package/super-impose) by [stagas](https://github.com/stagas) \u0026ndash; Web Component that super imposes one child over another to the same scroll position\n- [textarea-code](https://npmjs.org/package/textarea-code) by [stagas](https://github.com/stagas) \u0026ndash; Web Component that extends a textarea element with code editor behavior.\n\n## Contributing\n\n[Fork](https://github.com/stagas/code-edit/fork) or [edit](https://github.dev/stagas/code-edit) 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%2Fcode-edit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstagas%2Fcode-edit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstagas%2Fcode-edit/lists"}