
window.ComponentRegistry.register('leitungsschutzschalter_1_polig', {
    folder: 'sicherungen', 
    title: 'Leitungsschutzschalter 1-polig',
    defaultData: {},
    svg: `
        <svg viewBox="0 0 120 160" class="symbol">
            <line x1="74" y1="46" x2="74" y2="59" stroke="black" stroke-width="2"/>
            <line x1="48" y1="89" x2="69" y2="83" stroke="black" stroke-width="2"/>
            <polygon points="46,89 51,85 52,90" fill="black" stroke="black" stroke-width="2"/>
            <polyline points="65,63 74,97 74,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="46,80 53,78 51,71 58,70 60,77 67,75" fill="none" stroke="black" stroke-width="2"/>
            <line x1="110" y1="45" x2="110" y2="45" stroke="black" stroke-width="2"/>
            <circle cx="74" cy="46" r="4" fill="red" class="port"/>
            <text x="80" y="49" font-size="9" font-family="Arial">1</text>
            <circle cx="74" cy="114" r="4" fill="red" class="port"/>
            <text x="80" y="117" font-size="9" font-family="Arial">2</text>
        </svg>
    `
});

window.ComponentRegistry.register('leitungsschutzschalter_2_polig', {
    folder: 'sicherungen',
    title: 'Leitungsschutzschalter 2-polig',
    defaultData: {},
    svg: `
        <svg viewBox="0 0 120 160" class="symbol">
            <line x1="74" y1="46" x2="74" y2="59" stroke="black" stroke-width="2"/>
            <line x1="39" y1="46" x2="39" y2="59" stroke="black" stroke-width="2"/>
            <line x1="48" y1="89" x2="69" y2="83" stroke="black" stroke-width="2"/>
            <line x1="14" y1="89" x2="34" y2="83" stroke="black" stroke-width="2"/>
            <polygon points="46,89 51,85 52,90" fill="black" stroke="black" stroke-width="2"/>
            <polyline points="65,63 74,97 74,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="31,63 39,97 39,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="46,80 53,78 51,71 58,70 60,77 67,75" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="12,80 19,78 17,71 24,70 26,77 33,75" fill="none" stroke="black" stroke-width="2"/>
            <polygon points="12,89 17,85 19,90" fill="black" stroke="black" stroke-width="2"/>
            <line x1="110" y1="45" x2="110" y2="45" stroke="black" stroke-width="2"/>
            <circle cx="39" cy="46" r="4" fill="red" class="port"/>
            <text x="45" y="49" font-size="9" font-family="Arial">1</text>
            <circle cx="39" cy="114" r="4" fill="red" class="port"/>
            <text x="45" y="117" font-size="9" font-family="Arial">2</text>
            <circle cx="74" cy="46" r="4" fill="red" class="port"/>
            <text x="80" y="49" font-size="9" font-family="Arial">3</text>
            <circle cx="74" cy="114" r="4" fill="red" class="port"/>
            <text x="80" y="117" font-size="9" font-family="Arial">4</text>
        </svg>
    `
});

