nxt-highlightjs 22.0.0 → 22.1.0

package/fesm2022/nxt-highlightjs.mjs

@@ -1,576 +1,544 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, inject, DOCUMENT, PendingTasks, resource, Injectable, ElementRef, effect, SecurityContext, Directive, input, signal, output, booleanAttribute } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-
-/**
- * @internal
- */
-const NXT_HIGHLIGHT_OPTIONS = new InjectionToken('NXT_HIGHLIGHT_OPTIONS');
+import * as i0 from "@angular/core";
+import { DOCUMENT, Directive, ElementRef, Injectable, InjectionToken, PendingTasks, SecurityContext, booleanAttribute, effect, inject, input, makeEnvironmentProviders, output, resource, signal } from "@angular/core";
+import { DomSanitizer } from "@angular/platform-browser";
+const NXT_HIGHLIGHT_OPTIONS = new InjectionToken("NXT_HIGHLIGHT_OPTIONS");
 function provideHighlightOptions(options) {
-    return makeEnvironmentProviders([
-        {
-            provide: NXT_HIGHLIGHT_OPTIONS,
-            useValue: options
-        }
-    ]);
+	return makeEnvironmentProviders([{
+		provide: NXT_HIGHLIGHT_OPTIONS,
+		useValue: options
+	}]);
 }
-
-/**
- * @internal
- */
 var LoaderErrors;
