@fieldia/monaco 0.0.0-stage → 0.14.1

package/src/lib/monaco.js

@@ -0,0 +1,271 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.monacoWidgets = void 0;
+exports.createMonacoWidgets = createMonacoWidgets;
+const widgets_1 = require("@fieldia/widgets");
+const languages_1 = require("./languages");
+const loader_1 = require("./loader");
+const styles_1 = require("./styles");
+const theme_1 = require("./theme");
+/** The editor's settings: VS Code's look, kept to a field's size; Tab left to the page; the page scrolling past it. */
+const EDITOR_OPTIONS = {
+    automaticLayout: true,
+    tabFocusMode: true,
+    // A text area takes the keyboard: labelled by the field's label, and read-only when the field is.
+    editContext: false,
+    minimap: { enabled: false },
+    scrollBeyondLastLine: false,
+    scrollbar: { alwaysConsumeMouseWheel: false, verticalScrollbarSize: 10, horizontalScrollbarSize: 10 },
+    overviewRulerLanes: 0,
+    hideCursorInOverviewRuler: true,
+    fixedOverflowWidgets: true,
+    fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
+    fontSize: 13,
+    lineHeight: 20,
+    lineNumbersMinChars: 3,
+    glyphMargin: false,
+    padding: { top: 6, bottom: 6 },
+    links: false,
+    // Several on a form: only the one being typed in marks its line.
+    renderLineHighlightOnlyWhenFocus: true,
+};
+/** Between a few lines and a screenful, as the field's text grows. */
+const LEAST = 96;
+const MOST = 360;
+/** Each Monaco's themes defined so far, by name: one is defined once, and worn by any editor that wants it. */
+const THEMES = new WeakMap();
+/** A short name for a theme, the same for the same colours. */
+function nameOf(data) {
+    const text = JSON.stringify(data);
+    let hash = 0;
+    for (let i = 0; i < text.length; i++)
+        hash = (Math.imul(31, hash) + text.charCodeAt(i)) | 0;
+    return `fieldia-${(hash >>> 0).toString(36)}`;
+}
+/** Tell Monaco of the app's workers, unless the app has told it already. */
+function giveWorkers(getWorker) {
+    const scope = globalThis;
+    scope.MonacoEnvironment ??= { getWorker };
+}
+const textOf = (value) => (value === null || value === undefined ? '' : String(value));
+/** The text as JSON, `null` for nothing, or `undefined` when it is not valid. */
+function readJson(text) {
+    if (text.trim() === '')
+        return null;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return undefined;
+    }
+}
+function monacoWidget(context, json, loader, { getWorker, services: named = languages_1.MONACO_SERVICES }) {
+    const { form, name, node, id, document, labels = widgets_1.WIDGET_LABELS.en } = context;
+    (0, styles_1.installMonacoStyles)(document);
+    const language = json ? 'json' : node.options?.['language'];
+    // This field's language service, when it has one and the app gives a worker for it.
+    const service = (0, languages_1.serviceOf)(language);
+    const services = typeof getWorker === 'function' && service !== null && named.includes(service);
+    const element = document.createElement('div');
+    element.className = 'fd-monaco';
+    element.dir = 'ltr';
+    /** The value as text, as the editor shows it. */
+    const show = (value) => (json ? (value === null || value === undefined ? '' : JSON.stringify(value, null, 2)) : textOf(value));
+    /** The value as the widget compares it with what the form holds. */
+    const keyOf = (value) => (json ? JSON.stringify(value ?? null) : textOf(value));
+    // Until Monaco is here, and for good if it cannot be loaded: a plain box that works as one.
+    const plain = document.createElement('textarea');
+    plain.id = id;
+    plain.className = 'fd-input fd-textarea fd-code fd-monaco-plain';
+    plain.rows = 4;
+    plain.spellcheck = false;
+    if (node.placeholder)
+        plain.placeholder = node.placeholder;
+    plain.value = show(form.getState().values[name]);
+    const error = json ? document.createElement('div') : null;
+    if (error) {
+        error.className = 'fd-error fd-monaco-error';
+        error.dir = 'auto';
+        error.setAttribute('role', 'alert');
+        error.textContent = labels.invalidJson;
+        error.hidden = true;
+    }
+    element.append(plain, ...(error ? [error] : []));
+    /** What the form holds, as last written or shown: its echo of what was typed changes nothing. */
+    let known = keyOf(form.getState().values[name]);
+    let valid = true;
+    let last = null;
+    let writing = false;
+    let gone = false;
+    let monaco = null;
+    let editor = null;
+    let model = null;
+    let box = null;
+    let worn = '';
+    const leave = [];
+    /** Monaco's own input, or the plain box while there is no Monaco. */
+    const input = () => box?.querySelector('textarea.inputarea, textarea') ?? plain;
+    /** Its state, said on the box that takes the keyboard. */
+    function describe() {
+        const at = input();
+        at.setAttribute('aria-invalid', String(!valid || !!last?.invalid));
+        if (last?.describedBy)
+            at.setAttribute('aria-describedby', last.describedBy);
+        else
+            at.removeAttribute('aria-describedby');
+        if (at === plain)
+            at.setAttribute('aria-required', String(!!last?.required));
+        element.toggleAttribute('data-invalid', !valid);
+    }
+    function typed(text) {
+        if (!json) {
+            known = text;
+            form.setValue(name, text === '' ? null : text);
+            return;
+        }
+        const parsed = readJson(text);
+        valid = parsed !== undefined;
+        if (error) {
+            error.hidden = valid;
+            // Where it goes wrong, as the CodeMirror editor and the plain JSON box say it.
+            const problem = valid ? null : (0, widgets_1.jsonProblem)(text);
+            if (problem)
+                error.textContent = labels.invalidJsonAt.replace('{line}', String(problem.line)).replace('{column}', String(problem.column));
+        }
+        describe();
+        if (parsed === undefined)
+            return;
+        known = JSON.stringify(parsed);
+        form.setValue(name, parsed);
+    }
+    plain.addEventListener('input', () => typed(plain.value));
+    /** The theme made from the page's tokens as they are now, worn when they changed. */
+    function wear() {
+        if (!monaco || !element.isConnected)
+            return;
+        const data = (0, theme_1.monacoTheme)((0, theme_1.readColours)(element));
+        const themeName = nameOf(data);
+        if (themeName === worn)
+            return;
+        const defined = THEMES.get(monaco) ?? new Set();
+        if (!defined.has(themeName))
+            monaco.editor.defineTheme(themeName, data);
+        THEMES.set(monaco, defined.add(themeName));
+        monaco.editor.setTheme(themeName);
+        worn = themeName;
+    }
+    /** The page's look or scheme changing — or the reader's system going dark — gives the editor its colours again. */
+    function follow() {
+        const root = element.closest('.fd-form, .fd-form-dialog, .fd-theme');
+        const view = document.defaultView;
+        if (root && view && 'MutationObserver' in view) {
+            const observer = new view.MutationObserver(() => wear());
+            observer.observe(root, { attributes: true, attributeFilter: ['data-scheme', 'data-fd-theme', 'data-fd-skin', 'data-accent', 'style', 'class'] });
+            leave.push(() => observer.disconnect());
+        }
+        const dark = typeof view?.matchMedia === 'function' ? view.matchMedia('(prefers-color-scheme: dark)') : null;
+        if (dark) {
+            dark.addEventListener('change', wear);
+            leave.push(() => dark.removeEventListener('change', wear));
+        }
+    }
+    function fit(contentHeight) {
+        if (!box || !editor)
+            return;
+        box.style.height = `${Math.min(MOST, Math.max(LEAST, contentHeight + 2))}px`;
+        editor.layout();
+    }
+    async function start() {
+        if (getWorker)
+            giveWorkers(getWorker);
+        const loaded = await loader.monaco(services);
+        const monacoId = await loader.language(loaded, language, services);
+        if (gone)
+            return;
+        monaco = loaded;
+        box = document.createElement('div');
+        box.className = 'fd-monaco-box';
+        element.insertBefore(box, plain);
+        const focused = document.activeElement === plain;
+        model = monaco.editor.createModel(plain.value, monacoId);
+        editor = monaco.editor.create(box, {
+            ...EDITOR_OPTIONS,
+            model,
+            readOnly: !!last?.readonly,
+            domReadOnly: !!last?.readonly,
+            ariaRequired: !!last?.required,
+            wordBasedSuggestions: services ? 'currentDocument' : 'off',
+            quickSuggestions: services,
+            ...(plain.placeholder ? { placeholder: plain.placeholder } : {}),
+        });
+        wear();
+        follow();
+        // The field's label names Monaco's input now, and points at it.
+        plain.remove();
+        plain.removeAttribute('id');
+        const area = input();
+        area.id = id;
+        area.setAttribute('aria-labelledby', `${id}-label`);
+        describe();
+        const current = model;
+        editor.onDidChangeModelContent(() => {
+            if (!writing)
+                typed(current.getValue());
+        });
+        editor.onDidContentSizeChange(({ contentHeight }) => fit(contentHeight));
+        fit(editor.getContentHeight());
+        if (focused)
+            editor.focus();
+    }
+    // Monaco not loaded: the plain box stays, and works.
+    start().catch(() => undefined);
+    return {
+        element,
+        focus: () => (editor ? editor.focus() : plain.focus()),
+        destroy() {
+            gone = true;
+            for (const stop of leave.splice(0))
+                stop();
+            editor?.dispose();
+            model?.dispose();
+        },
+        update(state) {
+            last = state;
+            plain.readOnly = state.readonly;
+            element.toggleAttribute('data-readonly', state.readonly);
+            editor?.updateOptions({ readOnly: state.readonly, domReadOnly: state.readonly, ariaRequired: state.required });
+            if (!worn)
+                wear();
+            describe();
+            // A value from elsewhere (loaded, discarded, set by a step) replaces the text; the echo of what was typed does not.
+            const incoming = keyOf(state.value);
+            if (incoming === known)
+                return;
+            known = incoming;
+            valid = true;
+            if (error)
+                error.hidden = true;
+            const text = show(state.value);
+            if (model) {
+                writing = true;
+                model.setValue(text);
+                writing = false;
+            }
+            else
+                plain.value = text;
+            describe();
+        },
+    };
+}
+/**
+ * The widgets, made with the app's choices: `text.monaco` for text in a
+ * language, `json.monaco` for JSON. Pass them to the viewer (`widgets`).
+ */
+function createMonacoWidgets(options = {}) {
+    const loader = options.loader ?? loader_1.defaultLoader;
+    const factory = (json) => (context) => monacoWidget(context, json, loader, options);
+    return { 'text.monaco': factory(false), 'json.monaco': factory(true) };
+}
+/** The widgets with no language services: code coloured, no worker started. */
+exports.monacoWidgets = createMonacoWidgets();
+//# sourceMappingURL=monaco.js.map