window.ComponentRegistry.register('leitungsschutzschalter_3_polig', {
    folder: 'sicherungen',
    title: 'Leitungsschutzschalter 3-polig',
    defaultData: {},
    svg: `
        <svg viewBox="0 0 120 160" class="symbol">
            <line x1="108" y1="46" x2="108" y2="59" stroke="black" stroke-width="2"/>
            <line x1="74" y1="46" x2="74" y2="59" stroke="black" stroke-width="2"/>
            <line x1="39" y1="46" x2="39" y2="59" stroke="black" stroke-width="2"/>
            <line x1="48" y1="89" x2="69" y2="83" stroke="black" stroke-width="2"/>
            <line x1="82" y1="89" x2="103" y2="83" stroke="black" stroke-width="2"/>
            <line x1="14" y1="89" x2="34" y2="83" stroke="black" stroke-width="2"/>
            <polygon points="80,89 85,85 86,90" fill="black" stroke="black" stroke-width="2"/>
            <polygon points="46,89 51,85 52,90" fill="black" stroke="black" stroke-width="2"/>
            <polyline points="65,63 74,97 74,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="99,63 108,97 108,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="31,63 39,97 39,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="46,80 53,78 51,71 58,70 60,77 67,75" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="81,80 87,78 86,71 93,70 94,77 101,75" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="12,80 19,78 17,71 24,70 26,77 33,75" fill="none" stroke="black" stroke-width="2"/>
            <polygon points="12,89 17,85 19,90" fill="black" stroke="black" stroke-width="2"/>
            <circle cx="39" cy="46" r="4" fill="red" class="port"/>
            <text x="45" y="49" font-size="9" font-family="Arial">1</text>
            <circle cx="39" cy="114" r="4" fill="red" class="port"/>
            <text x="45" y="117" font-size="9" font-family="Arial">2</text>
            <circle cx="74" cy="46" r="4" fill="red" class="port"/>
            <text x="80" y="49" font-size="9" font-family="Arial">3</text>
            <circle cx="74" cy="114" r="4" fill="red" class="port"/>
            <text x="80" y="117" font-size="9" font-family="Arial">4</text>
            <circle cx="108" cy="46" r="4" fill="red" class="port"/>
            <text x="114" y="49" font-size="9" font-family="Arial">5</text>
            <circle cx="108" cy="114" r="4" fill="red" class="port"/>
            <text x="114" y="117" font-size="9" font-family="Arial">6</text>
        </svg>
    `
});



window.ComponentRegistry.register('Schmelzsicherung', {
    folder: 'sicherungen',
    title: 'Schmelzsicherung',
    defaultData: {},
    svg: `
        <svg viewBox="0 0 120 160" class="symbol">
            <rect x="50" y="50" width="20" height="50" stroke="black" stroke-width="2" fill="none" class=""/>
            <line x1="60" y1="30" x2="60" y2="30" stroke="black" stroke-width="2"/>
            <line x1="60" y1="50" x2="60" y2="30" stroke="black" stroke-width="2"/>
            <line x1="60" y1="100" x2="60" y2="120" stroke="black" stroke-width="2"/>
            <line x1="60" y1="35" x2="60" y2="110" stroke="black" stroke-width="2"/>
            <circle cx="60" cy="27" r="4" fill="red" class="port"/>
            <text x="66" y="30" font-size="9" font-family="Arial">1</text>
            <circle cx="60" cy="123" r="4" fill="red" class="port"/>
            <text x="66" y="126" font-size="9" font-family="Arial">2</text>
        </svg>
    `
});

