@omegagrid/code 0.2.5

package/dist/components/code.d.ts

@@ -0,0 +1,30 @@
+import { Layout } from '@omegagrid/core';
+import { LitElement } from 'lit';
+import * as monaco from 'monaco-editor';
+export declare class CodeEvent extends Event {
+    readonly editor: monaco.editor.IStandaloneCodeEditor;
+    constructor(type: string, editor: monaco.editor.IStandaloneCodeEditor);
+}
+export declare class Code extends LitElement implements Layout {
+    static monaco: typeof monaco;
+    static styles: import("lit").CSSResult;
+    language: string;
+    private _content;
+    private _initialized;
+    get content(): string;
+    set content(val: string);
+    get selectedContent(): string;
+    codeRoot: HTMLDivElement;
+    editor: monaco.editor.IStandaloneCodeEditor;
+    preventChangeEvent: boolean;
+    get theme(): "vs" | "vs-dark";
+    onStyleChange: () => void;
+    initMonaco(): Promise<void>;
+    initEditor(): Promise<void>;
+    updated(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+    layout(): 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,EAAwB,MAAM,EAAY,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAGxC,qBAAa,SAAU,SAAQ,KAAK;aACO,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAqB;gBAAzE,IAAI,EAAE,MAAM,EAAkB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAqB;CAGrF;AAED,qBAEa,IAAK,SAAQ,UAAW,YAAW,MAAM;IAErD,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAC;IAC7B,MAAM,CAAC,MAAM,0BAQX;IAGF,QAAQ,SAAgB;IAExB,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,YAAY,CAAS;IAE7B,IACI,OAAO,IAEM,MAAM,CAFsD;IAE7E,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,EAItB;IAED,IAAI,eAAe,WAKlB;IAGD,QAAQ,EAAE,cAAc,CAAC;IAEzB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC;IAC5C,kBAAkB,UAAS;IAE3B,IAAI,KAAK,qBAA8E;IAEvF,aAAa,aAEZ;IAEK,UAAU;IAOV,UAAU;IAwBhB,OAAO;IAIP,iBAAiB;IAKjB,oBAAoB;IAIpB,MAAM,6CAEJ;IAEF,MAAM;CAIN"}

package/dist/components/code.js

@@ -0,0 +1,118 @@
+"use strict";
+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 Code_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Code = exports.CodeEvent = void 0;
+const core_1 = require("@omegagrid/core");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const loader_1 = require("../loader");
+class CodeEvent extends Event {
+    constructor(type, editor) {
+        super(`code.${type}`, { bubbles: true, composed: true });
+        this.editor = editor;
+    }
+}
+exports.CodeEvent = CodeEvent;
+let Code = Code_1 = class Code extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.language = 'typescript';
+        this._content = '';
+        this._initialized = false;
+        this.preventChangeEvent = false;
+        this.onStyleChange = () => {
+            this.editor.updateOptions({ theme: this.theme });
+        };
+        this.render = () => (0, lit_1.html) `
+		<div id="codeRoot"></div>
+	`;
+    }
+    get content() { return this.editor ? this.editor.getValue() : this._content; }
+    set content(val) {
+        var _a;
+        this._content = val;
+        this.preventChangeEvent = true;
+        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.setValue(val);
+    }
+    get selectedContent() {
+        if (!this.editor)
+            return this._content;
+        const selectedCodeChunks = this.editor.getSelections().map(selection => this.editor.getModel().getValueInRange(selection));
+        const selectedCode = selectedCodeChunks.join("\n").trim();
+        return selectedCode == null || selectedCode == '' ? this.editor.getValue() : selectedCode;
+    }
+    get theme() { return (0, core_1.getStyleManager)().currentThemeName == 'light' ? 'vs' : 'vs-dark'; }
+    async initMonaco() {
+        var _a;
+        if (this._initialized)
+            return;
+        Code_1.monaco = (_a = Code_1.monaco) !== null && _a !== void 0 ? _a : await loader_1.MonacoLoader.get();
+        core_1.dom.appendStyle(this.shadowRoot, loader_1.MonacoLoader.monacoStyle);
+        this._initialized = true;
+    }
+    async initEditor() {
+        var _a;
+        await this.initMonaco();
+        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.dispose();
+        this.editor = Code_1.monaco.editor.create(this.codeRoot, {
+            value: this._content,
+            language: this.language,
+            theme: this.theme,
+            // workaround for caret positioning issue in chrome
+            // https://github.com/microsoft/monaco-editor/issues/3217#issuecomment-1511978166
+            fontLigatures: ''
+        });
+        this.dispatchEvent(new CodeEvent('ready', this.editor));
+        this.editor.onDidChangeModelContent(() => {
+            if (!this.preventChangeEvent)
+                this.dispatchEvent(new CodeEvent('change', this.editor));
+            else
+                this.preventChangeEvent = false;
+        });
+        this.preventChangeEvent = false;
+    }
+    updated() {
+        this.initEditor();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        (0, core_1.getStyleManager)().addEventListener('change', this.onStyleChange);
+    }
+    disconnectedCallback() {
+        (0, core_1.getStyleManager)().removeEventListener('change', this.onStyleChange);
+    }
+    layout() {
+        var _a;
+        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.layout();
+    }
+};
+exports.Code = Code;
+Code.styles = (0, lit_1.css) `
+		:host, #codeRoot {
+			user-select: text;
+			display: block;
+			width: 100%;
+			height: 100%;
+			position: relative;
+		}
+	`;
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Code.prototype, "language", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String, noAccessor: true })
+], Code.prototype, "content", null);
+__decorate([
+    (0, decorators_js_1.query)('#codeRoot')
+], Code.prototype, "codeRoot", void 0);
+exports.Code = Code = Code_1 = __decorate([
+    (0, decorators_js_1.customElement)('og-code'),
+    (0, core_1.stylable)({ vars: ['font-*'] })
+], 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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"}

package/dist/components/highlighter.d.ts

@@ -0,0 +1,19 @@
+import { Alert } from '@omegagrid/core';
+import { LitElement } from 'lit';
+export declare class Highlighter extends LitElement {
+    static styles: import("lit").CSSResult[];
+    language: string;
+    scrollable: boolean;
+    content: string;
+    copy: boolean;
+    root: HTMLDivElement;
+    alertCopy: Alert;
+    get theme(): "vs" | "vs-dark";
+    onStyleChange: () => void;
+    updated(): Promise<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    copyContent: () => void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=highlighter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"highlighter.d.ts","sourceRoot":"","sources":["../../src/components/highlighter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAA6B,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,qBAEa,WAAY,SAAQ,UAAU;IAE1C,MAAM,CAAC,MAAM,4BAAW;IAGxB,QAAQ,SAAgB;IAGxB,UAAU,UAAS;IAGnB,OAAO,EAAE,MAAM,CAAC;IAGhB,IAAI,UAAS;IAGb,IAAI,EAAE,cAAc,CAAC;IAGrB,SAAS,EAAE,KAAK,CAAC;IAEjB,IAAI,KAAK,qBAA8E;IAEvF,aAAa,aAA8B;IAErC,OAAO;IAOb,iBAAiB;IAKjB,oBAAoB;IAIpB,WAAW,aAIV;IAED,MAAM,6CAkBJ;CAEF"}

package/dist/components/highlighter.js

@@ -0,0 +1,87 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Highlighter = void 0;
+const core_1 = require("@omegagrid/core");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const loader_1 = require("../loader");
+const localize_1 = require("@lit/localize");
+const highlighter_style_1 = require("./highlighter.style");
+let Highlighter = class Highlighter extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.language = 'typescript';
+        this.scrollable = false;
+        this.copy = false;
+        this.onStyleChange = () => this.requestUpdate();
+        this.copyContent = () => {
+            navigator.clipboard.writeText(this.content);
+            this.alertCopy.className = 'fade-out';
+            setTimeout(() => this.alertCopy.className = '', 2000);
+        };
+        this.render = () => (0, lit_1.html) `
+		${this.copy ? (0, lit_1.html) `
+			<og-button
+				id="btnCopy"
+				icon="copy"
+				color="transparent"
+				@click="${this.copyContent}">
+			</og-button>
+			<og-alert type="success" id="alertCopy"><div slot="content">${(0, localize_1.msg)('copied')}</div></og-alert>
+		` : ''}
+		
+		${this.scrollable ? (0, lit_1.html) `
+			<og-container>
+				<div id="root" slot="content"></div>
+			</og-container>
+		` : (0, lit_1.html) `
+			<div id="root" slot="content"></div>
+		`}
+	`;
+    }
+    get theme() { return (0, core_1.getStyleManager)().currentThemeName == 'light' ? 'vs' : 'vs-dark'; }
+    async updated() {
+        this.root.innerHTML = '';
+        this.root.textContent = this.content;
+        const monaco = await loader_1.MonacoLoader.get();
+        monaco.editor.colorizeElement(this.root, { mimeType: this.language, theme: this.theme });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        (0, core_1.getStyleManager)().addEventListener('change', this.onStyleChange);
+    }
+    disconnectedCallback() {
+        (0, core_1.getStyleManager)().removeEventListener('change', this.onStyleChange);
+    }
+};
+exports.Highlighter = Highlighter;
+Highlighter.styles = [highlighter_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Highlighter.prototype, "language", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Highlighter.prototype, "scrollable", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Highlighter.prototype, "content", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Highlighter.prototype, "copy", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#root')
+], Highlighter.prototype, "root", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#alertCopy')
+], Highlighter.prototype, "alertCopy", void 0);
+exports.Highlighter = Highlighter = __decorate([
+    (0, decorators_js_1.customElement)('og-highlighter'),
+    (0, core_1.stylable)({ vars: ['font-*'] })
+], Highlighter);
+//# sourceMappingURL=highlighter.js.map