package/src/lib/monaco.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco.js","sourceRoot":"","sources":["../../../../../libs/monaco/src/lib/monaco.ts"],"names":[],"mappings":"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"}

package/src/lib/monaco.mjs

@@ -0,0 +1,267 @@
+import { jsonProblem, WIDGET_LABELS } from '@fieldia/widgets';
+import { MONACO_SERVICES, serviceOf } from './languages.mjs';
+import { defaultLoader } from './loader.mjs';
+import { installMonacoStyles } from './styles.mjs';
+import { monacoTheme, readColours } from './theme.mjs';
+/** The editor's settings: VS Code's look, kept to a field's size; Tab left to the page; the page scrolling past it. */
+const EDITOR_OPTIONS = {
+    automaticLayout: true,
+    tabFocusMode: true,
+    // A text area takes the keyboard: labelled by the field's label, and read-only when the field is.
+    editContext: false,
+    minimap: { enabled: false },
+    scrollBeyondLastLine: false,
+    scrollbar: { alwaysConsumeMouseWheel: false, verticalScrollbarSize: 10, horizontalScrollbarSize: 10 },
+    overviewRulerLanes: 0,
+    hideCursorInOverviewRuler: true,
+    fixedOverflowWidgets: true,
+    fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
+    fontSize: 13,
+    lineHeight: 20,
+    lineNumbersMinChars: 3,
+    glyphMargin: false,
+    padding: { top: 6, bottom: 6 },
+    links: false,
+    // Several on a form: only the one being typed in marks its line.
+    renderLineHighlightOnlyWhenFocus: true,
+};
+/** Between a few lines and a screenful, as the field's text grows. */
+const LEAST = 96;
+const MOST = 360;
+/** Each Monaco's themes defined so far, by name: one is defined once, and worn by any editor that wants it. */
+const THEMES = new WeakMap();
+/** A short name for a theme, the same for the same colours. */
+function nameOf(data) {
+    const text = JSON.stringify(data);
+    let hash = 0;
+    for (let i = 0; i < text.length; i++)
+        hash = (Math.imul(31, hash) + text.charCodeAt(i)) | 0;
+    return `fieldia-${(hash >>> 0).toString(36)}`;
+}
+/** Tell Monaco of the app's workers, unless the app has told it already. */
+function giveWorkers(getWorker) {
+    const scope = globalThis;
+    scope.MonacoEnvironment ??= { getWorker };
+}
+const textOf = (value) => (value === null || value === undefined ? '' : String(value));
+/** The text as JSON, `null` for nothing, or `undefined` when it is not valid. */
+function readJson(text) {
+    if (text.trim() === '')
+        return null;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return undefined;
+    }
+}
+function monacoWidget(context, json, loader, { getWorker, services: named = MONACO_SERVICES }) {
+    const { form, name, node, id, document, labels = WIDGET_LABELS.en } = context;
+    installMonacoStyles(document);
+    const language = json ? 'json' : node.options?.['language'];
+    // This field's language service, when it has one and the app gives a worker for it.
+    const service = serviceOf(language);
+    const services = typeof getWorker === 'function' && service !== null && named.includes(service);
+    const element = document.createElement('div');
+    element.className = 'fd-monaco';
+    element.dir = 'ltr';
+    /** The value as text, as the editor shows it. */
+    const show = (value) => (json ? (value === null || value === undefined ? '' : JSON.stringify(value, null, 2)) : textOf(value));
+    /** The value as the widget compares it with what the form holds. */
+    const keyOf = (value) => (json ? JSON.stringify(value ?? null) : textOf(value));
+    // Until Monaco is here, and for good if it cannot be loaded: a plain box that works as one.
+    const plain = document.createElement('textarea');
+    plain.id = id;
+    plain.className = 'fd-input fd-textarea fd-code fd-monaco-plain';
+    plain.rows = 4;
+    plain.spellcheck = false;
+    if (node.placeholder)
+        plain.placeholder = node.placeholder;
+    plain.value = show(form.getState().values[name]);
+    const error = json ? document.createElement('div') : null;
+    if (error) {
+        error.className = 'fd-error fd-monaco-error';
+        error.dir = 'auto';
+        error.setAttribute('role', 'alert');
+        error.textContent = labels.invalidJson;
+        error.hidden = true;
+    }
+    element.append(plain, ...(error ? [error] : []));
+    /** What the form holds, as last written or shown: its echo of what was typed changes nothing. */
+    let known = keyOf(form.getState().values[name]);
+    let valid = true;
+    let last = null;
+    let writing = false;
+    let gone = false;
+    let monaco = null;
+    let editor = null;
+    let model = null;
+    let box = null;
+    let worn = '';
+    const leave = [];
+    /** Monaco's own input, or the plain box while there is no Monaco. */
+    const input = () => box?.querySelector('textarea.inputarea, textarea') ?? plain;
+    /** Its state, said on the box that takes the keyboard. */
+    function describe() {
+        const at = input();
+        at.setAttribute('aria-invalid', String(!valid || !!last?.invalid));
+        if (last?.describedBy)
+            at.setAttribute('aria-describedby', last.describedBy);
+        else
+            at.removeAttribute('aria-describedby');
+        if (at === plain)
+            at.setAttribute('aria-required', String(!!last?.required));
+        element.toggleAttribute('data-invalid', !valid);
+    }
+    function typed(text) {
+        if (!json) {
+            known = text;
+            form.setValue(name, text === '' ? null : text);
+            return;
+        }
+        const parsed = readJson(text);
+        valid = parsed !== undefined;
+        if (error) {
+            error.hidden = valid;
+            // Where it goes wrong, as the CodeMirror editor and the plain JSON box say it.
+            const problem = valid ? null : jsonProblem(text);
+            if (problem)
+                error.textContent = labels.invalidJsonAt.replace('{line}', String(problem.line)).replace('{column}', String(problem.column));
+        }
+        describe();
+        if (parsed === undefined)
+            return;
+        known = JSON.stringify(parsed);
+        form.setValue(name, parsed);
+    }
+    plain.addEventListener('input', () => typed(plain.value));
+    /** The theme made from the page's tokens as they are now, worn when they changed. */
+    function wear() {
+        if (!monaco || !element.isConnected)
+            return;
+        const data = monacoTheme(readColours(element));
+        const themeName = nameOf(data);
+        if (themeName === worn)
+            return;
+        const defined = THEMES.get(monaco) ?? new Set();
+        if (!defined.has(themeName))
+            monaco.editor.defineTheme(themeName, data);
+        THEMES.set(monaco, defined.add(themeName));
+        monaco.editor.setTheme(themeName);
+        worn = themeName;
+    }
+    /** The page's look or scheme changing — or the reader's system going dark — gives the editor its colours again. */
+    function follow() {
+        const root = element.closest('.fd-form, .fd-form-dialog, .fd-theme');
+        const view = document.defaultView;
+        if (root && view && 'MutationObserver' in view) {
+            const observer = new view.MutationObserver(() => wear());
+            observer.observe(root, { attributes: true, attributeFilter: ['data-scheme', 'data-fd-theme', 'data-fd-skin', 'data-accent', 'style', 'class'] });
+            leave.push(() => observer.disconnect());
+        }
+        const dark = typeof view?.matchMedia === 'function' ? view.matchMedia('(prefers-color-scheme: dark)') : null;
+        if (dark) {
+            dark.addEventListener('change', wear);
+            leave.push(() => dark.removeEventListener('change', wear));
+        }
+    }
+    function fit(contentHeight) {
+        if (!box || !editor)
+            return;
+        box.style.height = `${Math.min(MOST, Math.max(LEAST, contentHeight + 2))}px`;
+        editor.layout();
+    }
+    async function start() {
+        if (getWorker)
+            giveWorkers(getWorker);
+        const loaded = await loader.monaco(services);
+        const monacoId = await loader.language(loaded, language, services);
+        if (gone)
+            return;
+        monaco = loaded;
+        box = document.createElement('div');
+        box.className = 'fd-monaco-box';
+        element.insertBefore(box, plain);
+        const focused = document.activeElement === plain;
+        model = monaco.editor.createModel(plain.value, monacoId);
+        editor = monaco.editor.create(box, {
+            ...EDITOR_OPTIONS,
+            model,
+            readOnly: !!last?.readonly,
+            domReadOnly: !!last?.readonly,
+            ariaRequired: !!last?.required,
+            wordBasedSuggestions: services ? 'currentDocument' : 'off',
+            quickSuggestions: services,
+            ...(plain.placeholder ? { placeholder: plain.placeholder } : {}),
+        });
+        wear();
+        follow();
+        // The field's label names Monaco's input now, and points at it.
+        plain.remove();
+        plain.removeAttribute('id');
+        const area = input();
+        area.id = id;
+        area.setAttribute('aria-labelledby', `${id}-label`);
+        describe();
+        const current = model;
+        editor.onDidChangeModelContent(() => {
+            if (!writing)
+                typed(current.getValue());
+        });
+        editor.onDidContentSizeChange(({ contentHeight }) => fit(contentHeight));
+        fit(editor.getContentHeight());
+        if (focused)
+            editor.focus();
+    }
+    // Monaco not loaded: the plain box stays, and works.
+    start().catch(() => undefined);
+    return {
+        element,
+        focus: () => (editor ? editor.focus() : plain.focus()),
+        destroy() {
+            gone = true;
+            for (const stop of leave.splice(0))
+                stop();
+            editor?.dispose();
+            model?.dispose();
+        },
+        update(state) {
+            last = state;
+            plain.readOnly = state.readonly;
+            element.toggleAttribute('data-readonly', state.readonly);
+            editor?.updateOptions({ readOnly: state.readonly, domReadOnly: state.readonly, ariaRequired: state.required });
+            if (!worn)
+                wear();
+            describe();
+            // A value from elsewhere (loaded, discarded, set by a step) replaces the text; the echo of what was typed does not.
+            const incoming = keyOf(state.value);
+            if (incoming === known)
+                return;
+            known = incoming;
+            valid = true;
+            if (error)
+                error.hidden = true;
+            const text = show(state.value);
+            if (model) {
+                writing = true;
+                model.setValue(text);
+                writing = false;
+            }
+            else
+                plain.value = text;
+            describe();
+        },
+    };
+}
+/**
+ * The widgets, made with the app's choices: `text.monaco` for text in a
+ * language, `json.monaco` for JSON. Pass them to the viewer (`widgets`).
+ */
+export function createMonacoWidgets(options = {}) {
+    const loader = options.loader ?? defaultLoader;
+    const factory = (json) => (context) => monacoWidget(context, json, loader, options);
+    return { 'text.monaco': factory(false), 'json.monaco': factory(true) };
+}
+/** The widgets with no language services: code coloured, no worker started. */
+export const monacoWidgets = createMonacoWidgets();
+//# sourceMappingURL=monaco.mjs.map

