@memberjunction/ng-markdown 5.44.0 → 5.45.1

package/dist/lib/extensions/code-copy.extension.d.ts

@@ -1,10 +1,3 @@
-/**
- * Code copy extension utilities
- *
- * This module provides utilities for adding copy-to-clipboard functionality
- * to code blocks. Unlike other marked extensions, this operates on the DOM
- * after rendering since it requires adding interactive elements.
- */
 /**
  * Options for the code copy functionality
  */

package/dist/lib/extensions/code-copy.extension.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-copy.extension.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/code-copy.extension.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAeD;;;;GAIG;AACH,wBAAgB,0BAA0B,CACxC,SAAS,EAAE,WAAW,EACtB,OAAO,CAAC,EAAE,eAAe,GACxB,IAAI,CA8EN;AA6ED;;;GAGG;AACH,wBAAgB,+BAA+B,CAC7C,SAAS,EAAE,WAAW,EACtB,YAAY,GAAE,MAAuB,GACpC,IAAI,CAGN"}
+{"version":3,"file":"code-copy.extension.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/code-copy.extension.ts"],"names":[],"mappings":"AASA;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAeD;;;;GAIG;AACH,wBAAgB,0BAA0B,CACxC,SAAS,EAAE,WAAW,EACtB,OAAO,CAAC,EAAE,eAAe,GACxB,IAAI,CA8EN;AAiBD;;;GAGG;AACH,wBAAgB,+BAA+B,CAC7C,SAAS,EAAE,WAAW,EACtB,YAAY,GAAE,MAAuB,GACpC,IAAI,CAGN"}

package/dist/lib/extensions/code-copy.extension.js

@@ -5,6 +5,7 @@
  * to code blocks. Unlike other marked extensions, this operates on the DOM
  * after rendering since it requires adding interactive elements.
  */
+import { formatLanguageName } from '@memberjunction/markdown-core';
 const DEFAULT_OPTIONS = {
     buttonClass: 'code-copy-btn',
     toolbarClass: 'code-toolbar',
@@ -100,64 +101,6 @@ function extractLanguageFromCode(codeElement) {
     }
     return null;
 }