package/dist/components/highlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighter.js","sourceRoot":"","sources":["../../src/components/highlighter.ts"],"names":[],"mappings":";;;;;;;;;AAAA,0CAAmE;AACnE,6BAAuC;AACvC,qDAAmE;AACnE,sCAAyC;AACzC,4CAAoC;AACpC,2DAA4C;AAIrC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,gBAAU;IAApC;;QAKN,aAAQ,GAAG,YAAY,CAAC;QAGxB,eAAU,GAAG,KAAK,CAAC;QAMnB,SAAI,GAAG,KAAK,CAAC;QAUb,kBAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAkB3C,gBAAW,GAAG,GAAG,EAAE;YAClB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC5C,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,UAAU,CAAC;YACtC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,EAAE,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC,CAAA;QAED,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;IAChB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA;;;;;cAKN,IAAI,CAAC,WAAW;;iEAEmC,IAAA,cAAG,EAAC,QAAQ,CAAC;GAC3E,CAAC,CAAC,CAAC,EAAE;;IAEJ,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA;;;;GAIvB,CAAA,CAAC,CAAC,IAAA,UAAI,EAAA;;GAEN;EACD,CAAC;IAEH,CAAC;IA9CA,IAAI,KAAK,KAAK,OAAO,IAAA,sBAAe,GAAE,CAAC,gBAAgB,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA,CAAC,CAAC;IAIvF,KAAK,CAAC,OAAO;QACZ,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;QACrC,MAAM,MAAM,GAAG,MAAM,qBAAY,CAAC,GAAG,EAAE,CAAC;QACxC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,CAAC;IACxF,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAA,sBAAe,GAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAClE,CAAC;IAED,oBAAoB;QACnB,IAAA,sBAAe,GAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACrE,CAAC;;AAxCW,kCAAW;AAEhB,kBAAM,GAAG,CAAC,yBAAK,CAAC,AAAV,CAAW;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;6CACD;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;+CACP;AAGnB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;4CACT;AAGhB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;yCACb;AAGb;IADC,IAAA,qBAAK,EAAC,OAAO,CAAC;yCACM;AAGrB;IADC,IAAA,qBAAK,EAAC,YAAY,CAAC;8CACH;sBApBL,WAAW;IAFvB,IAAA,6BAAa,EAAC,gBAAgB,CAAC;IAC/B,IAAA,eAAQ,EAAC,EAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAC,CAAC;GAChB,WAAW,CAoEvB"}