window.ComponentRegistry.register('motorschutzschalter', {
    folder: 'sicherungen', 
    title: 'Motorschutzschalter',
    defaultData: {},
    svg: `
        <svg viewBox="0 0 120 160" class="symbol">
            <line x1="71" y1="98" x2="71" y2="107" stroke="black" stroke-width="2"/>
            <line x1="92" y1="98" x2="92" y2="107" stroke="black" stroke-width="2"/>
            <line x1="95" y1="100" x2="97" y2="102" stroke="black" stroke-width="2"/>
            <line x1="74" y1="100" x2="76" y2="102" stroke="black" stroke-width="2"/>
            <line x1="95" y1="105" x2="97" y2="102" stroke="black" stroke-width="2"/>
            <line x1="74" y1="105" x2="76" y2="102" stroke="black" stroke-width="2"/>
            <line x1="97" y1="110" x2="97" y2="123" stroke="black" stroke-width="2"/>
            <line x1="76" y1="110" x2="76" y2="123" stroke="black" stroke-width="2"/>
            <line x1="12" y1="59" x2="12" y2="67" stroke="black" stroke-width="2"/>
            <line x1="12" y1="108" x2="12" y2="116" stroke="black" stroke-width="2"/>
            <line x1="57" y1="45" x2="53" y2="49" stroke="black" stroke-width="2"/>
            <line x1="53" y1="45" x2="57" y2="49" stroke="black" stroke-width="2"/>
            <line x1="78" y1="45" x2="74" y2="49" stroke="black" stroke-width="2"/>
            <line x1="74" y1="45" x2="78" y2="49" stroke="black" stroke-width="2"/>
            <line x1="99" y1="45" x2="95" y2="49" stroke="black" stroke-width="2"/>
            <line x1="95" y1="45" x2="99" y2="49" stroke="black" stroke-width="2"/>
            <line x1="97" y1="45" x2="97" y2="47" stroke="black" stroke-width="2"/>
            <line x1="55" y1="51" x2="55" y2="37" stroke="black" stroke-width="2"/>
            <line x1="97" y1="51" x2="97" y2="37" stroke="black" stroke-width="2"/>
            <line x1="76" y1="51" x2="76" y2="37" stroke="black" stroke-width="2"/>
            <line x1="55" y1="110" x2="55" y2="123" stroke="black" stroke-width="2"/>
            <line x1="44" y1="87" x2="33" y2="87" stroke="black" stroke-width="2" stroke-dasharray="6 3"/>
            <line x1="44" y1="102" x2="33" y2="102" stroke="black" stroke-width="2" stroke-dasharray="6 3"/>
            <line x1="33" y1="57" x2="33" y2="69" stroke="black" stroke-width="2"/>
            <line x1="27" y1="63" x2="40" y2="63" stroke="black" stroke-width="2"/>
            <line x1="12" y1="63" x2="27" y2="63" stroke="black" stroke-width="2" stroke-dasharray="6 3"/>
            <line x1="53" y1="51" x2="57" y2="51" stroke="black" stroke-width="2"/>
            <line x1="74" y1="51" x2="78" y2="51" stroke="black" stroke-width="2"/>
            <line x1="95" y1="51" x2="99" y2="51" stroke="black" stroke-width="2"/>
            <line x1="49" y1="98" x2="49" y2="107" stroke="black" stroke-width="2"/>
            <line x1="53" y1="100" x2="55" y2="102" stroke="black" stroke-width="2"/>
            <line x1="53" y1="105" x2="55" y2="102" stroke="black" stroke-width="2"/>
            <rect x="44" y="80" width="21" height="15" rx="0" ry="0" fill="none" stroke="black" stroke-width="2"/>
            <rect x="87" y="95" width="21" height="15" rx="0" ry="0" fill="none" stroke="black" stroke-width="2"/>
            <rect x="44" y="95" width="21" height="15" rx="0" ry="0" fill="none" stroke="black" stroke-width="2"/>
            <rect x="65" y="95" width="21" height="15" rx="0" ry="0" fill="none" stroke="black" stroke-width="2"/>
            <rect x="87" y="80" width="21" height="15" rx="0" ry="0" fill="none" stroke="black" stroke-width="2"/>
            <rect x="65" y="80" width="21" height="15" rx="0" ry="0" fill="none" stroke="black" stroke-width="2"/>
            <rect x="27" y="57" width="13" height="13" rx="0" ry="0" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="97,95 97,91 103,91 103,84 97,84 97,73 90,53" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="76,95 76,91 81,91 81,84 76,84 76,73 69,53" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="12,112 17,112 23,117 28,112 33,112 33,63 93,63" fill="none" stroke="black" stroke-width="2" stroke-dasharray="6 3"/>
            <polyline points="55,95 55,91 60,91 60,84 55,84 55,73 47,53" fill="none" stroke="black" stroke-width="2"/>
            <polygon points="21,65 21,61 16,63" fill="none" stroke="black" stroke-width="2"/>
            <circle cx="76" cy="123" r="4" fill="red" class="port"/>
            <text x="82" y="126" font-size="9" font-family="Arial">4</text>
            <circle cx="55" cy="123" r="4" fill="red" class="port"/>
            <text x="61" y="126" font-size="9" font-family="Arial">2</text>
            <circle cx="76" cy="37" r="4" fill="red" class="port"/>
            <text x="82" y="40" font-size="9" font-family="Arial">3</text>
            <circle cx="55" cy="37" r="4" fill="red" class="port"/>
            <text x="61" y="40" font-size="9" font-family="Arial">1</text>
            <circle cx="97" cy="123" r="4" fill="red" class="port"/>
            <text x="103" y="126" font-size="9" font-family="Arial">6</text>
            <circle cx="97" cy="37" r="4" fill="red" class="port"/>
            <text x="103" y="40" font-size="9" font-family="Arial">5</text>
        </svg>
    `
});

