@memberjunction/ng-markdown 6.1.4 → 6.2.0-edge.1

package/dist/lib/components/markdown.component.js

@@ -29,13 +29,177 @@ import * as i2 from "../services/markdown.service";
  * ```
  */
 export class MarkdownComponent {
+    /** @deprecated Use {@link Data}. */
+    set data(value) {
+        this.Data = value;
+    }
+    /** @deprecated Use {@link Data}. */
+    get data() {
+        return this.Data;
+    }
+    /** @deprecated Use {@link EnableHighlight}. */
+    set enableHighlight(value) {
+        this.EnableHighlight = value;
+    }
+    /** @deprecated Use {@link EnableHighlight}. */
+    get enableHighlight() {
+        return this.EnableHighlight;
+    }
+    /** @deprecated Use {@link EnableMermaid}. */
+    set enableMermaid(value) {
+        this.EnableMermaid = value;
+    }
+    /** @deprecated Use {@link EnableMermaid}. */
+    get enableMermaid() {
+        return this.EnableMermaid;
+    }
+    /** @deprecated Use {@link EnableCodeCopy}. */
+    set enableCodeCopy(value) {
+        this.EnableCodeCopy = value;
+    }
+    /** @deprecated Use {@link EnableCodeCopy}. */
+    get enableCodeCopy() {
+        return this.EnableCodeCopy;
+    }
+    /** @deprecated Use {@link EnableCollapsibleHeadings}. */
+    set enableCollapsibleHeadings(value) {
+        this.EnableCollapsibleHeadings = value;
+    }
+    /** @deprecated Use {@link EnableCollapsibleHeadings}. */
+    get enableCollapsibleHeadings() {
+        return this.EnableCollapsibleHeadings;
+    }
+    /** @deprecated Use {@link CollapsibleHeadingLevel}. */
+    set collapsibleHeadingLevel(value) {
+        this.CollapsibleHeadingLevel = value;
+    }
+    /** @deprecated Use {@link CollapsibleHeadingLevel}. */
+    get collapsibleHeadingLevel() {
+        return this.CollapsibleHeadingLevel;
+    }
+    /** @deprecated Use {@link CollapsibleDefaultExpanded}. */
+    set collapsibleDefaultExpanded(value) {
+        this.CollapsibleDefaultExpanded = value;
+    }
+    /** @deprecated Use {@link CollapsibleDefaultExpanded}. */
+    get collapsibleDefaultExpanded() {
+        return this.CollapsibleDefaultExpanded;
+    }
+    /** @deprecated Use {@link AutoExpandLevels}. */
+    set autoExpandLevels(value) {
+        this.AutoExpandLevels = value;
+    }
+    /** @deprecated Use {@link AutoExpandLevels}. */
+    get autoExpandLevels() {
+        return this.AutoExpandLevels;
+    }
+    /** @deprecated Use {@link EnableAlerts}. */
+    set enableAlerts(value) {
+        this.EnableAlerts = value;
+    }
+    /** @deprecated Use {@link EnableAlerts}. */
+    get enableAlerts() {
+        return this.EnableAlerts;
+    }
+    /** @deprecated Use {@link EnableSmartypants}. */
+    set enableSmartypants(value) {
+        this.EnableSmartypants = value;
+    }
+    /** @deprecated Use {@link EnableSmartypants}. */
+    get enableSmartypants() {
+        return this.EnableSmartypants;
+    }
+    /** @deprecated Use {@link EnableSvgRenderer}. */
+    set enableSvgRenderer(value) {
+        this.EnableSvgRenderer = value;
+    }
+    /** @deprecated Use {@link EnableSvgRenderer}. */
+    get enableSvgRenderer() {
+        return this.EnableSvgRenderer;
+    }
+    /** @deprecated Use {@link EnableHtml}. */
+    set enableHtml(value) {
+        this.EnableHtml = value;
+    }
+    /** @deprecated Use {@link EnableHtml}. */
+    get enableHtml() {
+        return this.EnableHtml;
+    }
+    /** @deprecated Use {@link EnableJavaScript}. */
+    set enableJavaScript(value) {
+        this.EnableJavaScript = value;
+    }
+    /** @deprecated Use {@link EnableJavaScript}. */
+    get enableJavaScript() {
+        return this.EnableJavaScript;
+    }
+    /** @deprecated Use {@link EnableHeadingIds}. */
+    set enableHeadingIds(value) {
+        this.EnableHeadingIds = value;
+    }
+    /** @deprecated Use {@link EnableHeadingIds}. */
+    get enableHeadingIds() {
+        return this.EnableHeadingIds;
+    }
+    /** @deprecated Use {@link HeadingIdPrefix}. */
+    set headingIdPrefix(value) {
+        this.HeadingIdPrefix = value;
+    }
+    /** @deprecated Use {@link HeadingIdPrefix}. */
+    get headingIdPrefix() {
+        return this.HeadingIdPrefix;
+    }
+    /** @deprecated Use {@link EnableLineNumbers}. */
+    set enableLineNumbers(value) {
+        this.EnableLineNumbers = value;
+    }
+    /** @deprecated Use {@link EnableLineNumbers}. */
+    get enableLineNumbers() {
+        return this.EnableLineNumbers;
+    }
+    /** @deprecated Use {@link ContainerClass}. */
+    set containerClass(value) {
+        this.ContainerClass = value;
+    }
+    /** @deprecated Use {@link ContainerClass}. */
+    get containerClass() {
+        return this.ContainerClass;
+    }
+    /** @deprecated Use {@link MermaidTheme}. */
+    set mermaidTheme(value) {
+        this.MermaidTheme = value;
+    }
+    /** @deprecated Use {@link MermaidTheme}. */
+    get mermaidTheme() {
+        return this.MermaidTheme;
+    }
+    /** @deprecated Use {@link Sanitize}. */
+    set sanitize(value) {
+        this.Sanitize = value;
+    }
+    /** @deprecated Use {@link Sanitize}. */
+    get sanitize() {
+        return this.Sanitize;
+    }
+    /** @deprecated Use {@link RenderedContent}. */
+    get renderedContent() {
+        return this.RenderedContent;
+    }
+    /** @deprecated Use {@link RenderedContent}. */
+    set renderedContent(value) {
+        this.RenderedContent = value;
+    }
     /**
      * Public accessor for the component's element reference.
      * Provided for backward compatibility with ngx-markdown API.
      */
-    get element() {
+    get Element() {
         return this.elementRef;
     }
+    /** @deprecated Use {@link Element}. */
+    get element() {
+        return this.Element;
+    }
     constructor(elementRef, sanitizer, markdownService, cdr) {
         this.elementRef = elementRef;
         this.sanitizer = sanitizer;
@@ -44,95 +208,119 @@ export class MarkdownComponent {
         /**
          * The markdown content to render
          */
-        this.data = '';
+        this.Data = '';
         /**
          * Enable syntax highlighting
          */
-        this.enableHighlight = DEFAULT_MARKDOWN_CONFIG.enableHighlight;
+        this.EnableHighlight = DEFAULT_MARKDOWN_CONFIG.enableHighlight;
         /**
          * Enable Mermaid diagram rendering
          */
-        this.enableMermaid = DEFAULT_MARKDOWN_CONFIG.enableMermaid;
+        this.EnableMermaid = DEFAULT_MARKDOWN_CONFIG.enableMermaid;
         /**
          * Enable copy button on code blocks
          */
-        this.enableCodeCopy = DEFAULT_MARKDOWN_CONFIG.enableCodeCopy;
+        this.EnableCodeCopy = DEFAULT_MARKDOWN_CONFIG.enableCodeCopy;
         /**
          * Enable collapsible heading sections
          */
-        this.enableCollapsibleHeadings = DEFAULT_MARKDOWN_CONFIG.enableCollapsibleHeadings;
+        this.EnableCollapsibleHeadings = DEFAULT_MARKDOWN_CONFIG.enableCollapsibleHeadings;
         /**
          * Heading level at which to start collapsing
          */
-        this.collapsibleHeadingLevel = DEFAULT_MARKDOWN_CONFIG.collapsibleHeadingLevel;
+        this.CollapsibleHeadingLevel = DEFAULT_MARKDOWN_CONFIG.collapsibleHeadingLevel;
         /**
          * Whether collapsible sections should be expanded by default
          */
-        this.collapsibleDefaultExpanded = DEFAULT_MARKDOWN_CONFIG.collapsibleDefaultExpanded;
+        this.CollapsibleDefaultExpanded = DEFAULT_MARKDOWN_CONFIG.collapsibleDefaultExpanded;
         /**
          * Enable GitHub-style alerts
          */
-        this.enableAlerts = DEFAULT_MARKDOWN_CONFIG.enableAlerts;
+        this.EnableAlerts = DEFAULT_MARKDOWN_CONFIG.enableAlerts;
         /**
          * Enable smartypants for typography (curly quotes, em/en dashes, ellipses)
          */
-        this.enableSmartypants = DEFAULT_MARKDOWN_CONFIG.enableSmartypants;
+        this.EnableSmartypants = DEFAULT_MARKDOWN_CONFIG.enableSmartypants;
         /**
          * Enable SVG code block rendering
          * When enabled, ```svg code blocks are rendered as actual SVG images
          */