package/src/lib/monaco.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco.mjs","sourceRoot":"","sources":["../../../../../libs/monaco/src/lib/monaco.ts"],"names":[],"mappings":"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"}

package/src/lib/styles.d.mts

@@ -0,0 +1,8 @@
+/**
+ * The editor's frame in Fieldia's colours, so it sits among the other
+ * fields, and the code colours the theme is read from: light, dark where the
+ * page is dark, in Fieldia's tokens' layer so a host sets its own over them.
+ * Installed once per document.
+ */
+export declare const MONACO_CSS: string;
+export declare function installMonacoStyles(doc: Document): void;

package/src/lib/styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The editor's frame in Fieldia's colours, so it sits among the other
+ * fields, and the code colours the theme is read from: light, dark where the
+ * page is dark, in Fieldia's tokens' layer so a host sets its own over them.
+ * Installed once per document.
+ */
+export declare const MONACO_CSS: string;
+export declare function installMonacoStyles(doc: Document): void;

package/src/lib/styles.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MONACO_CSS = void 0;
+exports.installMonacoStyles = installMonacoStyles;
+const theme_1 = require("./theme");
+const declare = (scheme) => Object.entries(theme_1.CODE_COLOURS[scheme])
+    .map(([role, colour]) => `--fd-code-${role}: ${colour};`)
+    .join(' ');
+/**
+ * The editor's frame in Fieldia's colours, so it sits among the other
+ * fields, and the code colours the theme is read from: light, dark where the
+ * page is dark, in Fieldia's tokens' layer so a host sets its own over them.
+ * Installed once per document.
+ */
+exports.MONACO_CSS = `
+.fd-monaco { display: grid; gap: 4px; min-width: 0; }
+.fd-monaco-box {
+  box-sizing: border-box; height: 96px; min-width: 0; overflow: hidden;
+  border: 1px solid var(--fd-border); border-radius: var(--fd-control-radius); background: var(--fd-surface);
+}
+.fd-monaco-box:focus-within { outline: 2px solid var(--fd-focus); outline-offset: 1px; }
+.fd-monaco[data-invalid] .fd-monaco-box { border-color: var(--fd-error); }
+.fd-monaco-plain { min-height: 96px; }
+/* Only to be read: shaded as Fieldia shades such a box, over the colours Monaco's theme gives it. */
+.fd-monaco[data-readonly] .monaco-editor { --vscode-editor-background: color-mix(in srgb, var(--fd-text) 4%, var(--fd-surface)); }
+@layer fieldia-tokens {
+.fd-monaco { ${declare('light')} }
+:is(.fd-form, .fd-form-dialog, .fd-theme)[data-scheme="dark"] .fd-monaco { ${declare('dark')} }
+@media (prefers-color-scheme: dark) { :is(.fd-form, .fd-form-dialog, .fd-theme)[data-scheme="auto"] .fd-monaco { ${declare('dark')} } }
+}
+`;
+function installMonacoStyles(doc) {
+    if (doc.getElementById('fieldia-monaco-styles'))
+        return;
+    const style = doc.createElement('style');
+    style.id = 'fieldia-monaco-styles';
+    style.textContent = exports.MONACO_CSS;
+    doc.head.append(style);
+}
+//# sourceMappingURL=styles.js.map

package/src/lib/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../libs/monaco/src/lib/styles.ts"],"names":[],"mappings":";;;AA+BA,kDAMC;AArCD,mCAAuC;AAEvC,MAAM,OAAO,GAAG,CAAC,MAAwB,EAAE,EAAE,CAC3C,MAAM,CAAC,OAAO,CAAC,oBAAY,CAAC,MAAM,CAAC,CAAC;KACjC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,aAAa,IAAI,KAAK,MAAM,GAAG,CAAC;KACxD,IAAI,CAAC,GAAG,CAAC,CAAC;AAEf;;;;;GAKG;AACU,QAAA,UAAU,GAAG;;;;;;;;;;;;eAYX,OAAO,CAAC,OAAO,CAAC;6EAC8C,OAAO,CAAC,MAAM,CAAC;mHACuB,OAAO,CAAC,MAAM,CAAC;;CAEjI,CAAC;AAEF,SAAgB,mBAAmB,CAAC,GAAa;IAC/C,IAAI,GAAG,CAAC,cAAc,CAAC,uBAAuB,CAAC;QAAE,OAAO;IACxD,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,uBAAuB,CAAC;IACnC,KAAK,CAAC,WAAW,GAAG,kBAAU,CAAC;IAC/B,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC"}