@omegagrid/code 0.10.2 → 0.10.5

package/dist/components/code.d.ts

@@ -0,0 +1,35 @@
+import { Layout } from '@omegagrid/core';
+import { LitElement } from 'lit';
+import type * as monaco from 'monaco-editor';
+import { CssPosition } from '@omegagrid/core';
+export declare class Code extends LitElement implements Layout {
+    #private;
+    static defaultZIndex: number;
+    static styles: import("lit").CSSResult;
+    static monaco: typeof monaco;
+    get monaco(): typeof monaco;
+    get editor(): monaco.editor.IStandaloneCodeEditor;
+    get model(): monaco.editor.ITextModel;
+    get options(): monaco.editor.IStandaloneEditorConstructionOptions;
+    set options(val: monaco.editor.IStandaloneEditorConstructionOptions);
+    positionOffset: CssPosition;
+    get content(): string;
+    set content(val: string);
+    get language(): string;
+    set language(val: string);
+    get selectedContent(): string;
+    get container(): HTMLDivElement;
+    get theme(): "vs" | "vs-dark";
+    zIndex: number;
+    getOptions: () => monaco.editor.IStandaloneEditorConstructionOptions;
+    showContainer(): void;
+    hideContainer(): void;
+    initEditor(): Promise<void>;
+    updated(): Promise<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    layout(): void;
+    dispose(): void;
+    focus(): void;
+}
+//# sourceMappingURL=code.d.ts.map

package/dist/components/code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/components/code.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAA2B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAO,MAAM,KAAK,CAAC;AAGtC,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAqB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKjE,qBACa,IAAK,SAAQ,UAAW,YAAW,MAAM;;IAErD,OAAc,aAAa,SAAS;IAEpC,MAAM,CAAC,MAAM,0BAQX;IAEF,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAC;IAC7B,IAAI,MAAM,kBAAyB;IAGnC,IAAI,MAAM,wCAA0B;IACpC,IAAI,KAAK,6BAAsC;IAG/C,IACI,OAAO,IACM,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAD7B;IACtC,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,oCAAoC,EAGlE;IAGD,cAAc,EAAE,WAAW,CAA8B;IAEzD,IACI,OAAO,IACM,MAAM,CADwD;IAC/E,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,EAQtB;IAGD,IACI,QAAQ,IACM,MAAM,CADgB;IACxC,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAKvB;IAED,IAAI,eAAe,WAKlB;IASD,IAAI,SAAS,mBAER;IACL,IAAI,KAAK,qBAA+E;IAMxF,MAAM,SAAsB;IAE5B,UAAU,QAAO,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAQhE;IAEH,aAAa;IAMb,aAAa;IAIP,UAAU;IAkDV,OAAO;IAKb,iBAAiB;IAUjB,oBAAoB;IAKpB,MAAM;IAmBN,OAAO;IAQP,KAAK;CAIL"}

package/dist/components/code.js