package/dist/components/highlighter.style.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=highlighter.style.d.ts.map

package/dist/components/highlighter.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighter.style.d.ts","sourceRoot":"","sources":["../../src/components/highlighter.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAiEjB,CAAC"}

package/dist/components/highlighter.style.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+const lit_1 = require("lit");
+exports.style = (0, lit_1.css) `
+	* {
+		box-sizing: border-box;
+	}
+
+	:host {
+		user-select: text;
+		display: block;
+		position: relative;
+		overflow: hidden;
+	}
+
+	#root {
+		font-family: Consolas, "Courier New", monospace;
+		font-size: var(--font-size);
+		padding: 4px;
+		overflow: visible;
+	}
+
+	#btnCopy {
+		//display: none;
+		position: absolute;
+		top: 4px;
+		right: 4px;
+	}
+
+	:host(:hover) #btnCopy {
+		display: block;
+	}
+
+	og-container {
+		height: 100%;
+	}
+
+	og-button {
+		z-index: 1;
+	}
+
+	og-alert {
+		position: absolute;
+		top: 4px;
+		right: 30px;
+		width: 80px;
+		padding: 2px;
+		font-size: 12px;
+		text-align: center;
+		opacity: 0;
+		visibility: hidden;
+	}
+
+	og-alert.fade-out {
+		animation: fadeOut 2s forwards;
+		visibility: visible;
+		opacity: 1;
+	}
+
+	@keyframes fadeOut {
+		0% {
+			opacity: 1;
+		}
+		100% {
+			opacity: 0;
+			visibility: hidden;
+		}
+	}
+`;
+//# sourceMappingURL=highlighter.style.js.map

