Remove commas from svg path definitions

Comma isn't valid in the d attribute of path elements and although it works in Chrome/Safari, it breaks in Firefox. see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path
flyrmyr · Mar 29, 2024 · 0fbd92f · 0fbd92f
1 parent d611eef
commit 0fbd92f
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/system-flow-card.ts b/src/system-flow-card.ts
@@ -286,10 +286,10 @@ export class SystemFlowCard extends LitElement {
     }
 
     const svgLineMapByPosition = {
-      'left':   (pc, ipc)  => `M 100 ${ipc},  C 50 ${ipc},   50 ${pc},   0 ${pc}`,
-      'top':    (pc, ipc)  => `M ${ipc} 100,  C ${ipc} 50,   ${pc} 50,   ${pc} 0`,
-      'right':  (pc, ipc)  => `M 0 ${ipc},    C 50 ${ipc},   50 ${pc},   100 ${pc}`,
-      'bottom': (pc, ipc)  => `M ${ipc} 0,    C ${ipc} 50,   ${pc} 50,   ${pc} 100`,
+      'left':   (pc, ipc)  => `M 100 ${ipc}   C 50 ${ipc}    50 ${pc}    0 ${pc}`,
+      'top':    (pc, ipc)  => `M ${ipc} 100   C ${ipc} 50    ${pc} 50    ${pc} 0`,
+      'right':  (pc, ipc)  => `M 0 ${ipc}     C 50 ${ipc}    50 ${pc}    100 ${pc}`,
+      'bottom': (pc, ipc)  => `M ${ipc} 0     C ${ipc} 50    ${pc} 50    ${pc} 100`,
     };
 
     const avgSystemTotal = elements