feat: implement markdown renderer with micromark

angular.json

@@ -47,7 +47,7 @@
             "stylePreprocessorOptions": {
               "includePaths": ["node_modules/"]
             },
-            "styles": ["src/styles.scss"],
+            "styles": ["src/styles.scss", "node_modules/katex/dist/katex.min.css"],
             "scripts": [],
             "allowedCommonJsDependencies": [
               "@babel/standalone",

api-goldens/element-ng/markdown-renderer/index.api.md

@@ -4,16 +4,43 @@
 
 ```ts
 
-import { DomSanitizer } from '@angular/platform-browser';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { Extension } from 'micromark-util-types';
+import { HtmlExtension } from 'micromark-util-types';
+import { InjectionToken } from '@angular/core';
+import { Provider } from '@angular/core';
+import { SiTranslateService } from '@siemens/element-translate-ng/translate';
+import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
 
 // @public
-export const getMarkdownRenderer: (sanitizer: DomSanitizer) => ((text: string) => Node);
+export const injectMarkdownRenderer: (options?: MarkdownRendererOptions) => MarkdownRenderer;
+
+// @public
+export type MarkdownRenderer = (text: string) => Node;
+
+// @public (undocumented)
+export interface MarkdownRendererOptions {
+    copyCodeButton?: TranslatableString;
+    downloadTableButton?: TranslatableString;
+    mathExtensions?: {
+        syntax: Extension;
+        html: HtmlExtension;
+    };
+    syntaxHighlighter?: (code: string, language?: string) => string | undefined;
+    translateSync?: SiTranslateService['translateSync'];
+}
+
+// @public
+export const provideMarkdownRenderer: (options?: MarkdownRendererOptions) => Provider;
+
+// @public
+export const SI_MARKDOWN_RENDERER: InjectionToken<MarkdownRenderer>;
 
 // @public
 export class SiMarkdownRendererComponent {
     constructor();
-    readonly text: i0.InputSignal<string | undefined>;
+    readonly renderer: _angular_core.InputSignal<MarkdownRenderer | undefined>;
+    readonly text: _angular_core.InputSignal<string | undefined>;
 }
 
 // (No @packageDocumentation comment for this package)

api-goldens/element-ng/translate/index.api.md

@@ -350,6 +350,10 @@ export interface SiTranslatableKeys {
     // (undocumented)
     'SI_MAIN_DETAIL_CONTAINER.BACK'?: string;
     // (undocumented)
+    'SI_MARKDOWN_RENDERER.COPY_CODE'?: string;
+    // (undocumented)
+    'SI_MARKDOWN_RENDERER.DOWNLOAD'?: string;
+    // (undocumented)
     'SI_NAVBAR.OPEN_LAUNCHPAD'?: string;
     // (undocumented)
     'SI_NAVBAR.TOGGLE_NAVIGATION'?: string;