-/**
- * Format a language identifier for display
- */
-function formatLanguageName(language) {
-    const languageMap = {
-        js: 'JavaScript',
-        ts: 'TypeScript',
-        javascript: 'JavaScript',
-        typescript: 'TypeScript',
-        py: 'Python',
-        python: 'Python',
-        rb: 'Ruby',
-        ruby: 'Ruby',
-        cs: 'C#',
-        csharp: 'C#',
-        cpp: 'C++',
-        'c++': 'C++',
-        html: 'HTML',
-        css: 'CSS',
-        scss: 'SCSS',
-        sass: 'Sass',
-        less: 'Less',
-        json: 'JSON',
-        yaml: 'YAML',
-        yml: 'YAML',
-        xml: 'XML',
-        sql: 'SQL',
-        bash: 'Bash',
-        shell: 'Shell',
-        sh: 'Shell',
-        zsh: 'Zsh',
-        powershell: 'PowerShell',
-        ps1: 'PowerShell',
-        md: 'Markdown',
-        markdown: 'Markdown',
-        graphql: 'GraphQL',
-        gql: 'GraphQL',
-        java: 'Java',
-        kotlin: 'Kotlin',
-        swift: 'Swift',
-        go: 'Go',
-        rust: 'Rust',
-        php: 'PHP',
-        r: 'R',
-        dockerfile: 'Dockerfile',
-        docker: 'Docker',
-        nginx: 'Nginx',
-        apache: 'Apache',
-        ini: 'INI',
-        toml: 'TOML',
-        makefile: 'Makefile',
-        diff: 'Diff',
-        plaintext: 'Plain Text',
-        text: 'Plain Text',
-        mermaid: 'Mermaid'
-    };
-    return languageMap[language.toLowerCase()] || language.toUpperCase();
-}
 /**
  * Remove all copy buttons from code blocks in a container
  * Useful for cleanup when component is destroyed

package/dist/lib/extensions/code-copy.extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-copy.extension.js","sourceRoot":"","sources":["../../../src/lib/extensions/code-copy.extension.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Code copy extension utilities\n *\n * This module provides utilities for adding copy-to-clipboard functionality\n * to code blocks. Unlike other marked extensions, this operates on the DOM\n * after rendering since it requires adding interactive elements.\n */\n\n/**\n * Options for the code copy functionality\n */\nexport interface CodeCopyOptions {\n  /**\n   * CSS class for the copy button\n   * @default 'code-copy-btn'\n   */\n  buttonClass?: string;\n\n  /**\n   * CSS class for the toolbar container\n   * @default 'code-toolbar'\n   */\n  toolbarClass?: string;\n\n  /**\n   * Icon HTML for the copy button\n   * @default '<i class=\"fas fa-copy\"></i>'\n   */\n  copyIcon?: string;\n\n  /**\n   * Icon HTML for successful copy\n   * @default '<i class=\"fas fa-check\"></i>'\n   */\n  successIcon?: string;\n\n  /**\n   * Icon HTML for failed copy\n   * @default '<i class=\"fas fa-times\"></i>'\n   */\n  errorIcon?: string;\n\n  /**\n   * Tooltip text for the copy button\n   * @default 'Copy code'\n   */\n  tooltipText?: string;\n\n  /**\n   * Duration in ms to show success/error state\n   * @default 2000\n   */\n  feedbackDuration?: number;\n\n  /**\n   * Callback when code is successfully copied\n   */\n  onCopy?: (code: string) => void;\n\n  /**\n   * Callback when copy fails\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Whether to show the language label in the toolbar\n   * @default true\n   */\n  showLanguageLabel?: boolean;\n}\n\nconst DEFAULT_OPTIONS: Required<Omit<CodeCopyOptions, 'onCopy' | 'onError'>> & Pick<CodeCopyOptions, 'onCopy' | 'onError'> = {\n  buttonClass: 'code-copy-btn',\n  toolbarClass: 'code-toolbar',\n  copyIcon: '<i class=\"fas fa-copy\"></i>',\n  successIcon: '<i class=\"fas fa-check\"></i>',\n  errorIcon: '<i class=\"fas fa-times\"></i>',\n  tooltipText: 'Copy code',\n  feedbackDuration: 2000,\n  showLanguageLabel: true,\n  onCopy: undefined,\n  onError: undefined\n};\n\n/**\n * Add copy buttons to all code blocks within a container\n * @param container The DOM element containing code blocks\n * @param options Configuration options\n */\nexport function addCopyButtonsToCodeBlocks(\n  container: HTMLElement,\n  options?: CodeCopyOptions\n): void {\n  const opts = { ...DEFAULT_OPTIONS, ...options };\n\n  const codeBlocks = container.querySelectorAll('pre > code');\n\n  codeBlocks.forEach((codeBlock) => {\n    const pre = codeBlock.parentElement;\n    if (!pre) return;\n\n    // Skip if already has toolbar\n    if (pre.querySelector(`.${opts.toolbarClass}`)) return;\n\n    // Create toolbar\n    const toolbar = document.createElement('div');\n    toolbar.className = opts.toolbarClass;\n\n    // Add language label if enabled\n    if (opts.showLanguageLabel) {\n      const language = extractLanguageFromCode(codeBlock);\n      if (language) {\n        const label = document.createElement('span');\n        label.className = 'code-language-label';\n        label.textContent = formatLanguageName(language);\n        toolbar.appendChild(label);\n      }\n    }\n\n    // Create copy button\n    const button = document.createElement('button');\n    button.className = opts.buttonClass;\n    button.innerHTML = opts.copyIcon;\n    button.title = opts.tooltipText;\n    button.type = 'button';\n    button.setAttribute('aria-label', opts.tooltipText);\n\n    // Add click handler\n    button.addEventListener('click', async () => {\n      const code = codeBlock.textContent || '';\n\n      try {\n        await navigator.clipboard.writeText(code);\n\n        // Show success state\n        button.innerHTML = opts.successIcon;\n        button.classList.add('copied');\n\n        // Call success callback\n        opts.onCopy?.(code);\n\n        // Reset after delay\n        setTimeout(() => {\n          button.innerHTML = opts.copyIcon;\n          button.classList.remove('copied');\n        }, opts.feedbackDuration);\n      } catch (err) {\n        console.error('Failed to copy code:', err);\n\n        // Show error state\n        button.innerHTML = opts.errorIcon;\n        button.classList.add('error');\n\n        // Call error callback\n        opts.onError?.(err as Error);\n\n        // Reset after delay\n        setTimeout(() => {\n          button.innerHTML = opts.copyIcon;\n          button.classList.remove('error');\n        }, opts.feedbackDuration);\n      }\n    });\n\n    toolbar.appendChild(button);\n\n    // Position the pre element for absolute positioning of toolbar\n    pre.style.position = 'relative';\n    pre.insertBefore(toolbar, pre.firstChild);\n  });\n}\n\n/**\n * Extract the language class from a code element\n */\nfunction extractLanguageFromCode(codeElement: Element): string | null {\n  const classes = codeElement.className.split(' ');\n\n  for (const cls of classes) {\n    if (cls.startsWith('language-')) {\n      return cls.replace('language-', '');\n    }\n  }\n\n  return null;\n}\n\n/**\n * Format a language identifier for display\n */\nfunction formatLanguageName(language: string): string {\n  const languageMap: Record<string, string> = {\n    js: 'JavaScript',\n    ts: 'TypeScript',\n    javascript: 'JavaScript',\n    typescript: 'TypeScript',\n    py: 'Python',\n    python: 'Python',\n    rb: 'Ruby',\n    ruby: 'Ruby',\n    cs: 'C#',\n    csharp: 'C#',\n    cpp: 'C++',\n    'c++': 'C++',\n    html: 'HTML',\n    css: 'CSS',\n    scss: 'SCSS',\n    sass: 'Sass',\n    less: 'Less',\n    json: 'JSON',\n    yaml: 'YAML',\n    yml: 'YAML',\n    xml: 'XML',\n    sql: 'SQL',\n    bash: 'Bash',\n    shell: 'Shell',\n    sh: 'Shell',\n    zsh: 'Zsh',\n    powershell: 'PowerShell',\n    ps1: 'PowerShell',\n    md: 'Markdown',\n    markdown: 'Markdown',\n    graphql: 'GraphQL',\n    gql: 'GraphQL',\n    java: 'Java',\n    kotlin: 'Kotlin',\n    swift: 'Swift',\n    go: 'Go',\n    rust: 'Rust',\n    php: 'PHP',\n    r: 'R',\n    dockerfile: 'Dockerfile',\n    docker: 'Docker',\n    nginx: 'Nginx',\n    apache: 'Apache',\n    ini: 'INI',\n    toml: 'TOML',\n    makefile: 'Makefile',\n    diff: 'Diff',\n    plaintext: 'Plain Text',\n    text: 'Plain Text',\n    mermaid: 'Mermaid'\n  };\n\n  return languageMap[language.toLowerCase()] || language.toUpperCase();\n}\n\n/**\n * Remove all copy buttons from code blocks in a container\n * Useful for cleanup when component is destroyed\n */\nexport function removeCopyButtonsFromCodeBlocks(\n  container: HTMLElement,\n  toolbarClass: string = 'code-toolbar'\n): void {\n  const toolbars = container.querySelectorAll(`.${toolbarClass}`);\n  toolbars.forEach((toolbar) => toolbar.remove());\n}\n"]}
+{"version":3,"file":"code-copy.extension.js","sourceRoot":"","sources":["../../../src/lib/extensions/code-copy.extension.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAiEnE,MAAM,eAAe,GAAwG;IAC3H,WAAW,EAAE,eAAe;IAC5B,YAAY,EAAE,cAAc;IAC5B,QAAQ,EAAE,6BAA6B;IACvC,WAAW,EAAE,8BAA8B;IAC3C,SAAS,EAAE,8BAA8B;IACzC,WAAW,EAAE,WAAW;IACxB,gBAAgB,EAAE,IAAI;IACtB,iBAAiB,EAAE,IAAI;IACvB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CACxC,SAAsB,EACtB,OAAyB;IAEzB,MAAM,IAAI,GAAG,EAAE,GAAG,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;IAEhD,MAAM,UAAU,GAAG,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAE5D,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;QAC/B,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC;QACpC,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,8BAA8B;QAC9B,IAAI,GAAG,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YAAE,OAAO;QAEvD,iBAAiB;QACjB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC;QAEtC,gCAAgC;QAChC,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,MAAM,QAAQ,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAC;YACpD,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;gBAC7C,KAAK,CAAC,SAAS,GAAG,qBAAqB,CAAC;gBACxC,KAAK,CAAC,WAAW,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBACjD,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;QAED,qBAAqB;QACrB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;QACpC,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;QACjC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;QAChC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;QACvB,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAEpD,oBAAoB;QACpB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;YAC1C,MAAM,IAAI,GAAG,SAAS,CAAC,WAAW,IAAI,EAAE,CAAC;YAEzC,IAAI,CAAC;gBACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBAE1C,qBAAqB;gBACrB,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;gBACpC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAE/B,wBAAwB;gBACxB,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC;gBAEpB,oBAAoB;gBACpB,UAAU,CAAC,GAAG,EAAE;oBACd,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;oBACjC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;gBACpC,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC5B,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;gBAE3C,mBAAmB;gBACnB,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;gBAClC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBAE9B,sBAAsB;gBACtB,IAAI,CAAC,OAAO,EAAE,CAAC,GAAY,CAAC,CAAC;gBAE7B,oBAAoB;gBACpB,UAAU,CAAC,GAAG,EAAE;oBACd,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;oBACjC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBACnC,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE5B,+DAA+D;QAC/D,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAChC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,SAAS,uBAAuB,CAAC,WAAoB;IACnD,MAAM,OAAO,GAAG,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEjD,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE,CAAC;QAC1B,IAAI,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;YAChC,OAAO,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,+BAA+B,CAC7C,SAAsB,EACtB,eAAuB,cAAc;IAErC,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,CAAC,IAAI,YAAY,EAAE,CAAC,CAAC;IAChE,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;AAClD,CAAC","sourcesContent":["/**\n * Code copy extension utilities\n *\n * This module provides utilities for adding copy-to-clipboard functionality\n * to code blocks. Unlike other marked extensions, this operates on the DOM\n * after rendering since it requires adding interactive elements.\n */\nimport { formatLanguageName } from '@memberjunction/markdown-core';\n\n/**\n * Options for the code copy functionality\n */\nexport interface CodeCopyOptions {\n  /**\n   * CSS class for the copy button\n   * @default 'code-copy-btn'\n   */\n  buttonClass?: string;\n\n  /**\n   * CSS class for the toolbar container\n   * @default 'code-toolbar'\n   */\n  toolbarClass?: string;\n\n  /**\n   * Icon HTML for the copy button\n   * @default '<i class=\"fas fa-copy\"></i>'\n   */\n  copyIcon?: string;\n\n  /**\n   * Icon HTML for successful copy\n   * @default '<i class=\"fas fa-check\"></i>'\n   */\n  successIcon?: string;\n\n  /**\n   * Icon HTML for failed copy\n   * @default '<i class=\"fas fa-times\"></i>'\n   */\n  errorIcon?: string;\n\n  /**\n   * Tooltip text for the copy button\n   * @default 'Copy code'\n   */\n  tooltipText?: string;\n\n  /**\n   * Duration in ms to show success/error state\n   * @default 2000\n   */\n  feedbackDuration?: number;\n\n  /**\n   * Callback when code is successfully copied\n   */\n  onCopy?: (code: string) => void;\n\n  /**\n   * Callback when copy fails\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Whether to show the language label in the toolbar\n   * @default true\n   */\n  showLanguageLabel?: boolean;\n}\n\nconst DEFAULT_OPTIONS: Required<Omit<CodeCopyOptions, 'onCopy' | 'onError'>> & Pick<CodeCopyOptions, 'onCopy' | 'onError'> = {\n  buttonClass: 'code-copy-btn',\n  toolbarClass: 'code-toolbar',\n  copyIcon: '<i class=\"fas fa-copy\"></i>',\n  successIcon: '<i class=\"fas fa-check\"></i>',\n  errorIcon: '<i class=\"fas fa-times\"></i>',\n  tooltipText: 'Copy code',\n  feedbackDuration: 2000,\n  showLanguageLabel: true,\n  onCopy: undefined,\n  onError: undefined\n};\n\n/**\n * Add copy buttons to all code blocks within a container\n * @param container The DOM element containing code blocks\n * @param options Configuration options\n */\nexport function addCopyButtonsToCodeBlocks(\n  container: HTMLElement,\n  options?: CodeCopyOptions\n): void {\n  const opts = { ...DEFAULT_OPTIONS, ...options };\n\n  const codeBlocks = container.querySelectorAll('pre > code');\n\n  codeBlocks.forEach((codeBlock) => {\n    const pre = codeBlock.parentElement;\n    if (!pre) return;\n\n    // Skip if already has toolbar\n    if (pre.querySelector(`.${opts.toolbarClass}`)) return;\n\n    // Create toolbar\n    const toolbar = document.createElement('div');\n    toolbar.className = opts.toolbarClass;\n\n    // Add language label if enabled\n    if (opts.showLanguageLabel) {\n      const language = extractLanguageFromCode(codeBlock);\n      if (language) {\n        const label = document.createElement('span');\n        label.className = 'code-language-label';\n        label.textContent = formatLanguageName(language);\n        toolbar.appendChild(label);\n      }\n    }\n\n    // Create copy button\n    const button = document.createElement('button');\n    button.className = opts.buttonClass;\n    button.innerHTML = opts.copyIcon;\n    button.title = opts.tooltipText;\n    button.type = 'button';\n    button.setAttribute('aria-label', opts.tooltipText);\n\n    // Add click handler\n    button.addEventListener('click', async () => {\n      const code = codeBlock.textContent || '';\n\n      try {\n        await navigator.clipboard.writeText(code);\n\n        // Show success state\n        button.innerHTML = opts.successIcon;\n        button.classList.add('copied');\n\n        // Call success callback\n        opts.onCopy?.(code);\n\n        // Reset after delay\n        setTimeout(() => {\n          button.innerHTML = opts.copyIcon;\n          button.classList.remove('copied');\n        }, opts.feedbackDuration);\n      } catch (err) {\n        console.error('Failed to copy code:', err);\n\n        // Show error state\n        button.innerHTML = opts.errorIcon;\n        button.classList.add('error');\n\n        // Call error callback\n        opts.onError?.(err as Error);\n\n        // Reset after delay\n        setTimeout(() => {\n          button.innerHTML = opts.copyIcon;\n          button.classList.remove('error');\n        }, opts.feedbackDuration);\n      }\n    });\n\n    toolbar.appendChild(button);\n\n    // Position the pre element for absolute positioning of toolbar\n    pre.style.position = 'relative';\n    pre.insertBefore(toolbar, pre.firstChild);\n  });\n}\n\n/**\n * Extract the language class from a code element\n */\nfunction extractLanguageFromCode(codeElement: Element): string | null {\n  const classes = codeElement.className.split(' ');\n\n  for (const cls of classes) {\n    if (cls.startsWith('language-')) {\n      return cls.replace('language-', '');\n    }\n  }\n\n  return null;\n}\n\n/**\n * Remove all copy buttons from code blocks in a container\n * Useful for cleanup when component is destroyed\n */\nexport function removeCopyButtonsFromCodeBlocks(\n  container: HTMLElement,\n  toolbarClass: string = 'code-toolbar'\n): void {\n  const toolbars = container.querySelectorAll(`.${toolbarClass}`);\n  toolbars.forEach((toolbar) => toolbar.remove());\n}\n"]}

package/dist/lib/extensions/collapsible-headings.extension.d.ts

@@ -1,73 +1,11 @@
-import { MarkedExtension } from 'marked';
 /**
- * Options for the collapsible headings extension
- */
-export interface CollapsibleHeadingsOptions {
-    /**
-     * The minimum heading level to make collapsible (1-6)
-     * Headings at this level and below will be collapsible
-     * @default 2
-     */
-    startLevel?: 1 | 2 | 3 | 4 | 5 | 6;
-    /**
-     * Whether sections should be expanded by default
-     * @default true
-     */
-    defaultExpanded?: boolean;
-    /**
-     * Specify which heading levels should start expanded.
-     * Takes precedence over defaultExpanded for specified levels.
-     * @default undefined (uses defaultExpanded for all levels)
-     */
-    autoExpandLevels?: number[];
-    /**
-     * CSS class prefix for generated elements
-     * @default 'collapsible'
-     */
-    classPrefix?: string;
-}
-/**
- * Creates a marked extension that wraps heading sections in collapsible containers.
- *
- * This extension transforms headings into clickable toggles that can expand/collapse
- * the content that follows them (until the next heading of equal or higher level).
- *
- * The key innovation is that child sections are properly NESTED inside parent sections,
- * so collapsing a parent will hide all its children.
- *
- * Usage:
- * ```typescript
- * import { Marked } from 'marked';
- * import { createCollapsibleHeadingsExtension } from './collapsible-headings.extension';
- *
- * const marked = new Marked();
- * marked.use(createCollapsibleHeadingsExtension({ startLevel: 2 }));
- * ```
- *
- * The generated HTML structure (properly nested):
- * ```html
- * <div class="collapsible-section" data-level="2">
- *   <div class="collapsible-heading-wrapper">
- *     <h2 class="collapsible-heading" id="...">Parent Heading</h2>
- *   </div>
- *   <div class="collapsible-content">
- *     <p>Content under parent...</p>
- *     <div class="collapsible-section" data-level="3">
- *       <div class="collapsible-heading-wrapper">
- *         <h3 class="collapsible-heading" id="...">Child Heading</h3>
- *       </div>
- *       <div class="collapsible-content">
- *         <p>Content under child...</p>
- *       </div>
- *     </div>
- *   </div>
- * </div>
- * ```
+ * Web-only DOM helpers for collapsible heading sections.
  *
- * Note: The toggle button is added dynamically by the component after rendering
- * to avoid issues with Angular's HTML sanitizer.
+ * The framework-agnostic marked extension that produces the nested
+ * `<div class="collapsible-section">` HTML (`createCollapsibleHeadingsExtension`)
+ * now lives in `@memberjunction/markdown-core`. This file keeps the browser-only
+ * helpers that toggle the rendered sections in a live DOM.
  */
-export declare function createCollapsibleHeadingsExtension(options?: CollapsibleHeadingsOptions): MarkedExtension;
 /**
  * Helper function to toggle a collapsible section programmatically
  */

package/dist/lib/extensions/collapsible-headings.extension.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible-headings.extension.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/collapsible-headings.extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAU,MAAM,QAAQ,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEnC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,kCAAkC,CAChD,OAAO,CAAC,EAAE,0BAA0B,GACnC,eAAe,CA8BjB;AAuID;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,cAAc,EAAE,WAAW,GAAG,IAAI,CAS1E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAS9D;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAShE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAgB/E"}
+{"version":3,"file":"collapsible-headings.extension.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/collapsible-headings.extension.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,cAAc,EAAE,WAAW,GAAG,IAAI,CAS1E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAS9D;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAShE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAgB/E"}

package/dist/lib/extensions/collapsible-headings.extension.js

@@ -1,185 +1,11 @@
-const DEFAULT_OPTIONS = {
-    startLevel: 2,
-    defaultExpanded: true,
-    autoExpandLevels: undefined,
-    classPrefix: 'collapsible'
-};
 /**
- * Creates a marked extension that wraps heading sections in collapsible containers.
+ * Web-only DOM helpers for collapsible heading sections.
  *
- * This extension transforms headings into clickable toggles that can expand/collapse
- * the content that follows them (until the next heading of equal or higher level).
- *
- * The key innovation is that child sections are properly NESTED inside parent sections,
- * so collapsing a parent will hide all its children.
- *
- * Usage:
- * ```typescript
- * import { Marked } from 'marked';
- * import { createCollapsibleHeadingsExtension } from './collapsible-headings.extension';
- *
- * const marked = new Marked();
- * marked.use(createCollapsibleHeadingsExtension({ startLevel: 2 }));
- * ```
- *
- * The generated HTML structure (properly nested):
- * ```html
- * <div class="collapsible-section" data-level="2">
- *   <div class="collapsible-heading-wrapper">
- *     <h2 class="collapsible-heading" id="...">Parent Heading</h2>
- *   </div>
- *   <div class="collapsible-content">
- *     <p>Content under parent...</p>
- *     <div class="collapsible-section" data-level="3">
- *       <div class="collapsible-heading-wrapper">
- *         <h3 class="collapsible-heading" id="...">Child Heading</h3>
- *       </div>
- *       <div class="collapsible-content">
- *         <p>Content under child...</p>
- *       </div>
- *     </div>
- *   </div>
- * </div>
- * ```
- *
- * Note: The toggle button is added dynamically by the component after rendering
- * to avoid issues with Angular's HTML sanitizer.
- */
-export function createCollapsibleHeadingsExtension(options) {
-    const opts = { ...DEFAULT_OPTIONS, ...options };
-    return {
-        renderer: {
-            // Mark headings with a special marker that we'll process in postprocess
-            heading(token) {
-                const { depth, text } = token;
-                const escapedText = text.toLowerCase().replace(/[^\w]+/g, '-');
-                const id = `heading-${escapedText}`;
-                // Only make headings collapsible at or below the start level
-                if (depth >= opts.startLevel) {
-                    // Use a marker format that we'll parse in postprocess
-                    // Format: <!--COLLAPSIBLE_HEADING:level:id:text-->
-                    const marker = `<!--COLLAPSIBLE_HEADING:${depth}:${id}:${encodeURIComponent(text)}-->`;
-                    return `${marker}<h${depth} id="${id}">${text}</h${depth}>\n`;
-                }
-                // Regular heading rendering for levels above startLevel
-                return `<h${depth} id="${id}">${text}</h${depth}>\n`;
-            }
-        },
-        hooks: {
-            postprocess(html) {
-                return restructureToNestedSections(html, opts);
-            }
-        }
-    };
-}
-/**
- * Restructures flat HTML with heading markers into properly nested collapsible sections.
- * This is the key function that creates the hierarchical structure needed for
- * parent collapse to affect children.
+ * The framework-agnostic marked extension that produces the nested
+ * `<div class="collapsible-section">` HTML (`createCollapsibleHeadingsExtension`)
+ * now lives in `@memberjunction/markdown-core`. This file keeps the browser-only
+ * helpers that toggle the rendered sections in a live DOM.
  */
-function restructureToNestedSections(html, opts) {
-    // Parse the HTML to find all content chunks and headings
-    const markerRegex = /<!--COLLAPSIBLE_HEADING:(\d):([^:]+):([^>]+)-->/g;
-    // Split HTML by markers while capturing the markers
-    const parts = [];
-    let lastIndex = 0;
-    let match;
-    while ((match = markerRegex.exec(html)) !== null) {
-        // Add content before this marker
-        if (match.index > lastIndex) {
-            const content = html.slice(lastIndex, match.index);
-            if (content.trim()) {
-                parts.push({ type: 'content', content });
-            }
-        }
-        // Add the heading marker info
-        parts.push({
-            type: 'heading',
-            content: '', // Will be filled with the actual h tag
-            level: parseInt(match[1], 10),
-            id: match[2],
-            text: decodeURIComponent(match[3])
-        });
-        lastIndex = match.index + match[0].length;
-    }
-    // Add remaining content after last marker
-    if (lastIndex < html.length) {
-        const content = html.slice(lastIndex);
-        if (content.trim()) {
-            parts.push({ type: 'content', content });
-        }
-    }
-    // If no collapsible headings, return original HTML
-    if (!parts.some(p => p.type === 'heading')) {
-        return html;
-    }
-    // Now build the nested structure
-    return buildNestedStructure(parts, opts);
-}
-/**
- * Determine if a heading level should start expanded based on options
- */
-function shouldLevelBeExpanded(level, opts) {
-    // If autoExpandLevels is specified, use it
-    if (opts.autoExpandLevels !== undefined) {
-        return opts.autoExpandLevels.includes(level);
-    }
-    // Otherwise fall back to defaultExpanded
-    return opts.defaultExpanded;
-}
-/**
- * Builds the nested HTML structure from the parsed parts.
- */
-function buildNestedStructure(parts, opts) {
-    const result = [];
-    // Stack tracks open sections: { level, hasContent }
-    const sectionStack = [];
-    for (let i = 0; i < parts.length; i++) {
-        const part = parts[i];
-        if (part.type === 'content') {
-            // Regular content - just add it
-            result.push(part.content);
-        }
-        else if (part.type === 'heading' && part.level !== undefined) {
-            const level = part.level;
-            // Close any sections at same or higher level (lower number = higher level)
-            while (sectionStack.length > 0 && sectionStack[sectionStack.length - 1].level >= level) {
-                // Close the content div and section div
-                result.push('</div></div>');
-                sectionStack.pop();
-            }
-            // Determine expanded state for this specific level
-            const isExpanded = shouldLevelBeExpanded(level, opts);
-            const expandedClass = isExpanded ? '' : ' collapsed';
-            // Extract the actual h tag from the next content piece if it starts with it
-            let headingHtml = `<h${level} class="${opts.classPrefix}-heading" id="${part.id}">${part.text}</h${level}>`;
-            // Look ahead to find and remove the actual h tag from content
-            if (i + 1 < parts.length && parts[i + 1].type === 'content') {
-                const nextContent = parts[i + 1].content;
-                const hTagRegex = new RegExp(`<h${level}[^>]*id="${part.id}"[^>]*>[^<]*</h${level}>\\s*`);
-                const hTagMatch = nextContent.match(hTagRegex);
-                if (hTagMatch) {
-                    // Use the actual h tag and remove it from content
-                    headingHtml = hTagMatch[0].replace(`<h${level}`, `<h${level} class="${opts.classPrefix}-heading"`);
-                    parts[i + 1].content = nextContent.replace(hTagRegex, '');
-                }
-            }
-            // Open new section
-            result.push(`<div class="${opts.classPrefix}-section${expandedClass}" data-level="${level}">`);
-            result.push(`<div class="${opts.classPrefix}-heading-wrapper">`);
-            result.push(headingHtml);
-            result.push('</div>');
-            result.push(`<div class="${opts.classPrefix}-content">`);
-            sectionStack.push({ level });
-        }
-    }
-    // Close any remaining open sections
-    while (sectionStack.length > 0) {
-        result.push('</div></div>');
-        sectionStack.pop();
-    }
-    return result.join('');
-}
 /**
  * Helper function to toggle a collapsible section programmatically
  */

package/dist/lib/extensions/collapsible-headings.extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible-headings.extension.js","sourceRoot":"","sources":["../../../src/lib/extensions/collapsible-headings.extension.ts"],"names":[],"mappings":"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","sourcesContent":["import { MarkedExtension, Tokens } from 'marked';\n\n/**\n * Options for the collapsible headings extension\n */\nexport interface CollapsibleHeadingsOptions {\n  /**\n   * The minimum heading level to make collapsible (1-6)\n   * Headings at this level and below will be collapsible\n   * @default 2\n   */\n  startLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n\n  /**\n   * Whether sections should be expanded by default\n   * @default true\n   */\n  defaultExpanded?: boolean;\n\n  /**\n   * Specify which heading levels should start expanded.\n   * Takes precedence over defaultExpanded for specified levels.\n   * @default undefined (uses defaultExpanded for all levels)\n   */\n  autoExpandLevels?: number[];\n\n  /**\n   * CSS class prefix for generated elements\n   * @default 'collapsible'\n   */\n  classPrefix?: string;\n}\n\ninterface ResolvedOptions {\n  startLevel: 1 | 2 | 3 | 4 | 5 | 6;\n  defaultExpanded: boolean;\n  autoExpandLevels?: number[];\n  classPrefix: string;\n}\n\nconst DEFAULT_OPTIONS: ResolvedOptions = {\n  startLevel: 2,\n  defaultExpanded: true,\n  autoExpandLevels: undefined,\n  classPrefix: 'collapsible'\n};\n\n/**\n * Creates a marked extension that wraps heading sections in collapsible containers.\n *\n * This extension transforms headings into clickable toggles that can expand/collapse\n * the content that follows them (until the next heading of equal or higher level).\n *\n * The key innovation is that child sections are properly NESTED inside parent sections,\n * so collapsing a parent will hide all its children.\n *\n * Usage:\n * ```typescript\n * import { Marked } from 'marked';\n * import { createCollapsibleHeadingsExtension } from './collapsible-headings.extension';\n *\n * const marked = new Marked();\n * marked.use(createCollapsibleHeadingsExtension({ startLevel: 2 }));\n * ```\n *\n * The generated HTML structure (properly nested):\n * ```html\n * <div class=\"collapsible-section\" data-level=\"2\">\n *   <div class=\"collapsible-heading-wrapper\">\n *     <h2 class=\"collapsible-heading\" id=\"...\">Parent Heading</h2>\n *   </div>\n *   <div class=\"collapsible-content\">\n *     <p>Content under parent...</p>\n *     <div class=\"collapsible-section\" data-level=\"3\">\n *       <div class=\"collapsible-heading-wrapper\">\n *         <h3 class=\"collapsible-heading\" id=\"...\">Child Heading</h3>\n *       </div>\n *       <div class=\"collapsible-content\">\n *         <p>Content under child...</p>\n *       </div>\n *     </div>\n *   </div>\n * </div>\n * ```\n *\n * Note: The toggle button is added dynamically by the component after rendering\n * to avoid issues with Angular's HTML sanitizer.\n */\nexport function createCollapsibleHeadingsExtension(\n  options?: CollapsibleHeadingsOptions\n): MarkedExtension {\n  const opts: ResolvedOptions = { ...DEFAULT_OPTIONS, ...options };\n\n  return {\n    renderer: {\n      // Mark headings with a special marker that we'll process in postprocess\n      heading(token: Tokens.Heading): string {\n        const { depth, text } = token;\n        const escapedText = text.toLowerCase().replace(/[^\\w]+/g, '-');\n        const id = `heading-${escapedText}`;\n\n        // Only make headings collapsible at or below the start level\n        if (depth >= opts.startLevel) {\n          // Use a marker format that we'll parse in postprocess\n          // Format: <!--COLLAPSIBLE_HEADING:level:id:text-->\n          const marker = `<!--COLLAPSIBLE_HEADING:${depth}:${id}:${encodeURIComponent(text)}-->`;\n          return `${marker}<h${depth} id=\"${id}\">${text}</h${depth}>\\n`;\n        }\n\n        // Regular heading rendering for levels above startLevel\n        return `<h${depth} id=\"${id}\">${text}</h${depth}>\\n`;\n      }\n    },\n\n    hooks: {\n      postprocess(html: string): string {\n        return restructureToNestedSections(html, opts);\n      }\n    }\n  };\n}\n\n/**\n * Restructures flat HTML with heading markers into properly nested collapsible sections.\n * This is the key function that creates the hierarchical structure needed for\n * parent collapse to affect children.\n */\nfunction restructureToNestedSections(\n  html: string,\n  opts: ResolvedOptions\n): string {\n  // Parse the HTML to find all content chunks and headings\n  const markerRegex = /<!--COLLAPSIBLE_HEADING:(\\d):([^:]+):([^>]+)-->/g;\n\n  // Split HTML by markers while capturing the markers\n  const parts: Array<{ type: 'content' | 'heading'; content: string; level?: number; id?: string; text?: string }> = [];\n  let lastIndex = 0;\n  let match;\n\n  while ((match = markerRegex.exec(html)) !== null) {\n    // Add content before this marker\n    if (match.index > lastIndex) {\n      const content = html.slice(lastIndex, match.index);\n      if (content.trim()) {\n        parts.push({ type: 'content', content });\n      }\n    }\n\n    // Add the heading marker info\n    parts.push({\n      type: 'heading',\n      content: '', // Will be filled with the actual h tag\n      level: parseInt(match[1], 10),\n      id: match[2],\n      text: decodeURIComponent(match[3])\n    });\n\n    lastIndex = match.index + match[0].length;\n  }\n\n  // Add remaining content after last marker\n  if (lastIndex < html.length) {\n    const content = html.slice(lastIndex);\n    if (content.trim()) {\n      parts.push({ type: 'content', content });\n    }\n  }\n\n  // If no collapsible headings, return original HTML\n  if (!parts.some(p => p.type === 'heading')) {\n    return html;\n  }\n\n  // Now build the nested structure\n  return buildNestedStructure(parts, opts);\n}\n\n/**\n * Determine if a heading level should start expanded based on options\n */\nfunction shouldLevelBeExpanded(level: number, opts: ResolvedOptions): boolean {\n  // If autoExpandLevels is specified, use it\n  if (opts.autoExpandLevels !== undefined) {\n    return opts.autoExpandLevels.includes(level);\n  }\n  // Otherwise fall back to defaultExpanded\n  return opts.defaultExpanded;\n}\n\n/**\n * Builds the nested HTML structure from the parsed parts.\n */\nfunction buildNestedStructure(\n  parts: Array<{ type: 'content' | 'heading'; content: string; level?: number; id?: string; text?: string }>,\n  opts: ResolvedOptions\n): string {\n  const result: string[] = [];\n  // Stack tracks open sections: { level, hasContent }\n  const sectionStack: Array<{ level: number }> = [];\n\n  for (let i = 0; i < parts.length; i++) {\n    const part = parts[i];\n\n    if (part.type === 'content') {\n      // Regular content - just add it\n      result.push(part.content);\n    } else if (part.type === 'heading' && part.level !== undefined) {\n      const level = part.level;\n\n      // Close any sections at same or higher level (lower number = higher level)\n      while (sectionStack.length > 0 && sectionStack[sectionStack.length - 1].level >= level) {\n        // Close the content div and section div\n        result.push('</div></div>');\n        sectionStack.pop();\n      }\n\n      // Determine expanded state for this specific level\n      const isExpanded = shouldLevelBeExpanded(level, opts);\n      const expandedClass = isExpanded ? '' : ' collapsed';\n\n      // Extract the actual h tag from the next content piece if it starts with it\n      let headingHtml = `<h${level} class=\"${opts.classPrefix}-heading\" id=\"${part.id}\">${part.text}</h${level}>`;\n\n      // Look ahead to find and remove the actual h tag from content\n      if (i + 1 < parts.length && parts[i + 1].type === 'content') {\n        const nextContent = parts[i + 1].content;\n        const hTagRegex = new RegExp(`<h${level}[^>]*id=\"${part.id}\"[^>]*>[^<]*</h${level}>\\\\s*`);\n        const hTagMatch = nextContent.match(hTagRegex);\n        if (hTagMatch) {\n          // Use the actual h tag and remove it from content\n          headingHtml = hTagMatch[0].replace(`<h${level}`, `<h${level} class=\"${opts.classPrefix}-heading\"`);\n          parts[i + 1].content = nextContent.replace(hTagRegex, '');\n        }\n      }\n\n      // Open new section\n      result.push(`<div class=\"${opts.classPrefix}-section${expandedClass}\" data-level=\"${level}\">`);\n      result.push(`<div class=\"${opts.classPrefix}-heading-wrapper\">`);\n      result.push(headingHtml);\n      result.push('</div>');\n      result.push(`<div class=\"${opts.classPrefix}-content\">`);\n\n      sectionStack.push({ level });\n    }\n  }\n\n  // Close any remaining open sections\n  while (sectionStack.length > 0) {\n    result.push('</div></div>');\n    sectionStack.pop();\n  }\n\n  return result.join('');\n}\n\n/**\n * Helper function to toggle a collapsible section programmatically\n */\nexport function toggleCollapsibleSection(sectionElement: HTMLElement): void {\n  const isCollapsed = sectionElement.classList.contains('collapsed');\n  const toggle = sectionElement.querySelector('.collapsible-toggle');\n\n  sectionElement.classList.toggle('collapsed');\n\n  if (toggle) {\n    toggle.setAttribute('aria-expanded', String(isCollapsed));\n  }\n}\n\n/**\n * Expand all collapsible sections in a container\n */\nexport function expandAllSections(container: HTMLElement): void {\n  const sections = container.querySelectorAll('.collapsible-section.collapsed');\n  sections.forEach((section) => {\n    section.classList.remove('collapsed');\n    const toggle = section.querySelector('.collapsible-toggle');\n    if (toggle) {\n      toggle.setAttribute('aria-expanded', 'true');\n    }\n  });\n}\n\n/**\n * Collapse all collapsible sections in a container\n */\nexport function collapseAllSections(container: HTMLElement): void {\n  const sections = container.querySelectorAll('.collapsible-section:not(.collapsed)');\n  sections.forEach((section) => {\n    section.classList.add('collapsed');\n    const toggle = section.querySelector('.collapsible-toggle');\n    if (toggle) {\n      toggle.setAttribute('aria-expanded', 'false');\n    }\n  });\n}\n\n/**\n * Expand sections to reveal a specific heading by ID\n */\nexport function expandToHeading(container: HTMLElement, headingId: string): void {\n  const heading = container.querySelector(`#${headingId}`);\n  if (!heading) return;\n\n  // Find all ancestor collapsible sections and expand them\n  let current: HTMLElement | null = heading.closest('.collapsible-section');\n  while (current) {\n    if (current.classList.contains('collapsed')) {\n      current.classList.remove('collapsed');\n      const toggle = current.querySelector(':scope > .collapsible-heading-wrapper .collapsible-toggle');\n      if (toggle) {\n        toggle.setAttribute('aria-expanded', 'true');\n      }\n    }\n    current = current.parentElement?.closest('.collapsible-section') || null;\n  }\n}\n"]}
+{"version":3,"file":"collapsible-headings.extension.js","sourceRoot":"","sources":["../../../src/lib/extensions/collapsible-headings.extension.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAC,cAA2B;IAClE,MAAM,WAAW,GAAG,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACnE,MAAM,MAAM,GAAG,cAAc,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAEnE,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAE7C,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5D,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,SAAsB;IACtD,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,CAAC,gCAAgC,CAAC,CAAC;IAC9E,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC3B,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACtC,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC5D,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,SAAsB;IACxD,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,CAAC,sCAAsC,CAAC,CAAC;IACpF,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC3B,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC5D,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,SAAsB,EAAE,SAAiB;IACvE,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC;IACzD,IAAI,CAAC,OAAO;QAAE,OAAO;IAErB,yDAAyD;IACzD,IAAI,OAAO,GAAuB,OAAO,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAC1E,OAAO,OAAO,EAAE,CAAC;QACf,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;YAC5C,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACtC,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,2DAA2D,CAAC,CAAC;YAClG,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;QACD,OAAO,GAAG,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,sBAAsB,CAAC,IAAI,IAAI,CAAC;IAC3E,CAAC;AACH,CAAC","sourcesContent":["/**\n * Web-only DOM helpers for collapsible heading sections.\n *\n * The framework-agnostic marked extension that produces the nested\n * `<div class=\"collapsible-section\">` HTML (`createCollapsibleHeadingsExtension`)\n * now lives in `@memberjunction/markdown-core`. This file keeps the browser-only\n * helpers that toggle the rendered sections in a live DOM.\n */\n\n/**\n * Helper function to toggle a collapsible section programmatically\n */\nexport function toggleCollapsibleSection(sectionElement: HTMLElement): void {\n  const isCollapsed = sectionElement.classList.contains('collapsed');\n  const toggle = sectionElement.querySelector('.collapsible-toggle');\n\n  sectionElement.classList.toggle('collapsed');\n\n  if (toggle) {\n    toggle.setAttribute('aria-expanded', String(isCollapsed));\n  }\n}\n\n/**\n * Expand all collapsible sections in a container\n */\nexport function expandAllSections(container: HTMLElement): void {\n  const sections = container.querySelectorAll('.collapsible-section.collapsed');\n  sections.forEach((section) => {\n    section.classList.remove('collapsed');\n    const toggle = section.querySelector('.collapsible-toggle');\n    if (toggle) {\n      toggle.setAttribute('aria-expanded', 'true');\n    }\n  });\n}\n\n/**\n * Collapse all collapsible sections in a container\n */\nexport function collapseAllSections(container: HTMLElement): void {\n  const sections = container.querySelectorAll('.collapsible-section:not(.collapsed)');\n  sections.forEach((section) => {\n    section.classList.add('collapsed');\n    const toggle = section.querySelector('.collapsible-toggle');\n    if (toggle) {\n      toggle.setAttribute('aria-expanded', 'false');\n    }\n  });\n}\n\n/**\n * Expand sections to reveal a specific heading by ID\n */\nexport function expandToHeading(container: HTMLElement, headingId: string): void {\n  const heading = container.querySelector(`#${headingId}`);\n  if (!heading) return;\n\n  // Find all ancestor collapsible sections and expand them\n  let current: HTMLElement | null = heading.closest('.collapsible-section');\n  while (current) {\n    if (current.classList.contains('collapsed')) {\n      current.classList.remove('collapsed');\n      const toggle = current.querySelector(':scope > .collapsible-heading-wrapper .collapsible-toggle');\n      if (toggle) {\n        toggle.setAttribute('aria-expanded', 'true');\n      }\n    }\n    current = current.parentElement?.closest('.collapsible-section') || null;\n  }\n}\n"]}

package/dist/lib/extensions/svg-renderer.extension.d.ts

@@ -1,34 +1,11 @@
-import { MarkedExtension } from 'marked';
 /**
- * Creates a marked extension that renders SVG code blocks as actual SVG images.
+ * Web-only DOM utilities that complement the SVG renderer marked extension.
  *
- * When encountering a code block with language "svg", this extension will
- * render it as an actual SVG element instead of showing the code.
- *
- * This is useful for:
- * - UX mockups and wireframes
- * - Diagrams and illustrations
- * - Icons and simple graphics
- * - Any visual content that can be expressed as SVG
- *
- * Usage in markdown:
- * ```svg
- * <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
- *   <circle cx="50" cy="50" r="40" fill="blue"/>
- * </svg>
- * ```
- *
- * The generated HTML structure:
- * ```html
- * <div class="svg-rendered">
- *   <svg ...>...</svg>
- * </div>
- * ```
- *
- * Security note: SVG content is rendered as-is. Make sure to only render
- * trusted SVG content or enable sanitization if rendering user-provided content.
+ * The framework-agnostic SVG tokenizer/renderer (`createSvgRendererExtension`,
+ * `isSvgContent`) now lives in `@memberjunction/markdown-core`. This file keeps
+ * the browser-only sanitization helper, which operates on a live DOM subtree
+ * after the SVG has been inserted into the page.
  */
-export declare function createSvgRendererExtension(): MarkedExtension;
 /**
  * Helper function to sanitize SVG content by removing potentially dangerous elements.
  * Call this on the container element after rendering if you need additional security.

package/dist/lib/extensions/svg-renderer.extension.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg-renderer.extension.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/svg-renderer.extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,0BAA0B,IAAI,eAAe,CAmC5D;AAiBD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAgD/D"}
+{"version":3,"file":"svg-renderer.extension.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/svg-renderer.extension.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAgD/D"}

package/dist/lib/extensions/svg-renderer.extension.js

@@ -1,78 +1,11 @@
 /**
- * Creates a marked extension that renders SVG code blocks as actual SVG images.
+ * Web-only DOM utilities that complement the SVG renderer marked extension.
  *
- * When encountering a code block with language "svg", this extension will
- * render it as an actual SVG element instead of showing the code.
- *
- * This is useful for:
- * - UX mockups and wireframes
- * - Diagrams and illustrations
- * - Icons and simple graphics
- * - Any visual content that can be expressed as SVG
- *
- * Usage in markdown:
- * ```svg
- * <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
- *   <circle cx="50" cy="50" r="40" fill="blue"/>
- * </svg>
- * ```
- *
- * The generated HTML structure:
- * ```html
- * <div class="svg-rendered">
- *   <svg ...>...</svg>
- * </div>
- * ```
- *
- * Security note: SVG content is rendered as-is. Make sure to only render
- * trusted SVG content or enable sanitization if rendering user-provided content.
+ * The framework-agnostic SVG tokenizer/renderer (`createSvgRendererExtension`,
+ * `isSvgContent`) now lives in `@memberjunction/markdown-core`. This file keeps
+ * the browser-only sanitization helper, which operates on a live DOM subtree
+ * after the SVG has been inserted into the page.
  */
-export function createSvgRendererExtension() {
-    return {
-        extensions: [{
-                name: 'svgCodeBlock',
-                level: 'block',
-                start(src) {
-                    // Look for ```svg at the start of the source
-                    const match = src.match(/^```svg\b/);
-                    return match ? match.index : undefined;
-                },
-                tokenizer(src) {
-                    // Match ```svg code blocks
-                    const rule = /^```svg\n([\s\S]*?)```(?:\n|$)/;
-                    const match = rule.exec(src);
-                    if (match) {
-                        const svgContent = match[1].trim();
-                        // Only process if it looks like valid SVG
-                        if (isSvgContent(svgContent)) {
-                            return {
-                                type: 'svgCodeBlock',
-                                raw: match[0],
-                                svgContent: svgContent
-                            };
-                        }
-                    }
-                    return undefined;
-                },
-                renderer(token) {
-                    const svgToken = token;
-                    return `<div class="svg-rendered">${svgToken.svgContent}</div>\n`;
-                }
-            }]
-    };
-}
-/**
- * Basic validation to check if content appears to be SVG.
- * This is a simple check - it doesn't fully validate SVG syntax.
- */
-function isSvgContent(content) {
-    // Check if it starts with <svg and contains closing </svg>
-    const startsWithSvg = content.toLowerCase().startsWith('<svg');
-    const hasSvgClosing = content.toLowerCase().includes('</svg>');
-    // Also accept self-closing SVG (rare but valid)
-    const isSelfClosing = content.toLowerCase().match(/<svg[^>]*\/>/);
-    return (startsWithSvg && hasSvgClosing) || !!isSelfClosing;
-}
 /**
  * Helper function to sanitize SVG content by removing potentially dangerous elements.
  * Call this on the container element after rendering if you need additional security.

package/dist/lib/extensions/svg-renderer.extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg-renderer.extension.js","sourceRoot":"","sources":["../../../src/lib/extensions/svg-renderer.extension.ts"],"names":[],"mappings":"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","sourcesContent":["import { MarkedExtension } from 'marked';\n\n/**\n * Creates a marked extension that renders SVG code blocks as actual SVG images.\n *\n * When encountering a code block with language \"svg\", this extension will\n * render it as an actual SVG element instead of showing the code.\n *\n * This is useful for:\n * - UX mockups and wireframes\n * - Diagrams and illustrations\n * - Icons and simple graphics\n * - Any visual content that can be expressed as SVG\n *\n * Usage in markdown:\n * ```svg\n * <svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\">\n *   <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"blue\"/>\n * </svg>\n * ```\n *\n * The generated HTML structure:\n * ```html\n * <div class=\"svg-rendered\">\n *   <svg ...>...</svg>\n * </div>\n * ```\n *\n * Security note: SVG content is rendered as-is. Make sure to only render\n * trusted SVG content or enable sanitization if rendering user-provided content.\n */\nexport function createSvgRendererExtension(): MarkedExtension {\n  return {\n    extensions: [{\n      name: 'svgCodeBlock',\n      level: 'block',\n      start(src: string) {\n        // Look for ```svg at the start of the source\n        const match = src.match(/^```svg\\b/);\n        return match ? match.index : undefined;\n      },\n      tokenizer(src: string) {\n        // Match ```svg code blocks\n        const rule = /^```svg\\n([\\s\\S]*?)```(?:\\n|$)/;\n        const match = rule.exec(src);\n\n        if (match) {\n          const svgContent = match[1].trim();\n\n          // Only process if it looks like valid SVG\n          if (isSvgContent(svgContent)) {\n            return {\n              type: 'svgCodeBlock',\n              raw: match[0],\n              svgContent: svgContent\n            };\n          }\n        }\n        return undefined;\n      },\n      renderer(token) {\n        const svgToken = token as unknown as { svgContent: string };\n        return `<div class=\"svg-rendered\">${svgToken.svgContent}</div>\\n`;\n      }\n    }]\n  };\n}\n\n/**\n * Basic validation to check if content appears to be SVG.\n * This is a simple check - it doesn't fully validate SVG syntax.\n */\nfunction isSvgContent(content: string): boolean {\n  // Check if it starts with <svg and contains closing </svg>\n  const startsWithSvg = content.toLowerCase().startsWith('<svg');\n  const hasSvgClosing = content.toLowerCase().includes('</svg>');\n\n  // Also accept self-closing SVG (rare but valid)\n  const isSelfClosing = content.toLowerCase().match(/<svg[^>]*\\/>/);\n\n  return (startsWithSvg && hasSvgClosing) || !!isSelfClosing;\n}\n\n/**\n * Helper function to sanitize SVG content by removing potentially dangerous elements.\n * Call this on the container element after rendering if you need additional security.\n *\n * @param container The DOM element containing rendered SVG\n */\nexport function sanitizeSvgContent(container: HTMLElement): void {\n  // Remove script elements\n  const scripts = container.querySelectorAll('script');\n  scripts.forEach(script => script.remove());\n\n  // Remove event handlers from all elements\n  const allElements = container.querySelectorAll('*');\n  allElements.forEach(el => {\n    // Remove common event handler attributes\n    const dangerousAttrs = [\n      'onload', 'onerror', 'onclick', 'onmouseover', 'onmouseout',\n      'onfocus', 'onblur', 'onchange', 'onsubmit', 'onreset',\n      'onkeydown', 'onkeyup', 'onkeypress'\n    ];\n\n    dangerousAttrs.forEach(attr => {\n      if (el.hasAttribute(attr)) {\n        el.removeAttribute(attr);\n      }\n    });\n\n    // Remove javascript: URLs from href/xlink:href\n    if (el.hasAttribute('href')) {\n      const href = el.getAttribute('href') || '';\n      if (href.toLowerCase().startsWith('javascript:')) {\n        el.removeAttribute('href');\n      }\n    }\n    if (el.hasAttribute('xlink:href')) {\n      const href = el.getAttribute('xlink:href') || '';\n      if (href.toLowerCase().startsWith('javascript:')) {\n        el.removeAttribute('xlink:href');\n      }\n    }\n  });\n\n  // Remove foreignObject elements (can contain HTML/scripts)\n  const foreignObjects = container.querySelectorAll('foreignObject');\n  foreignObjects.forEach(fo => fo.remove());\n\n  // Remove use elements pointing to external resources\n  const useElements = container.querySelectorAll('use');\n  useElements.forEach(use => {\n    const href = use.getAttribute('href') || use.getAttribute('xlink:href') || '';\n    if (href.startsWith('http://') || href.startsWith('https://') || href.startsWith('//')) {\n      use.remove();\n    }\n  });\n}\n"]}
+{"version":3,"file":"svg-renderer.extension.js","sourceRoot":"","sources":["../../../src/lib/extensions/svg-renderer.extension.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,SAAsB;IACvD,yBAAyB;IACzB,MAAM,OAAO,GAAG,SAAS,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACrD,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IAE3C,0CAA0C;IAC1C,MAAM,WAAW,GAAG,SAAS,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACpD,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QACvB,yCAAyC;QACzC,MAAM,cAAc,GAAG;YACrB,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY;YAC3D,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS;YACtD,WAAW,EAAE,SAAS,EAAE,YAAY;SACrC,CAAC;QAEF,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC5B,IAAI,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC1B,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,+CAA+C;QAC/C,IAAI,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5B,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YAC3C,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;gBACjD,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;QACD,IAAI,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;YAClC,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;YACjD,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;gBACjD,EAAE,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,2DAA2D;IAC3D,MAAM,cAAc,GAAG,SAAS,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACnE,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;IAE1C,qDAAqD;IACrD,MAAM,WAAW,GAAG,SAAS,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACtD,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACxB,MAAM,IAAI,GAAG,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC9E,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACvF,GAAG,CAAC,MAAM,EAAE,CAAC;QACf,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["/**\n * Web-only DOM utilities that complement the SVG renderer marked extension.\n *\n * The framework-agnostic SVG tokenizer/renderer (`createSvgRendererExtension`,\n * `isSvgContent`) now lives in `@memberjunction/markdown-core`. This file keeps\n * the browser-only sanitization helper, which operates on a live DOM subtree\n * after the SVG has been inserted into the page.\n */\n\n/**\n * Helper function to sanitize SVG content by removing potentially dangerous elements.\n * Call this on the container element after rendering if you need additional security.\n *\n * @param container The DOM element containing rendered SVG\n */\nexport function sanitizeSvgContent(container: HTMLElement): void {\n  // Remove script elements\n  const scripts = container.querySelectorAll('script');\n  scripts.forEach(script => script.remove());\n\n  // Remove event handlers from all elements\n  const allElements = container.querySelectorAll('*');\n  allElements.forEach(el => {\n    // Remove common event handler attributes\n    const dangerousAttrs = [\n      'onload', 'onerror', 'onclick', 'onmouseover', 'onmouseout',\n      'onfocus', 'onblur', 'onchange', 'onsubmit', 'onreset',\n      'onkeydown', 'onkeyup', 'onkeypress'\n    ];\n\n    dangerousAttrs.forEach(attr => {\n      if (el.hasAttribute(attr)) {\n        el.removeAttribute(attr);\n      }\n    });\n\n    // Remove javascript: URLs from href/xlink:href\n    if (el.hasAttribute('href')) {\n      const href = el.getAttribute('href') || '';\n      if (href.toLowerCase().startsWith('javascript:')) {\n        el.removeAttribute('href');\n      }\n    }\n    if (el.hasAttribute('xlink:href')) {\n      const href = el.getAttribute('xlink:href') || '';\n      if (href.toLowerCase().startsWith('javascript:')) {\n        el.removeAttribute('xlink:href');\n      }\n    }\n  });\n\n  // Remove foreignObject elements (can contain HTML/scripts)\n  const foreignObjects = container.querySelectorAll('foreignObject');\n  foreignObjects.forEach(fo => fo.remove());\n\n  // Remove use elements pointing to external resources\n  const useElements = container.querySelectorAll('use');\n  useElements.forEach(use => {\n    const href = use.getAttribute('href') || use.getAttribute('xlink:href') || '';\n    if (href.startsWith('http://') || href.startsWith('https://') || href.startsWith('//')) {\n      use.remove();\n    }\n  });\n}\n"]}