markstream-angular 0.0.9 → 0.1.0-beta.2

package/dist/fesm2022/markstream-angular.mjs

@@ -307,6 +307,7 @@ function buildRenderContext(props, events = {}, textStreamState, streamRenderVer
         customHtmlTags,
         parseOptions: props.parseOptions,
         customMarkdownIt: props.customMarkdownIt,
+        codeBlockOptions: props.codeBlockOptions,
         codeBlockProps: props.codeBlockProps,
         mermaidProps: props.mermaidProps,
         d2Props: props.d2Props,
@@ -316,7 +317,6 @@ function buildRenderContext(props, events = {}, textStreamState, streamRenderVer
             themes: props.themes,
             darkTheme: props.codeBlockDarkTheme,
             lightTheme: props.codeBlockLightTheme,
-            monacoOptions: props.codeBlockMonacoOptions,
             minWidth: props.codeBlockMinWidth,
             maxWidth: props.codeBlockMaxWidth,
         },
@@ -584,73 +584,52 @@ function useSafeI18n() {
     };
 }
 
-let monacoModule = null;
+let streamDiffsModule = null;
 let importAttempted$2 = false;
 let pendingImport$3 = null;
-let workersPreloaded = false;
-async function preloadWorkers(mod) {
-    if (workersPreloaded)
-        return;
-    workersPreloaded = true;
-    const existingEnv = globalThis?.MonacoEnvironment;
-    if (existingEnv && (typeof existingEnv.getWorker === 'function' || typeof existingEnv.getWorkerUrl === 'function'))
-        return;
-    if (typeof mod?.preloadMonacoWorkers === 'function')
-        await mod.preloadMonacoWorkers();
+let runtimePreloaded = false;
+function normalizeStreamDiffsModule(value) {
+    const moduleValue = value;
+    const source = typeof moduleValue?.createCodeBlockRuntime === 'function' || typeof moduleValue?.useMonaco === 'function'
+        ? moduleValue
+        : value?.default;
+    const factory = source?.createCodeBlockRuntime ?? source?.useMonaco;
+    if (typeof factory !== 'function')
+        return null;
+    return {
+        createCodeBlockRuntime: options => factory.call(source, options),
+        preloadStreamDiffs: source?.preloadStreamDiffs?.bind(source),
+    };
 }
-async function warmupShikiTokenizer(mod) {
-    const getOrCreateHighlighter = mod?.getOrCreateHighlighter;
-    if (typeof getOrCreateHighlighter !== 'function')
-        return true;
-    try {
-        const highlighter = await getOrCreateHighlighter(['vitesse-dark', 'vitesse-light'], ['plaintext', 'text', 'javascript']);
-        if (highlighter && typeof highlighter.codeToTokens === 'function') {
-            highlighter.codeToTokens('const a = 1', { lang: 'javascript', theme: 'vitesse-dark' });
-        }
-        return true;
-    }
-    catch (error) {
-        console.warn('[markstream-angular] Failed to warm up stream-monaco tokenizer; falling back to plain code rendering.', error);
-        return false;
-    }
+async function preloadRuntime(mod) {
+    if (runtimePreloaded)
+        return;
+    runtimePreloaded = true;
+    if (typeof mod?.preloadStreamDiffs === 'function')
+        await mod.preloadStreamDiffs();
 }
-async function getUseMonaco() {
-    if (monacoModule)
-        return monacoModule;
+async function getStreamDiffsRuntime() {
+    if (streamDiffsModule)
+        return streamDiffsModule;
     if (pendingImport$3)
         return await pendingImport$3;
     if (importAttempted$2)
         return null;
     pendingImport$3 = (async () => {
-        // Prefer `stream-diffs`: smaller runtime without the heavy
-        // `monaco-editor` dependency. `stream-monaco` remains supported as a
-        // fallback for consumers who install it.
-        const candidates = [
-            async () => (await import('stream-diffs')),
-            async () => (await import('stream-monaco')),
-        ];
-        for (const load of candidates) {
-            try {
-                const candidate = await load();
-                const resolved = candidate?.default ?? candidate;
-                if (typeof resolved?.useMonaco !== 'function')
-                    continue;
-                monacoModule = resolved;
-                await preloadWorkers(monacoModule);
-                const ready = await warmupShikiTokenizer(monacoModule);
-                if (!ready) {
-                    monacoModule = null;
-                    importAttempted$2 = true;
-                    return null;
-                }
-                return monacoModule;
-            }
-            catch {
-                // Try the next candidate runtime.
+        try {
+            const candidate = normalizeStreamDiffsModule(await import('stream-diffs/markstream'));
+            if (!candidate) {
+                importAttempted$2 = true;
+                return null;
             }
+            streamDiffsModule = candidate;
+            await preloadRuntime(streamDiffsModule);
+            return streamDiffsModule;
+        }
+        catch {
+            importAttempted$2 = true;
+            return null;
         }
-        importAttempted$2 = true;
-        return null;
     })();
     try {
         return await pendingImport$3;
@@ -687,11 +666,13 @@ const LANGUAGE_ALIAS_MAP = {
     'mjs': 'javascript',
     'plaintext': 'plain',
     'py': 'python',
+    'bash': 'shell',
     'sh': 'shell',
     'shellscript': 'shell',
     'text': 'plain',
     'ts': 'typescript',
     'tsx': 'tsx',
+    'zsh': 'shell',
 };
 const LANGUAGE_LABEL_MAP = {
     '': 'Text',
@@ -744,16 +725,18 @@ function normalizeLanguageIdentifier(lang) {
     const token = extractLanguageToken(lang);
     return LANGUAGE_ALIAS_MAP[token] ?? token;
 }
-function resolveMonacoLanguageId(lang) {
+function resolveLanguageId(lang) {
     const canonical = normalizeLanguageIdentifier(lang);
     if (!canonical)
         return 'plaintext';
     if (canonical === 'plain')
         return 'plaintext';
-    if (canonical === 'jsx')
-        return 'javascript';
-    if (canonical === 'tsx')
-        return 'typescript';
+    if (canonical === 'shell')
+        return 'zsh';
+    if (canonical === 'objectivec')
+        return 'objective-c';
+    if (canonical === 'objectivecpp')
+        return 'objective-cpp';
     return canonical;
 }
 function setLanguageIconResolver(resolver) {
@@ -791,6 +774,7 @@ function getDisplayCode(code, loading) {
 class PreCodeNodeComponent {
     constructor() {
         this.showLineNumbers = false;
+        this.whiteSpace = 'pre-wrap';
         // ─── Line-count caching (mirrors the vue3 PreCodeNode) ─────────────────────
         this.cachedCode = '';
         this.cachedCount = 1;
@@ -844,7 +828,7 @@ class PreCodeNodeComponent {
         if (this.showLineNumbers !== true)
             return null;
         const maximumLineNumber = this.codeLineCount;
-        const width = `${Math.max(4, String(maximumLineNumber).length)}ch`;
+        const width = `${Math.max(2, String(maximumLineNumber).length)}ch`;
         return {
             '--markstream-pre-line-number-width': width,
             '--markstream-pre-diff-line-number-width': width,
@@ -852,9 +836,10 @@ class PreCodeNodeComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PreCodeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: PreCodeNodeComponent, isStandalone: true, selector: "markstream-angular-pre-code-node", inputs: { node: "node", showLineNumbers: "showLineNumbers" }, ngImport: i0, template: `<pre
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: PreCodeNodeComponent, isStandalone: true, selector: "markstream-angular-pre-code-node", inputs: { node: "node", showLineNumbers: "showLineNumbers", whiteSpace: "whiteSpace" }, ngImport: i0, template: `<pre
     [ngClass]="preClasses"
     [ngStyle]="lineNumberLayoutStyle"
+    [style.white-space]="whiteSpace"
     [attr.aria-busy]="loading"
     [attr.aria-label]="ariaLabel"
     [attr.data-language]="language"
@@ -872,6 +857,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     template: `<pre
     [ngClass]="preClasses"
     [ngStyle]="lineNumberLayoutStyle"
+    [style.white-space]="whiteSpace"
     [attr.aria-busy]="loading"
     [attr.aria-label]="ariaLabel"
     [attr.data-language]="language"
@@ -886,6 +872,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 args: [{ required: true }]
             }], showLineNumbers: [{
                 type: Input
+            }], whiteSpace: [{
+                type: Input
             }] } });
 
 const isDevEnv = typeof globalThis !== 'undefined' && globalThis.ngDevMode !== false;
@@ -1055,6 +1043,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
 const defaultCodeFontFamily = '"SF Mono", Monaco, Consolas, "Ubuntu Mono", "Liberation Mono", "Courier New", monospace';
 const defaultCodeFontSize = 12;
 const defaultCodeLineHeight = 18;
+const defaultMaxEditorHeight = 500;
+const defaultTabSize = 4;
 function readPositiveCodeMetric(value) {
     return typeof value === 'number' && Number.isFinite(value) && value > 0 ? value : undefined;
 }
@@ -1100,7 +1090,7 @@ class CodeBlockNodeComponent {
         this.defaultFontSize = defaultCodeFontSize;
         this.fontSize = defaultCodeFontSize;
         this.helpers = null;
-        this.runtimeMonacoOptions = null;
+        this.runtimeOptions = null;
         this.createPromise = null;
         this.syncPromise = null;
         this.editorKind = null;
@@ -1110,6 +1100,7 @@ class CodeBlockNodeComponent {
         this.destroyed = false;
         this.copyTimer = null;
         this.deferredHeightSyncRaf = null;
+        this.lastRuntimeHostKey = '';
         this.closeInlinePreview = () => {
             this.inlinePreviewOpen = false;
             this.cdr.markForCheck();
@@ -1145,19 +1136,45 @@ class CodeBlockNodeComponent {
         return this.context?.isDark === true;
     }
     get resolvedDarkTheme() {
-        return this.mergedProps.darkTheme ?? this.context?.codeBlockThemes?.darkTheme ?? 'vitesse-dark';
+        const theme = this.mergedProps.theme;
+        if (typeof theme === 'string')
+            return theme;
+        if (theme && typeof theme === 'object' && typeof theme.dark === 'string')
+            return theme.dark;
+        const configured = this.mergedProps.themes ?? this.context?.codeBlockThemes?.themes;
+        return this.mergedProps.darkTheme
+            ?? this.context?.codeBlockThemes?.darkTheme
+            ?? configured?.[0]
+            ?? 'vitesse-dark';
     }
     get resolvedLightTheme() {
-        return this.mergedProps.lightTheme ?? this.context?.codeBlockThemes?.lightTheme ?? 'vitesse-light';
+        const theme = this.mergedProps.theme;
+        if (typeof theme === 'string')
+            return theme;
+        if (theme && typeof theme === 'object' && typeof theme.light === 'string')
+            return theme.light;
+        const configured = this.mergedProps.themes ?? this.context?.codeBlockThemes?.themes;
+        return this.mergedProps.lightTheme
+            ?? this.context?.codeBlockThemes?.lightTheme
+            ?? configured?.[1]
+            ?? 'vitesse-light';
     }
     get resolvedThemes() {
-        return this.mergedProps.themes ?? this.context?.codeBlockThemes?.themes ?? ['vitesse-dark', 'vitesse-light'];
+        const configured = this.mergedProps.themes ?? this.context?.codeBlockThemes?.themes;
+        if (Array.isArray(configured) && typeof configured[0] === 'string' && typeof configured[1] === 'string')
+            return [configured[0], configured[1]];
+        return [this.resolvedDarkTheme, this.resolvedLightTheme];
     }
-    get resolvedMonacoOptions() {
-        return {
-            ...(this.context?.codeBlockThemes?.monacoOptions || {}),
-            ...(this.mergedProps.monacoOptions || {}),
-        };
+    get resolvedCodeBlockOptions() {
+        return this.codeBlockOptions ?? this.context?.codeBlockOptions;
+    }
+    get resolvedShowLineNumbers() {
+        if (typeof this.mergedProps.showLineNumbers === 'boolean')
+            return this.mergedProps.showLineNumbers;
+        return this.resolvedCodeBlockOptions?.disableLineNumbers !== true;
+    }
+    get resolvedPreWhiteSpace() {
+        return this.resolvedCodeBlockOptions?.overflow === 'scroll' ? 'pre' : 'pre-wrap';
     }
     get resolvedEnableFontSizeControl() {
         if (typeof this.mergedProps.enableFontSizeControl === 'boolean')
@@ -1198,11 +1215,11 @@ class CodeBlockNodeComponent {
     get canonicalLanguage() {
         return normalizeLanguageIdentifier(this.rawLanguage) || 'plain';
     }
-    get monacoLanguage() {
-        return resolveMonacoLanguageId(this.rawLanguage);
+    get language() {
+        return resolveLanguageId(this.rawLanguage);
     }
     get isPlainTextLanguage() {
-        return this.monacoLanguage === 'plaintext';
+        return this.language === 'plaintext';
     }
     get displayLanguage() {
         const label = languageMap[this.canonicalLanguage] || this.canonicalLanguage;
@@ -1271,28 +1288,26 @@ class CodeBlockNodeComponent {
         return style;
     }
     get preFallbackStyle() {
-        const options = this.resolvedMonacoOptions;
         const fontSize = readPositiveCodeMetric(this.fontSize) ?? defaultCodeFontSize;
-        const lineHeight = readPositiveCodeMetric(options.lineHeight)
+        const lineHeight = readPositiveCodeMetric(this.resolvedCodeBlockOptions?.lineHeight)
             ?? (fontSize === defaultCodeFontSize ? defaultCodeLineHeight : Math.max(12, Math.round(fontSize * 1.5)));
-        const padding = options.padding && typeof options.padding === 'object'
-            ? options.padding
-            : null;
         const defaultPadding = this.isDiff ? 0 : 8;
-        const paddingTop = readPositiveCodeMetric(padding?.top) ?? (padding?.top === 0 ? 0 : defaultPadding);
-        const paddingBottom = readPositiveCodeMetric(padding?.bottom) ?? (padding?.bottom === 0 ? 0 : defaultPadding);
-        const fontFamily = typeof options.fontFamily === 'string' && options.fontFamily.trim()
-            ? options.fontFamily.trim()
-            : defaultCodeFontFamily;
+        const padding = this.resolvedCodeBlockOptions?.padding ?? defaultPadding;
+        const fontFamily = this.resolvedCodeBlockOptions?.fontFamily ?? defaultCodeFontFamily;
         return {
             '--markstream-code-font-family': fontFamily,
-            '--markstream-code-padding-y': `${paddingTop}px`,
-            '--markstream-code-padding-bottom': `${paddingBottom}px`,
+            '--markstream-code-padding-y': `${padding}px`,
+            '--markstream-code-padding-bottom': `${padding}px`,
             '--vscode-editor-font-size': `${fontSize}px`,
             '--vscode-editor-line-height': `${lineHeight}px`,
             'font-family': fontFamily,
             'font-size': `${fontSize}px`,
             'line-height': `${lineHeight}px`,
+            'padding-top': `${padding}px`,
+            'padding-bottom': `${padding}px`,
+            'tab-size': String(this.resolvedCodeBlockOptions?.tabSize ?? defaultTabSize),
+            'max-height': `${this.resolveMaxHeight()}px`,
+            'overflow': 'auto',
         };
     }
     ngAfterViewInit() {
@@ -1301,6 +1316,21 @@ class CodeBlockNodeComponent {
         void this.syncEditorState();
     }
     ngOnChanges() {
+        const nextOptions = this.resolvedCodeBlockOptions;
+        const themes = this.resolvedThemes;
+        const runtimeHostKey = [
+            this.resolvedIsDark ? 'dark' : 'light',
+            this.resolvedDarkTheme,
+            this.resolvedLightTheme,
+            themes[0],
+            themes[1],
+            this.resolvedShowLineNumbers ? 'lines' : 'no-lines',
+        ].join('\u0000');
+        if (nextOptions !== this.lastCodeBlockOptions || runtimeHostKey !== this.lastRuntimeHostKey) {
+            this.lastCodeBlockOptions = nextOptions;
+            this.lastRuntimeHostKey = runtimeHostKey;
+            this.disposeRuntimeHelpers();
+        }
         this.applyInitialFontSize();
         if (!this.viewReady)
             return;
@@ -1384,7 +1414,7 @@ class CodeBlockNodeComponent {
     }
     applyInitialFontSize() {
         const previousDefault = this.defaultFontSize;
-        const initial = Number(this.resolvedMonacoOptions.fontSize);
+        const initial = readPositiveCodeMetric(this.resolvedCodeBlockOptions?.fontSize) ?? defaultCodeFontSize;
         this.defaultFontSize = Number.isFinite(initial) && initial > 0 ? initial : defaultCodeFontSize;
         if (!(typeof this.fontSize === 'number' && Number.isFinite(this.fontSize) && this.fontSize > 0)
             || this.fontSize === previousDefault
@@ -1413,19 +1443,26 @@ class CodeBlockNodeComponent {
         }
         if (this.syncPromise)
             return this.syncPromise;
-        this.syncPromise = (async () => {
+        const activeHelpers = this.helpers;
+        let operationId = this.lifecycleId;
+        const pending = (async () => {
             try {
-                const desiredKind = this.isDiff && typeof this.helpers?.createDiffEditor === 'function' ? 'diff' : 'single';
-                const desiredStreamMode = this.resolvedLoading !== false;
+                const desiredKind = this.isDiff && typeof activeHelpers.createDiffEditor === 'function' ? 'diff' : 'single';
+                const desiredStreamMode = false;
                 if (this.editorKind !== desiredKind
                     || this.editorStreamMode !== desiredStreamMode
                     || !this.hasRenderedEditorDom(desiredKind)) {
+                    operationId += 1;
                     await this.recreateEditor(desiredKind, desiredStreamMode);
                 }
                 else {
                     await this.updateEditor();
                 }
-                await Promise.resolve(this.helpers?.setTheme?.(this.resolvedIsDark ? this.resolvedDarkTheme : this.resolvedLightTheme));
+                if (this.destroyed || this.lifecycleId !== operationId || this.helpers !== activeHelpers)
+                    return;
+                await Promise.resolve(activeHelpers.setTheme?.(this.resolvedIsDark ? this.resolvedDarkTheme : this.resolvedLightTheme));
+                if (this.destroyed || this.lifecycleId !== operationId || this.helpers !== activeHelpers)
+                    return;
                 this.applyEditorFontSize();
                 const creationId = this.lifecycleId;
                 if (!await this.prepareEditorHandoff(desiredKind, creationId))
@@ -1434,63 +1471,111 @@ class CodeBlockNodeComponent {
                 this.scheduleDeferredHeightSync();
             }
             catch {
-                this.useFallback = true;
-                this.editorReady = false;
-                this.cleanupEditor();
-            }
-            finally {
-                this.syncPromise = null;
-                this.cdr.markForCheck();
+                if (!this.destroyed && this.lifecycleId === operationId && this.helpers === activeHelpers) {
+                    this.useFallback = true;
+                    this.editorReady = false;
+                    this.cleanupEditor();
+                }
             }
         })();
-        return this.syncPromise;
+        const tracked = pending.finally(() => {
+            if (this.syncPromise === tracked)
+                this.syncPromise = null;
+            this.cdr.markForCheck();
+        });
+        this.syncPromise = tracked;
+        return tracked;
     }
     async ensureHelpers() {
         if (this.helpers || this.useFallback)
             return;
         if (this.createPromise)
             return this.createPromise;
-        this.createPromise = (async () => {
-            const monacoModule = await getUseMonaco();
-            if (!monacoModule || typeof monacoModule.useMonaco !== 'function') {
+        const creationId = this.lifecycleId;
+        const pending = (async () => {
+            const runtimeModule = await getStreamDiffsRuntime();
+            if (this.destroyed || this.lifecycleId !== creationId)
+                return;
+            if (!runtimeModule || typeof runtimeModule.createCodeBlockRuntime !== 'function') {
                 this.useFallback = true;
                 return;
             }
-            const configuredUnsafeCSS = typeof this.resolvedMonacoOptions.unsafeCSS === 'string'
-                ? this.resolvedMonacoOptions.unsafeCSS
-                : '';
-            const options = {
-                wordWrap: 'on',
-                stream: this.resolvedLoading !== false,
-                wrappingIndent: 'same',
-                readOnly: true,
-                minimap: { enabled: false },
-                lineNumbers: 'on',
-                revealDebounceMs: 75,
-                MAX_HEIGHT: 500,
-                fontFamily: defaultCodeFontFamily,
-                fontSize: this.defaultFontSize,
-                lineHeight: defaultCodeLineHeight,
-                padding: this.isDiff ? { top: 0, bottom: 0 } : { top: 8, bottom: 8 },
-                themes: this.resolvedThemes,
-                theme: this.resolvedIsDark ? this.resolvedDarkTheme : this.resolvedLightTheme,
-                ...(this.resolvedMonacoOptions || {}),
-                // The Angular shell already owns the language/file header. Keep the
-                // enhanced surface headerless so it matches the Vue 3 handoff contract.
-                disableFileHeader: true,
-                unsafeCSS: `[data-file], [data-diff] { --diffs-min-number-column-width-default: 4ch !important; }
-${configuredUnsafeCSS}`.trim(),
-            };
-            this.runtimeMonacoOptions = options;
-            this.helpers = monacoModule.useMonaco(options);
+            const options = this.buildRuntimeOptions();
+            this.runtimeOptions = options;
+            this.helpers = runtimeModule.createCodeBlockRuntime(options);
         })();
+        const tracked = pending.finally(() => {
+            if (this.createPromise === tracked)
+                this.createPromise = null;
+        });
+        this.createPromise = tracked;
         try {
-            await this.createPromise;
+            await tracked;
         }
-        finally {
-            this.createPromise = null;
+        catch (error) {
+            if (!this.destroyed && this.lifecycleId === creationId)
+                throw error;
         }
     }
+    buildRuntimeOptions() {
+        const userOptions = { ...(this.resolvedCodeBlockOptions ?? {}) };
+        for (const key of [
+            'maxHeight',
+            'padding',
+            'tabSize',
+            'theme',
+            'themes',
+            'themeType',
+            'language',
+            'languages',
+            'stream',
+            'disableFileHeader',
+            'onThemeChange',
+            'renderCustomHeader',
+            'renderHeaderMetadata',
+            'renderHeaderPrefix',
+        ])
+            delete userOptions[key];
+        const parseDiffOptions = userOptions.parseDiffOptions && typeof userOptions.parseDiffOptions === 'object'
+            ? userOptions.parseDiffOptions
+            : {};
+        const nativeOptions = this.isDiff
+            ? {
+                diffStyle: 'split',
+                expandUnchanged: false,
+                collapsedContextThreshold: 5,
+                hunkSeparators: 'line-info',
+                ...userOptions,
+                parseDiffOptions: { context: 2, ...parseDiffOptions },
+            }
+            : userOptions;
+        const configuredUnsafeCSS = typeof nativeOptions.unsafeCSS === 'string' ? nativeOptions.unsafeCSS : '';
+        const runtimeFontSize = readPositiveCodeMetric(this.fontSize) ?? defaultCodeFontSize;
+        const runtimeLineHeight = readPositiveCodeMetric(this.resolvedCodeBlockOptions?.lineHeight)
+            ?? (runtimeFontSize === defaultCodeFontSize
+                ? defaultCodeLineHeight
+                : Math.max(12, Math.round(runtimeFontSize * 1.5)));
+        return {
+            overflow: 'wrap',
+            ...nativeOptions,
+            stream: false,
+            MAX_HEIGHT: this.resolvedCodeBlockOptions?.maxHeight ?? defaultMaxEditorHeight,
+            fontFamily: this.resolvedCodeBlockOptions?.fontFamily ?? defaultCodeFontFamily,
+            fontSize: runtimeFontSize,
+            lineHeight: runtimeLineHeight,
+            disableLineNumbers: !this.resolvedShowLineNumbers,
+            themes: [...this.resolvedThemes],
+            theme: this.resolvedIsDark ? this.resolvedDarkTheme : this.resolvedLightTheme,
+            themeType: this.resolvedIsDark ? 'dark' : 'light',
+            disableFileHeader: true,
+            unsafeCSS: `[data-file], [data-diff] { --diffs-min-number-column-width-default: 2ch !important; }
+${configuredUnsafeCSS}`.trim(),
+            onThemeChange: () => {
+                this.syncEditorGeometryVars();
+                this.scheduleDeferredHeightSync();
+            },
+        };
+    }
     async recreateEditor(kind, streamMode) {
         const host = this.editorHost?.nativeElement;
         if (!host || !this.helpers)
@@ -1501,19 +1586,19 @@ ${configuredUnsafeCSS}`.trim(),
         host.innerHTML = '';
         this.editorKind = kind;
         this.editorStreamMode = streamMode;
-        if (this.runtimeMonacoOptions)
-            this.runtimeMonacoOptions.stream = streamMode;
+        if (this.runtimeOptions)
+            this.runtimeOptions.stream = false;
         if (kind === 'diff') {
-            await Promise.resolve(this.helpers.createDiffEditor?.(host, this.originalCode, this.resolvedCode, this.monacoLanguage));
+            await Promise.resolve(this.helpers.createDiffEditor?.(host, this.originalCode, this.resolvedCode, this.language));
             this.syncEditorGeometryVars();
             return;
         }
-        await Promise.resolve(this.helpers.createEditor?.(host, this.resolvedCode, this.monacoLanguage));
+        await Promise.resolve(this.helpers.createEditor?.(host, this.resolvedCode, this.language));
         this.syncEditorGeometryVars();
     }
-    // Align the enhanced surface with the pre-fallback geometry. stream-diffs /
-    // pierre honor these CSS variables on the editor host (custom properties
-    // inherit across the pierre shadow boundary):
+    // Align the enhanced surface with the pre-fallback geometry. stream-diffs
+    // honors these CSS variables on the editor host (custom properties inherit
+    // across the shadow boundary):
     // - `--diffs-tab-size`: fallback defaults to 4, pierre defaults to 2.
     // - `--diffs-gap-block`: only set when padding is present; the default 8px
     //   gap already matches the fallback.
@@ -1521,34 +1606,26 @@ ${configuredUnsafeCSS}`.trim(),
         const host = this.editorHost?.nativeElement;
         if (!host)
             return;
-        const tabSize = readPositiveCodeMetric(this.resolvedMonacoOptions.tabSize) ?? 4;
-        host.style.setProperty('--diffs-tab-size', String(tabSize));
-        const rawPadding = this.resolvedMonacoOptions.padding;
-        const hasConfiguredPadding = Boolean(rawPadding && typeof rawPadding === 'object');
-        if (hasConfiguredPadding) {
-            const top = readPositiveCodeMetric(rawPadding.top) ?? 0;
-            host.style.setProperty('--diffs-gap-block', `${top}px`);
-        }
-        else {
+        host.style.setProperty('--diffs-tab-size', String(this.resolvedCodeBlockOptions?.tabSize ?? defaultTabSize));
+        if (typeof this.resolvedCodeBlockOptions?.padding === 'number')
+            host.style.setProperty('--diffs-gap-block', `${this.resolvedCodeBlockOptions.padding}px`);
+        else
             host.style.removeProperty('--diffs-gap-block');
-        }
     }
     async updateEditor() {
         if (!this.helpers)
             return;
         if (this.isDiff && this.editorKind === 'diff' && typeof this.helpers.updateDiff === 'function') {
-            await Promise.resolve(this.helpers.updateDiff(this.originalCode, this.resolvedCode, this.monacoLanguage));
+            await Promise.resolve(this.helpers.updateDiff(this.originalCode, this.resolvedCode, this.language));
             return;
         }
-        await Promise.resolve(this.helpers.updateCode?.(this.resolvedCode, this.monacoLanguage));
+        await Promise.resolve(this.helpers.updateCode?.(this.resolvedCode, this.language));
     }
-    hasRenderedEditorDom(kind) {
+    hasRenderedEditorDom(_kind) {
         const host = this.editorHost?.nativeElement;
         if (!host)
             return false;
-        const monacoSelector = kind === 'diff' ? '.monaco-diff-editor' : '.monaco-editor';
         return !!host.querySelector([
-            monacoSelector,
             'diffs-container',
             '.stream-diffs-shell',
             '[data-stream-diffs-state]',
@@ -1556,8 +1633,6 @@ ${configuredUnsafeCSS}`.trim(),
     }
     getVisualEditorSurface() {
         return this.editorHost?.nativeElement.querySelector([
-            '.monaco-diff-editor',
-            '.monaco-editor',
             'diffs-container',
             '[data-stream-diffs-state]',
             '.stream-diffs-shell',
@@ -1607,7 +1682,7 @@ ${configuredUnsafeCSS}`.trim(),
             ? this.helpers?.getDiffEditorView?.()
             : this.helpers?.getEditorView?.();
         try {
-            view?.updateOptions?.({ fontSize: this.fontSize, automaticLayout: this.expanded });
+            view?.updateOptions?.({ fontSize: this.fontSize });
             if (this.editorKind === 'diff' && typeof view?.getModifiedEditor === 'function')
                 view.getModifiedEditor()?.updateOptions?.({ fontSize: this.fontSize });
         }
@@ -1626,10 +1701,6 @@ ${configuredUnsafeCSS}`.trim(),
             : this.helpers?.getEditorView?.();
         if (!view)
             return;
-        try {
-            view.updateOptions?.({ automaticLayout: this.expanded });
-        }
-        catch { }
         const height = this.resolveEditorHeight(view, maxHeight);
         host.style.height = `${height}px`;
         try {
@@ -1671,24 +1742,19 @@ ${configuredUnsafeCSS}`.trim(),
         return Math.max(1, String(this.resolvedCode || '').split('\n').length);
     }
     resolveEditorLineHeight() {
-        const fromOptions = Number(this.resolvedMonacoOptions.lineHeight);
-        if (Number.isFinite(fromOptions) && fromOptions > 0)
-            return fromOptions;
-        const fromFontOption = Number(this.resolvedMonacoOptions.fontSize);
-        if (Number.isFinite(fromFontOption) && fromFontOption > 0)
-            return Math.max(12, Math.round(fromFontOption * 1.35));
+        const configured = readPositiveCodeMetric(this.resolvedCodeBlockOptions?.lineHeight);
+        if (configured)
+            return configured;
         const fromState = Number(this.fontSize);
-        if (Number.isFinite(fromState) && fromState > 0)
-            return Math.max(12, Math.round(fromState * 1.35));
-        return 18;
+        if (Number.isFinite(fromState) && fromState > 0) {
+            return fromState === defaultCodeFontSize
+                ? defaultCodeLineHeight
+                : Math.max(12, Math.round(fromState * 1.5));
+        }
+        return defaultCodeLineHeight;
     }
     resolveMaxHeight() {
-        const raw = this.resolvedMonacoOptions.MAX_HEIGHT ?? 500;
-        if (typeof raw === 'number' && Number.isFinite(raw))
-            return raw > 0 ? raw : 500;
-        const matched = String(raw).match(/^(\d+(?:\.\d+)?)/);
-        const parsed = matched ? Number.parseFloat(matched[1]) : 500;
-        return Number.isFinite(parsed) && parsed > 0 ? parsed : 500;
+        return this.resolvedCodeBlockOptions?.maxHeight ?? defaultMaxEditorHeight;
     }
     cancelDeferredHeightSync() {
         if (this.deferredHeightSyncRaf == null || typeof window === 'undefined')
@@ -1719,6 +1785,16 @@ ${configuredUnsafeCSS}`.trim(),
         catch { }
         this.editorKind = null;
     }
+    disposeRuntimeHelpers() {
+        this.lifecycleId += 1;
+        this.syncPromise = null;
+        this.cleanupEditor();
+        this.helpers = null;
+        this.runtimeOptions = null;
+        this.createPromise = null;
+        this.editorStreamMode = null;
+        this.editorReady = false;
+    }
     resolveCssSize(value) {
         if (value == null || value === '')
             return null;
@@ -1744,14 +1820,14 @@ ${configuredUnsafeCSS}`.trim(),
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CodeBlockNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: CodeBlockNodeComponent, isStandalone: true, selector: "markstream-angular-code-block-node", inputs: { node: "node", context: "context", props: "props" }, viewQueries: [{ propertyName: "editorHost", first: true, predicate: ["editorHost"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: CodeBlockNodeComponent, isStandalone: true, selector: "markstream-angular-code-block-node", inputs: { node: "node", context: "context", codeBlockOptions: "codeBlockOptions", props: "props" }, viewQueries: [{ propertyName: "editorHost", first: true, predicate: ["editorHost"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div
       class="code-block-container"
       [class.is-dark]="resolvedIsDark"
       [class.is-plain-text]="isPlainTextLanguage"
       [class.is-rendering]="resolvedLoading"
-      [attr.data-markstream-monaco]="editorReady && !useFallback ? '1' : null"
-      [attr.data-markstream-monaco-diff]="editorReady && isDiff && !useFallback ? '1' : null"
+      [attr.data-markstream-enhanced]="editorReady && !useFallback ? 'true' : 'false'"
+      [attr.data-markstream-enhanced-diff]="editorReady && isDiff && !useFallback ? '1' : null"
       [ngStyle]="containerStyle"
     >
       <div
@@ -1894,7 +1970,8 @@ ${configuredUnsafeCSS}`.trim(),
             class="code-editor-fallback-surface"
             [node]="node"
             [ngStyle]="preFallbackStyle"
-            [showLineNumbers]="true"
+            [showLineNumbers]="resolvedShowLineNumbers"
+            [whiteSpace]="resolvedPreWhiteSpace"
           />
 
           <ng-template #editorTpl>
@@ -1909,7 +1986,8 @@ ${configuredUnsafeCSS}`.trim(),
               class="code-editor-fallback-surface"
               [node]="node"
               [ngStyle]="preFallbackStyle"
-              [showLineNumbers]="true"
+              [showLineNumbers]="resolvedShowLineNumbers"
+              [whiteSpace]="resolvedPreWhiteSpace"
             />
           </ng-template>
         </ng-container>
@@ -1937,7 +2015,7 @@ ${configuredUnsafeCSS}`.trim(),
         </div>
       </div>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: PreCodeNodeComponent, selector: "markstream-angular-pre-code-node", inputs: ["node", "showLineNumbers"] }, { kind: "component", type: HtmlPreviewFrameComponent, selector: "markstream-angular-html-preview-frame", inputs: ["code", "isDark", "htmlPreviewAllowScripts", "htmlPreviewSandbox", "title", "onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: PreCodeNodeComponent, selector: "markstream-angular-pre-code-node", inputs: ["node", "showLineNumbers", "whiteSpace"] }, { kind: "component", type: HtmlPreviewFrameComponent, selector: "markstream-angular-html-preview-frame", inputs: ["code", "isDark", "htmlPreviewAllowScripts", "htmlPreviewSandbox", "title", "onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CodeBlockNodeComponent, decorators: [{
             type: Component,
@@ -1951,8 +2029,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
       [class.is-dark]="resolvedIsDark"
       [class.is-plain-text]="isPlainTextLanguage"
       [class.is-rendering]="resolvedLoading"
-      [attr.data-markstream-monaco]="editorReady && !useFallback ? '1' : null"
-      [attr.data-markstream-monaco-diff]="editorReady && isDiff && !useFallback ? '1' : null"
+      [attr.data-markstream-enhanced]="editorReady && !useFallback ? 'true' : 'false'"
+      [attr.data-markstream-enhanced-diff]="editorReady && isDiff && !useFallback ? '1' : null"
       [ngStyle]="containerStyle"
     >
       <div
@@ -2095,7 +2173,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             class="code-editor-fallback-surface"
             [node]="node"
             [ngStyle]="preFallbackStyle"
-            [showLineNumbers]="true"
+            [showLineNumbers]="resolvedShowLineNumbers"
+            [whiteSpace]="resolvedPreWhiteSpace"
           />
 
           <ng-template #editorTpl>
@@ -2110,7 +2189,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
               class="code-editor-fallback-surface"
               [node]="node"
               [ngStyle]="preFallbackStyle"
-              [showLineNumbers]="true"
+              [showLineNumbers]="resolvedShowLineNumbers"
+              [whiteSpace]="resolvedPreWhiteSpace"
             />
           </ng-template>
         </ng-container>
@@ -2149,6 +2229,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 args: [{ required: true }]
             }], context: [{
                 type: Input
+            }], codeBlockOptions: [{
+                type: Input
             }], props: [{
                 type: Input
             }] } });
@@ -2930,6 +3012,7 @@ class DynamicNodeHostComponent {
             for (const [key, value] of Object.entries(this.inputs))
                 setValue(key, value);
         }
+        setValue('codeBlockOptions', this.context?.codeBlockOptions);
         componentRef.changeDetectorRef.detectChanges();
     }
     hasDeclaredInput(componentRef, key) {
@@ -8102,6 +8185,19 @@ class NodeOutletComponent {
     get codeMode() {
         return resolveNodeOutletCodeMode(this.node, this.context);
     }
+    get resolvedPreShowLineNumbers() {
+        const explicit = this.context?.codeBlockProps?.showLineNumbers;
+        const disabled = this.context?.codeBlockOptions?.disableLineNumbers;
+        return typeof explicit === 'boolean'
+            ? explicit
+            : typeof disabled === 'boolean'
+                ? !disabled
+                : false;
+    }
+    get resolvedPreWhiteSpace() {
+        const overflow = this.context?.codeBlockOptions?.overflow;
+        return overflow ? (overflow === 'scroll' ? 'pre' : 'pre-wrap') : undefined;
+    }
     get htmlTag() {
         return resolveHtmlTag(this.node);
     }
@@ -8238,18 +8334,23 @@ class NodeOutletComponent {
             <markstream-angular-pre-code-node
               *ngIf="codeMode === 'pre'; else enhancedCode"
               [node]="node"
-              [showLineNumbers]="true"
+              [showLineNumbers]="resolvedPreShowLineNumbers"
+              [whiteSpace]="resolvedPreWhiteSpace"
             />
           </ng-template>
           <ng-template #enhancedCode>
-            <markstream-angular-code-block-node [node]="node" [context]="context" />
+            <markstream-angular-code-block-node
+              [node]="node"
+              [context]="context"
+              [codeBlockOptions]="context?.codeBlockOptions"
+            />
           </ng-template>
         </ng-container>
 
         <markstream-angular-fallback-node *ngSwitchDefault [node]="fallbackNode" [context]="context" [indexKey]="indexKey" />
       </ng-container>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgSwitch), selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgSwitchCase), selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgSwitchDefault), selector: "[ngSwitchDefault]" }, { kind: "component", type: i0.forwardRef(() => AdmonitionNodeComponent), selector: "markstream-angular-admonition-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => BlockquoteNodeComponent), selector: "markstream-angular-blockquote-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => CheckboxNodeComponent), selector: "markstream-angular-checkbox-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => CodeBlockNodeComponent), selector: "markstream-angular-code-block-node", inputs: ["node", "context", "props"] }, { kind: "component", type: i0.forwardRef(() => D2BlockNodeComponent), selector: "markstream-angular-d2-block-node", inputs: ["node", "context", "props"] }, { kind: "component", type: i0.forwardRef(() => DefinitionListNodeComponent), selector: "markstream-angular-definition-list-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => DynamicNodeHostComponent), selector: "markstream-angular-dynamic-node-host", inputs: ["component", "node", "context", "indexKey", "inputs"] }, { kind: "component", type: i0.forwardRef(() => EmojiNodeComponent), selector: "markstream-angular-emoji-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => EmphasisNodeComponent), selector: "markstream-angular-emphasis-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => FallbackComponent), selector: "markstream-angular-fallback-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => FootnoteAnchorNodeComponent), selector: "markstream-angular-footnote-anchor-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => FootnoteNodeComponent), selector: "markstream-angular-footnote-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => FootnoteReferenceNodeComponent), selector: "markstream-angular-footnote-reference-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => HardBreakNodeComponent), selector: "markstream-angular-hardbreak-node" }, { kind: "component", type: i0.forwardRef(() => HeadingNodeComponent), selector: "markstream-angular-heading-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => HighlightNodeComponent), selector: "markstream-angular-highlight-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => HtmlBlockNodeComponent), selector: "markstream-angular-html-block-node", inputs: ["node", "context"] }, { kind: "component", type: i0.forwardRef(() => HtmlInlineNodeComponent), selector: "markstream-angular-html-inline-node", inputs: ["node", "context"] }, { kind: "component", type: i0.forwardRef(() => ImageNodeComponent), selector: "markstream-angular-image-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => InfographicBlockNodeComponent), selector: "markstream-angular-infographic-block-node", inputs: ["node", "context", "props"] }, { kind: "component", type: i0.forwardRef(() => InlineCodeNodeComponent), selector: "markstream-angular-inline-code-node", inputs: ["node", "context", "indexKey", "typewriter", "fade"] }, { kind: "component", type: i0.forwardRef(() => InsertNodeComponent), selector: "markstream-angular-insert-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => LinkNodeComponent), selector: "markstream-angular-link-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => ListItemNodeComponent), selector: "markstream-angular-list-item-node", inputs: ["node", "context", "indexKey", "value"] }, { kind: "component", type: i0.forwardRef(() => ListNodeComponent), selector: "markstream-angular-list-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => MathBlockNodeComponent), selector: "markstream-angular-math-block-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => MathInlineNodeComponent), selector: "markstream-angular-math-inline-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => MermaidBlockNodeComponent), selector: "markstream-angular-mermaid-block-node", inputs: ["node", "context", "props"] }, { kind: "component", type: i0.forwardRef(() => ParagraphNodeComponent), selector: "markstream-angular-paragraph-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => PreCodeNodeComponent), selector: "markstream-angular-pre-code-node", inputs: ["node", "showLineNumbers"] }, { kind: "component", type: i0.forwardRef(() => ReferenceNodeComponent), selector: "markstream-angular-reference-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => StrikethroughNodeComponent), selector: "markstream-angular-strikethrough-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => StrongNodeComponent), selector: "markstream-angular-strong-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => SubscriptNodeComponent), selector: "markstream-angular-subscript-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => SuperscriptNodeComponent), selector: "markstream-angular-superscript-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => TableNodeComponent), selector: "markstream-angular-table-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => TextNodeComponent), selector: "markstream-angular-text-node", inputs: ["node", "context", "indexKey", "typewriter", "fade"] }, { kind: "component", type: i0.forwardRef(() => ThematicBreakNodeComponent), selector: "markstream-angular-thematic-break-node" }, { kind: "component", type: i0.forwardRef(() => VmrContainerNodeComponent), selector: "markstream-angular-vmr-container-node", inputs: ["node", "context", "indexKey"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgSwitch), selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgSwitchCase), selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgSwitchDefault), selector: "[ngSwitchDefault]" }, { kind: "component", type: i0.forwardRef(() => AdmonitionNodeComponent), selector: "markstream-angular-admonition-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => BlockquoteNodeComponent), selector: "markstream-angular-blockquote-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => CheckboxNodeComponent), selector: "markstream-angular-checkbox-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => CodeBlockNodeComponent), selector: "markstream-angular-code-block-node", inputs: ["node", "context", "codeBlockOptions", "props"] }, { kind: "component", type: i0.forwardRef(() => D2BlockNodeComponent), selector: "markstream-angular-d2-block-node", inputs: ["node", "context", "props"] }, { kind: "component", type: i0.forwardRef(() => DefinitionListNodeComponent), selector: "markstream-angular-definition-list-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => DynamicNodeHostComponent), selector: "markstream-angular-dynamic-node-host", inputs: ["component", "node", "context", "indexKey", "inputs"] }, { kind: "component", type: i0.forwardRef(() => EmojiNodeComponent), selector: "markstream-angular-emoji-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => EmphasisNodeComponent), selector: "markstream-angular-emphasis-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => FallbackComponent), selector: "markstream-angular-fallback-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => FootnoteAnchorNodeComponent), selector: "markstream-angular-footnote-anchor-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => FootnoteNodeComponent), selector: "markstream-angular-footnote-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => FootnoteReferenceNodeComponent), selector: "markstream-angular-footnote-reference-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => HardBreakNodeComponent), selector: "markstream-angular-hardbreak-node" }, { kind: "component", type: i0.forwardRef(() => HeadingNodeComponent), selector: "markstream-angular-heading-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => HighlightNodeComponent), selector: "markstream-angular-highlight-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => HtmlBlockNodeComponent), selector: "markstream-angular-html-block-node", inputs: ["node", "context"] }, { kind: "component", type: i0.forwardRef(() => HtmlInlineNodeComponent), selector: "markstream-angular-html-inline-node", inputs: ["node", "context"] }, { kind: "component", type: i0.forwardRef(() => ImageNodeComponent), selector: "markstream-angular-image-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => InfographicBlockNodeComponent), selector: "markstream-angular-infographic-block-node", inputs: ["node", "context", "props"] }, { kind: "component", type: i0.forwardRef(() => InlineCodeNodeComponent), selector: "markstream-angular-inline-code-node", inputs: ["node", "context", "indexKey", "typewriter", "fade"] }, { kind: "component", type: i0.forwardRef(() => InsertNodeComponent), selector: "markstream-angular-insert-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => LinkNodeComponent), selector: "markstream-angular-link-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => ListItemNodeComponent), selector: "markstream-angular-list-item-node", inputs: ["node", "context", "indexKey", "value"] }, { kind: "component", type: i0.forwardRef(() => ListNodeComponent), selector: "markstream-angular-list-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => MathBlockNodeComponent), selector: "markstream-angular-math-block-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => MathInlineNodeComponent), selector: "markstream-angular-math-inline-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => MermaidBlockNodeComponent), selector: "markstream-angular-mermaid-block-node", inputs: ["node", "context", "props"] }, { kind: "component", type: i0.forwardRef(() => ParagraphNodeComponent), selector: "markstream-angular-paragraph-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => PreCodeNodeComponent), selector: "markstream-angular-pre-code-node", inputs: ["node", "showLineNumbers", "whiteSpace"] }, { kind: "component", type: i0.forwardRef(() => ReferenceNodeComponent), selector: "markstream-angular-reference-node", inputs: ["node"] }, { kind: "component", type: i0.forwardRef(() => StrikethroughNodeComponent), selector: "markstream-angular-strikethrough-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => StrongNodeComponent), selector: "markstream-angular-strong-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => SubscriptNodeComponent), selector: "markstream-angular-subscript-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => SuperscriptNodeComponent), selector: "markstream-angular-superscript-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => TableNodeComponent), selector: "markstream-angular-table-node", inputs: ["node", "context", "indexKey"] }, { kind: "component", type: i0.forwardRef(() => TextNodeComponent), selector: "markstream-angular-text-node", inputs: ["node", "context", "indexKey", "typewriter", "fade"] }, { kind: "component", type: i0.forwardRef(() => ThematicBreakNodeComponent), selector: "markstream-angular-thematic-break-node" }, { kind: "component", type: i0.forwardRef(() => VmrContainerNodeComponent), selector: "markstream-angular-vmr-container-node", inputs: ["node", "context", "indexKey"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: NodeOutletComponent, decorators: [{
             type: Component,
@@ -8380,11 +8481,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             <markstream-angular-pre-code-node
               *ngIf="codeMode === 'pre'; else enhancedCode"
               [node]="node"
-              [showLineNumbers]="true"
+              [showLineNumbers]="resolvedPreShowLineNumbers"
+              [whiteSpace]="resolvedPreWhiteSpace"
             />
           </ng-template>
           <ng-template #enhancedCode>
-            <markstream-angular-code-block-node [node]="node" [context]="context" />
+            <markstream-angular-code-block-node
+              [node]="node"
+              [context]="context"
+              [codeBlockOptions]="context?.codeBlockOptions"
+            />
           </ng-template>
         </ng-container>
 
@@ -8670,7 +8776,7 @@ async function enhanceRenderedHtml(root, options = {}) {
         if (!isActive())
             return handle;
         if (!options.renderCodeBlocksAsPre)
-            await renderMonaco(root, cleanupFns, options, isActive);
+            await renderCodeBlocks(root, cleanupFns, options, isActive);
     }
     return handle;
 }
@@ -9061,11 +9167,26 @@ async function renderD2(root, cleanupFns, options, isActive) {
         }
     }
 }
-async function renderMonaco(root, cleanupFns, options, isActive) {
-    const monacoModule = await getUseMonaco();
-    if (!monacoModule || typeof monacoModule.useMonaco !== 'function' || !isActive())
-        return;
+async function renderCodeBlocks(root, cleanupFns, options, isActive) {
     const preNodes = Array.from(root.querySelectorAll('pre[data-markstream-code-block="1"]'));
+    const fallbackWhiteSpace = options.codeBlockOptions?.overflow === 'scroll' ? 'pre' : 'pre-wrap';
+    const maxHeight = options.codeBlockOptions?.maxHeight;
+    for (const pre of preNodes) {
+        const codeNode = pre.querySelector('code');
+        if (!codeNode)
+            continue;
+        const normalizedLanguage = resolveCodeLanguage(pre, codeNode).trim().toLowerCase();
+        if (normalizedLanguage === 'mermaid' || normalizedLanguage === 'infographic' || normalizedLanguage === 'd2' || normalizedLanguage === 'd2lang')
+            continue;
+        pre.style.whiteSpace = fallbackWhiteSpace;
+        if (typeof maxHeight === 'number') {
+            pre.style.maxHeight = `${maxHeight}px`;
+            pre.style.overflow = 'auto';
+        }
+    }
+    const runtimeModule = await getStreamDiffsRuntime();
+    if (!runtimeModule || typeof runtimeModule.createCodeBlockRuntime !== 'function' || !isActive())
+        return;
     for (const pre of preNodes) {
         if (!isActive())
             return;
@@ -9080,21 +9201,27 @@ async function renderMonaco(root, cleanupFns, options, isActive) {
         const diff = pre.dataset.markstreamDiff === '1';
         const originalCode = decodeDataPayload(pre.dataset.markstreamOriginal);
         const updatedCode = decodeDataPayload(pre.dataset.markstreamUpdated);
-        const monacoLanguage = resolveMonacoLanguage(rawLanguage);
-        const displayLanguage = rawLanguage.trim() || monacoLanguage;
+        const language = resolveLanguageId(rawLanguage);
+        const displayLanguage = rawLanguage.trim() || language;
         const preStyle = typeof window !== 'undefined' ? window.getComputedStyle(pre) : null;
         const codeStyle = typeof window !== 'undefined' ? window.getComputedStyle(codeNode) : null;
         const measuredPreHeight = pre.getBoundingClientRect().height;
         const fontSize = readCssPixels(codeStyle?.fontSize) ?? 13;
         const lineHeight = readCssPixels(codeStyle?.lineHeight) ?? readCssPixels(preStyle?.lineHeight);
         const paddingTop = readCssPixels(preStyle?.paddingTop);
-        const paddingBottom = readCssPixels(preStyle?.paddingBottom);
         const fontFamily = codeStyle?.fontFamily || preStyle?.fontFamily || undefined;
         const shell = createEnhancedBlockShell('code', diff ? `Diff / ${displayLanguage}` : `Code / ${displayLanguage}`, source, false, options, {
             showHeader: options.codeBlockProps?.showHeader !== false,
         });
         shell.body.classList.add('markstream-angular-enhanced-block__body--code');
-        shell.body.style.minHeight = `${measuredPreHeight > 0 ? Math.ceil(measuredPreHeight) : estimateCodeBlockHeight(diff ? updatedCode || source : source, diff)}px`;
+        const estimatedHeight = measuredPreHeight > 0
+            ? Math.ceil(measuredPreHeight)
+            : estimateCodeBlockHeight(diff ? updatedCode || source : source, diff);
+        shell.body.style.minHeight = `${typeof maxHeight === 'number' ? Math.min(estimatedHeight, maxHeight) : estimatedHeight}px`;
+        if (typeof maxHeight === 'number') {
+            shell.body.style.maxHeight = `${maxHeight}px`;
+            shell.body.style.overflow = 'auto';
+        }
         if (preStyle) {
             shell.wrapper.style.marginTop = preStyle.marginTop;
             shell.wrapper.style.marginRight = preStyle.marginRight;
@@ -9103,51 +9230,118 @@ async function renderMonaco(root, cleanupFns, options, isActive) {
         }
         const originalPre = pre.cloneNode(true);
         pre.replaceWith(shell.wrapper);
-        const configuredUnsafeCSS = typeof options.monacoOptions?.unsafeCSS === 'string'
-            ? options.monacoOptions.unsafeCSS
-            : '';
-        const runtimeUnsafeCSS = `[data-file], [data-diff] { --diffs-min-number-column-width-default: 4ch !important; }
-${configuredUnsafeCSS}`.trim();
-        const helpers = monacoModule.useMonaco({
-            themes: ['vitesse-dark', 'vitesse-light'],
-            languages: Array.from(new Set([monacoLanguage, 'plaintext'])),
-            readOnly: true,
-            minimap: { enabled: false },
-            lineNumbers: 'on',
-            wordWrap: 'off',
-            revealDebounceMs: 75,
-            MAX_HEIGHT: 500,
-            fontSize,
-            ...(lineHeight ? { lineHeight } : {}),
-            ...(fontFamily ? { fontFamily } : {}),
-            ...(paddingTop != null || paddingBottom != null
-                ? { padding: { top: paddingTop ?? 0, bottom: paddingBottom ?? 0 } }
-                : {}),
-            ...(options.monacoOptions || {}),
-            // createEnhancedBlockShell already renders the code header. Prevent the
-            // enhanced runtime from adding a second `code.<language>` file header.
+        const userOptions = { ...(options.codeBlockOptions ?? {}) };
+        for (const key of [
+            'maxHeight',
+            'padding',
+            'tabSize',
+            'theme',
+            'themes',
+            'themeType',
+            'language',
+            'languages',
+            'stream',
+            'disableFileHeader',
+            'onThemeChange',
+            'renderCustomHeader',
+            'renderHeaderMetadata',
+            'renderHeaderPrefix',
+        ])
+            delete userOptions[key];
+        const parseDiffOptions = userOptions.parseDiffOptions && typeof userOptions.parseDiffOptions === 'object'
+            ? userOptions.parseDiffOptions
+            : {};
+        const nativeOptions = diff
+            ? {
+                diffStyle: 'split',
+                expandUnchanged: false,
+                collapsedContextThreshold: 5,
+                hunkSeparators: 'line-info',
+                ...userOptions,
+                parseDiffOptions: { context: 2, ...parseDiffOptions },
+            }
+            : userOptions;
+        const configuredTheme = options.codeBlockProps?.theme;
+        const configuredThemes = options.codeBlockProps?.themes ?? options.themes;
+        const resolvedDarkTheme = typeof configuredTheme === 'string'
+            ? configuredTheme
+            : configuredTheme && typeof configuredTheme === 'object'
+                ? configuredTheme.dark
+                : options.codeBlockProps?.darkTheme ?? options.codeBlockDarkTheme ?? configuredThemes?.[0] ?? 'vitesse-dark';
+        const resolvedLightTheme = typeof configuredTheme === 'string'
+            ? configuredTheme
+            : configuredTheme && typeof configuredTheme === 'object'
+                ? configuredTheme.light
+                : options.codeBlockProps?.lightTheme ?? options.codeBlockLightTheme ?? configuredThemes?.[1] ?? 'vitesse-light';
+        const runtimeThemes = configuredThemes
+            ? [configuredThemes[0], configuredThemes[1]]
+            : [resolvedDarkTheme, resolvedLightTheme];
+        const configuredUnsafeCSS = typeof nativeOptions.unsafeCSS === 'string' ? nativeOptions.unsafeCSS : '';
+        const showLineNumbers = options.codeBlockProps?.showLineNumbers
+            ?? options.codeBlockOptions?.disableLineNumbers !== true;
+        const syncGeometry = () => {
+            shell.body.style.setProperty('--diffs-tab-size', String(options.codeBlockOptions?.tabSize ?? 4));
+            const finalPaddingTop = options.codeBlockOptions?.padding ?? paddingTop;
+            if (finalPaddingTop != null)
+                shell.body.style.setProperty('--diffs-gap-block', `${finalPaddingTop}px`);
+            else
+                shell.body.style.removeProperty('--diffs-gap-block');
+        };
+        syncGeometry();
+        const helpers = runtimeModule.createCodeBlockRuntime({
+            overflow: 'wrap',
+            ...nativeOptions,
+            themes: runtimeThemes,
+            theme: options.isDark ? resolvedDarkTheme : resolvedLightTheme,
+            themeType: options.isDark ? 'dark' : 'light',
+            disableLineNumbers: !showLineNumbers,
+            MAX_HEIGHT: options.codeBlockOptions?.maxHeight ?? 500,
+            fontSize: options.codeBlockOptions?.fontSize ?? fontSize,
+            ...(options.codeBlockOptions?.lineHeight ?? lineHeight ? { lineHeight: options.codeBlockOptions?.lineHeight ?? lineHeight } : {}),
+            ...(options.codeBlockOptions?.fontFamily ?? fontFamily ? { fontFamily: options.codeBlockOptions?.fontFamily ?? fontFamily } : {}),
+            stream: false,
             disableFileHeader: true,
-            unsafeCSS: runtimeUnsafeCSS,
+            onThemeChange: syncGeometry,
+            unsafeCSS: `[data-file], [data-diff] { --diffs-min-number-column-width-default: 2ch !important; }
+${configuredUnsafeCSS}`.trim(),
         });
         try {
             if (diff && typeof helpers.createDiffEditor === 'function') {
-                await helpers.createDiffEditor(shell.body, originalCode, updatedCode || source, monacoLanguage);
+                await helpers.createDiffEditor(shell.body, originalCode, updatedCode || source, language);
             }
             else {
-                await helpers.createEditor?.(shell.body, diff ? updatedCode || source : source, monacoLanguage);
+                await helpers.createEditor?.(shell.body, diff ? updatedCode || source : source, language);
             }
-            if (!isActive())
+            if (!isActive()) {
+                try {
+                    helpers.cleanupEditor?.();
+                }
+                finally {
+                    if (shell.wrapper.parentNode)
+                        shell.wrapper.replaceWith(originalPre.cloneNode(true));
+                }
+                return;
+            }
+            await helpers.setTheme?.(options.isDark ? resolvedDarkTheme : resolvedLightTheme);
+            if (!isActive()) {
+                try {
+                    helpers.cleanupEditor?.();
+                }
+                finally {
+                    if (shell.wrapper.parentNode)
+                        shell.wrapper.replaceWith(originalPre.cloneNode(true));
+                }
                 return;
-            await helpers.setTheme?.(options.isDark ? 'vitesse-dark' : 'vitesse-light');
-            shell.wrapper.dataset.markstreamMonaco = '1';
+            }
+            shell.wrapper.dataset.markstreamEnhanced = '1';
             if (diff)
-                shell.wrapper.dataset.markstreamMonacoDiff = '1';
+                shell.wrapper.dataset.markstreamEnhancedDiff = '1';
             cleanupFns.push(() => {
                 try {
                     helpers.cleanupEditor?.();
                 }
                 finally {
-                    if (shell.wrapper.isConnected)
+                    if (shell.wrapper.parentNode)
                         shell.wrapper.replaceWith(originalPre.cloneNode(true));
                 }
             });
@@ -9184,9 +9378,6 @@ function resolveCodeLanguage(pre, codeNode) {
     const languageClass = Array.from(codeNode.classList).find(className => className.startsWith('language-'));
     return languageClass ? languageClass.slice('language-'.length) : 'plaintext';
 }
-function resolveMonacoLanguage(language) {
-    return resolveMonacoLanguageId(language);
-}
 function estimateCodeBlockHeight(source, diff) {
     const lineCount = Math.max(1, source.split('\n').length);
     const perLine = diff ? 20 : 18;
@@ -10090,11 +10281,14 @@ class NodeRendererComponent {
             final: this.effectiveFinal,
             isDark: this.isDark,
             renderCodeBlocksAsPre: this.renderCodeBlocksAsPre,
-            monacoOptions: this.codeBlockMonacoOptions,
             d2ThemeId: this.d2Props?.themeId ?? null,
             d2DarkThemeId: this.d2Props?.darkThemeId ?? null,
             showTooltips: this.showTooltips,
+            codeBlockOptions: this.codeBlockOptions,
             codeBlockProps: this.codeBlockProps,
+            codeBlockDarkTheme: this.codeBlockDarkTheme,
+            codeBlockLightTheme: this.codeBlockLightTheme,
+            themes: this.themes,
             mermaidProps: this.mermaidProps,
             d2Props: this.d2Props,
             infographicProps: this.infographicProps,
@@ -10235,7 +10429,7 @@ class NodeRendererComponent {
         }, 3000);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: NodeRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: NodeRendererComponent, isStandalone: true, selector: "markstream-angular", inputs: { content: "content", nodes: "nodes", final: "final", parseOptions: "parseOptions", customMarkdownIt: "customMarkdownIt", debugPerformance: "debugPerformance", customHtmlTags: "customHtmlTags", htmlPolicy: "htmlPolicy", viewportPriority: "viewportPriority", codeBlockStream: "codeBlockStream", codeBlockDarkTheme: "codeBlockDarkTheme", codeBlockLightTheme: "codeBlockLightTheme", codeBlockMonacoOptions: "codeBlockMonacoOptions", renderCodeBlocksAsPre: "renderCodeBlocksAsPre", codeBlockMinWidth: "codeBlockMinWidth", codeBlockMaxWidth: "codeBlockMaxWidth", codeBlockProps: "codeBlockProps", mermaidProps: "mermaidProps", d2Props: "d2Props", infographicProps: "infographicProps", customComponents: "customComponents", showTooltips: "showTooltips", themes: "themes", isDark: "isDark", customId: "customId", indexKey: "indexKey", typewriter: "typewriter", fade: "fade", batchRendering: "batchRendering", initialRenderBatchSize: "initialRenderBatchSize", renderBatchSize: "renderBatchSize", renderBatchDelay: "renderBatchDelay", renderBatchBudgetMs: "renderBatchBudgetMs", renderBatchIdleTimeoutMs: "renderBatchIdleTimeoutMs", deferNodesUntilVisible: "deferNodesUntilVisible", maxLiveNodes: "maxLiveNodes", liveNodeBuffer: "liveNodeBuffer", allowHtml: "allowHtml", smoothStreaming: "smoothStreaming", smoothStreamingOptions: "smoothStreamingOptions" }, outputs: { copy: "copy", handleArtifactClick: "handleArtifactClick", click: "click", mouseover: "mouseover", mouseout: "mouseout" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: NodeRendererComponent, isStandalone: true, selector: "markstream-angular", inputs: { content: "content", nodes: "nodes", final: "final", parseOptions: "parseOptions", customMarkdownIt: "customMarkdownIt", debugPerformance: "debugPerformance", customHtmlTags: "customHtmlTags", htmlPolicy: "htmlPolicy", viewportPriority: "viewportPriority", codeBlockStream: "codeBlockStream", codeBlockDarkTheme: "codeBlockDarkTheme", codeBlockLightTheme: "codeBlockLightTheme", renderCodeBlocksAsPre: "renderCodeBlocksAsPre", codeBlockMinWidth: "codeBlockMinWidth", codeBlockMaxWidth: "codeBlockMaxWidth", codeBlockOptions: "codeBlockOptions", codeBlockProps: "codeBlockProps", mermaidProps: "mermaidProps", d2Props: "d2Props", infographicProps: "infographicProps", customComponents: "customComponents", showTooltips: "showTooltips", themes: "themes", isDark: "isDark", customId: "customId", indexKey: "indexKey", typewriter: "typewriter", fade: "fade", batchRendering: "batchRendering", initialRenderBatchSize: "initialRenderBatchSize", renderBatchSize: "renderBatchSize", renderBatchDelay: "renderBatchDelay", renderBatchBudgetMs: "renderBatchBudgetMs", renderBatchIdleTimeoutMs: "renderBatchIdleTimeoutMs", deferNodesUntilVisible: "deferNodesUntilVisible", maxLiveNodes: "maxLiveNodes", liveNodeBuffer: "liveNodeBuffer", allowHtml: "allowHtml", smoothStreaming: "smoothStreaming", smoothStreamingOptions: "smoothStreamingOptions" }, outputs: { copy: "copy", handleArtifactClick: "handleArtifactClick", click: "click", mouseover: "mouseover", mouseout: "mouseout" }, providers: [
             {
                 provide: MARKSTREAM_SMOOTH_STREAMING_SCOPE,
                 useExisting: forwardRef(() => NodeRendererComponent),
@@ -10399,14 +10593,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 type: Input
             }], codeBlockLightTheme: [{
                 type: Input
-            }], codeBlockMonacoOptions: [{
-                type: Input
             }], renderCodeBlocksAsPre: [{
                 type: Input
             }], codeBlockMinWidth: [{
                 type: Input
             }], codeBlockMaxWidth: [{
                 type: Input
+            }], codeBlockOptions: [{
+                type: Input
             }], codeBlockProps: [{
                 type: Input
             }], mermaidProps: [{
@@ -10897,5 +11091,5 @@ function createMermaidWorkerFromCDN(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { AdmonitionNodeComponent as AdmonitionNode, CodeBlockNodeComponent as AngularCodeBlockNode, BlockquoteNodeComponent as BlockquoteNode, CheckboxNodeComponent as CheckboxNode, CodeBlockNodeComponent as CodeBlockNode, D2BlockNodeComponent as D2BlockNode, DefinitionListNodeComponent as DefinitionListNode, EmojiNodeComponent as EmojiNode, EmphasisNodeComponent as EmphasisNode, FallbackComponent, FootnoteAnchorNodeComponent as FootnoteAnchorNode, FootnoteNodeComponent as FootnoteNode, FootnoteReferenceNodeComponent as FootnoteReferenceNode, HardBreakNodeComponent as HardBreakNode, HeadingNodeComponent as HeadingNode, HighlightNodeComponent as HighlightNode, HtmlBlockNodeComponent as HtmlBlockNode, HtmlInlineNodeComponent as HtmlInlineNode, HtmlPreviewFrameComponent as HtmlPreviewFrame, ImageNodeComponent as ImageNode, InfographicBlockNodeComponent as InfographicBlockNode, InlineCodeNodeComponent as InlineCodeNode, InsertNodeComponent as InsertNode, LinkNodeComponent as LinkNode, ListItemNodeComponent as ListItemNode, ListNodeComponent as ListNode, MARKSTREAM_SMOOTH_STREAMING_SCOPE, MERMAID_DISABLED_CODE, MERMAID_WORKER_BUSY_CODE, CodeBlockNodeComponent as MarkdownCodeBlockNode, NodeRendererComponent as MarkdownRenderComponent, NodeRendererComponent as MarkstreamAngularComponent, MathBlockNodeComponent as MathBlockNode, MathInlineNodeComponent as MathInlineNode, MermaidBlockNodeComponent as MermaidBlockNode, NestedRendererComponent as NestedRenderer, NodeRendererComponent as NodeRenderer, ParagraphNodeComponent as ParagraphNode, PreCodeNodeComponent as PreCodeNode, ReferenceNodeComponent as ReferenceNode, SafeAttrsDirective, SmoothMarkdownStreamService, StrikethroughNodeComponent as StrikethroughNode, StrongNodeComponent as StrongNode, SubscriptNodeComponent as SubscriptNode, SuperscriptNodeComponent as SuperscriptNode, TableNodeComponent as TableNode, TextNodeComponent as TextNode, ThematicBreakNodeComponent as ThematicBreakNode, VmrContainerNodeComponent as VmrContainerNode, WORKER_BUSY_CODE, buildKaTeXCDNWorkerSource, buildMermaidCDNWorkerSource, buildRenderContext, canParseOffthread, clearGlobalCustomComponents, clearKaTeXWorker, clearMermaidWorker, createKaTeXWorkerFromCDN, createMermaidWorkerFromCDN, disableD2, disableKatex, disableMermaid, disposeRenderedHtmlEnhancements, enableD2, enableKatex, enableMermaid, enhanceRenderedHtml, findPrefixOffthread, getCustomComponentsRevision, getCustomNodeComponents, getKaTeXBackpressureDefaults, getKaTeXWorkerLoad, getKatex, getLanguageIcon, getMermaid, getMermaidWorkerLoad, isD2Enabled, isKaTeXWorkerBusy, isKatexEnabled, isMermaidEnabled, languageMap, normalizeLanguageIdentifier, parseNestedMarkdownToNodes, removeCustomComponents, renderKaTeXInWorker, renderKaTeXWithBackpressure, renderMarkdownNodeToHtml, renderMarkdownNodesToHtml, renderMarkdownToHtml, renderNestedMarkdownToHtml, resolveMonacoLanguageId, resolveParsedNodes$1 as resolveParsedNodes, sanitizeHtmlContent, setCustomComponents, setD2Loader, setDefaultI18nMap, setKaTeXBackpressureDefaults, setKaTeXCache, setKaTeXWorker, setKaTeXWorkerDebug, setKaTeXWorkerMaxConcurrency, setKatexLoader, setLanguageIconResolver, setMermaidLoader, setMermaidWorker, setMermaidWorkerClientDebug, setMermaidWorkerMaxConcurrency, subscribeCustomComponents, terminateWorker, useSafeI18n, waitForKaTeXWorkerSlot };
+export { AdmonitionNodeComponent as AdmonitionNode, CodeBlockNodeComponent as AngularCodeBlockNode, BlockquoteNodeComponent as BlockquoteNode, CheckboxNodeComponent as CheckboxNode, CodeBlockNodeComponent as CodeBlockNode, D2BlockNodeComponent as D2BlockNode, DefinitionListNodeComponent as DefinitionListNode, EmojiNodeComponent as EmojiNode, EmphasisNodeComponent as EmphasisNode, FallbackComponent, FootnoteAnchorNodeComponent as FootnoteAnchorNode, FootnoteNodeComponent as FootnoteNode, FootnoteReferenceNodeComponent as FootnoteReferenceNode, HardBreakNodeComponent as HardBreakNode, HeadingNodeComponent as HeadingNode, HighlightNodeComponent as HighlightNode, HtmlBlockNodeComponent as HtmlBlockNode, HtmlInlineNodeComponent as HtmlInlineNode, HtmlPreviewFrameComponent as HtmlPreviewFrame, ImageNodeComponent as ImageNode, InfographicBlockNodeComponent as InfographicBlockNode, InlineCodeNodeComponent as InlineCodeNode, InsertNodeComponent as InsertNode, LinkNodeComponent as LinkNode, ListItemNodeComponent as ListItemNode, ListNodeComponent as ListNode, MARKSTREAM_SMOOTH_STREAMING_SCOPE, MERMAID_DISABLED_CODE, MERMAID_WORKER_BUSY_CODE, NodeRendererComponent as MarkdownRenderComponent, NodeRendererComponent as MarkstreamAngularComponent, MathBlockNodeComponent as MathBlockNode, MathInlineNodeComponent as MathInlineNode, MermaidBlockNodeComponent as MermaidBlockNode, NestedRendererComponent as NestedRenderer, NodeRendererComponent as NodeRenderer, ParagraphNodeComponent as ParagraphNode, PreCodeNodeComponent as PreCodeNode, ReferenceNodeComponent as ReferenceNode, SafeAttrsDirective, SmoothMarkdownStreamService, StrikethroughNodeComponent as StrikethroughNode, StrongNodeComponent as StrongNode, SubscriptNodeComponent as SubscriptNode, SuperscriptNodeComponent as SuperscriptNode, TableNodeComponent as TableNode, TextNodeComponent as TextNode, ThematicBreakNodeComponent as ThematicBreakNode, VmrContainerNodeComponent as VmrContainerNode, WORKER_BUSY_CODE, buildKaTeXCDNWorkerSource, buildMermaidCDNWorkerSource, buildRenderContext, canParseOffthread, clearGlobalCustomComponents, clearKaTeXWorker, clearMermaidWorker, createKaTeXWorkerFromCDN, createMermaidWorkerFromCDN, disableD2, disableKatex, disableMermaid, disposeRenderedHtmlEnhancements, enableD2, enableKatex, enableMermaid, enhanceRenderedHtml, findPrefixOffthread, getCustomComponentsRevision, getCustomNodeComponents, getKaTeXBackpressureDefaults, getKaTeXWorkerLoad, getKatex, getLanguageIcon, getMermaid, getMermaidWorkerLoad, isD2Enabled, isKaTeXWorkerBusy, isKatexEnabled, isMermaidEnabled, languageMap, normalizeLanguageIdentifier, parseNestedMarkdownToNodes, removeCustomComponents, renderKaTeXInWorker, renderKaTeXWithBackpressure, renderMarkdownNodeToHtml, renderMarkdownNodesToHtml, renderMarkdownToHtml, renderNestedMarkdownToHtml, resolveLanguageId, resolveParsedNodes$1 as resolveParsedNodes, sanitizeHtmlContent, setCustomComponents, setD2Loader, setDefaultI18nMap, setKaTeXBackpressureDefaults, setKaTeXCache, setKaTeXWorker, setKaTeXWorkerDebug, setKaTeXWorkerMaxConcurrency, setKatexLoader, setLanguageIconResolver, setMermaidLoader, setMermaidWorker, setMermaidWorkerClientDebug, setMermaidWorkerMaxConcurrency, subscribeCustomComponents, terminateWorker, useSafeI18n, waitForKaTeXWorkerSlot };
 //# sourceMappingURL=markstream-angular.mjs.map