-        this.enableSvgRenderer = DEFAULT_MARKDOWN_CONFIG.enableSvgRenderer;
+        this.EnableSvgRenderer = DEFAULT_MARKDOWN_CONFIG.enableSvgRenderer;
         /**
          * Enable raw HTML passthrough in markdown content.
          * Scripts and event handlers are still stripped unless enableJavaScript is true.
          */
-        this.enableHtml = DEFAULT_MARKDOWN_CONFIG.enableHtml;
+        this.EnableHtml = DEFAULT_MARKDOWN_CONFIG.enableHtml;
         /**
          * Enable JavaScript in HTML content (<script> tags and on* handlers).
          * WARNING: Major security risk - only enable for fully trusted content.
          */
-        this.enableJavaScript = DEFAULT_MARKDOWN_CONFIG.enableJavaScript;
+        this.EnableJavaScript = DEFAULT_MARKDOWN_CONFIG.enableJavaScript;
         /**
          * Enable heading IDs for anchor links
          */
-        this.enableHeadingIds = DEFAULT_MARKDOWN_CONFIG.enableHeadingIds;
+        this.EnableHeadingIds = DEFAULT_MARKDOWN_CONFIG.enableHeadingIds;
         /**
          * Prefix for heading IDs
          */
-        this.headingIdPrefix = DEFAULT_MARKDOWN_CONFIG.headingIdPrefix;
+        this.HeadingIdPrefix = DEFAULT_MARKDOWN_CONFIG.headingIdPrefix;
         /**
          * Enable line numbers in code blocks
          */
-        this.enableLineNumbers = DEFAULT_MARKDOWN_CONFIG.enableLineNumbers;
+        this.EnableLineNumbers = DEFAULT_MARKDOWN_CONFIG.enableLineNumbers;
         /**
          * Custom CSS class for the container
          */
