matcha-components 20.17.0 → 20.21.0

package/fesm2022/matcha-components.mjs

@@ -5679,12 +5679,52 @@ class MatchaHighlightComponent {
     //     // Add new theme class
     //     element.classList.add(`theme-${this.theme}`);
     // }
+    /**
+     * Carrega o PrismJS dinamicamente
+     */
+    async loadPrismJS() {
+        return new Promise((resolve, reject) => {
+            // Verifica se já está carregado
+            if (typeof window.Prism !== 'undefined') {
+                resolve();
+                return;
+            }
+            // Carrega o PrismJS principal
+            const script = document.createElement('script');
+            script.src = '/assets/prismjs/prism.js';
+            script.onload = () => {
+                // Carrega os componentes de linguagem
+                this.loadPrismComponent('/assets/prismjs/components/prism-javascript.js');
+                this.loadPrismComponent('/assets/prismjs/components/prism-css.js');
+                this.loadPrismComponent('/assets/prismjs/components/prism-markup.js');
+                console.log('PrismJS carregado com sucesso');
+                resolve();
+            };
+            script.onerror = () => {
+                console.error('Erro ao carregar PrismJS');
+                reject(new Error('Erro ao carregar PrismJS'));
+            };
+            document.head.appendChild(script);
+        });
+    }
+    /**
+     * Carrega um componente do PrismJS
+     */
+    loadPrismComponent(src) {
+        const script = document.createElement('script');
+        script.src = src;
+        document.head.appendChild(script);
+    }
     /**
      * Highlight the given source code
      *
      * @param sourceCode
      */
-    highlight(sourceCode) {
+    async highlight(sourceCode) {
+        // Carrega o PrismJS dinamicamente se não estiver disponível
+        if (typeof window.Prism === 'undefined') {
+            await this.loadPrismJS();
+        }
         const Prism = window.Prism;
         console.log('Highlighting code:', sourceCode.substring(0, 50) + '...');
         console.log('Language:', this.lang);
@@ -7754,12 +7794,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 }]
         }] });
 
-const PrismCore = require('./prismjs/prism');
-require('./prismjs/components/prism-javascript');
-require('./prismjs/components/prism-css');
-require('./prismjs/components/prism-markup');
-// Torna o Prism disponível globalmente
-window.Prism = PrismCore;
+// Prism.js será carregado dinamicamente no componente quando necessário
 class MatchaHighlightModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaHighlightModule, declarations: [MatchaHighlightComponent,