-(function (LoaderErrors) {
-    LoaderErrors["FULL_WITH_CORE_LIBRARY_IMPORTS"] = "The full library and the core library were imported, only one of them should be imported!";
-    LoaderErrors["FULL_WITH_LANGUAGE_IMPORTS"] = "The highlighting languages were imported they are not needed!";
-    LoaderErrors["CORE_WITHOUT_LANGUAGE_IMPORTS"] = "The highlighting languages were not imported!";
-    LoaderErrors["LANGUAGE_WITHOUT_CORE_IMPORTS"] = "The core library was not imported!";
-    LoaderErrors["NO_FULL_AND_NO_CORE_IMPORTS"] = "Highlight.js library was not imported!";
+(function(LoaderErrors) {
+	LoaderErrors["FULL_WITH_CORE_LIBRARY_IMPORTS"] = "The full library and the core library were imported, only one of them should be imported!";
+	LoaderErrors["FULL_WITH_LANGUAGE_IMPORTS"] = "The highlighting languages were imported they are not needed!";
+	LoaderErrors["CORE_WITHOUT_LANGUAGE_IMPORTS"] = "The highlighting languages were not imported!";
+	LoaderErrors["LANGUAGE_WITHOUT_CORE_IMPORTS"] = "The core library was not imported!";
+	LoaderErrors["NO_FULL_AND_NO_CORE_IMPORTS"] = "Highlight.js library was not imported!";
 })(LoaderErrors || (LoaderErrors = {}));
-
-// @ts-nocheck
 const BREAK_LINE_REGEXP = /\r\n|\r|\n/g;
-/**
- * The contents of this file is from highlight.js, with a small modification to HTMLRenderer to make sure spans don't contain line breaks (important to improve performance of line numbers).
- */
-/** @typedef {{scope?: string, language?: string, children: Node[]} | string} Node */
-/** @typedef {{scope?: string, language?: string, children: Node[]} } DataNode */
-/** @typedef {import('highlight.js').Emitter} Emitter */
-/**  */
-/** @returns */
 const newNode = (opts = {}) => {
-    /** @type DataNode */
-    const result = { children: [] };
-    Object.assign(result, opts);
-    return result;
+	const result = { children: [] };
+	Object.assign(result, opts);
+	return result;
 };
-class TokenTree {
-    constructor() {
-        /** @type DataNode */
-        this.rootNode = newNode();
-        this.stack = [this.rootNode];
-    }
-    get top() {
-        return this.stack[this.stack.length - 1];
-    }
-    get root() {
-        return this.rootNode;
-    }
-    /** @param node */
-    add(node) {
-        this.top.children.push(node);
-    }
-    /** @param scope */
-    openNode(scope) {
-        /** @type Node */
-        const node = newNode({ scope });
-        this.add(node);
-        this.stack.push(node);
-    }
-    closeNode() {
-        if (this.stack.length > 1) {
-            return this.stack.pop();
-        }
-        return undefined;
-    }
-    closeAllNodes() {
-        while (this.closeNode())
-            ;
-    }
-    toJSON() {
-        return JSON.stringify(this.rootNode, undefined, 4);
-    }
-    /**
-     * @typedef { import("./html_renderer").Renderer } Renderer
-     * @param builder
-     */
-    walk(builder) {
-        // this does not
-        return this.constructor._walk(builder, this.rootNode);
-        // this works
-        // return TokenTree._walk(builder, this.rootNode);
-    }
-    /**
-     * @param builder
-     * @param node
-     */
-    static _walk(builder, node) {
-        if (typeof node === 'string') {
-            builder.addText(node);
-        }
-        else if (node.children) {
-            builder.openNode(node);
-            node.children.forEach((child) => this._walk(builder, child));
-            builder.closeNode(node);
-        }
-        return builder;
-    }
-    /**
-     * @param node
-     */
-    static _collapse(node) {
-        if (typeof node === 'string')
-            return;
-        if (!node.children)
-            return;
-        if (node.children.every(el => typeof el === 'string')) {
-            // node.text = node.children.join("");
-            // delete node.children;
-            node.children = [node.children.join('')];
-        }
-        else {
-            node.children.forEach((child) => {
-                TokenTree._collapse(child);
-            });
-        }
-    }
-}
-/**
-  Currently this is all private API, but this is the minimal API necessary
-  that an Emitter must implement to fully support the parser.
-
-  Minimal interface:
-
-  - addText(text)
-  - __addSublanguage(emitter, subLanguageName)
-  - startScope(scope)
-  - endScope()
-  - finalize()
-  - toHTML()
-
- */
-/**
- * @implements {Emitter}
- */
-class TokenTreeEmitter extends TokenTree {
-    /**
-     * @param options
-     */
-    constructor(options) {
-        super();
-        this.options = options;
-    }
-    /**
-     * @param text
-     */
-    addText(text) {
-        if (text === '') {
-            return;
-        }
-        this.add(text);
-    }
-    /** @param scope */
-    startScope(scope) {
-        this.openNode(scope);
-    }
-    endScope() {
-        this.closeNode();
-    }
-    /**
-     * @param emitter
-     * @param name
-     */
-    __addSublanguage(emitter, name) {
-        /** @type DataNode */
-        const node = emitter.root;
-        if (name)
-            node.scope = `language:${name}`;
-        this.add(node);
-    }
-    toHTML() {
-        const renderer = new HTMLRenderer(this, this.options);
-        return renderer.value();
-    }
-    finalize() {
-        this.closeAllNodes();
-        return true;
-    }
-}
-/**
- * @typedef {object} Renderer
- * @property {(text: string) => void} addText
- * @property {(node: Node) => void} openNode
- * @property {(node: Node) => void} closeNode
- * @property {() => string} value
- */
-/** @typedef {{scope?: string, language?: string, sublanguage?: boolean}} Node */
-/** @typedef {{walk: (r: Renderer) => void}} Tree */
-/** */
-const SPAN_CLOSE = '</span>';
-/**
- * Determines if a node needs to be wrapped in <span>
- *
- * @param node */
-const emitsWrappingTags = (node) => 
-// rarely we can have a sublanguage where language is undefined
-// TODO: track down why
-!!node.scope;
-/**
- *
- * @param name
- * @param options
- */
+var TokenTree = class TokenTree {
+	constructor() {
+		this.rootNode = newNode();
+		this.stack = [this.rootNode];
+	}
+	get top() {
+		return this.stack[this.stack.length - 1];
+	}
+	get root() {
+		return this.rootNode;
+	}
+	add(node) {
+		this.top.children.push(node);
+	}
+	openNode(scope) {
+		const node = newNode({ scope });
+		this.add(node);
+		this.stack.push(node);
+	}
+	closeNode() {
+		if (this.stack.length > 1) return this.stack.pop();
+	}
+	closeAllNodes() {
+		while (this.closeNode());
+	}
+	toJSON() {
+		return JSON.stringify(this.rootNode, void 0, 4);
+	}
+	walk(builder) {
+		return this.constructor._walk(builder, this.rootNode);
+	}
+	static _walk(builder, node) {
+		if (typeof node === "string") builder.addText(node);
+		else if (node.children) {
+			builder.openNode(node);
+			node.children.forEach((child) => this._walk(builder, child));
+			builder.closeNode(node);
+		}
+		return builder;
+	}
+	static _collapse(node) {
+		if (typeof node === "string") return;
+		if (!node.children) return;
+		if (node.children.every((el) => typeof el === "string")) node.children = [node.children.join("")];
+		else node.children.forEach((child) => {
+			TokenTree._collapse(child);
+		});
+	}
+};
+var TokenTreeEmitter = class extends TokenTree {
+	constructor(options) {
+		super();
+		this.options = options;
+	}
+	addText(text) {
+		if (text === "") return;
+		this.add(text);
+	}
+	startScope(scope) {
+		this.openNode(scope);
+	}
+	endScope() {
+		this.closeNode();
+	}
+	__addSublanguage(emitter, name) {
+		const node = emitter.root;
+		if (name) node.scope = `language:${name}`;
+		this.add(node);
+	}
+	toHTML() {
+		return new HTMLRenderer(this, this.options).value();
+	}
+	finalize() {
+		this.closeAllNodes();
+		return true;
+	}
+};
+const SPAN_CLOSE = "</span>";
+const emitsWrappingTags = (node) => !!node.scope;
 const scopeToCSSClass = (name, { prefix }) => {
-    // sub-language
-    if (name.startsWith('language:')) {
-        return name.replace('language:', 'language-');
-    }
-    // tiered scope: comment.line
-    if (name.includes('.')) {
-        const pieces = name.split('.');
-        return [
-            `${prefix}${pieces.shift()}`,
-            ...(pieces.map((x, i) => `${x}${'_'.repeat(i + 1)}`))
-        ].join(' ');
-    }
-    // simple scope
-    return `${prefix}${name}`;
+	if (name.startsWith("language:")) return name.replace("language:", "language-");
+	if (name.includes(".")) {
+		const pieces = name.split(".");
+		return [`${prefix}${pieces.shift()}`, ...pieces.map((x, i) => `${x}${"_".repeat(i + 1)}`)].join(" ");
+	}
+	return `${prefix}${name}`;
+};
+var HTMLRenderer = class {
+	constructor(parseTree, options) {
+		this.buffer = "";
+		this.classPrefix = options.classPrefix;
+		this.openStack = [];
+		parseTree.walk(this);
+	}
+	addText(text) {
+		const lines = text.split(BREAK_LINE_REGEXP).map(escapeHTML);
+		const lineBreak = new Array(this.openStack.length).fill(SPAN_CLOSE).join("") + "\n" + this.openStack.join("");
+		this.buffer += lines.join(lineBreak);
+	}
+	openNode(node) {
+		if (!emitsWrappingTags(node)) return;
+		const className = scopeToCSSClass(node.scope, { prefix: this.classPrefix });
+		this.span(className);
+	}
+	closeNode(node) {
+		if (!emitsWrappingTags(node)) return;
+		this.buffer += SPAN_CLOSE;
+		this.openStack.pop();
+	}
+	value() {
+		return this.buffer;
+	}
+	span(className) {
+		const span = `<span class="${className}">`;
+		this.buffer += span;
+		this.openStack.push(span);
+	}
 };
-/** @type {Renderer} */
-class HTMLRenderer {
-    /**
-     * Creates a new HTMLRenderer
-     *
-     * @param parseTree - the parse tree (must support `walk` API)
-     * @param options
-     */
-    constructor(parseTree, options) {
-        this.buffer = '';
-        this.classPrefix = options.classPrefix;
-        this.openStack = [];
-        parseTree.walk(this);
-    }
-    /**
-     * Adds texts to the output stream
-     *
-     * @param text */
-    addText(text) {
-        const lines = text.split(BREAK_LINE_REGEXP).map(escapeHTML);
-        const lineBreak = new Array(this.openStack.length).fill(SPAN_CLOSE).join('') + '\n' + this.openStack.join('');
-        this.buffer += lines.join(lineBreak);
-    }
-    /**
-     * Adds a node open to the output stream (if needed)
-     *
-     * @param node */
-    openNode(node) {
-        if (!emitsWrappingTags(node))
-            return;
-        const className = scopeToCSSClass(node.scope, { prefix: this.classPrefix });
-        this.span(className);
-    }
-    /**
-     * Adds a node close to the output stream (if needed)
-     *
-     * @param node */
-    closeNode(node) {
-        if (!emitsWrappingTags(node))
-            return;
-        this.buffer += SPAN_CLOSE;
-        this.openStack.pop();
-    }
-    /**
-     * returns the accumulated buffer
-     */
-    value() {
-        return this.buffer;
-    }
-    // helpers
-    /**
-     * Builds a span element
-     *
-     * @param className */
-    span(className) {
-        const span = `<span class="${className}">`;
-        this.buffer += span;
-        this.openStack.push(span);
-    }
-}
-/**
- * @param value
- * @returns
- */
 function escapeHTML(value) {
-    return value
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#x27;');
-}
-
-class HighlightLoader {
-    constructor() {
-        this.document = inject(DOCUMENT);
-        this.options = inject(NXT_HIGHLIGHT_OPTIONS, { optional: true });
-        this.pendingTasks = inject(PendingTasks);
-        this._t = this.pendingTasks.add();
-        this.hljs = resource({
-            loader: () => this.loadLibrary()
-                .then(async (hljs) => {
-                if (this.options?.lineNumbersLoader) {
-                    const plugin = await this.options.lineNumbersLoader();
-                    hljs.lineNumbersBlock = plugin.activateLineNumbers(this.document);
-                }
-                hljs.configure({
-                    __emitter: TokenTreeEmitter
-                });
-                if (this.options?.highlightOptions)
-                    hljs.configure(this.options.highlightOptions);
-                return hljs;
-            })
-                .finally(this._t)
-        }).asReadonly();
-        if (this.options?.themePath) {
-            this.loadTheme(this.options.themePath);
-        }
-    }
-    /**
-     * Lazy-Load highlight.js library
-     */
-    async loadLibrary() {
-        if (this.options) {
-            if (this.options.fullLibraryLoader && this.options.coreLibraryLoader) {
-                throw new Error(LoaderErrors.FULL_WITH_CORE_LIBRARY_IMPORTS);
-            }
-            if (this.options.fullLibraryLoader && this.options.languages) {
-                throw new Error(LoaderErrors.FULL_WITH_LANGUAGE_IMPORTS);
-            }
-            if (this.options.coreLibraryLoader && !this.options.languages) {
-                throw new Error(LoaderErrors.CORE_WITHOUT_LANGUAGE_IMPORTS);
-            }
-            if (!this.options.coreLibraryLoader && this.options.languages) {
-                throw new Error(LoaderErrors.LANGUAGE_WITHOUT_CORE_IMPORTS);
-            }
-            if (this.options.fullLibraryLoader) {
-                return this.options.fullLibraryLoader();
-            }
-            if (this.options.coreLibraryLoader && this.options.languages && Object.keys(this.options.languages).length) {
-                return this.options.coreLibraryLoader().then(hljs => this.loadLanguages(hljs));
-            }
-        }
-        throw new Error(LoaderErrors.NO_FULL_AND_NO_CORE_IMPORTS);
-    }
-    /**
-     * Lazy-load highlight.js languages
-     */
-    async loadLanguages(hljs) {
-        await Promise.all(Object.entries(this.options?.languages || {})
-            .map(([langName, langLoader]) => langLoader().then(langFunc => hljs.registerLanguage(langName, langFunc))));
-        return hljs;
-    }
-    /**
-     * Reload theme styles
-     */
-    setTheme(path) {
-        if (this.themeLinkElement) {
-            this.themeLinkElement.href = path;
-        }
-        else {
-            this.loadTheme(path);
-        }
-    }
-    /**
-     * Load theme
-     */
-    loadTheme(path) {
-        this.themeLinkElement = this.document.createElement('link');
-        this.themeLinkElement.href = path;
-        this.themeLinkElement.type = 'text/css';
-        this.themeLinkElement.rel = 'stylesheet';
-        this.themeLinkElement.media = 'screen,print';
-        this.document.head.appendChild(this.themeLinkElement);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: HighlightLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: HighlightLoader, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: HighlightLoader, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
-class HighlightJS {
-    constructor() {
-        this.loader = inject(HighlightLoader);
-        this.hljs = this.loader.hljs.value;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: HighlightJS, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: HighlightJS, providedIn: 'root' }); }
+	return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: HighlightJS, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-/**
- * Enable usage of the library together with "trusted-types" HTTP Content-Security-Policy (CSP)
- *
- * Can be added to angular.json -> serve -> options -> headers to try it out in DEV mode
- * "Content-Security-Policy": "trusted-types nxt-highlightjs; require-trusted-types-for 'script'"
- *
- * Read more...
- * Angular Security: https://angular.io/guide/security#enforcing-trusted-types
- * Trusted Types: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/trusted-types
- *
- * @internal
- */
+var HighlightLoader = class HighlightLoader {
+	constructor() {
+		this.document = inject(DOCUMENT);
+		this.options = inject(NXT_HIGHLIGHT_OPTIONS, { optional: true });
+		this.pendingTasks = inject(PendingTasks);
+		this._t = this.pendingTasks.add();
+		this.hljs = resource({ loader: () => this.loadLibrary().then(async (hljs) => {
+			if (this.options?.lineNumbersLoader) hljs.lineNumbersBlock = (await this.options.lineNumbersLoader()).activateLineNumbers(this.document);
+			hljs.configure({ __emitter: TokenTreeEmitter });
+			if (this.options?.highlightOptions) hljs.configure(this.options.highlightOptions);
+			return hljs;
+		}).finally(this._t) }).asReadonly();
+		if (this.options?.themePath) this.loadTheme(this.options.themePath);
+	}
+	async loadLibrary() {
+		if (this.options) {
+			if (this.options.fullLibraryLoader && this.options.coreLibraryLoader) throw new Error(LoaderErrors.FULL_WITH_CORE_LIBRARY_IMPORTS);
+			if (this.options.fullLibraryLoader && this.options.languages) throw new Error(LoaderErrors.FULL_WITH_LANGUAGE_IMPORTS);
+			if (this.options.coreLibraryLoader && !this.options.languages) throw new Error(LoaderErrors.CORE_WITHOUT_LANGUAGE_IMPORTS);
+			if (!this.options.coreLibraryLoader && this.options.languages) throw new Error(LoaderErrors.LANGUAGE_WITHOUT_CORE_IMPORTS);
+			if (this.options.fullLibraryLoader) return this.options.fullLibraryLoader();
+			if (this.options.coreLibraryLoader && this.options.languages && Object.keys(this.options.languages).length) return this.options.coreLibraryLoader().then((hljs) => this.loadLanguages(hljs));
+		}
+		throw new Error(LoaderErrors.NO_FULL_AND_NO_CORE_IMPORTS);
+	}
+	async loadLanguages(hljs) {
+		await Promise.all(Object.entries(this.options?.languages || {}).map(([langName, langLoader]) => langLoader().then((langFunc) => hljs.registerLanguage(langName, langFunc))));
+		return hljs;
+	}
+	setTheme(path) {
+		if (this.themeLinkElement) this.themeLinkElement.href = path;
+		else this.loadTheme(path);
+	}
+	loadTheme(path) {
+		this.themeLinkElement = this.document.createElement("link");
+		this.themeLinkElement.href = path;
+		this.themeLinkElement.type = "text/css";
+		this.themeLinkElement.rel = "stylesheet";
+		this.themeLinkElement.media = "screen,print";
+		this.document.head.appendChild(this.themeLinkElement);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.5",
+			ngImport: i0,
+			type: HighlightLoader,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.5",
+			ngImport: i0,
+			type: HighlightLoader,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: HighlightLoader,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
+var HighlightJS = class HighlightJS {
+	constructor() {
+		this.loader = inject(HighlightLoader);
+		this.hljs = this.loader.hljs.value;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.5",
+			ngImport: i0,
+			type: HighlightJS,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.5",
+			ngImport: i0,
+			type: HighlightJS,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: HighlightJS,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
 let policy;
-/**
- * @internal
- */
 function getPolicy() {
-    if (!policy) {
-        try {
-            policy = window?.trustedTypes?.createPolicy('nxt-highlightjs', {
-                createHTML: (s) => s
-            });
-        }
-        catch {
-            // trustedTypes.createPolicy throws if called with a name that is
-            // already registered, even in report-only mode. Until the API changes,
-            // catch the error not to break the applications functionally. In such
-            // cases, the code will fall back to using strings.
-        }
-    }
-    return policy;
+	if (!policy) try {
+		policy = window?.trustedTypes?.createPolicy("nxt-highlightjs", { createHTML: (s) => s });
+	} catch {}
+	return policy;
 }
-/**
- * @internal
- */
 function trustedHTMLFromStringBypass(html) {
-    return getPolicy()?.createHTML(html) || html;
-}
-
-class HighlightBase {
-    constructor() {
-        this.hljs = inject(HighlightJS);
-        this.nativeElement = inject((ElementRef)).nativeElement;
-        this.sanitizer = inject(DomSanitizer);
-        effect(() => {
-            const code = this.code();
-            if (code) {
-                const res = this.highlightElement(code);
-                if (res) {
-                    this.setInnerHTML(res?.value ?? undefined);
-                    this.highlightResult.set(res);
-                    // Forward highlight response to the highlighted output
-                    this.highlighted.emit(res);
-                }
-            }
-            else {
-                this.setTextContent('');
-            }
-        });
-    }
-    setTextContent(content) {
-        this.nativeElement.textContent = content;
-    }
-    setInnerHTML(content) {
-        this.nativeElement.innerHTML = trustedHTMLFromStringBypass(this.sanitizer.sanitize(SecurityContext.HTML, content || null) || '');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: HighlightBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: HighlightBase, isStandalone: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: HighlightBase, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [] });
-
-class HighlightAutoDirective extends HighlightBase {
-    constructor() {
-        super(...arguments);
-        /**
-         * Code to highlight
-         */
-        this.code = input(undefined, { ...(ngDevMode ? { debugName: "code" } : /* istanbul ignore next */ {}), alias: 'nxtHighlightAuto' });
-        /**
-         * Highlighted result
-         */
-        this.highlightResult = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "highlightResult" }] : /* istanbul ignore next */ []));
-        /**
-         * An optional array of language names and aliases restricting detection to only those languages
-         *
-         * The subset can also be set with configure, but the local parameter overrides the option if set.
-         */
-        this.languages = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "languages" }] : /* istanbul ignore next */ []));
-        /**
-         * Stream that emits when code string is highlighted
-         */
-        this.highlighted = output();
-    }
-    highlightElement(code) {
-        const hljs = this.hljs.hljs();
-        return hljs?.highlightAuto(code, this.languages());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: HighlightAutoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: HighlightAutoDirective, isStandalone: true, selector: "[nxtHighlightAuto]", inputs: { code: { classPropertyName: "code", publicName: "nxtHighlightAuto", isSignal: true, isRequired: false, transformFunction: null }, languages: { classPropertyName: "languages", publicName: "languages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { highlighted: "highlighted" }, host: { properties: { "class.hljs": "true" } }, providers: [{ provide: HighlightBase, useExisting: HighlightAutoDirective }], usesInheritance: true, ngImport: i0 }); }
+	return getPolicy()?.createHTML(html) || html;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: HighlightAutoDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[nxtHighlightAuto]',
-                    providers: [{ provide: HighlightBase, useExisting: HighlightAutoDirective }],
-                    host: {
-                        '[class.hljs]': 'true'
-                    }
-                }]
-        }], propDecorators: { code: [{ type: i0.Input, args: [{ isSignal: true, alias: "nxtHighlightAuto", required: false }] }], languages: [{ type: i0.Input, args: [{ isSignal: true, alias: "languages", required: false }] }], highlighted: [{ type: i0.Output, args: ["highlighted"] }] } });
-
-class HighlightDirective extends HighlightBase {
-    constructor() {
-        super(...arguments);
-        /**
-         * Code to highlight
-         */
-        this.code = input(undefined, { ...(ngDevMode ? { debugName: "code" } : /* istanbul ignore next */ {}), alias: 'nxtHighlight' });
-        /**
-         * Highlighted result
-         */
-        this.highlightResult = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "highlightResult" }] : /* istanbul ignore next */ []));
-        /**
-         * The language name highlight only one language
-         */
-        this.language = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "language" }] : /* istanbul ignore next */ []));
-        /**
-         * An optional flag, when set to true it forces highlighting to finish even in case of detecting
-         * illegal syntax for the language instead of throwing an exception
-         */
-        this.ignoreIllegals = input(undefined, { ...(ngDevMode ? { debugName: "ignoreIllegals" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Stream that emits when code string is highlighted
-         */
-        this.highlighted = output();
-    }
-    highlightElement(code) {
-        const hljs = this.hljs.hljs();
-        return hljs?.highlight(code, {
-            language: this.language(),
-            ignoreIllegals: this.ignoreIllegals()
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: HighlightDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: HighlightDirective, isStandalone: true, selector: "[nxtHighlight]", inputs: { code: { classPropertyName: "code", publicName: "nxtHighlight", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: true, transformFunction: null }, ignoreIllegals: { classPropertyName: "ignoreIllegals", publicName: "ignoreIllegals", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { highlighted: "highlighted" }, host: { properties: { "class.hljs": "true" } }, providers: [{ provide: HighlightBase, useExisting: HighlightDirective }], usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: HighlightDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[nxtHighlight]',
-                    providers: [{ provide: HighlightBase, useExisting: HighlightDirective }],
-                    host: {
-                        '[class.hljs]': 'true'
-                    }
-                }]
-        }], propDecorators: { code: [{ type: i0.Input, args: [{ isSignal: true, alias: "nxtHighlight", required: false }] }], language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: true }] }], ignoreIllegals: [{ type: i0.Input, args: [{ isSignal: true, alias: "ignoreIllegals", required: false }] }], highlighted: [{ type: i0.Output, args: ["highlighted"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var HighlightBase = class HighlightBase {
+	constructor() {
+		this.hljs = inject(HighlightJS);
+		this.nativeElement = inject(ElementRef).nativeElement;
+		this.sanitizer = inject(DomSanitizer);
+		effect(() => {
+			const code = this.code();
+			if (!code) {
+				this.setTextContent("");
+				return;
+			}
+			if (!this.hljs.hljs()) {
+				if (this.nativeElement.textContent !== code) this.setTextContent(code);
+				return;
+			}
+			const res = this.highlightElement(code);
+			if (res) {
+				this.setInnerHTML(res.value);
+				this.highlightResult.set(res);
+				this.highlighted.emit(res);
+			} else {
+				this.setTextContent(code);
+				this.highlightResult.set(void 0);
+			}
+		});
+	}
+	setTextContent(content) {
+		this.nativeElement.textContent = content;
+	}
+	setInnerHTML(content) {
+		this.nativeElement.innerHTML = trustedHTMLFromStringBypass(this.sanitizer.sanitize(SecurityContext.HTML, content || null) || "");
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.5",
+			ngImport: i0,
+			type: HighlightBase,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.5",
+			type: HighlightBase,
+			isStandalone: true,
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: HighlightBase,
+	decorators: [{ type: Directive }],
+	ctorParameters: () => []
+});
+var HighlightAutoDirective = class HighlightAutoDirective extends HighlightBase {
+	constructor() {
+		super(...arguments);
+		this.code = input(void 0, {
+			...ngDevMode ? { debugName: "code" } : /* istanbul ignore next */ {},
+			alias: "nxtHighlightAuto"
+		});
+		this.highlightResult = signal(void 0, ...ngDevMode ? [{ debugName: "highlightResult" }] : /* istanbul ignore next */ []);
+		this.languages = input(...ngDevMode ? [void 0, { debugName: "languages" }] : /* istanbul ignore next */ []);
+		this.highlighted = output();
+	}
+	highlightElement(code) {
+		return this.hljs.hljs()?.highlightAuto(code, this.languages());
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.5",
+			ngImport: i0,
+			type: HighlightAutoDirective,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.5",
+			type: HighlightAutoDirective,
+			isStandalone: true,
+			selector: "[nxtHighlightAuto]",
+			inputs: {
+				code: {
+					classPropertyName: "code",
+					publicName: "nxtHighlightAuto",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				languages: {
+					classPropertyName: "languages",
+					publicName: "languages",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { highlighted: "highlighted" },
+			host: { properties: { "class.hljs": "true" } },
+			providers: [{
+				provide: HighlightBase,
+				useExisting: HighlightAutoDirective
+			}],
+			usesInheritance: true,
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: HighlightAutoDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[nxtHighlightAuto]",
+			providers: [{
+				provide: HighlightBase,
+				useExisting: HighlightAutoDirective
+			}],
+			host: { "[class.hljs]": "true" }
+		}]
+	}],
+	propDecorators: {
+		code: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nxtHighlightAuto",
+				required: false
+			}]
+		}],
+		languages: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "languages",
+				required: false
+			}]
+		}],
+		highlighted: [{
+			type: i0.Output,
+			args: ["highlighted"]
+		}]
+	}
+});
+var HighlightDirective = class HighlightDirective extends HighlightBase {
+	constructor() {
+		super(...arguments);
+		this.code = input(void 0, {
+			...ngDevMode ? { debugName: "code" } : /* istanbul ignore next */ {},
+			alias: "nxtHighlight"
+		});
+		this.highlightResult = signal(void 0, ...ngDevMode ? [{ debugName: "highlightResult" }] : /* istanbul ignore next */ []);
+		this.language = input(...ngDevMode ? [void 0, { debugName: "language" }] : /* istanbul ignore next */ []);
+		this.ignoreIllegals = input(void 0, {
+			...ngDevMode ? { debugName: "ignoreIllegals" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.highlighted = output();
+	}
+	highlightElement(code) {
+		const hljs = this.hljs.hljs();
+		const language = this.language();
+		if (!language || !hljs?.getLanguage(language)) return;
+		return hljs.highlight(code, {
+			language,
+			ignoreIllegals: this.ignoreIllegals()
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.5",
+			ngImport: i0,
+			type: HighlightDirective,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.5",
+			type: HighlightDirective,
+			isStandalone: true,
+			selector: "[nxtHighlight]",
+			inputs: {
+				code: {
+					classPropertyName: "code",
+					publicName: "nxtHighlight",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				language: {
+					classPropertyName: "language",
+					publicName: "language",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ignoreIllegals: {
+					classPropertyName: "ignoreIllegals",
+					publicName: "ignoreIllegals",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { highlighted: "highlighted" },
+			host: { properties: { "class.hljs": "true" } },
+			providers: [{
+				provide: HighlightBase,
+				useExisting: HighlightDirective
+			}],
+			usesInheritance: true,
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: HighlightDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[nxtHighlight]",
+			providers: [{
+				provide: HighlightBase,
+				useExisting: HighlightDirective
+			}],
+			host: { "[class.hljs]": "true" }
+		}]
+	}],
+	propDecorators: {
+		code: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nxtHighlight",
+				required: false
+			}]
+		}],
+		language: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "language",
+				required: false
+			}]
+		}],
+		ignoreIllegals: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ignoreIllegals",
+				required: false
+			}]
+		}],
+		highlighted: [{
+			type: i0.Output,
+			args: ["highlighted"]
+		}]
+	}
+});
 export { HighlightAutoDirective, HighlightBase, HighlightDirective, HighlightJS, HighlightLoader, NXT_HIGHLIGHT_OPTIONS, provideHighlightOptions };
-//# sourceMappingURL=nxt-highlightjs.mjs.map
+
+//# sourceMappingURL=nxt-highlightjs.mjs.map