// =====================================================================
// FI-SCHUTZSCHALTER (Nur Fehlerstrom)
// =====================================================================

window.ComponentRegistry.register('fi_schutzschalter_2_polig', {
    folder: 'sicherungen',
    title: 'FI-Schutzschalter 2-polig',
    defaultData: {},
    svg: `
        <svg viewBox="0 0 120 160" class="symbol">
            <!-- Anschlüsse oben -->
            <line x1="40" y1="46" x2="40" y2="59" stroke="black" stroke-width="2"/>
            <line x1="80" y1="46" x2="80" y2="59" stroke="black" stroke-width="2"/>
            
            <!-- Schalter-Diagonalen -->
            <polyline points="32,63 40,97 40,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="72,63 80,97 80,114" fill="none" stroke="black" stroke-width="2"/>
            
            <!-- Mechanische Verbindung der Schalter -->
            <line x1="36" y1="80" x2="76" y2="80" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            
            <!-- Summenstromwandler (Oval) -->
            <ellipse cx="60" cy="105" rx="28" ry="5" fill="none" stroke="black" stroke-width="2"/>
            
            <!-- Prüftaste (Viereck mit Kreuz) -->
            <rect x="12" y="74" width="12" height="12" fill="none" stroke="black" stroke-width="2"/>
            <line x1="18" y1="74" x2="18" y2="86" stroke="black" stroke-width="2"/>
            <line x1="12" y1="80" x2="24" y2="80" stroke="black" stroke-width="2"/>
            
            <!-- Gestrichelte Linien von Prüftaste -->
            <line x1="24" y1="80" x2="36" y2="80" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            <polyline points="18,86 18,105 32,105" fill="none" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            
            <!-- Ports & Labels -->
            <circle cx="40" cy="46" r="4" fill="red" class="port"/>
            <text x="46" y="49" font-size="9" font-family="Arial">1</text>
            <circle cx="40" cy="114" r="4" fill="red" class="port"/>
            <text x="46" y="117" font-size="9" font-family="Arial">2</text>
            <circle cx="80" cy="46" r="4" fill="red" class="port"/>
            <text x="86" y="49" font-size="9" font-family="Arial">N</text>
            <circle cx="80" cy="114" r="4" fill="red" class="port"/>
            <text x="86" y="117" font-size="9" font-family="Arial">N</text>
        </svg>
    `
});

window.ComponentRegistry.register('fi_schutzschalter_4_polig', {
    folder: 'sicherungen',
    title: 'FI-Schutzschalter 4-polig',
    defaultData: {},
    svg: `
        <svg viewBox="0 0 120 160" class="symbol">
            <!-- Anschlüsse oben -->
            <line x1="25" y1="46" x2="25" y2="59" stroke="black" stroke-width="2"/>
            <line x1="50" y1="46" x2="50" y2="59" stroke="black" stroke-width="2"/>
            <line x1="75" y1="46" x2="75" y2="59" stroke="black" stroke-width="2"/>
            <line x1="100" y1="46" x2="100" y2="59" stroke="black" stroke-width="2"/>
            
            <!-- Schalter-Diagonalen -->
            <polyline points="17,63 25,97 25,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="42,63 50,97 50,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="67,63 75,97 75,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="92,63 100,97 100,114" fill="none" stroke="black" stroke-width="2"/>
            
            <!-- Mechanische Verbindung der Schalter -->
            <line x1="21" y1="80" x2="96" y2="80" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            
            <!-- Summenstromwandler (Oval) -->
            <ellipse cx="62.5" cy="105" rx="45" ry="5" fill="none" stroke="black" stroke-width="2"/>
            
            <!-- Prüftaste (Viereck mit Kreuz) -->
            <rect x="2" y="75" width="10" height="10" fill="none" stroke="black" stroke-width="2"/>
            <line x1="7" y1="75" x2="7" y2="85" stroke="black" stroke-width="2"/>
            <line x1="2" y1="80" x2="12" y2="80" stroke="black" stroke-width="2"/>
            
            <!-- Gestrichelte Linien von Prüftaste -->
            <line x1="12" y1="80" x2="21" y2="80" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            <polyline points="7,85 7,105 17,105" fill="none" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            
            <!-- Ports & Labels -->
            <circle cx="25" cy="46" r="4" fill="red" class="port"/><text x="31" y="49" font-size="9" font-family="Arial">1</text>
            <circle cx="25" cy="114" r="4" fill="red" class="port"/><text x="31" y="117" font-size="9" font-family="Arial">2</text>
            <circle cx="50" cy="46" r="4" fill="red" class="port"/><text x="56" y="49" font-size="9" font-family="Arial">3</text>
            <circle cx="50" cy="114" r="4" fill="red" class="port"/><text x="56" y="117" font-size="9" font-family="Arial">4</text>
            <circle cx="75" cy="46" r="4" fill="red" class="port"/><text x="81" y="49" font-size="9" font-family="Arial">5</text>
            <circle cx="75" cy="114" r="4" fill="red" class="port"/><text x="81" y="117" font-size="9" font-family="Arial">6</text>
            <circle cx="100" cy="46" r="4" fill="red" class="port"/><text x="106" y="49" font-size="9" font-family="Arial">N</text>
            <circle cx="100" cy="114" r="4" fill="red" class="port"/><text x="106" y="117" font-size="9" font-family="Arial">N</text>
        </svg>
    `
});

