planetazuzu
1a7f9ae008
- Organizar 48 imágenes en public/assets/infografias/ por bloques - Adaptar MarkdownViewer para procesar rutas de imágenes automáticamente - Actualizar Service Worker para cachear imágenes (offline-first) - Configurar Vite para incluir imágenes en build - Crear documentación: guías de integración, sugerencias de medios, estado de imágenes - Scripts de organización automática de imágenes Cambios técnicos: - MarkdownViewer normaliza rutas de imágenes (relativas → absolutas) - Service Worker cachea /assets/infografias/ automáticamente - Vite config actualizado para mantener estructura de carpetas - 48 imágenes organizadas: bloque-0 (9), bloque-2 (27), bloque-3 (9), bloque-7 (1), bloque-12 (2) Documentación: - GUIA_INTEGRAR_IMAGENES_PWA.md - GUIA_RUTAS_IMAGENES_MARKDOWN.md - SUGERENCIAS_MEDIOS_VISUALES.md - IMAGENES_NECESARIAS.md - ESTADO_FINAL_IMAGENES_PWA.md - RESUMEN_ORGANIZACION_IMAGENES.md
2 lines
14 KiB
XML
2 lines
14 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="mermaid-svg-5" width="100%" class="flowchart" style="max-width: 100%;" viewBox="-37.794921875 -37.794921875 831.48828125 1333.00390625" role="graphics-document document" aria-roledescription="flowchart-v2" height="100%"><style>#mermaid-svg-5{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-5 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-5 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-5 .error-icon{fill:#552222;}#mermaid-svg-5 .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-5 .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-5 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-5 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-5 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-5 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-5 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-5 .marker{fill:#333333;stroke:#333333;}#mermaid-svg-5 .marker.cross{stroke:#333333;}#mermaid-svg-5 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-5 p{margin:0;}#mermaid-svg-5 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-5 .cluster-label text{fill:#333;}#mermaid-svg-5 .cluster-label span{color:#333;}#mermaid-svg-5 .cluster-label span p{background-color:transparent;}#mermaid-svg-5 .label text,#mermaid-svg-5 span{fill:#333;color:#333;}#mermaid-svg-5 .node rect,#mermaid-svg-5 .node circle,#mermaid-svg-5 .node ellipse,#mermaid-svg-5 .node polygon,#mermaid-svg-5 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-5 .rough-node .label text,#mermaid-svg-5 .node .label text,#mermaid-svg-5 .image-shape .label,#mermaid-svg-5 .icon-shape .label{text-anchor:middle;}#mermaid-svg-5 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-5 .rough-node .label,#mermaid-svg-5 .node .label,#mermaid-svg-5 .image-shape .label,#mermaid-svg-5 .icon-shape .label{text-align:center;}#mermaid-svg-5 .node.clickable{cursor:pointer;}#mermaid-svg-5 .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-5 .arrowheadPath{fill:#333333;}#mermaid-svg-5 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-5 .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-5 .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-5 .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-5 .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-5 .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-5 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-5 .cluster text{fill:#333;}#mermaid-svg-5 .cluster span{color:#333;}#mermaid-svg-5 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-5 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-5 rect.text{fill:none;stroke-width:0;}#mermaid-svg-5 .icon-shape,#mermaid-svg-5 .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-5 .icon-shape p,#mermaid-svg-5 .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-5 .icon-shape rect,#mermaid-svg-5 .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-5 .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-5 .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-5 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="mermaid-svg-5_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg-5_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg-5_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg-5_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg-5_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg-5_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M300.225,110L300.225,114.167C300.225,118.333,300.225,126.667,300.295,134.417C300.365,142.167,300.506,149.334,300.576,152.917L300.646,156.501" id="L_A_B_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg-5_flowchart-v2-pointEnd)"/><path d="M236.452,354.775L219.68,371.57C202.907,388.365,169.362,421.956,152.589,460.918C135.816,499.88,135.816,544.214,135.816,566.38L135.816,588.547" id="L_B_C_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg-5_flowchart-v2-pointEnd)"/><path d="M364.997,354.775L381.603,371.57C398.209,388.365,431.421,421.956,448.101,444.335C464.782,466.714,464.931,477.88,465.005,483.464L465.079,489.047" id="L_B_D_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg-5_flowchart-v2-pointEnd)"/><path d="M399.342,729.256L384.487,748.305C369.632,767.353,339.921,805.45,325.066,831.998C310.211,858.547,310.211,873.547,310.211,881.047L310.211,888.547" id="L_D_E_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg-5_flowchart-v2-pointEnd)"/><path d="M530.924,729.256L545.612,748.305C560.301,767.353,589.678,805.45,604.366,835.998C619.055,866.547,619.055,889.547,619.055,901.047L619.055,912.547" id="L_D_F_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg-5_flowchart-v2-pointEnd)"/><path d="M619.055,994.547L619.055,1002.714C619.055,1010.88,619.055,1027.214,619.125,1038.964C619.195,1050.714,619.336,1057.881,619.406,1061.464L619.476,1065.048" id="L_F_G_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg-5_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(135.81640625, 455.546875)"><g class="label" transform="translate(-7.55859375, -12)"><foreignObject width="15.1171875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>SÍ</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(464.6328125, 455.546875)"><g class="label" transform="translate(-69.78125, -12)"><foreignObject width="139.5625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>NO/INSUFICIENTE</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(310.2109375, 843.546875)"><g class="label" transform="translate(-66.26171875, -24)"><foreignObject width="132.5234375" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>EFICAZ<br />SpO2 se mantiene</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(619.0546875, 843.546875)"><g class="label" transform="translate(-36.4453125, -24)"><foreignObject width="72.890625" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>INEFICAZ<br />o SpO2 ↓</p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-A-0" transform="translate(300.224609375, 59)"><rect class="basic label-container" style="" x="-130" y="-51" width="260" height="102"/><g class="label" style="" transform="translate(-100, -36)"><rect/><foreignObject width="200" height="72"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;"><span class="nodeLabel"><p>Paciente con<br />dificultad respiratoria/vía aérea comprometida</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-B-1" transform="translate(300.224609375, 289.2734375)"><polygon points="129.2734375,0 258.546875,-129.2734375 129.2734375,-258.546875 0,-129.2734375" class="label-container" transform="translate(-128.7734375, 129.2734375)"/><g class="label" style="" transform="translate(-90.2734375, -24)"><rect/><foreignObject width="180.546875" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>¿Mantiene permeabilidad<br />y esfuerzo ventilatorio?</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-C-3" transform="translate(135.81640625, 643.546875)"><rect class="basic label-container" style="" x="-127.81640625" y="-51" width="255.6328125" height="102"/><g class="label" style="" transform="translate(-97.81640625, -36)"><rect/><foreignObject width="195.6328125" height="72"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Oxigenar<br />Mascarilla reservorio al 15L<br />Objetivo SpO2 ≥94%</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-D-5" transform="translate(464.6328125, 643.546875)"><polygon points="151,0 302,-151 151,-302 0,-151" class="label-container" transform="translate(-150.5, 151)"/><g class="label" style="" transform="translate(-100, -36)"><rect/><foreignObject width="200" height="72"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;"><span class="nodeLabel"><p>Ventilar con BVM<br />2 rescatadores + cánula Guedel</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-E-7" transform="translate(310.2109375, 955.546875)"><rect class="basic label-container" style="" x="-130" y="-63" width="260" height="126"/><g class="label" style="" transform="translate(-100, -48)"><rect/><foreignObject width="200" height="96"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;"><span class="nodeLabel"><p>Mantener ventilación asistida<br />y reevaluar necesidad de aislamiento</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-F-9" transform="translate(619.0546875, 955.546875)"><rect class="basic label-container" style="" x="-128.84375" y="-39" width="257.6875" height="78"/><g class="label" style="" transform="translate(-98.84375, -24)"><rect/><foreignObject width="197.6875" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>PREPARAR AISLAMIENTO<br />Vía Aérea Avanzada</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-G-11" transform="translate(619.0546875, 1158.98046875)"><polygon points="90.43359375,0 180.8671875,-90.43359375 90.43359375,-180.8671875 0,-90.43359375" class="label-container" transform="translate(-89.93359375, 90.43359375)"/><g class="label" style="" transform="translate(-51.43359375, -24)"><rect/><foreignObject width="102.8671875" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Algoritmo RSI<br />Protocolo SVA</p></span></div></foreignObject></g></g></g></g></g></svg> |