@siemens/element-ng 49.16.0 → 51.0.0-rc.10

package/fesm2022/siemens-element-ng-markdown-extensions-katex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-markdown-extensions-katex.mjs","sources":["../../../../projects/element-ng/markdown/extensions/katex/si-markdown-katex.component.ts","../../../../projects/element-ng/markdown/extensions/katex/si-markdown-katex.extension.ts","../../../../projects/element-ng/markdown/extensions/katex/index.ts","../../../../projects/element-ng/markdown/extensions/katex/siemens-element-ng-markdown-extensions-katex.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  ViewEncapsulation\n} from '@angular/core';\nimport { type SiMarkdownExtensionComponent } from '@siemens/element-ng/markdown';\nimport { type KatexOptions, render } from 'katex';\nimport { Literal, type Node, type Parent } from 'mdast';\n\n@Component({\n  selector: 'si-markdown-katex',\n  template: '',\n  styleUrl: 'si-markdown-katex.component.scss',\n  // this is necessary for the styles to work correctly\n  // eslint-disable-next-line @angular-eslint/use-component-view-encapsulation\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'katex-container',\n    '[attr.data-line]': 'node().position?.start?.line',\n    '[class.d-block]': 'displayMode()'\n  }\n})\nexport class SiMarkdownKatexComponent implements SiMarkdownExtensionComponent {\n  private readonly elementRef = inject(ElementRef);\n\n  readonly node = input.required<Node>();\n  readonly parent = input.required<Parent>();\n  readonly options = input<KatexOptions>();\n\n  protected readonly displayMode = computed(() => this.node().type === 'math');\n  private readonly expr = computed(() => (this.node() as Literal).value);\n\n  constructor() {\n    effect(() => this.render());\n  }\n\n  private render(): void {\n    const expr = this.expr();\n    const options = this.options() ?? {};\n    render(expr, this.elementRef.nativeElement, {\n      ...options,\n      displayMode: this.displayMode(),\n      throwOnError: false\n    });\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { type SiMarkdownExtension } from '@siemens/element-ng/markdown';\n/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { type KatexOptions } from 'katex';\nimport remarkMath, { type Options } from 'remark-math';\n\nimport { SiMarkdownKatexComponent } from './si-markdown-katex.component';\n\n/**\n * An extension to render LaTeX math expressions using KaTeX. Uses `remark-math` to parse\n * the expressions inside the markdown document.\n * @param parseOptions - options passed to `remark-math`\n * @param katexOptions - options passed to `katex`\n * @returns extension for `SiMarkdownOption.installExtension()`\n */\nexport const siMarkdownMathKaTeX = (\n  parseOptions?: Options,\n  katexOptions?: KatexOptions\n): SiMarkdownExtension => {\n  katexOptions ??= {\n    output: 'html'\n  };\n\n  return {\n    plugins: [{ plugin: remarkMath, options: parseOptions }],\n    types: [\n      { type: 'math', component: SiMarkdownKatexComponent, options: katexOptions },\n      { type: 'inlineMath', component: SiMarkdownKatexComponent, options: katexOptions }\n    ]\n  };\n};\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-markdown-katex.extension';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAAA;;;AAGG;MA2BU,wBAAwB,CAAA;AAClB,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAEvC,IAAI,GAAG,KAAK,CAAC,QAAQ;6EAAQ;IAC7B,MAAM,GAAG,KAAK,CAAC,QAAQ;+EAAU;AACjC,IAAA,OAAO,GAAG,KAAK;2FAAgB;AAErB,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,KAAK,MAAM;oFAAC;IAC3D,IAAI,GAAG,QAAQ,CAAC,MAAO,IAAI,CAAC,IAAI,EAAc,CAAC,KAAK;6EAAC;AAEtE,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;IAC7B;IAEQ,MAAM,GAAA;AACZ,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;QACxB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE;QACpC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AAC1C,YAAA,GAAG,OAAO;AACV,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,YAAA,YAAY,EAAE;AACf,SAAA,CAAC;IACJ;uGAtBW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,slBAXzB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,smj5CAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAWD,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAbpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,YACnB,EAAE,EAAA,aAAA,EAIG,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,KAAK,EAAE,iBAAiB;AACxB,wBAAA,kBAAkB,EAAE,8BAA8B;AAClD,wBAAA,iBAAiB,EAAE;AACpB,qBAAA,EAAA,MAAA,EAAA,CAAA,smj5CAAA,CAAA,EAAA;;;ACdH;;;;;;AAMG;MACU,mBAAmB,GAAG,CACjC,YAAsB,EACtB,YAA2B,KACJ;AACvB,IAAA,YAAY,KAAK;AACf,QAAA,MAAM,EAAE;KACT;IAED,OAAO;QACL,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;AACxD,QAAA,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,wBAAwB,EAAE,OAAO,EAAE,YAAY,EAAE;YAC5E,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,wBAAwB,EAAE,OAAO,EAAE,YAAY;AACjF;KACF;AACH;;ACpCA;;;AAGG;;ACHH;;AAEG;;;;"}

package/fesm2022/siemens-element-ng-markdown-extensions-mermaid.mjs

@@ -0,0 +1,86 @@
+import * as i0 from '@angular/core';
+import { inject, Injector, input, computed, afterNextRender, Component } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { computedAsync } from '@siemens/element-ng/markdown';
+import mermaid from 'mermaid';
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+class SiMarkdownMermaidComponent {
+    static idCounter = 1;
+    id = `__si-markdown-mermaid-${SiMarkdownMermaidComponent.idCounter++}`;
+    sanitizer = inject(DomSanitizer);
+    injector = inject(Injector);
+    node = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    parent = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "parent" }] : /* istanbul ignore next */ []));
+    options = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "options" }] : /* istanbul ignore next */ []));
+    code = computed(() => this.node().value, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "code" }] : /* istanbul ignore next */ []));
+    svg = computedAsync({
+        params: () => ({ options: this.options(), code: this.code() }),
+        computation: params => this.render(params.code, params.options),
+        initial: undefined
+    });
+    async render(code, options = {}) {
+        if (!code) {
+            return '';
+        }
+        try {
+            mermaid.initialize({ ...options, startOnLoad: false, suppressErrorRendering: true });
+        }
+        catch (err) {
+            return '';
+        }
+        return await new Promise(resolve => {
+            // this is necessary for mermaid to init
+            afterNextRender(async () => {
+                try {
+                    const ret = await mermaid.render(this.id, code);
+                    resolve(this.sanitizer.bypassSecurityTrustHtml(ret.svg));
+                }
+                catch {
+                    resolve('');
+                }
+            }, { injector: this.injector });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMarkdownMermaidComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: SiMarkdownMermaidComponent, isStandalone: true, selector: "si-markdown-mermaid", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-line": "node().position?.start?.line" } }, ngImport: i0, template: '<div [id]="id"></div><div [innerHTML]="svg()"></div>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMarkdownMermaidComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'si-markdown-mermaid',
+                    template: '<div [id]="id"></div><div [innerHTML]="svg()"></div>',
+                    host: {
+                        '[attr.data-line]': 'node().position?.start?.line'
+                    }
+                }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], parent: [{ type: i0.Input, args: [{ isSignal: true, alias: "parent", required: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+const siMarkdownMermaid = (options) => {
+    return {
+        codeTypes: [{ type: 'mermaid', component: SiMarkdownMermaidComponent, options }]
+    };
+};
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { siMarkdownMermaid };
+//# sourceMappingURL=siemens-element-ng-markdown-extensions-mermaid.mjs.map

package/fesm2022/siemens-element-ng-markdown-extensions-mermaid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-markdown-extensions-mermaid.mjs","sources":["../../../../projects/element-ng/markdown/extensions/mermaid/si-markdown-mermaid.component.ts","../../../../projects/element-ng/markdown/extensions/mermaid/si-markdown-mermaid.extension.ts","../../../../projects/element-ng/markdown/extensions/mermaid/index.ts","../../../../projects/element-ng/markdown/extensions/mermaid/siemens-element-ng-markdown-extensions-mermaid.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { afterNextRender, Component, computed, inject, Injector, input } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { computedAsync, type SiMarkdownExtensionComponent } from '@siemens/element-ng/markdown';\nimport { Literal, type Node, type Parent } from 'mdast';\nimport mermaid, { MermaidConfig } from 'mermaid';\n\n@Component({\n  selector: 'si-markdown-mermaid',\n  template: '<div [id]=\"id\"></div><div [innerHTML]=\"svg()\"></div>',\n  host: {\n    '[attr.data-line]': 'node().position?.start?.line'\n  }\n})\nexport class SiMarkdownMermaidComponent implements SiMarkdownExtensionComponent {\n  private static idCounter = 1;\n  protected id = `__si-markdown-mermaid-${SiMarkdownMermaidComponent.idCounter++}`;\n\n  private readonly sanitizer = inject(DomSanitizer);\n  private readonly injector = inject(Injector);\n  readonly node = input.required<Node>();\n  readonly parent = input.required<Parent>();\n  readonly options = input<MermaidConfig>();\n\n  protected readonly code = computed(() => (this.node() as Literal).value);\n\n  protected readonly svg = computedAsync({\n    params: () => ({ options: this.options(), code: this.code() }),\n    computation: params => this.render(params.code, params.options),\n    initial: undefined\n  });\n\n  private async render(code: string, options: MermaidConfig = {}): Promise<SafeHtml> {\n    if (!code) {\n      return '';\n    }\n    try {\n      mermaid.initialize({ ...options, startOnLoad: false, suppressErrorRendering: true });\n    } catch (err) {\n      return '';\n    }\n    return await new Promise(resolve => {\n      // this is necessary for mermaid to init\n      afterNextRender(\n        async () => {\n          try {\n            const ret = await mermaid.render(this.id, code);\n            resolve(this.sanitizer.bypassSecurityTrustHtml(ret.svg));\n          } catch {\n            resolve('');\n          }\n        },\n        { injector: this.injector }\n      );\n    });\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\n\nimport { type SiMarkdownExtension } from '@siemens/element-ng/markdown';\nimport { MermaidConfig } from 'mermaid';\n\nimport { SiMarkdownMermaidComponent } from './si-markdown-mermaid.component';\n\nexport const siMarkdownMermaid = (options?: MermaidConfig): SiMarkdownExtension => {\n  return {\n    codeTypes: [{ type: 'mermaid', component: SiMarkdownMermaidComponent, options }]\n  };\n};\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-markdown-mermaid.extension';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;;;AAGG;MAcU,0BAA0B,CAAA;AAC7B,IAAA,OAAO,SAAS,GAAG,CAAC;AAClB,IAAA,EAAE,GAAG,CAAA,sBAAA,EAAyB,0BAA0B,CAAC,SAAS,EAAE,EAAE;AAE/D,IAAA,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC;AAChC,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IACnC,IAAI,GAAG,KAAK,CAAC,QAAQ;6EAAQ;IAC7B,MAAM,GAAG,KAAK,CAAC,QAAQ;+EAAU;AACjC,IAAA,OAAO,GAAG,KAAK;2FAAiB;IAEtB,IAAI,GAAG,QAAQ,CAAC,MAAO,IAAI,CAAC,IAAI,EAAc,CAAC,KAAK;6EAAC;IAErD,GAAG,GAAG,aAAa,CAAC;QACrC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;AAC9D,QAAA,WAAW,EAAE,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC;AAC/D,QAAA,OAAO,EAAE;AACV,KAAA,CAAC;AAEM,IAAA,MAAM,MAAM,CAAC,IAAY,EAAE,UAAyB,EAAE,EAAA;QAC5D,IAAI,CAAC,IAAI,EAAE;AACT,YAAA,OAAO,EAAE;QACX;AACA,QAAA,IAAI;AACF,YAAA,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,sBAAsB,EAAE,IAAI,EAAE,CAAC;QACtF;QAAE,OAAO,GAAG,EAAE;AACZ,YAAA,OAAO,EAAE;QACX;AACA,QAAA,OAAO,MAAM,IAAI,OAAO,CAAC,OAAO,IAAG;;YAEjC,eAAe,CACb,YAAW;AACT,gBAAA,IAAI;AACF,oBAAA,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC;AAC/C,oBAAA,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBAC1D;AAAE,gBAAA,MAAM;oBACN,OAAO,CAAC,EAAE,CAAC;gBACb;YACF,CAAC,EACD,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAC5B;AACH,QAAA,CAAC,CAAC;IACJ;uGAzCW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,mhBAL3B,sDAAsD,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAKrD,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAPtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,sDAAsD;AAChE,oBAAA,IAAI,EAAE;AACJ,wBAAA,kBAAkB,EAAE;AACrB;AACF,iBAAA;;;AChBD;;;AAGG;AAOI,MAAM,iBAAiB,GAAG,CAAC,OAAuB,KAAyB;IAChF,OAAO;AACL,QAAA,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,0BAA0B,EAAE,OAAO,EAAE;KAChF;AACH;;ACdA;;;AAGG;;ACHH;;AAEG;;;;"}

package/fesm2022/siemens-element-ng-markdown-hightlighter-highlightjs.mjs

@@ -0,0 +1,130 @@
+import * as i0 from '@angular/core';
+import { inject, input, Component } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { computedAsync } from '@siemens/element-ng/markdown';
+import hljs from 'highlight.js/lib/core';
+import langBash from 'highlight.js/lib/languages/bash';
+import langCss from 'highlight.js/lib/languages/css';
+import langJs from 'highlight.js/lib/languages/javascript';
+import langJson from 'highlight.js/lib/languages/json';
+import langMarkdown from 'highlight.js/lib/languages/markdown';
+import langPython from 'highlight.js/lib/languages/python';
+import langScss from 'highlight.js/lib/languages/scss';
+import langTs from 'highlight.js/lib/languages/typescript';
+import langXml from 'highlight.js/lib/languages/xml';
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+// some common languages are built-in for initial loading speed
+hljs.registerLanguage('javascript', langJs);
+hljs.registerLanguage('typescript', langTs);
+hljs.registerLanguage('json', langJson);
+hljs.registerLanguage('css', langCss);
+hljs.registerLanguage('scss', langScss);
+hljs.registerLanguage('bash', langBash);
+hljs.registerLanguage('python', langPython);
+hljs.registerLanguage('xml', langXml);
+hljs.registerLanguage('markdown', langMarkdown);
+const getHljsLang = async (lang, loader) => {
+    const loadedLang = hljs.getLanguage(lang);
+    if (loadedLang) {
+        return loadedLang;
+    }
+    if (loader) {
+        const importLang = await loader(lang);
+        if (importLang) {
+            hljs.registerLanguage(lang, importLang.default);
+            return hljs.getLanguage(lang);
+        }
+    }
+    return undefined;
+};
+class SiMarkdownHightlightJsComponent {
+    sanitizer = inject(DomSanitizer);
+    code = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "code" }] : /* istanbul ignore next */ []));
+    language = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "language" }] : /* istanbul ignore next */ []));
+    updateLanguage = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "updateLanguage" }] : /* istanbul ignore next */ []));
+    options = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "options" }] : /* istanbul ignore next */ []));
+    highlighted = computedAsync({
+        params: () => ({ code: this.code(), language: this.language(), options: this.options() }),
+        computation: params => this.highlight(params.code, params.language, params.options),
+        initial: undefined
+    });
+    async highlight(code, language, options = {}) {
+        let highlighted = '';
+        if (!language && options?.autoDetectLanguage) {
+            try {
+                const res = hljs.highlightAuto(code, undefined);
+                highlighted = res.value;
+                if (res.language) {
+                    const lang = hljs.getLanguage(res.language);
+                    this.updateLanguage()(lang?.name);
+                }
+                else {
+                    this.updateLanguage()(language);
+                }
+            }
+            catch {
+                // ignored
+            }
+        }
+        else {
+            const hljsLang = await getHljsLang(language, options.languageLoader);
+            if (hljsLang) {
+                this.updateLanguage()(hljsLang.name);
+                try {
+                    highlighted = hljs.highlight(code, { ...options, language }).value;
+                }
+                catch {
+                    // ignored
+                }
+            }
+            else {
+                this.updateLanguage()(language);
+            }
+        }
+        return highlighted ? this.sanitizer.bypassSecurityTrustHtml(highlighted) : '';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMarkdownHightlightJsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiMarkdownHightlightJsComponent, isStandalone: true, selector: "si-markdown-highlightjs", inputs: { code: { classPropertyName: "code", publicName: "code", isSignal: true, isRequired: true, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: true, transformFunction: null }, updateLanguage: { classPropertyName: "updateLanguage", publicName: "updateLanguage", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "d-block" }, ngImport: i0, template: "@let html = highlighted();\n@if (html) {\n  <pre class=\"border-0 m-0 p-0\"><code [innerHTML]=\"html\"></code></pre>\n} @else {\n  <pre class=\"border-0 m-0 p-0\"><code>{{ code() }} </code></pre>\n}\n", styles: [":host ::ng-deep .hljs{color:var(--si-sys-code-1)}:host ::ng-deep :is(.hljs-keyword,.hljs-literal,.hljs-operator){color:var(--si-sys-code-2)}:host ::ng-deep :is(.hljs-variable,.hljs-variable.language_,.hljs-params,.hljs-property){color:var(--si-sys-code-4)}:host ::ng-deep :is(.hljs-variable.constant_){color:var(--si-sys-code-3)}:host ::ng-deep :is(.hljs-title,.hljs-title.function_,.hljs-title.function_.invoke__,.hljs-built_in){color:var(--si-sys-code-5)}:host ::ng-deep :is(.hljs-string,.hljs-regexp,.hljs-char.escape_,.hljs-subst,.hljs-doctag){color:var(--si-sys-code-6)}:host ::ng-deep .hljs-number{color:var(--si-sys-code-7)}:host ::ng-deep :is(.hljs-symbol,.hljs-bullet){color:var(--si-sys-code-2)}:host ::ng-deep :is(.hljs-comment,.hljs-quote){color:var(--si-sys-code-8)}:host ::ng-deep .hljs-punctuation{color:var(--si-sys-code-9)}:host ::ng-deep :is(.hljs-tag,.hljs-name,.hljs-selector-tag,.hljs-selector-id,.hljs-selector-class,.hljs-selector-pseudo,.hljs-meta,.hljs-meta.keyword_,.hljs-template-tag,.hljs-template-variable){color:var(--si-sys-code-10)}:host ::ng-deep :is(.hljs-attr,.hljs-attribute,.hljs-selector-attr){color:var(--si-sys-code-3)}:host ::ng-deep :is(.hljs-type,.hljs-title.class_,.hljs-title.class_.inherited__){color:var(--si-sys-code-11)}:host ::ng-deep .hljs-deletion{color:var(--si-sys-code-11)}:host ::ng-deep .hljs-addition{color:var(--si-sys-code-12)}:host ::ng-deep .hljs-emphasis{font-style:italic}:host ::ng-deep .hljs-strong{font-weight:600}:host ::ng-deep :is(.hljs-code,.hljs-formula){color:var(--si-sys-code-1)}:host ::ng-deep :is(.hljs-section){color:var(--si-sys-code-1);font-weight:600}:host ::ng-deep .hljs-link{color:var(--si-sys-text-accent)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiMarkdownHightlightJsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-markdown-highlightjs', host: {
+                        class: 'd-block'
+                    }, template: "@let html = highlighted();\n@if (html) {\n  <pre class=\"border-0 m-0 p-0\"><code [innerHTML]=\"html\"></code></pre>\n} @else {\n  <pre class=\"border-0 m-0 p-0\"><code>{{ code() }} </code></pre>\n}\n", styles: [":host ::ng-deep .hljs{color:var(--si-sys-code-1)}:host ::ng-deep :is(.hljs-keyword,.hljs-literal,.hljs-operator){color:var(--si-sys-code-2)}:host ::ng-deep :is(.hljs-variable,.hljs-variable.language_,.hljs-params,.hljs-property){color:var(--si-sys-code-4)}:host ::ng-deep :is(.hljs-variable.constant_){color:var(--si-sys-code-3)}:host ::ng-deep :is(.hljs-title,.hljs-title.function_,.hljs-title.function_.invoke__,.hljs-built_in){color:var(--si-sys-code-5)}:host ::ng-deep :is(.hljs-string,.hljs-regexp,.hljs-char.escape_,.hljs-subst,.hljs-doctag){color:var(--si-sys-code-6)}:host ::ng-deep .hljs-number{color:var(--si-sys-code-7)}:host ::ng-deep :is(.hljs-symbol,.hljs-bullet){color:var(--si-sys-code-2)}:host ::ng-deep :is(.hljs-comment,.hljs-quote){color:var(--si-sys-code-8)}:host ::ng-deep .hljs-punctuation{color:var(--si-sys-code-9)}:host ::ng-deep :is(.hljs-tag,.hljs-name,.hljs-selector-tag,.hljs-selector-id,.hljs-selector-class,.hljs-selector-pseudo,.hljs-meta,.hljs-meta.keyword_,.hljs-template-tag,.hljs-template-variable){color:var(--si-sys-code-10)}:host ::ng-deep :is(.hljs-attr,.hljs-attribute,.hljs-selector-attr){color:var(--si-sys-code-3)}:host ::ng-deep :is(.hljs-type,.hljs-title.class_,.hljs-title.class_.inherited__){color:var(--si-sys-code-11)}:host ::ng-deep .hljs-deletion{color:var(--si-sys-code-11)}:host ::ng-deep .hljs-addition{color:var(--si-sys-code-12)}:host ::ng-deep .hljs-emphasis{font-style:italic}:host ::ng-deep .hljs-strong{font-weight:600}:host ::ng-deep :is(.hljs-code,.hljs-formula){color:var(--si-sys-code-1)}:host ::ng-deep :is(.hljs-section){color:var(--si-sys-code-1);font-weight:600}:host ::ng-deep .hljs-link{color:var(--si-sys-text-accent)}\n"] }]
+        }], propDecorators: { code: [{ type: i0.Input, args: [{ isSignal: true, alias: "code", required: true }] }], language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: true }] }], updateLanguage: [{ type: i0.Input, args: [{ isSignal: true, alias: "updateLanguage", required: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Code highlighter using Highlight.js
+ * @param options - Options passed to highlight.js
+ * @returns highlighter configuration for `SiMarkdownOptions.setCodeHighlighter()`
+ */
+const siMarkdownHighlightJs = (options) => {
+    return {
+        component: SiMarkdownHightlightJsComponent,
+        options
+    };
+};
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { siMarkdownHighlightJs };
+//# sourceMappingURL=siemens-element-ng-markdown-hightlighter-highlightjs.mjs.map

package/fesm2022/siemens-element-ng-markdown-hightlighter-highlightjs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-markdown-hightlighter-highlightjs.mjs","sources":["../../../../projects/element-ng/markdown/hightlighter/highlightjs/si-markdown-highlightjs.component.ts","../../../../projects/element-ng/markdown/hightlighter/highlightjs/si-markdown-highlightjs.component.html","../../../../projects/element-ng/markdown/hightlighter/highlightjs/si-markdown-highlightjs.highlighter.ts","../../../../projects/element-ng/markdown/hightlighter/highlightjs/index.ts","../../../../projects/element-ng/markdown/hightlighter/highlightjs/siemens-element-ng-markdown-hightlighter-highlightjs.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component, inject, input } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { computedAsync, type SiMarkdownHighlighterComponent } from '@siemens/element-ng/markdown';\nimport { type Language } from 'highlight.js';\nimport hljs from 'highlight.js/lib/core';\nimport langBash from 'highlight.js/lib/languages/bash';\nimport langCss from 'highlight.js/lib/languages/css';\nimport langJs from 'highlight.js/lib/languages/javascript';\nimport langJson from 'highlight.js/lib/languages/json';\nimport langMarkdown from 'highlight.js/lib/languages/markdown';\nimport langPython from 'highlight.js/lib/languages/python';\nimport langScss from 'highlight.js/lib/languages/scss';\nimport langTs from 'highlight.js/lib/languages/typescript';\nimport langXml from 'highlight.js/lib/languages/xml';\n\nimport {\n  HighlightJSLanguageLoader,\n  SiMarkdownHighlightJsOptions\n} from './si-markdown-highlightjs.types';\n\n// some common languages are built-in for initial loading speed\nhljs.registerLanguage('javascript', langJs);\nhljs.registerLanguage('typescript', langTs);\nhljs.registerLanguage('json', langJson);\nhljs.registerLanguage('css', langCss);\nhljs.registerLanguage('scss', langScss);\nhljs.registerLanguage('bash', langBash);\nhljs.registerLanguage('python', langPython);\nhljs.registerLanguage('xml', langXml);\nhljs.registerLanguage('markdown', langMarkdown);\n\nconst getHljsLang = async (\n  lang: string,\n  loader?: HighlightJSLanguageLoader\n): Promise<Language | undefined> => {\n  const loadedLang = hljs.getLanguage(lang);\n  if (loadedLang) {\n    return loadedLang;\n  }\n\n  if (loader) {\n    const importLang = await loader(lang);\n    if (importLang) {\n      hljs.registerLanguage(lang, importLang.default);\n      return hljs.getLanguage(lang);\n    }\n  }\n  return undefined;\n};\n\n@Component({\n  selector: 'si-markdown-highlightjs',\n  templateUrl: './si-markdown-highlightjs.component.html',\n  styleUrl: './si-markdown-highlightjs.component.scss',\n  host: {\n    class: 'd-block'\n  }\n})\nexport class SiMarkdownHightlightJsComponent implements SiMarkdownHighlighterComponent {\n  private readonly sanitizer = inject(DomSanitizer);\n  readonly code = input.required<string>();\n  readonly language = input.required<string>();\n  readonly updateLanguage = input.required<(lang?: string) => void>();\n  readonly options = input<SiMarkdownHighlightJsOptions>();\n\n  protected readonly highlighted = computedAsync({\n    params: () => ({ code: this.code(), language: this.language(), options: this.options() }),\n    computation: params => this.highlight(params.code, params.language, params.options),\n    initial: undefined\n  });\n\n  private async highlight(\n    code: string,\n    language: string,\n    options: SiMarkdownHighlightJsOptions = {}\n  ): Promise<SafeHtml> {\n    let highlighted = '';\n    if (!language && options?.autoDetectLanguage) {\n      try {\n        const res = hljs.highlightAuto(code, undefined);\n        highlighted = res.value;\n        if (res.language) {\n          const lang = hljs.getLanguage(res.language);\n          this.updateLanguage()(lang?.name);\n        } else {\n          this.updateLanguage()(language);\n        }\n      } catch {\n        // ignored\n      }\n    } else {\n      const hljsLang = await getHljsLang(language, options.languageLoader);\n      if (hljsLang) {\n        this.updateLanguage()(hljsLang.name);\n        try {\n          highlighted = hljs.highlight(code, { ...options, language }).value;\n        } catch {\n          // ignored\n        }\n      } else {\n        this.updateLanguage()(language);\n      }\n    }\n    return highlighted ? this.sanitizer.bypassSecurityTrustHtml(highlighted) : '';\n  }\n}\n","@let html = highlighted();\n@if (html) {\n  <pre class=\"border-0 m-0 p-0\"><code [innerHTML]=\"html\"></code></pre>\n} @else {\n  <pre class=\"border-0 m-0 p-0\"><code>{{ code() }} </code></pre>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\n\nimport { type SiMarkdownHighlighter } from '@siemens/element-ng/markdown';\n\nimport { SiMarkdownHightlightJsComponent } from './si-markdown-highlightjs.component';\nimport { SiMarkdownHighlightJsOptions } from './si-markdown-highlightjs.types';\n\n/**\n * Code highlighter using Highlight.js\n * @param options - Options passed to highlight.js\n * @returns highlighter configuration for `SiMarkdownOptions.setCodeHighlighter()`\n */\nexport const siMarkdownHighlightJs = (\n  options?: SiMarkdownHighlightJsOptions\n): SiMarkdownHighlighter => {\n  return {\n    component: SiMarkdownHightlightJsComponent,\n    options\n  };\n};\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-markdown-highlightjs.types';\nexport * from './si-markdown-highlightjs.highlighter';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}