// =====================================================================
// FI/LS-SCHALTER (Kombiniert: Fehlerstrom + Leitungsschutz)
// =====================================================================

window.ComponentRegistry.register('fi_ls_schalter_2_polig', {
    folder: 'sicherungen',
    title: 'FI/LS-Schalter 2-polig (RCBO)',
    defaultData: {},
    svg: `
        <svg viewBox="0 0 120 160" class="symbol">
            <!-- Anschlüsse oben -->
            <line x1="45" y1="46" x2="45" y2="59" stroke="black" stroke-width="2"/>
            <line x1="80" y1="46" x2="80" y2="59" stroke="black" stroke-width="2"/>
            
            <!-- Schalter-Diagonalen -->
            <polyline points="37,63 45,97 45,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="72,63 80,97 80,114" fill="none" stroke="black" stroke-width="2"/>
            
            <!-- Mechanische Verbindung der Schalter -->
            <line x1="41" y1="80" x2="76" y2="80" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            
            <!-- Summenstromwandler (Oval) -->
            <ellipse cx="62.5" cy="105" rx="25" ry="5" fill="none" stroke="black" stroke-width="2"/>
            
            <!-- Prüftaste (Viereck mit Kreuz) -->
            <rect x="20" y="60" width="12" height="12" fill="none" stroke="black" stroke-width="2"/>
            <line x1="26" y1="60" x2="26" y2="72" stroke="black" stroke-width="2"/>
            <line x1="20" y1="66" x2="32" y2="66" stroke="black" stroke-width="2"/>
            
            <!-- Auslöser-Symbol (Magnetisch / I Delta) -->
            <polygon points="17,66 12,63 12,69" fill="none" stroke="black" stroke-width="1.5"/>
            <line x1="12" y1="66" x2="6" y2="66" stroke="black" stroke-width="1.5"/>
            <line x1="6" y1="62" x2="6" y2="70" stroke="black" stroke-width="1.5"/>
            
            <!-- I Delta Box -->
            <rect x="12" y="85" width="18" height="14" fill="none" stroke="black" stroke-width="2"/>
            <text x="14" y="96" font-size="9" font-family="Arial" font-weight="bold">IΔ</text>
            
            <!-- Gestrichelte Linien (Verbindungen der Auslöser) -->
            <line x1="32" y1="66" x2="41" y2="74" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            <polyline points="21,99 21,105 37,105" fill="none" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            <line x1="21" y1="72" x2="21" y2="85" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            
            <!-- Ports & Labels -->
            <circle cx="45" cy="46" r="4" fill="red" class="port"/><text x="51" y="49" font-size="9" font-family="Arial">1</text>
            <circle cx="45" cy="114" r="4" fill="red" class="port"/><text x="51" y="117" font-size="9" font-family="Arial">2</text>
            <circle cx="80" cy="46" r="4" fill="red" class="port"/><text x="86" y="49" font-size="9" font-family="Arial">N</text>
            <circle cx="80" cy="114" r="4" fill="red" class="port"/><text x="86" y="117" font-size="9" font-family="Arial">N</text>
        </svg>
    `
});