package/dist/components/highlighter.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighter.style.js","sourceRoot":"","sources":["../../src/components/highlighter.style.ts"],"names":[],"mappings":";;;AAAA,6BAA0B;AAEb,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEvB,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './code';
+export * from './highlighter';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./code"), exports);
+__exportStar(require("./highlighter"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,gDAA8B"}

package/dist/constants.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    LOCALE: string;
+    PREFIX: string;
+    DEFAULT_ACCENT_COLOR: string;
+    DEFAULT_ACCENT_COLOR_2: import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<any> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }>;
+    SIZER_SIZE: number;
+    SLIDER_SIZE: number;
+    SLIDER_MIN_LENGTH: number;
+    EXPANDER_SIZE: number;
+    LIST_ITEM_HEIGHT: number;
+    LIST_RENDERING_TRESHOLD: number;
+    LIST_AUTOSCROLL_TRESHOLD: number;
+    LIST_AUTOSCROLL_DELAY: number;
+    DEFAULT_TEXT_HIGHLIGHT_COLOR: string;
+    TOOLTIP_MARGIN: number;
+    MENU_ITEM_HEIGHT: number;
+    COLORPICKER_COLOR_SIZE: number;
+};
+export default _default;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAEE"}

package/dist/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@omegagrid/core");
+exports.default = {
+    ...core_1.constants
+};
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;AAAA,0CAA6D;AAE7D,kBAAe;IACd,GAAG,gBAAa;CAChB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './loader';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+__exportStar(require("./loader"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,2CAAyB"}

package/dist/loader.d.ts

@@ -0,0 +1,23 @@
+import * as monaco from 'monaco-editor';
+export interface Require {
+    (paths: string[], callback?: () => void): void;
+    config: (options: {
+        [key: string]: unknown;
+    }) => void;
+}
+declare global {
+    interface Window {
+        monaco: typeof monaco;
+        require: Require;
+    }
+}
+export declare class MonacoLoader {
+    static _monaco: typeof monaco;
+    static monacoStyle: string;
+    static monacoPath: string;
+    static monacoLoader: Require;
+    static init(loader: Require, path: string): void;
+    static get(): Promise<typeof monaco>;
+    static load(): Promise<typeof monaco>;
+}
+//# sourceMappingURL=loader.d.ts.map

package/dist/loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAIxC,MAAM,WAAW,OAAO;IACvB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IAC/C,MAAM,EAAE,CAAC,OAAO,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAC,KAAK,IAAI,CAAC;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QAClB,MAAM,EAAE,OAAO,MAAM,CAAC;QACtB,OAAO,EAAE,OAAO,CAAC;KACd;CACJ;AAED,qBAAa,YAAY;IAExB,MAAM,CAAC,OAAO,EAAE,OAAO,MAAM,CAAC;IAC9B,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC;IAE7B,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM;WAa5B,GAAG;IAKhB,MAAM,CAAC,IAAI;CAaX"}

package/dist/loader.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MonacoLoader = void 0;
+const lit_1 = require("lit");
+const core_1 = require("@omegagrid/core");
+class MonacoLoader {
+    static init(loader, path) {
+        MonacoLoader.monacoLoader = loader;
+        MonacoLoader.monacoPath = path;
+        MonacoLoader.monacoStyle = `@import "${(0, lit_1.unsafeCSS)(path)}/editor/editor.main.css"`;
+        core_1.dom.appendStyle(document.head, `
+			@font-face {
+				font-family: 'codicon';
+				src: url('${path}/base/browser/ui/codicons/codicon/codicon.ttf') format('truetype');
+			}
+		`);
+    }
+    static async get() {
+        if (!this._monaco)
+            this._monaco = await this.load();
+        return this._monaco;
+    }
+    static load() {
+        MonacoLoader.monacoLoader.config({
+            paths: { 'vs': MonacoLoader.monacoPath },
+            'vs/css': { disabled: true }
+        });
+        return new Promise((resolve) => {
+            MonacoLoader.monacoLoader(['vs/editor/editor.main'], () => {
+                resolve(self.monaco);
+            });
+        });
+    }
+}
+exports.MonacoLoader = MonacoLoader;
+//# sourceMappingURL=loader.js.map

package/dist/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":";;;AACA,6BAAgC;AAChC,0CAAsC;AActC,MAAa,YAAY;IAOxB,MAAM,CAAC,IAAI,CAAC,MAAe,EAAE,IAAY;QACxC,YAAY,CAAC,YAAY,GAAG,MAAM,CAAC;QACnC,YAAY,CAAC,UAAU,GAAG,IAAI,CAAC;QAC/B,YAAY,CAAC,WAAW,GAAG,YAAY,IAAA,eAAS,EAAC,IAAI,CAAC,0BAA0B,CAAC;QAEjF,UAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE;;;gBAGjB,IAAI;;GAEjB,CAAC,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,GAAG;QACf,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QACpD,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,MAAM,CAAC,IAAI;QACV,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC;YAChC,KAAK,EAAE,EAAC,IAAI,EAAE,YAAY,CAAC,UAAU,EAAC;YACtC,QAAQ,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC;SAC1B,CAAC,CAAC;QAEH,OAAO,IAAI,OAAO,CAAgB,CAAC,OAAO,EAAE,EAAE;YAC7C,YAAY,CAAC,YAAY,CAAC,CAAC,uBAAuB,CAAC,EAAE,GAAG,EAAE;gBACzD,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC;CAED;AAtCD,oCAsCC"}

package/dist/types.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@omegagrid/code",
+  "version": "0.2.5",
+  "license": "UNLICENSED",
+  "description": "Monaco editor webcomponent",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "./dist/**/*"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cechi/omegagrid.git"
+  },
+  "bugs": "https://github.com/cechi/omegagrid/issues",
+  "author": {
+    "name": "Petr Čechura",
+    "email": "p.cechura@gmail.com",
+    "url": "https://cechura.eu"
+  },
+  "scripts": {
+    "watch": "tsc --watch",
+    "build": "tsc",
+    "test": "jest --passWithNoTests",
+    "lint": "eslint **/src/**/*.ts",
+    "_prepack": "yarn build",
+    "_prepublish": "yarn test && yarn lint"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "6.4.2",
+    "@lit/localize": "^0.12.1",
+    "@omegagrid/core": "^0.2.5",
+    "@riovir/wc-fontawesome": "^0.1.9",
+    "lit": "^3.1.1",
+    "monaco-editor": "^0.45.0",
+    "ts-debounce": "^4.0.0",
+    "vscode-loader": "^1.0.2"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.11",
+    "@types/node": "^20.11.5",
+    "@typescript-eslint/eslint-plugin": "^6.19.0",
+    "@typescript-eslint/parser": "^6.19.0",
+    "eslint": "^8.56.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.1.1",
+    "ts-node": "^10.9.2",
+    "typescript": "5.3.2"
+  }
+}