Optimize regex for handling gradient style lookups

mermaid-js · Oct 1, 2024 · 5f82e6e · 5f82e6e
1 parent 4b4d347
commit 5f82e6e
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/mermaid/src/diagrams/flowchart/flowRenderer-v3-unified.ts b/packages/mermaid/src/diagrams/flowchart/flowRenderer-v3-unified.ts
@@ -101,7 +101,7 @@ export const draw = async function (text: string, id: string, _version: string,
         // Look for all gradient styles, ensuring that nested parentheses due to color functions are handled properly
         const linearGradientStyles = vertex.cssCompiledStyles
           ?.join('')
-          ?.match(/fill\s*:\s*linear-gradient\(([^()]*(\([^()]*\))*[^()]*)+\)/g);
+          ?.match(/fill\s*:\s*linear-gradient\([^()]*?(?:\([^()]*?\)[^()]*)*\)/g);
 
         if (linearGradientStyles) {
           shapeElement.style('fill', null); // Clear any existing fill