window.ComponentRegistry.register('fi_ls_schalter_4_polig', {
    folder: 'sicherungen',
    title: 'FI/LS-Schalter 4-polig (RCBO)',
    defaultData: {},
    svg: `
        <svg viewBox="0 0 120 160" class="symbol">
            <!-- Anschlüsse oben (Etwas enger gerückt für die Boxen links) -->
            <line x1="36" y1="46" x2="36" y2="59" stroke="black" stroke-width="2"/>
            <line x1="58" y1="46" x2="58" y2="59" stroke="black" stroke-width="2"/>
            <line x1="80" y1="46" x2="80" y2="59" stroke="black" stroke-width="2"/>
            <line x1="102" y1="46" x2="102" y2="59" stroke="black" stroke-width="2"/>
            
            <!-- Schalter-Diagonalen -->
            <polyline points="28,63 36,97 36,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="50,63 58,97 58,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="72,63 80,97 80,114" fill="none" stroke="black" stroke-width="2"/>
            <polyline points="94,63 102,97 102,114" fill="none" stroke="black" stroke-width="2"/>
            
            <!-- Mechanische Verbindung der Schalter -->
            <line x1="32" y1="80" x2="98" y2="80" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            
            <!-- Summenstromwandler (Oval) -->
            <ellipse cx="69" cy="105" rx="40" ry="5" fill="none" stroke="black" stroke-width="2"/>
            
            <!-- Prüftaste (Viereck mit Kreuz) -->
            <rect x="14" y="60" width="10" height="10" fill="none" stroke="black" stroke-width="2"/>
            <line x1="19" y1="60" x2="19" y2="70" stroke="black" stroke-width="2"/>
            <line x1="14" y1="65" x2="24" y2="65" stroke="black" stroke-width="2"/>
            
            <!-- Auslöser-Symbol (Magnetisch / I Delta) -->
            <polygon points="12,65 8,62 8,68" fill="none" stroke="black" stroke-width="1.5"/>
            <line x1="8" y1="65" x2="4" y2="65" stroke="black" stroke-width="1.5"/>
            <line x1="4" y1="61" x2="4" y2="69" stroke="black" stroke-width="1.5"/>
            
            <!-- I Delta Box -->
            <rect x="8" y="85" width="16" height="14" fill="none" stroke="black" stroke-width="2"/>
            <text x="10" y="96" font-size="8" font-family="Arial" font-weight="bold">IΔ</text>
            
            <!-- Gestrichelte Linien -->
            <line x1="24" y1="65" x2="32" y2="72" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            <polyline points="16,99 16,105 29,105" fill="none" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            <line x1="19" y1="70" x2="19" y2="85" stroke="black" stroke-width="2" stroke-dasharray="4,4"/>
            
            <!-- Ports & Labels -->
            <circle cx="36" cy="46" r="4" fill="red" class="port"/><text x="42" y="49" font-size="9" font-family="Arial">1</text>
            <circle cx="36" cy="114" r="4" fill="red" class="port"/><text x="42" y="117" font-size="9" font-family="Arial">2</text>
            <circle cx="58" cy="46" r="4" fill="red" class="port"/><text x="64" y="49" font-size="9" font-family="Arial">3</text>
            <circle cx="58" cy="114" r="4" fill="red" class="port"/><text x="64" y="117" font-size="9" font-family="Arial">4</text>
            <circle cx="80" cy="46" r="4" fill="red" class="port"/><text x="86" y="49" font-size="9" font-family="Arial">5</text>
            <circle cx="80" cy="114" r="4" fill="red" class="port"/><text x="86" y="117" font-size="9" font-family="Arial">6</text>
            <circle cx="102" cy="46" r="4" fill="red" class="port"/><text x="108" y="49" font-size="9" font-family="Arial">N</text>
            <circle cx="102" cy="114" r="4" fill="red" class="port"/><text x="108" y="117" font-size="9" font-family="Arial">N</text>
        </svg>
    `
});