-        this.containerClass = '';
+        this.ContainerClass = '';
         /**
          * Mermaid theme.
          * 'auto' (default) detects light/dark from the document's data-theme attribute.
          */
-        this.mermaidTheme = DEFAULT_MARKDOWN_CONFIG.mermaidTheme;
+        this.MermaidTheme = DEFAULT_MARKDOWN_CONFIG.mermaidTheme;
         /**
          * Whether to sanitize HTML output
          */
-        this.sanitize = DEFAULT_MARKDOWN_CONFIG.sanitize;
+        this.Sanitize = DEFAULT_MARKDOWN_CONFIG.sanitize;
         /**
          * Emitted when rendering is complete
          */
-        this.rendered = new EventEmitter();
+        this.Rendered = new EventEmitter();
+        /**
+         * @deprecated Use {@link Rendered}.
+         *
+         * The same emitter under the old binding name, so a template still binding
+         * (rendered) keeps working. Must stay AFTER Rendered: class fields
+         * initialise in order, and the other way round this captures undefined.
+         */
+        this.rendered = this.Rendered;
         /**
          * Emitted when a heading anchor is clicked
          */
-        this.headingClick = new EventEmitter();
+        this.HeadingClick = new EventEmitter();
+        /**
+         * @deprecated Use {@link HeadingClick}.
+         *
+         * The same emitter under the old binding name, so a template still binding
+         * (headingClick) keeps working. Must stay AFTER HeadingClick: class fields
+         * initialise in order, and the other way round this captures undefined.
+         */
+        this.headingClick = this.HeadingClick;
         /**
          * Emitted when code is copied to clipboard
          */
-        this.codeCopied = new EventEmitter();
+        this.CodeCopied = new EventEmitter();
+        /**
+         * @deprecated Use {@link CodeCopied}.
+         *
+         * The same emitter under the old binding name, so a template still binding
+         * (codeCopied) keeps working. Must stay AFTER CodeCopied: class fields
+         * initialise in order, and the other way round this captures undefined.
+         */
+        this.codeCopied = this.CodeCopied;
         /**
          * The sanitized HTML content to display
          */
-        this.renderedContent = '';
+        this.RenderedContent = '';
         this.renderStartTime = 0;
         this.hasMermaid = false;
         this.hasCodeBlocks = false;