@@ -0,0 +1,229 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _Code_editor, _Code_options, _Code_language, _Code_preventChangeEvent, _Code_state, _Code_content, _Code_selection, _Code_scrollPosition, _Code_container, _Code_onStyleChange;
+var Code_1;
+import { dom, getThemeManager, events } from '@omegagrid/core';
+import { LitElement, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { MonacoLoader } from '../loader';
+import { getDefaultOptions } from '@omegagrid/core';
+import { CodeEvent } from './shared';
+const VISIBILITY_THRESHOLD_SIZE = 10; // minimum width/height to show the editor
+let Code = Code_1 = class Code extends LitElement {
+    constructor() {
+        super(...arguments);
+        _Code_editor.set(this, void 0);
+        _Code_options.set(this, void 0);
+        this.positionOffset = { t: 1, l: 1, r: -1, b: -1 };
+        _Code_language.set(this, 'typescript');
+        _Code_preventChangeEvent.set(this, false);
+        _Code_state.set(this, 0); // 0: initial, 1: initializing, 2: initialized
+        _Code_content.set(this, void 0);
+        _Code_selection.set(this, void 0);
+        _Code_scrollPosition.set(this, void 0);
+        _Code_container.set(this, void 0);
+        _Code_onStyleChange.set(this, () => {
+            __classPrivateFieldGet(this, _Code_editor, "f").updateOptions({ theme: this.theme });
+        });
+        this.zIndex = Code_1.defaultZIndex;
+        this.getOptions = () => ({
+            ...this.options,
+            theme: this.theme,
+            language: __classPrivateFieldGet(this, _Code_language, "f"),
+            fontSize: getDefaultOptions().fontSize,
+            // workaround for caret positioning issue in chrome
+            // https://github.com/microsoft/monaco-editor/issues/3217#issuecomment-1511978166
+            fontLigatures: ''
+        });
+    }
+    get monaco() { return Code_1.monaco; }
+    get editor() { return __classPrivateFieldGet(this, _Code_editor, "f"); }
+    get model() { return __classPrivateFieldGet(this, _Code_editor, "f")?.getModel(); }
+    get options() { return __classPrivateFieldGet(this, _Code_options, "f"); }
+    set options(val) {
+        __classPrivateFieldSet(this, _Code_options, val, "f");
+        __classPrivateFieldGet(this, _Code_editor, "f")?.updateOptions(val);
+    }
+    get content() { return __classPrivateFieldGet(this, _Code_editor, "f") ? __classPrivateFieldGet(this, _Code_editor, "f").getValue() : __classPrivateFieldGet(this, _Code_content, "f"); }
+    set content(val) {
+        if (val == null)
+            val = '';
+        if (__classPrivateFieldGet(this, _Code_editor, "f")) {
+            __classPrivateFieldSet(this, _Code_preventChangeEvent, true, "f");
+            __classPrivateFieldGet(this, _Code_editor, "f")?.setValue(val);
+        }
+        else {
+            __classPrivateFieldSet(this, _Code_content, val, "f");
+        }
+    }
+    get language() { return __classPrivateFieldGet(this, _Code_language, "f"); }
+    set language(val) {
+        __classPrivateFieldSet(this, _Code_language, val, "f");
+        if (this.model) {
+            MonacoLoader.get().then(monaco => monaco.editor.setModelLanguage(this.model, val));
+        }
+    }
+    get selectedContent() {
+        if (!__classPrivateFieldGet(this, _Code_editor, "f"))
+            return __classPrivateFieldGet(this, _Code_content, "f");
+        const selectedCodeChunks = __classPrivateFieldGet(this, _Code_editor, "f").getSelections().map(selection => this.model.getValueInRange(selection));
+        const selectedCode = selectedCodeChunks.join("\n").trim();
+        return selectedCode == null || selectedCode == '' ? __classPrivateFieldGet(this, _Code_editor, "f").getValue() : selectedCode;
+    }
+    get container() {
+        return __classPrivateFieldGet(this, _Code_container, "f") ?? (__classPrivateFieldSet(this, _Code_container, dom.createElement('div', {
+            style: { zIndex: this.zIndex.toString() }
+        }), "f"));
+    }
+    get theme() { return getThemeManager().activeTheme?.type == 'light' ? 'vs' : 'vs-dark'; }
+    showContainer() {
+        if (this.container.parentElement !== document.body) {
+            document.body.appendChild(this.container);
+        }
+    }
+    hideContainer() {
+        __classPrivateFieldGet(this, _Code_container, "f")?.remove();
+    }
+    async initEditor() {
+        if (__classPrivateFieldGet(this, _Code_state, "f") > 0)
+            return;
+        __classPrivateFieldSet(this, _Code_state, 1, "f");
+        Code_1.monaco = await MonacoLoader.get();
+        __classPrivateFieldSet(this, _Code_editor, Code_1.monaco.editor.create(this.container, this.getOptions()), "f");
+        const language = __classPrivateFieldGet(this, _Code_language, "f");
+        const model = Code_1.monaco.editor.createModel(__classPrivateFieldGet(this, _Code_content, "f"), language);
+        __classPrivateFieldGet(this, _Code_editor, "f").setModel(model);
+        if (__classPrivateFieldGet(this, _Code_selection, "f"))
+            __classPrivateFieldGet(this, _Code_editor, "f").setSelection(__classPrivateFieldGet(this, _Code_selection, "f"));
+        if (__classPrivateFieldGet(this, _Code_scrollPosition, "f"))
+            __classPrivateFieldGet(this, _Code_editor, "f").setScrollPosition({
+                scrollTop: __classPrivateFieldGet(this, _Code_scrollPosition, "f").top,
+                scrollLeft: __classPrivateFieldGet(this, _Code_scrollPosition, "f").left
+            });
+        __classPrivateFieldGet(this, _Code_editor, "f").onDidBlurEditorText(() => {
+            this.dispatchEvent(new CodeEvent('blur', { editor: __classPrivateFieldGet(this, _Code_editor, "f") }));
+        });
+        __classPrivateFieldGet(this, _Code_editor, "f").onDidChangeModelContent(e => {
+            if (__classPrivateFieldGet(this, _Code_preventChangeEvent, "f")) {
+                __classPrivateFieldSet(this, _Code_preventChangeEvent, false, "f");
+                return;
+            }
+            this.dispatchEvent(new CodeEvent('change', {
+                editor: __classPrivateFieldGet(this, _Code_editor, "f"),
+                changes: e.changes
+            }));
+            this.dispatchEvent(new events.ChangeEvent({ value: model }));
+        });
+        __classPrivateFieldGet(this, _Code_editor, "f").onKeyDown(e => {
+            this.dispatchEvent(new CodeEvent('keydown', { editor: __classPrivateFieldGet(this, _Code_editor, "f") }, e.browserEvent));
+        });
+        __classPrivateFieldSet(this, _Code_preventChangeEvent, false, "f");
+        __classPrivateFieldSet(this, _Code_state, 2, "f");
+        this.dispatchEvent(new CodeEvent('ready', { editor: __classPrivateFieldGet(this, _Code_editor, "f") }));
+        __classPrivateFieldGet(this, _Code_editor, "f").focus();
+        setTimeout(() => {
+            if (__classPrivateFieldGet(this, _Code_language, "f") != language) {
+                // if the language was changed while the editor was initializing, update the model language
+                Code_1.monaco.editor.setModelLanguage(model, __classPrivateFieldGet(this, _Code_language, "f"));
+            }
+        }, 100);
+    }
+    async updated() {
+        await this.initEditor();
+        this.layout();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        getThemeManager().addEventListener('change', __classPrivateFieldGet(this, _Code_onStyleChange, "f"));
+        if (this.hasUpdated) {
+            this.initEditor();
+            this.layout();
+        }
+    }
+    disconnectedCallback() {
+        getThemeManager().removeEventListener('change', __classPrivateFieldGet(this, _Code_onStyleChange, "f"));
+        this.hideContainer();
+    }
+    layout() {
+        if (!this.isConnected || this.clientWidth < VISIBILITY_THRESHOLD_SIZE || this.clientHeight < VISIBILITY_THRESHOLD_SIZE) {
+            this.hideContainer();
+            return;
+        }
+        this.showContainer();
+        const offset = dom.getElementOffset(this, document.body);
+        dom.setPosition(this.container, {
+            t: offset.top + this.positionOffset.t,
+            l: offset.left + +this.positionOffset.l
+        });
+        dom.setSize(this.container, {
+            w: this.clientWidth + this.positionOffset.r,
+            h: this.clientHeight + this.positionOffset.b
+        });
+        this.editor?.layout();
+    }
+    dispose() {
+        __classPrivateFieldGet(this, _Code_container, "f")?.remove();
+        __classPrivateFieldSet(this, _Code_container, null, "f");
+        __classPrivateFieldGet(this, _Code_editor, "f")?.dispose();
+        __classPrivateFieldSet(this, _Code_editor, null, "f");
+        __classPrivateFieldSet(this, _Code_state, 0, "f");
+    }
+    focus() {
+        __classPrivateFieldGet(this, _Code_editor, "f")?.focus();
+    }
+};
+_Code_editor = new WeakMap();
+_Code_options = new WeakMap();
+_Code_language = new WeakMap();
+_Code_preventChangeEvent = new WeakMap();
+_Code_state = new WeakMap();
+_Code_content = new WeakMap();
+_Code_selection = new WeakMap();
+_Code_scrollPosition = new WeakMap();
+_Code_container = new WeakMap();
+_Code_onStyleChange = new WeakMap();
+Code.defaultZIndex = 10000;
+Code.styles = css `
+		:host {
+			user-select: text;
+			display: block;
+			width: 100%;
+			height: 100%;
+			position: relative;
+		}
+	`;
+__decorate([
+    property({ type: Object, noAccessor: true })
+], Code.prototype, "options", null);
+__decorate([
+    property({ type: Object })
+], Code.prototype, "positionOffset", void 0);
+__decorate([
+    property({ type: String, noAccessor: true })
+], Code.prototype, "content", null);
+__decorate([
+    property({ type: String, noAccessor: true })
+], Code.prototype, "language", null);
+__decorate([
+    property({ type: Number })
+], Code.prototype, "zIndex", void 0);
+Code = Code_1 = __decorate([
+    customElement('og-code')
+], Code);
+export { Code };
+//# sourceMappingURL=code.js.map

package/dist/components/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sourceRoot":"","sources":["../../src/components/code.ts"],"names":[],"mappings":"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","sourcesContent":["import { dom, Layout, getThemeManager, events } from '@omegagrid/core';\nimport { LitElement, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MonacoLoader } from '../loader';\nimport type * as monaco from 'monaco-editor';\nimport { getDefaultOptions, CssPosition } from '@omegagrid/core';\nimport { CodeEvent } from './shared';\n\nconst VISIBILITY_THRESHOLD_SIZE = 10; // minimum width/height to show the editor\n\n@customElement('og-code')\nexport class Code extends LitElement implements Layout {\n\n\tpublic static defaultZIndex = 10000;\n\n\tstatic styles = css`\n\t\t:host {\n\t\t\tuser-select: text;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tposition: relative;\n\t\t}\n\t`;\n\n\tstatic monaco: typeof monaco;\n\tget monaco() { return Code.monaco }\n\n\t#editor: monaco.editor.IStandaloneCodeEditor;\n\tget editor() { return this.#editor }\n\tget model() { return this.#editor?.getModel() }\n\n\t#options: monaco.editor.IStandaloneEditorConstructionOptions;\n\t@property({type: Object, noAccessor: true})\n\tget options() { return this.#options }\n\tset options(val: monaco.editor.IStandaloneEditorConstructionOptions) {\n\t\tthis.#options = val;\n\t\tthis.#editor?.updateOptions(val);\n\t}\n\n\t@property({ type: Object })\n\tpositionOffset: CssPosition = {t: 1, l: 1, r: -1, b: -1};\n\n\t@property({type: String, noAccessor: true})\n\tget content() { return this.#editor ? this.#editor.getValue() : this.#content }\n\tset content(val: string) {\n\t\tif (val == null) val = '';\n\t\tif (this.#editor) {\n\t\t\tthis.#preventChangeEvent = true;\n\t\t\tthis.#editor?.setValue(val);\n\t\t} else {\n\t\t\tthis.#content = val;\n\t\t}\n\t}\n\n\t#language = 'typescript';\n\t@property({type: String, noAccessor: true})\n\tget language() { return this.#language }\n\tset language(val: string) {\n\t\tthis.#language = val;\n\t\tif (this.model) {\n\t\t\tMonacoLoader.get().then(monaco => monaco.editor.setModelLanguage(this.model, val));\n\t\t}\n\t}\n\n\tget selectedContent() {\n\t\tif (!this.#editor) return this.#content;\n\t\tconst selectedCodeChunks = this.#editor.getSelections().map(selection => this.model.getValueInRange(selection));\n\t\tconst selectedCode = selectedCodeChunks.join(\"\\n\").trim();\n\t\treturn selectedCode == null || selectedCode == '' ? this.#editor.getValue() : selectedCode;\n\t}\n\n\t#preventChangeEvent = false;\n\t#state: 0|1|2 = 0; // 0: initial, 1: initializing, 2: initialized\n\t#content: string;\n\t#selection: monaco.Selection;\n\t#scrollPosition: {top: number, left: number};\n\n\t#container: HTMLDivElement;\n\tget container() { return this.#container ?? (this.#container = dom.createElement('div', {\n\t\tstyle: {zIndex: this.zIndex.toString()}\n\t})) }\n\tget theme() { return getThemeManager().activeTheme?.type == 'light' ? 'vs' : 'vs-dark' }\n\t#onStyleChange = () => {\n\t\tthis.#editor.updateOptions({theme: this.theme});\n\t}\n\n\t@property({type: Number})\n\tzIndex = Code.defaultZIndex;\n\n\tgetOptions = (): monaco.editor.IStandaloneEditorConstructionOptions => ({\n\t\t...this.options,\n\t\ttheme: this.theme,\n\t\tlanguage: this.#language,\n\t\tfontSize: getDefaultOptions().fontSize,\n\t\t// workaround for caret positioning issue in chrome\n\t\t// https://github.com/microsoft/monaco-editor/issues/3217#issuecomment-1511978166\n\t\tfontLigatures: ''\n\t});\n\n\tshowContainer() {\n\t\tif (this.container.parentElement !== document.body) {\n\t\t\tdocument.body.appendChild(this.container);\n\t\t}\n\t}\n\n\thideContainer() {\n\t\tthis.#container?.remove();\n\t}\n\n\tasync initEditor() {\n\t\tif (this.#state > 0) return;\n\t\tthis.#state = 1;\n\n\t\tCode.monaco = await MonacoLoader.get();\n\t\tthis.#editor = Code.monaco.editor.create(this.container, this.getOptions());\n\n\t\tconst language = this.#language;\n\t\tconst model = Code.monaco.editor.createModel(this.#content, language);\n\t\tthis.#editor.setModel(model);\n\t\tif (this.#selection) this.#editor.setSelection(this.#selection);\n\t\tif (this.#scrollPosition) this.#editor.setScrollPosition({\n\t\t\tscrollTop: this.#scrollPosition.top,\n\t\t\tscrollLeft: this.#scrollPosition.left\n\t\t});\n\n\t\tthis.#editor.onDidBlurEditorText(() => {\n\t\t\tthis.dispatchEvent(new CodeEvent('blur', {editor: this.#editor}));\n\t\t});\n\n\t\tthis.#editor.onDidChangeModelContent(e => {\n\t\t\tif (this.#preventChangeEvent) {\n\t\t\t\tthis.#preventChangeEvent = false;\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tthis.dispatchEvent(new CodeEvent('change', {\n\t\t\t\teditor: this.#editor,\n\t\t\t\tchanges: e.changes\n\t\t\t}));\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: model}));\n\t\t});\n\n\t\tthis.#editor.onKeyDown(e => {\n\t\t\tthis.dispatchEvent(new CodeEvent('keydown', {editor: this.#editor}, e.browserEvent));\n\t\t});\n\n\t\tthis.#preventChangeEvent = false;\n\t\tthis.#state = 2;\n\n\t\tthis.dispatchEvent(new CodeEvent('ready', {editor: this.#editor}));\n\t\tthis.#editor.focus();\n\n\t\tsetTimeout(() => {\n\t\t\tif (this.#language != language) {\n\t\t\t\t// if the language was changed while the editor was initializing, update the model language\n\t\t\t\tCode.monaco.editor.setModelLanguage(model, this.#language);\n\t\t\t}\n\t\t}, 100);\n\t}\n\n\tasync updated() {\n\t\tawait this.initEditor();\n\t\tthis.layout();\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tgetThemeManager().addEventListener('change', this.#onStyleChange);\n\n\t\tif (this.hasUpdated) {\n\t\t\tthis.initEditor();\n\t\t\tthis.layout();\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tgetThemeManager().removeEventListener('change', this.#onStyleChange);\n\t\tthis.hideContainer();\n\t}\n\n\tlayout() {\n\t\tif (!this.isConnected || this.clientWidth < VISIBILITY_THRESHOLD_SIZE || this.clientHeight < VISIBILITY_THRESHOLD_SIZE) {\n\t\t\tthis.hideContainer();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.showContainer();\n\t\tconst offset = dom.getElementOffset(this, document.body);\n\t\tdom.setPosition(this.container, {\n\t\t\tt: offset.top + (this.positionOffset.t as number),\n\t\t\tl: offset.left + + (this.positionOffset.l as number)\n\t\t});\n\t\tdom.setSize(this.container, {\n\t\t\tw: this.clientWidth + (this.positionOffset.r as number),\n\t\t\th: this.clientHeight + (this.positionOffset.b as number)\n\t\t});\n\t\tthis.editor?.layout();\n\t}\n\n\tdispose() {\n\t\tthis.#container?.remove();\n\t\tthis.#container = null;\n\t\tthis.#editor?.dispose();\n\t\tthis.#editor = null;\n\t\tthis.#state = 0;\n\t}\n\n\tfocus() {\n\t\tthis.#editor?.focus();\n\t}\n\n}\n"]}

package/dist/components/codeBlock.d.ts

@@ -0,0 +1,208 @@
+import { Layout } from '@omegagrid/core';
+import { LitElement } from 'lit';
+import { Code } from './code';
+import { CodeEvent } from './shared';
+import { TreeAdapter, TreeEvent, TreeOptions } from '@omegagrid/tree';
+import type * as monaco from 'monaco-editor';
+import { CodeView } from './codeView';
+declare class LangTreeAdapter extends TreeAdapter {
+    getTree(): Promise<{
+        k: string;
+        v: string;
+    }[]>;
+    getOptions(): TreeOptions;
+}
+export declare class CodeBlock extends LitElement implements Layout {
+    #private;
+    static styles: import("lit").CSSResult;
+    language: string;
+    dynamicHeight: boolean;
+    maxHeight: number;
+    minHeight: number;
+    disableToolbar: boolean;
+    editor: Code;
+    view: CodeView;
+    editorOptions: monaco.editor.IStandaloneEditorConstructionOptions;
+    editing: boolean;
+    get languageAdapter(): LangTreeAdapter;
+    get content(): string;
+    set content(value: string);
+    get monacoEditor(): monaco.editor.IStandaloneCodeEditor;
+    get model(): monaco.editor.ITextModel;
+    updateHeight(): void;
+    _onChange: (_e: CodeEvent) => void;
+    willUpdate(changedProps: Map<PropertyKey, unknown>): Promise<void>;
+    _onLanguageChange: (e: TreeEvent) => void;
+    getEditorOptions: () => {
+        model?: monaco.editor.ITextModel | null;
+        value?: string;
+        language?: string;
+        theme?: string;
+        autoDetectHighContrast?: boolean;
+        accessibilityHelpUrl?: string;
+        ariaContainerElement?: HTMLElement;
+        dimension?: monaco.editor.IDimension;
+        overflowWidgetsDomNode?: HTMLElement;
+        inDiffEditor?: boolean;
+        ariaLabel?: string;
+        ariaRequired?: boolean;
+        screenReaderAnnounceInlineSuggestion?: boolean;
+        tabIndex?: number;
+        rulers?: (number | monaco.editor.IRulerOption)[];
+        wordSeparators?: string;
+        selectionClipboard?: boolean;
+        lineNumbers?: monaco.editor.LineNumbersType;
+        cursorSurroundingLines?: number;
+        cursorSurroundingLinesStyle?: "default" | "all";
+        renderFinalNewline?: "on" | "off" | "dimmed";
+        unusualLineTerminators?: "auto" | "off" | "prompt";
+        selectOnLineNumbers?: boolean;
+        lineNumbersMinChars?: number;
+        glyphMargin?: boolean;
+        lineDecorationsWidth?: number | string;
+        revealHorizontalRightPadding?: number;
+        roundedSelection?: boolean;
+        extraEditorClassName?: string;
+        readOnly?: boolean;
+        readOnlyMessage?: monaco.IMarkdownString;
+        domReadOnly?: boolean;
+        linkedEditing?: boolean;
+        renameOnType?: boolean;
+        renderValidationDecorations?: "editable" | "on" | "off";
+        scrollbar?: monaco.editor.IEditorScrollbarOptions;
+        stickyScroll?: monaco.editor.IEditorStickyScrollOptions;
+        minimap?: monaco.editor.IEditorMinimapOptions;
+        find?: monaco.editor.IEditorFindOptions;
+        fixedOverflowWidgets?: boolean;
+        overviewRulerLanes?: number;
+        overviewRulerBorder?: boolean;
+        cursorBlinking?: "blink" | "smooth" | "phase" | "expand" | "solid";
+        mouseWheelZoom?: boolean;
+        mouseStyle?: "text" | "default" | "copy";
+        cursorSmoothCaretAnimation?: "off" | "explicit" | "on";
+        cursorStyle?: "line" | "block" | "underline" | "line-thin" | "block-outline" | "underline-thin";
+        cursorWidth?: number;
+        fontLigatures?: boolean | string;
+        fontVariations?: boolean | string;
+        defaultColorDecorators?: boolean;
+        disableLayerHinting?: boolean;
+        disableMonospaceOptimizations?: boolean;
+        hideCursorInOverviewRuler?: boolean;
+        scrollBeyondLastLine: boolean;
+        scrollBeyondLastColumn?: number;
+        smoothScrolling?: boolean;
+        automaticLayout?: boolean;
+        wordWrap?: "off" | "on" | "wordWrapColumn" | "bounded";
+        wordWrapOverride1?: "off" | "on" | "inherit";
+        wordWrapOverride2?: "off" | "on" | "inherit";
+        wordWrapColumn?: number;
+        wrappingIndent?: "none" | "same" | "indent" | "deepIndent";
+        wrappingStrategy?: "simple" | "advanced";
+        wordWrapBreakBeforeCharacters?: string;
+        wordWrapBreakAfterCharacters?: string;
+        wordBreak?: "normal" | "keepAll";
+        stopRenderingLineAfter?: number;
+        hover?: monaco.editor.IEditorHoverOptions;
+        links?: boolean;
+        colorDecorators?: boolean;
+        colorDecoratorsActivatedOn?: "clickAndHover" | "click" | "hover";
+        colorDecoratorsLimit?: number;
+        comments?: monaco.editor.IEditorCommentsOptions;
+        contextmenu?: boolean;
+        mouseWheelScrollSensitivity?: number;
+        fastScrollSensitivity?: number;
+        scrollPredominantAxis?: boolean;
+        columnSelection?: boolean;
+        multiCursorModifier?: "ctrlCmd" | "alt";
+        multiCursorMergeOverlapping?: boolean;
+        multiCursorPaste?: "spread" | "full";
+        multiCursorLimit?: number;
+        accessibilitySupport?: "auto" | "off" | "on";
+        accessibilityPageSize?: number;
+        suggest?: monaco.editor.ISuggestOptions;
+        inlineSuggest?: monaco.editor.IInlineSuggestOptions;
+        experimentalInlineEdit?: monaco.editor.IInlineEditOptions;
+        smartSelect?: monaco.editor.ISmartSelectOptions;
+        gotoLocation?: monaco.editor.IGotoLocationOptions;
+        quickSuggestions?: boolean | monaco.editor.IQuickSuggestionsOptions;
+        quickSuggestionsDelay?: number;
+        padding?: monaco.editor.IEditorPaddingOptions;
+        parameterHints?: monaco.editor.IEditorParameterHintOptions;
+        autoClosingBrackets?: monaco.editor.EditorAutoClosingStrategy;
+        autoClosingComments?: monaco.editor.EditorAutoClosingStrategy;
+        autoClosingQuotes?: monaco.editor.EditorAutoClosingStrategy;
+        autoClosingDelete?: monaco.editor.EditorAutoClosingEditStrategy;
+        autoClosingOvertype?: monaco.editor.EditorAutoClosingEditStrategy;
+        autoSurround?: monaco.editor.EditorAutoSurroundStrategy;
+        autoIndent?: "none" | "keep" | "brackets" | "advanced" | "full";
+        stickyTabStops?: boolean;
+        formatOnType?: boolean;
+        formatOnPaste?: boolean;
+        dragAndDrop?: boolean;
+        suggestOnTriggerCharacters?: boolean;
+        acceptSuggestionOnEnter?: "on" | "smart" | "off";
+        acceptSuggestionOnCommitCharacter?: boolean;
+        snippetSuggestions?: "top" | "bottom" | "inline" | "none";
+        emptySelectionClipboard?: boolean;
+        copyWithSyntaxHighlighting?: boolean;
+        suggestSelection?: "first" | "recentlyUsed" | "recentlyUsedByPrefix";
+        suggestFontSize?: number;
+        suggestLineHeight?: number;
+        tabCompletion?: "on" | "off" | "onlySnippets";
+        selectionHighlight?: boolean;
+        occurrencesHighlight?: "off" | "singleFile" | "multiFile";
+        codeLens?: boolean;
+        codeLensFontFamily?: string;
+        codeLensFontSize?: number;
+        lightbulb?: monaco.editor.IEditorLightbulbOptions;
+        codeActionsOnSaveTimeout?: number;
+        folding?: boolean;
+        foldingStrategy?: "auto" | "indentation";
+        foldingHighlight?: boolean;
+        foldingImportsByDefault?: boolean;
+        foldingMaximumRegions?: number;
+        showFoldingControls?: "always" | "never" | "mouseover";
+        unfoldOnClickAfterEndOfLine?: boolean;
+        matchBrackets?: "never" | "near" | "always";
+        experimentalWhitespaceRendering?: "svg" | "font" | "off";
+        renderWhitespace?: "none" | "boundary" | "selection" | "trailing" | "all";
+        renderControlCharacters?: boolean;
+        renderLineHighlight?: "none" | "gutter" | "line" | "all";
+        renderLineHighlightOnlyWhenFocus?: boolean;
+        useTabStops?: boolean;
+        fontFamily?: string;
+        fontWeight?: string;
+        fontSize?: number;
+        lineHeight?: number;
+        letterSpacing?: number;
+        showUnused?: boolean;
+        peekWidgetDefaultFocus?: "tree" | "editor";
+        definitionLinkOpensInPeek?: boolean;
+        showDeprecated?: boolean;
+        matchOnWordStartOnly?: boolean;
+        inlayHints?: monaco.editor.IEditorInlayHintsOptions;
+        useShadowDOM?: boolean;
+        guides?: monaco.editor.IGuidesOptions;
+        unicodeHighlight?: monaco.editor.IUnicodeHighlightOptions;
+        bracketPairColorization?: monaco.editor.IBracketPairColorizationOptions;
+        dropIntoEditor?: monaco.editor.IDropIntoEditorOptions;
+        pasteAs?: monaco.editor.IPasteAsOptions;
+        tabFocusMode?: boolean;
+        inlineCompletionsAccessibilityVerbose?: boolean;
+        tabSize?: number;
+        insertSpaces?: boolean;
+        detectIndentation?: boolean;
+        trimAutoWhitespace?: boolean;
+        largeFileOptimizations?: boolean;
+        wordBasedSuggestions?: "off" | "currentDocument" | "matchingDocuments" | "allDocuments";
+        wordBasedSuggestionsOnlySameLanguage?: boolean;
+        'semanticHighlighting.enabled'?: true | false | "configuredByTheme";
+        stablePeek?: boolean;
+        maxTokenizationLineLength?: number;
+    };
+    render: () => import("lit-html").TemplateResult<1>;
+    layout(): void;
+    focus(): void;
+}
+export {};
+//# sourceMappingURL=codeBlock.d.ts.map

package/dist/components/codeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeBlock.d.ts","sourceRoot":"","sources":["../../src/components/codeBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,cAAM,eAAgB,SAAQ,WAAW;IAClC,OAAO;;;;IASb,UAAU,IAAK,WAAW;CAO1B;AAED,qBACa,SAAU,SAAQ,UAAW,YAAW,MAAM;;IAE1D,MAAM,CAAC,MAAM,0BA2CX;IAGF,QAAQ,SAAgB;IAGxB,aAAa,UAAS;IAGtB,SAAS,SAAO;IAGhB,SAAS,SAAM;IAGf,cAAc,UAAS;IAGvB,MAAM,EAAE,IAAI,CAAC;IAGb,IAAI,EAAE,QAAQ,CAAC;IAGf,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAAC;IAGlE,OAAO,UAAS;IAGhB,IAAI,eAAe,oBAGlB;IAGD,IAAI,OAAO,IACQ,MAAM,CADqC;IAC9D,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAGxB;IAED,IAAI,YAAY,wCAAiC;IACjD,IAAI,KAAK,6BAA2C;IAEpD,YAAY;IASZ,SAAS,GAAI,IAAI,SAAS,UAExB;IAEI,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMxD,iBAAiB,GAAI,GAAG,SAAS,UAMhC;IAED,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAGb;IAEH,MAAM,6CA+BJ;IAEF,MAAM;IAIN,KAAK;CAIL"}