@@ -163,7 +351,7 @@ export class MarkdownComponent {
     }
     ngAfterViewInit() {
         // Initial render if data was provided
-        if (this.data) {
+        if (this.Data) {
             this.postRenderProcessing();
         }
         this.setupThemeObserver();
@@ -177,42 +365,42 @@ export class MarkdownComponent {
      * Render the markdown content
      */
     render() {
-        if (!this.data) {
-            this.renderedContent = '';
+        if (!this.Data) {
+            this.RenderedContent = '';
             this.cdr.markForCheck();
             return;
         }
         this.renderStartTime = performance.now();
         // Build config from inputs
         const config = {
-            enableHighlight: this.enableHighlight,
-            enableMermaid: this.enableMermaid,
-            enableCodeCopy: this.enableCodeCopy,
-            enableCollapsibleHeadings: this.enableCollapsibleHeadings,
-            collapsibleHeadingLevel: this.collapsibleHeadingLevel,
-            collapsibleDefaultExpanded: this.collapsibleDefaultExpanded,
-            autoExpandLevels: this.autoExpandLevels,
-            enableAlerts: this.enableAlerts,
-            enableSmartypants: this.enableSmartypants,
-            enableSvgRenderer: this.enableSvgRenderer,
-            enableHtml: this.enableHtml,
-            enableJavaScript: this.enableJavaScript,
-            enableHeadingIds: this.enableHeadingIds,
-            headingIdPrefix: this.headingIdPrefix,
-            mermaidTheme: this.mermaidTheme,
-            sanitize: this.sanitize,
+            enableHighlight: this.EnableHighlight,
+            enableMermaid: this.EnableMermaid,
+            enableCodeCopy: this.EnableCodeCopy,
+            enableCollapsibleHeadings: this.EnableCollapsibleHeadings,
+            collapsibleHeadingLevel: this.CollapsibleHeadingLevel,
+            collapsibleDefaultExpanded: this.CollapsibleDefaultExpanded,
+            autoExpandLevels: this.AutoExpandLevels,
+            enableAlerts: this.EnableAlerts,
+            enableSmartypants: this.EnableSmartypants,
+            enableSvgRenderer: this.EnableSvgRenderer,
+            enableHtml: this.EnableHtml,
+            enableJavaScript: this.EnableJavaScript,
+            enableHeadingIds: this.EnableHeadingIds,
+            headingIdPrefix: this.HeadingIdPrefix,
+            mermaidTheme: this.MermaidTheme,
+            sanitize: this.Sanitize,
         };
         // Configure service and parse
         this.markdownService.configureMarked(config);
-        let html = this.markdownService.parse(this.data);
+        let html = this.markdownService.parse(this.Data);
         // Check for mermaid and code blocks
         this.hasMermaid = html.includes('language-mermaid') || html.includes('class="mermaid"');
         this.hasCodeBlocks = html.includes('<pre>') && html.includes('<code');
         // Sanitize if enabled
         // Note: We bypass Angular's sanitizer when SVG renderer or HTML passthrough is enabled
         // because it strips SVG elements and most HTML layout tags.
-        const bypassAngularSanitizer = this.enableSvgRenderer || this.enableHtml;
-        if (this.sanitize && !bypassAngularSanitizer) {
+        const bypassAngularSanitizer = this.EnableSvgRenderer || this.EnableHtml;
+        if (this.Sanitize && !bypassAngularSanitizer) {
             const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, html);
             html = sanitized || '';
         }
@@ -220,7 +408,7 @@ export class MarkdownComponent {
         // MarkdownService.parse() (DOMPurify, HTML + SVG profiles) unless enableJavaScript
         // opted out. Nothing further to do here.
         // Trust the HTML for display
-        this.renderedContent = this.sanitizer.bypassSecurityTrustHtml(html);
+        this.RenderedContent = this.sanitizer.bypassSecurityTrustHtml(html);
         this.cdr.markForCheck();
         // Schedule post-render processing for next tick (after DOM update)
         Promise.resolve().then(() => this.postRenderProcessing());
@@ -234,30 +422,30 @@ export class MarkdownComponent {
         if (!container)
             return;
         // Add copy buttons to code blocks
-        if (this.enableCodeCopy && this.hasCodeBlocks) {
+        if (this.EnableCodeCopy && this.hasCodeBlocks) {
             this.markdownService.addCodeCopyButtons(container);
         }
         // Initialize collapsible headings
-        if (this.enableCollapsibleHeadings) {
+        if (this.EnableCollapsibleHeadings) {
             this.markdownService.initializeCollapsibleHeadings(container);
             this.setupCollapsibleListeners(container);
         }
         // Render mermaid diagrams (async)
-        if (this.enableMermaid && this.hasMermaid) {
+        if (this.EnableMermaid && this.hasMermaid) {
             await this.markdownService.renderMermaid(container);
         }
         // Setup heading click listeners
-        if (this.enableHeadingIds) {
+        if (this.EnableHeadingIds) {
             this.setupHeadingClickListeners(container);
         }
         // Setup code copy listeners for custom event emission
-        if (this.enableCodeCopy) {
+        if (this.EnableCodeCopy) {
             this.setupCodeCopyListeners(container);
         }
         // Emit rendered event
         const renderTime = performance.now() - this.renderStartTime;
         const headingIds = this.markdownService.getHeadingList();
-        this.rendered.emit({
+        this.Rendered.emit({
             html: container.innerHTML,
             renderTime,
             hasMermaid: this.hasMermaid,
@@ -413,7 +601,7 @@ export class MarkdownComponent {
                 const id = heading.getAttribute('id') || '';
                 const text = heading.textContent || '';
                 const level = parseInt(heading.tagName.charAt(1), 10);
-                this.headingClick.emit({
+                this.HeadingClick.emit({
                     id,
                     text,
                     level,
@@ -432,7 +620,7 @@ export class MarkdownComponent {
                 const pre = button.closest('pre');
                 const code = pre?.querySelector('code');
                 if (code) {
-                    this.codeCopied.emit(code.textContent || '');
+                    this.CodeCopied.emit(code.textContent || '');
                 }
             });
         });
@@ -463,7 +651,7 @@ export class MarkdownComponent {
      * Triggers a full re-render when mermaid auto-theming is active.
      */
     onThemeAttributeChanged() {
-        if (this.mermaidTheme === 'auto' && this.enableMermaid && this.hasMermaid && this.data) {
+        if (this.MermaidTheme === 'auto' && this.EnableMermaid && this.hasMermaid && this.Data) {
             this.render();
         }
     }
@@ -481,19 +669,27 @@ export class MarkdownComponent {
     /**
      * Force a re-render of the markdown content
      */
-    refresh() {
+    Refresh() {
         this.render();
     }
+    /** @deprecated Use {@link Refresh}. */
+    refresh() {
+        return this.Refresh();
+    }
     /**
      * Get the current heading list (for TOC building)
      */
-    getHeadings() {
+    GetHeadings() {
         return this.markdownService.getHeadingList();
     }
+    /** @deprecated Use {@link GetHeadings}. */
+    getHeadings() {
+        return this.GetHeadings();
+    }
     /**
      * Scroll to a heading by ID
      */
-    scrollToHeading(headingId) {
+    ScrollToHeading(headingId) {
         const container = this.elementRef.nativeElement.querySelector('.mj-markdown-container');
         if (!container)
             return;
@@ -502,8 +698,12 @@ export class MarkdownComponent {
             heading.scrollIntoView({ behavior: 'smooth', block: 'start' });
         }
     }
+    /** @deprecated Use {@link ScrollToHeading}. */
+    scrollToHeading(headingId) {
+        return this.ScrollToHeading(headingId);
+    }
     static { this.ɵfac = function MarkdownComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MarkdownComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.DomSanitizer), i0.ɵɵdirectiveInject(i2.MarkdownService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MarkdownComponent, selectors: [["mj-markdown"]], inputs: { data: "data", enableHighlight: "enableHighlight", enableMermaid: "enableMermaid", enableCodeCopy: "enableCodeCopy", enableCollapsibleHeadings: "enableCollapsibleHeadings", collapsibleHeadingLevel: "collapsibleHeadingLevel", collapsibleDefaultExpanded: "collapsibleDefaultExpanded", autoExpandLevels: "autoExpandLevels", enableAlerts: "enableAlerts", enableSmartypants: "enableSmartypants", enableSvgRenderer: "enableSvgRenderer", enableHtml: "enableHtml", enableJavaScript: "enableJavaScript", enableHeadingIds: "enableHeadingIds", headingIdPrefix: "headingIdPrefix", enableLineNumbers: "enableLineNumbers", containerClass: "containerClass", mermaidTheme: "mermaidTheme", sanitize: "sanitize" }, outputs: { rendered: "rendered", headingClick: "headingClick", codeCopied: "codeCopied" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 3, consts: [[1, "mj-markdown-container", 3, "innerHTML"]], template: function MarkdownComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MarkdownComponent, selectors: [["mj-markdown"]], inputs: { Data: "Data", data: "data", EnableHighlight: "EnableHighlight", enableHighlight: "enableHighlight", EnableMermaid: "EnableMermaid", enableMermaid: "enableMermaid", EnableCodeCopy: "EnableCodeCopy", enableCodeCopy: "enableCodeCopy", EnableCollapsibleHeadings: "EnableCollapsibleHeadings", enableCollapsibleHeadings: "enableCollapsibleHeadings", CollapsibleHeadingLevel: "CollapsibleHeadingLevel", collapsibleHeadingLevel: "collapsibleHeadingLevel", CollapsibleDefaultExpanded: "CollapsibleDefaultExpanded", collapsibleDefaultExpanded: "collapsibleDefaultExpanded", AutoExpandLevels: "AutoExpandLevels", autoExpandLevels: "autoExpandLevels", EnableAlerts: "EnableAlerts", enableAlerts: "enableAlerts", EnableSmartypants: "EnableSmartypants", enableSmartypants: "enableSmartypants", EnableSvgRenderer: "EnableSvgRenderer", enableSvgRenderer: "enableSvgRenderer", EnableHtml: "EnableHtml", enableHtml: "enableHtml", EnableJavaScript: "EnableJavaScript", enableJavaScript: "enableJavaScript", EnableHeadingIds: "EnableHeadingIds", enableHeadingIds: "enableHeadingIds", HeadingIdPrefix: "HeadingIdPrefix", headingIdPrefix: "headingIdPrefix", EnableLineNumbers: "EnableLineNumbers", enableLineNumbers: "enableLineNumbers", ContainerClass: "ContainerClass", containerClass: "containerClass", MermaidTheme: "MermaidTheme", mermaidTheme: "mermaidTheme", Sanitize: "Sanitize", sanitize: "sanitize" }, outputs: { Rendered: "Rendered", rendered: "rendered", HeadingClick: "HeadingClick", headingClick: "headingClick", CodeCopied: "CodeCopied", codeCopied: "codeCopied" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 3, consts: [[1, "mj-markdown-container", 3, "innerHTML"]], template: function MarkdownComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "div", 0);
         } if (rf & 2) {
             i0.ɵɵclassMap(ctx.containerClass);
@@ -513,48 +713,92 @@ export class MarkdownComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MarkdownComponent, [{
         type: Component,
         args: [{ selector: 'mj-markdown', standalone: false, template: ` <div class="mj-markdown-container" [class]="containerClass" [innerHTML]="renderedContent"></div> `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["/**\n * MJ Markdown Component Styles\n *\n * These styles apply to rendered markdown content.\n * Using ViewEncapsulation.None so styles penetrate into dynamically generated content.\n */\n\n/* ============================================\n   Container\n   ============================================ */\n.mj-markdown-container {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  font-size: 15px;\n  line-height: 1.6;\n  color: var(--mj-text-primary);\n  word-wrap: break-word;\n}\n\n/* ============================================\n   Typography\n   ============================================ */\n.mj-markdown-container h1,\n.mj-markdown-container h2,\n.mj-markdown-container h3,\n.mj-markdown-container h4,\n.mj-markdown-container h5,\n.mj-markdown-container h6 {\n  margin-top: 1.5em;\n  margin-bottom: 0.5em;\n  font-weight: 600;\n  line-height: 1.25;\n  color: var(--mj-text-primary);\n}\n\n.mj-markdown-container h1 { font-size: 1.75em; }\n.mj-markdown-container h2 { font-size: 1.5em; }\n.mj-markdown-container h3 { font-size: 1.25em; }\n.mj-markdown-container h4 { font-size: 1.1em; }\n.mj-markdown-container h5 { font-size: 1em; }\n.mj-markdown-container h6 { font-size: 0.9em; color: var(--mj-text-secondary); }\n\n.mj-markdown-container > h1:first-child,\n.mj-markdown-container > h2:first-child,\n.mj-markdown-container > h3:first-child {\n  margin-top: 0;\n}\n\n.mj-markdown-container p {\n  margin: 0 0 1em 0;\n}\n\n.mj-markdown-container > p:last-child {\n  margin-bottom: 0;\n}\n\n.mj-markdown-container a {\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n}\n\n.mj-markdown-container a:hover {\n  text-decoration: underline;\n}\n\n.mj-markdown-container strong {\n  font-weight: 600;\n}\n\n.mj-markdown-container em {\n  font-style: italic;\n}\n\n/* ============================================\n   Lists\n   ============================================ */\n.mj-markdown-container ul,\n.mj-markdown-container ol {\n  margin: 0 0 1em 0;\n  padding-left: 2em;\n}\n\n.mj-markdown-container li {\n  margin-bottom: 0.25em;\n}\n\n.mj-markdown-container li > ul,\n.mj-markdown-container li > ol {\n  margin-top: 0.25em;\n  margin-bottom: 0;\n}\n\n/* Task lists */\n.mj-markdown-container ul.contains-task-list {\n  list-style: none;\n  padding-left: 0;\n}\n\n.mj-markdown-container li.task-list-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.5em;\n}\n\n.mj-markdown-container li.task-list-item input[type=\"checkbox\"] {\n  margin-top: 0.35em;\n}\n\n/* ============================================\n   Blockquotes\n   ============================================ */\n.mj-markdown-container blockquote {\n  margin: 1em 0;\n  padding: 0.5em 1em;\n  border-left: 4px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n}\n\n.mj-markdown-container blockquote > p:last-child {\n  margin-bottom: 0;\n}\n\n/* ============================================\n   Code Blocks\n   ============================================ */\n.mj-markdown-container code {\n  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Courier New', monospace;\n  font-size: 0.9em;\n}\n\n/* Inline code */\n.mj-markdown-container :not(pre) > code {\n  padding: 0.2em 0.4em;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 4px;\n  color: var(--mj-status-error);\n}\n\n/* Code blocks\n * design-token-exempt fallbacks: --mj-bg-code-block / --mj-text-code resolve to\n * Monaco-style dark editor colors when an app does not override them. Code\n * blocks intentionally use a fixed dark editor aesthetic (same exemption as\n * Monaco/CodeMirror), so the hex fallbacks here are deliberate. */\n.mj-markdown-container pre {\n  margin: 1em 0;\n  padding: 1em;\n  background: var(--mj-bg-code-block, #1e1e1e);\n  border-radius: var(--mj-radius-md);\n  overflow-x: auto;\n  position: relative;\n}\n\n.mj-markdown-container pre code {\n  background: transparent;\n  padding: 0;\n  color: var(--mj-text-code, #d4d4d4);\n  font-size: 0.875em;\n  line-height: 1.5;\n}\n\n/* ============================================\n   Code Toolbar (copy button, language label)\n   ============================================ */\n.mj-markdown-container .code-toolbar {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  z-index: 10;\n}\n\n.mj-markdown-container .code-language-label {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--mj-text-disabled);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  user-select: none;\n}\n\n.mj-markdown-container .code-copy-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  background: rgba(255, 255, 255, 0.1);\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: var(--mj-radius-md);\n  color: var(--mj-text-disabled);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  opacity: 0;\n}\n\n.mj-markdown-container pre:hover .code-copy-btn {\n  opacity: 1;\n}\n\n.mj-markdown-container .code-copy-btn:hover {\n  background: rgba(255, 255, 255, 0.2);\n  color: var(--mj-text-inverse);\n}\n\n.mj-markdown-container .code-copy-btn.copied {\n  background: color-mix(in srgb, var(--mj-status-success) 20%, transparent);\n  border-color: color-mix(in srgb, var(--mj-status-success) 30%, transparent);\n  color: var(--mj-status-success);\n}\n\n.mj-markdown-container .code-copy-btn.error {\n  background: color-mix(in srgb, var(--mj-status-error) 20%, transparent);\n  border-color: color-mix(in srgb, var(--mj-status-error) 30%, transparent);\n  color: var(--mj-status-error);\n}\n\n/* ============================================\n   Tables\n   ============================================ */\n.mj-markdown-container table {\n  width: 100%;\n  margin: 1em 0;\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n.mj-markdown-container th,\n.mj-markdown-container td {\n  padding: 0.5em 1em;\n  border: 1px solid var(--mj-border-default);\n  text-align: left;\n}\n\n.mj-markdown-container th {\n  background: var(--mj-bg-surface-sunken);\n  font-weight: 600;\n}\n\n.mj-markdown-container tr:nth-child(even) {\n  background: var(--mj-bg-surface-sunken);\n}\n\n/* ============================================\n   Horizontal Rule\n   ============================================ */\n.mj-markdown-container hr {\n  margin: 2em 0;\n  border: none;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n/* ============================================\n   Images\n   ============================================ */\n.mj-markdown-container img {\n  max-width: 100%;\n  height: auto;\n  border-radius: 4px;\n}\n\n/* ============================================\n   GitHub-style Alerts (marked-alert)\n   ============================================ */\n.mj-markdown-container .markdown-alert {\n  margin: 1em 0;\n  padding: 1em;\n  border-radius: 8px;\n  border-left: 4px solid;\n}\n\n.mj-markdown-container .markdown-alert-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 600;\n  margin-bottom: 0.5em;\n}\n\n.mj-markdown-container .markdown-alert > p:last-child {\n  margin-bottom: 0;\n}\n\n/* Note */\n.mj-markdown-container .markdown-alert-note {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-color: var(--mj-brand-primary);\n}\n\n.mj-markdown-container .markdown-alert-note .markdown-alert-title {\n  color: var(--mj-brand-primary);\n}\n\n/* Tip */\n.mj-markdown-container .markdown-alert-tip {\n  background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n  border-color: var(--mj-status-success);\n}\n\n.mj-markdown-container .markdown-alert-tip .markdown-alert-title {\n  color: var(--mj-status-success);\n}\n\n/* Important */\n.mj-markdown-container .markdown-alert-important {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n  border-color: var(--mj-brand-primary);\n}\n\n.mj-markdown-container .markdown-alert-important .markdown-alert-title {\n  color: var(--mj-brand-primary);\n}\n\n/* Warning */\n.mj-markdown-container .markdown-alert-warning {\n  background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n  border-color: var(--mj-status-warning);\n}\n\n.mj-markdown-container .markdown-alert-warning .markdown-alert-title {\n  color: var(--mj-status-warning);\n}\n\n/* Caution */\n.mj-markdown-container .markdown-alert-caution {\n  background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n  border-color: var(--mj-status-error);\n}\n\n.mj-markdown-container .markdown-alert-caution .markdown-alert-title {\n  color: var(--mj-status-error);\n}\n\n/* ============================================\n   Collapsible Headings\n   ============================================ */\n.mj-markdown-container .collapsible-section {\n  margin: 0.75em 0;\n  border-left: 2px solid transparent;\n  transition: border-color 0.2s ease;\n}\n\n.mj-markdown-container .collapsible-section:hover {\n  border-left-color: var(--mj-border-default);\n}\n\n/* Heading wrapper - contains toggle and heading */\n.mj-markdown-container .collapsible-heading-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 0;\n  border-radius: 4px;\n  transition: background-color 0.15s ease;\n  user-select: none;\n}\n\n.mj-markdown-container .collapsible-heading-wrapper:hover {\n  background-color: color-mix(in srgb, var(--mj-text-primary) 3%, transparent);\n}\n\n/* The heading itself */\n.mj-markdown-container .collapsible-heading {\n  margin: 0 !important;\n  flex: 1;\n}\n\n/* Toggle button/icon */\n.mj-markdown-container .collapsible-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n  color: var(--mj-text-muted);\n  transition: transform 0.2s ease, color 0.15s ease;\n}\n\n.mj-markdown-container .collapsible-toggle svg {\n  width: 14px;\n  height: 14px;\n}\n\n.mj-markdown-container .collapsible-heading-wrapper:hover .collapsible-toggle {\n  color: var(--mj-text-secondary);\n}\n\n/* Expanded state - arrow points down */\n.mj-markdown-container .collapsible-section:not(.collapsed) .collapsible-toggle {\n  transform: rotate(90deg);\n}\n\n/* Collapsed state - arrow points right (default SVG orientation) */\n.mj-markdown-container .collapsible-section.collapsed .collapsible-toggle {\n  transform: rotate(0deg);\n}\n\n/* Content area */\n.mj-markdown-container .collapsible-content {\n  padding-left: 26px;\n  overflow: hidden;\n  max-height: 5000px; /* Large enough for most content */\n  opacity: 1;\n  transition: max-height 0.3s ease-out, opacity 0.2s ease-out, padding 0.2s ease;\n}\n\n.mj-markdown-container .collapsible-section.collapsed .collapsible-content {\n  max-height: 0;\n  opacity: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  visibility: hidden;\n}\n\n/* Nested sections - indent further */\n.mj-markdown-container .collapsible-section .collapsible-section {\n  margin-left: 0;\n}\n\n/* Focus styles for accessibility */\n.mj-markdown-container .collapsible-heading-wrapper:focus-within {\n  outline: 2px solid var(--mj-brand-primary);\n  outline-offset: 2px;\n}\n\n.mj-markdown-container .collapsible-toggle:focus {\n  outline: none;\n}\n\n/* Action buttons container - expand/collapse all */\n.mj-markdown-container .collapsible-actions {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  margin-left: auto;\n  padding-left: 12px;\n  opacity: 0;\n  transition: opacity 0.15s ease;\n}\n\n.mj-markdown-container .collapsible-heading-wrapper:hover .collapsible-actions {\n  opacity: 1;\n}\n\n/* Individual action buttons */\n.mj-markdown-container .collapsible-action-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;\n}\n\n.mj-markdown-container .collapsible-action-btn:hover {\n  background-color: color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n  color: var(--mj-text-primary);\n}\n\n.mj-markdown-container .collapsible-action-btn:active {\n  transform: scale(0.92);\n}\n\n.mj-markdown-container .collapsible-action-btn svg {\n  width: 14px;\n  height: 14px;\n}\n\n/* Expand all button - double down chevron */\n.mj-markdown-container .collapsible-action-btn.expand-all:hover {\n  color: var(--mj-status-success);\n  background-color: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n}\n\n/* Collapse all button - double up chevron */\n.mj-markdown-container .collapsible-action-btn.collapse-all:hover {\n  color: var(--mj-status-error);\n  background-color: color-mix(in srgb, var(--mj-status-error) 10%, transparent);\n}\n\n/* ============================================\n   Mermaid Diagrams\n   ============================================ */\n.mj-markdown-container .mermaid-diagram {\n  margin: 1em 0;\n  padding: 1em;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  text-align: center;\n  overflow-x: auto;\n}\n\n.mj-markdown-container .mermaid-diagram svg {\n  max-width: 100%;\n  height: auto;\n}\n\n.mj-markdown-container .mermaid-error {\n  background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n  border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n}\n\n.mj-markdown-container .mermaid-error::before {\n  content: 'Diagram rendering failed';\n  display: block;\n  color: var(--mj-status-error);\n  font-size: 12px;\n  margin-bottom: 8px;\n}\n\n/* A specific reason, when we have one \u2014 e.g. the lazily-fetched diagram engine\n   never arrived, which is a different problem than bad diagram source. */\n.mj-markdown-container .mermaid-error[data-mermaid-error]::before {\n  content: attr(data-mermaid-error);\n}\n\n/* ============================================\n   Heading Anchors\n   ============================================ */\n.mj-markdown-container h1[id],\n.mj-markdown-container h2[id],\n.mj-markdown-container h3[id],\n.mj-markdown-container h4[id],\n.mj-markdown-container h5[id],\n.mj-markdown-container h6[id] {\n  scroll-margin-top: 1em;\n}\n\n.mj-markdown-container h1[id]:hover,\n.mj-markdown-container h2[id]:hover,\n.mj-markdown-container h3[id]:hover,\n.mj-markdown-container h4[id]:hover,\n.mj-markdown-container h5[id]:hover,\n.mj-markdown-container h6[id]:hover {\n  cursor: pointer;\n}\n\n/* Anchor link indicator on hover */\n.mj-markdown-container h1[id]::before,\n.mj-markdown-container h2[id]::before,\n.mj-markdown-container h3[id]::before,\n.mj-markdown-container h4[id]::before,\n.mj-markdown-container h5[id]::before,\n.mj-markdown-container h6[id]::before {\n  content: '#';\n  position: absolute;\n  left: -1.5em;\n  color: var(--mj-text-muted);\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.mj-markdown-container h1[id]:hover::before,\n.mj-markdown-container h2[id]:hover::before,\n.mj-markdown-container h3[id]:hover::before,\n.mj-markdown-container h4[id]:hover::before,\n.mj-markdown-container h5[id]:hover::before,\n.mj-markdown-container h6[id]:hover::before {\n  opacity: 1;\n}\n\n/* ============================================\n   Line Numbers (optional)\n   ============================================ */\n.mj-markdown-container pre.line-numbers {\n  padding-left: 3.5em;\n  counter-reset: line;\n}\n\n.mj-markdown-container pre.line-numbers code {\n  display: block;\n}\n\n.mj-markdown-container pre.line-numbers code .line::before {\n  counter-increment: line;\n  content: counter(line);\n  display: inline-block;\n  width: 2em;\n  margin-left: -3em;\n  margin-right: 1em;\n  text-align: right;\n  color: var(--mj-text-muted);\n  user-select: none;\n}\n\n/* ============================================\n   Error State\n   ============================================ */\n.mj-markdown-container .markdown-error {\n  background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-error);\n  padding: 1em;\n  border-radius: 8px;\n  border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n  white-space: pre-wrap;\n  font-family: monospace;\n}\n\n/* Dark Mode Support \u2014 handled automatically by --mj-* semantic tokens */\n\n/* ============================================\n   SVG Rendered Content\n   ============================================ */\n.mj-markdown-container .svg-rendered {\n  margin: 1em 0;\n  padding: 1em;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  text-align: center;\n  overflow: auto;\n}\n\n.mj-markdown-container .svg-rendered svg {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Dark mode for SVG rendered content \u2014 handled automatically by --mj-* semantic tokens */\n\n/* ============================================\n   Print Styles\n   ============================================ */\n@media print {\n  .mj-markdown-container .code-toolbar {\n    display: none;\n  }\n\n  .mj-markdown-container .collapsible-section.collapsed .collapsible-content {\n    max-height: none;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  /* design-token-exempt: print always uses light background + dark text for\n     paper readability, regardless of the screen theme the user is rendering from */\n  .mj-markdown-container pre {\n    background: #f3f4f6 !important;\n    color: #1f2937 !important;\n  }\n\n  .mj-markdown-container pre code {\n    color: #1f2937 !important;\n  }\n}\n"] }]
-    }], () => [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: i2.MarkdownService }, { type: i0.ChangeDetectorRef }], { data: [{
+    }], () => [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: i2.MarkdownService }, { type: i0.ChangeDetectorRef }], { Data: [{
+            type: Input
+        }], data: [{
+            type: Input
+        }], EnableHighlight: [{
             type: Input
         }], enableHighlight: [{
             type: Input
+        }], EnableMermaid: [{
+            type: Input
         }], enableMermaid: [{
             type: Input
+        }], EnableCodeCopy: [{
+            type: Input
         }], enableCodeCopy: [{
             type: Input
+        }], EnableCollapsibleHeadings: [{
+            type: Input
         }], enableCollapsibleHeadings: [{
             type: Input
+        }], CollapsibleHeadingLevel: [{
+            type: Input
         }], collapsibleHeadingLevel: [{
             type: Input
+        }], CollapsibleDefaultExpanded: [{
+            type: Input
         }], collapsibleDefaultExpanded: [{
             type: Input
+        }], AutoExpandLevels: [{
+            type: Input
         }], autoExpandLevels: [{
             type: Input
+        }], EnableAlerts: [{
+            type: Input
         }], enableAlerts: [{
             type: Input
+        }], EnableSmartypants: [{
+            type: Input
         }], enableSmartypants: [{
             type: Input
+        }], EnableSvgRenderer: [{
+            type: Input
         }], enableSvgRenderer: [{
             type: Input
+        }], EnableHtml: [{
+            type: Input
         }], enableHtml: [{
             type: Input
+        }], EnableJavaScript: [{
+            type: Input
         }], enableJavaScript: [{
             type: Input
+        }], EnableHeadingIds: [{
+            type: Input
         }], enableHeadingIds: [{
             type: Input
+        }], HeadingIdPrefix: [{
+            type: Input
         }], headingIdPrefix: [{
             type: Input
+        }], EnableLineNumbers: [{
+            type: Input
         }], enableLineNumbers: [{
             type: Input
+        }], ContainerClass: [{
+            type: Input
         }], containerClass: [{
             type: Input
+        }], MermaidTheme: [{
+            type: Input
         }], mermaidTheme: [{
             type: Input
+        }], Sanitize: [{
+            type: Input
         }], sanitize: [{
             type: Input
+        }], Rendered: [{
+            type: Output
         }], rendered: [{
             type: Output
+        }], HeadingClick: [{
+            type: Output
         }], headingClick: [{
             type: Output
+        }], CodeCopied: [{
+            type: Output
         }], codeCopied: [{
             type: Output
         }] }); })();