PyPI - pyegeria - Versions diffs - 5.3.4.5__tar.gz → 5.3.4.7__tar.gz - Mend

pyegeria 5.3.4.5tar.gz → 5.3.4.7tar.gz

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (525) hide show

{pyegeria-5.3.4.5 → pyegeria-5.3.4.7}/PKG-INFO RENAMED Viewed

@@ -1,6 +1,6 @@
 Metadata-Version: 2.3
 Name: pyegeria
-Version: 5.3.4.5
+Version: 5.3.4.7
 Summary: A python client for Egeria
 License: Apache 2.0
 Keywords: egeria,metadata,governance

{pyegeria-5.3.4.5 → pyegeria-5.3.4.7}/pyegeria/mermaid_utilities.py RENAMED Viewed

@@ -233,158 +233,116 @@ def construct_mermaid_html(mermaid_str: str) -> str:
     graph_id = title_label.replace(" ", "_")
     escaped_header = html.escape(title_label) if title_label else ""  # Sanitize the header safely
+    escaped_mermaid_code = html.escape(mermaid_code)
-    header_html = f"<h2 class='diagram-header'>{escaped_header}</h2>\nGUID: {guid}" if title_label else ""
+    # header_html = f"<h2 class='diagram-header'>{escaped_header}</h2>\nGUID: {guid}" if title_label else ""
+    # Header HTML (display only if header exists)
+    header_html = f"""
+        <h2 style="text-align: center; color: #007acc; margin-bottom: 16px;">
+            {escaped_header}
+        </h2>
+        """ if title_label else ""
     # Construct the HTML content with Mermaid.js initialization and zoom/pan support
     mermaid_html = f"""
-   <!DOCTYPE html>
-    <html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Mermaid Diagram with Centered Pan and Zoom</title>
-        <!-- Load Mermaid.js -->
-        <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
-        <style>
-            body {{
-                font-family: Arial, sans-serif;
-                background-color: #f4f4f4;
-                margin: 0;
-                padding: 0;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                height: 100vh;
-            }}
-            .diagram-container {{
-                width: 90%;
-                max-width: 800px;
-                padding: 20px;
-                border: 1px solid #ddd;
-                border-radius: 12px;
-                background-color: white;
-                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-                text-align: center;
-                position: relative;
-            }}
-            .diagram-header {{
-                margin-bottom: 20px;
-                font-size: 1.8rem;
-                font-weight: bold;
-                color: #007acc;
-            }}
-            .pan-zoom-container {{
-                position: relative;
-                width: 100%;
-                height: 500px;
-                overflow: hidden;
-                border: 1px solid #ccc;
-                background-color: #f9f9f9;
-                cursor: grab;
-            }}
-            .pan-zoom-content {{
-                position: absolute;
-                transform-origin: 0 0;
-                cursor: grab;
-            }}
-            .pan-zoom-content:active {{
-                cursor: grabbing;
-            }}
-        </style>
-    </head>
-    <body>
-        <div class="diagram-container">
-            {header_html}
-            <div class="pan-zoom-container">
-                <div id="{graph_id}" class="mermaid pan-zoom-content">
-                    {mermaid_code}
-                </div>
+    <div id="{graph_id}-container" class="diagram-container"
+         style="width: 90%; max-width: 800px; margin: auto; padding: 20px;
+                background: white; border: 1px solid #ddd;
+                border-radius: 12px; position: relative;">
+        {header_html}
+        <div class="pan-zoom-container"
+             style="width: 100%; height: 500px; overflow: hidden;
+                    position: relative; background: #f9f9f9;
+                    border: 1px solid #ccc; cursor: grab;">
+            <div id="{graph_id}" class="mermaid pan-zoom-content"
+                 style="position: absolute; transform-origin: 0 0;">
+                {escaped_mermaid_code}
             </div>
         </div>
+    </div>
+    <script>
+        (function() {{
+            // Check if Mermaid.js is already loaded; load if not
+            if (typeof mermaid === "undefined") {{
+                const script = document.createElement('script');
+                script.src = "https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js";
+                script.onload = () => initializeMermaid();
+                document.head.appendChild(script);
+            }} else {{
+                initializeMermaid();
+            }}
-        <script>
-            document.addEventListener("DOMContentLoaded", function() {{
-                // Initialize Mermaid.js
-                console.log("Initializing Mermaid...");
+            function initializeMermaid() {{
+                // Re-render the Mermaid chart
                 mermaid.initialize({{ startOnLoad: true }});
+                mermaid.init(undefined, document.querySelector("#{graph_id}"));
+                // Add interactivity for pan and zoom
                 const container = document.querySelector('.pan-zoom-container');
                 const content = document.querySelector('.pan-zoom-content');
-                let rect;      // Bounding box of the rendered diagram
-                let scale = 1; // Current zoom level
-                let panX = 0;  // Pan offset in X direction
-                let panY = 0;  // Pan offset in Y direction
+                let scale = 1;  // Current zoom level
+                let panX = 0;   // X-axis pan
+                let panY = 0;   // Y-axis pan
                 let isDragging = false;
                 let startX, startY;
-                // Helper: Apply transformations
+                // Apply Transformations
                 const applyTransform = () => {{
                     content.style.transform = `translate(${{panX}}px, ${{panY}}px) scale(${{scale}})`;
                 }};
-                // Helper: Center the diagram and fit it to the container
+                // Center Diagram on Load
                 const centerAndFitDiagram = () => {{
-                    rect = content.getBoundingClientRect();
                     const containerRect = container.getBoundingClientRect();
+                    const rect = content.getBoundingClientRect();
-                    // Calculate the required scale to fit the diagram
                     scale = Math.min(
                         containerRect.width / rect.width,
                         containerRect.height / rect.height
                     );
-                    // Adjust pan to center the diagram
                     panX = (containerRect.width - rect.width * scale) / 2;
                     panY = (containerRect.height - rect.height * scale) / 2;
                     applyTransform();
-                    console.log("Diagram centered and fitted to container.");
                 }};
-                // Add pan/zoom functionality
-                const zoomCenteredOnDiagram = (event, deltaZoom) => {{
-                    rect = content.getBoundingClientRect();
-                    const containerRect = container.getBoundingClientRect();
+                setTimeout(centerAndFitDiagram, 200); // Allow rendering time
-                    // Center of the diagram
-                    const diagramCenterX = rect.left + rect.width / 2;
-                    const diagramCenterY = rect.top + rect.height / 2;
-                    const zoomX = (diagramCenterX - containerRect.left) * deltaZoom;
-                    const zoomY = (diagramCenterY - containerRect.top) * deltaZoom;
-                    panX -= zoomX;
-                    panY -= zoomY;
-                }};
-                container.addEventListener('wheel', function(event) {{
+                // Enable Mouse-Wheel Zoom
+                container.addEventListener('wheel', (event) => {{
                     event.preventDefault();
                     const zoomSpeed = 0.1;
                     const previousScale = scale;
-                    // Zoom in or out
                     if (event.deltaY < 0) {{
-                        scale = Math.min(scale + zoomSpeed, 4); // Limit zoom-in
+                        scale = Math.min(scale + zoomSpeed, 4);
                     }} else {{
-                        scale = Math.max(scale - zoomSpeed, 0.5); // Limit zoom-out
+                        scale = Math.max(scale - zoomSpeed, 0.5);
                     }}
-                    // Calculate deltaZoom and adjust pan
-                    const deltaZoom = scale / previousScale - 1;
-                    zoomCenteredOnDiagram(event, deltaZoom);
+                    const zoomRatio = scale / previousScale;
+                    const clientRect = container.getBoundingClientRect();
+                    panX -= (event.clientX - clientRect.left) * (zoomRatio - 1);
+                    panY -= (event.clientY - clientRect.top) * (zoomRatio - 1);
                     applyTransform();
                 }});
-                container.addEventListener('mousedown', function(event) {{
+                // Enable Drag-to-Pan
+                container.addEventListener('mousedown', (event) => {{
                     isDragging = true;
                     startX = event.clientX - panX;
                     startY = event.clientY - panY;
                     container.style.cursor = "grabbing";
                 }});
-                container.addEventListener('mousemove', function(event) {{
+                container.addEventListener('mousemove', (event) => {{
                     if (!isDragging) return;
                     panX = event.clientX - startX;
@@ -393,27 +351,123 @@ def construct_mermaid_html(mermaid_str: str) -> str:
                     applyTransform();
                 }});
-                container.addEventListener('mouseup', function() {{
+                container.addEventListener('mouseup', () => {{
                     isDragging = false;
                     container.style.cursor = "grab";
                 }});
-                container.addEventListener('mouseleave', function() {{
+                container.addEventListener('mouseleave', () => {{
                     isDragging = false;
                     container.style.cursor = "grab";
                 }});
+            }}
+        }})();
+    </script>
-                // Ensure Mermaid renders the diagram, then fit and center it
-                setTimeout(centerAndFitDiagram, 100); // Delay to ensure Mermaid.js rendering is complete
-            }});
-        </script>
-    </body>
-    </html>
-"""
+    """
     return mermaid_html
+    # mermaid_html = f"""
+    #     <h2 style="text-align: center; color: #007acc; margin-bottom: 16px;">
+    #         {escaped_header}
+    #     </h2>
+#         """ if header else ""
+# #     <div class="diagram-container" style="width: 90%; max-width: 800px; margin: auto; padding: 20px; background: white; border: 1px solid #ddd; border-radius: 12px; position: relative;">
+# #         {header_html}
+# #         <div class="pan-zoom-container" style="width: 100%; height: 500px; overflow: hidden; position: relative; background: #f9f9f9; border: 1px solid #ccc; cursor: grab;">
+# #             <div id="{graph_id}" class="mermaid pan-zoom-content" style="position: absolute; transform-origin: 0 0; cursor: grab;">
+# #                 {escaped_mermaid_code}
+# #             </div>
+# #         </div>
+# #     </div>
+# #     <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+# #     <script>
+# #         // Initialize Mermaid.js and set up pan/zoom
+# #         mermaid.initialize({{ startOnLoad: true }});
+# #
+# #         const container = document.querySelector('.pan-zoom-container');
+# #         const content = document.querySelector('.pan-zoom-content');
+# #         const rect = content.getBoundingClientRect();
+# #
+# #         let scale = 1; // Current zoom level
+# #         let panX = 0;  // X-axis pan offset
+# #         let panY = 0;  // Y-axis pan offset
+# #         let isDragging = false;
+# #         let startX, startY;
+# #
+# #         // Helper: Apply transformations
+# #         const applyTransform = () => {{
+# #             content.style.transform = `translate(${{panX}}px, ${{panY}}px) scale(${{scale}})`;
+# #         }};
+# #
+# #         // Helper: Center the diagram and fit it to the container
+# #         const centerAndFitDiagram = () => {{
+# #             const containerRect = container.getBoundingClientRect();
+# #             const rect = content.getBoundingClientRect();
+# #
+# #             scale = Math.min(
+# #                 containerRect.width / rect.width,
+# #                 containerRect.height / rect.height
+# #             );
+# #
+# #             panX = (containerRect.width - rect.width * scale) / 2;
+# #             panY = (containerRect.height - rect.height * scale) / 2;
+# #
+# #             applyTransform();
+# #             console.log("Diagram centered and fitted.");
+# #         }};
+# #
+# #         // Add zoom functionality
+# #         container.addEventListener('wheel', function(event) {{
+# #             event.preventDefault();
+# #             const zoomSpeed = 0.1;
+# #             const previousScale = scale;
+# #
+# #             if (event.deltaY < 0) {{
+# #                 scale = Math.min(scale + zoomSpeed, 4);
+# #             }} else {{
+# #                 scale = Math.max(scale - zoomSpeed, 0.5);
+# #             }}
+# #
+# #             const zoomRatio = scale / previousScale;
+# #             panX -= (event.clientX - container.getBoundingClientRect().left) * (zoomRatio - 1);
+# #             panY -= (event.clientY - container.getBoundingClientRect().top) * (zoomRatio - 1);
+# #
+# #             applyTransform();
+# #         }});
+# #
+# #         // Add drag functionality for panning
+# #         container.addEventListener('mousedown', function(event) {{
+# #             isDragging = true;
+# #             startX = event.clientX - panX;
+# #             startY = event.clientY - panY;
+# #             container.style.cursor = "grabbing";
+# #         }});
+# #
+# #         container.addEventListener('mousemove', function(event) {{
+# #             if (!isDragging) return;
+# #
+# #             panX = event.clientX - startX;
+# #             panY = event.clientY - startY;
+# #
+# #             applyTransform();
+# #         }});
+# #
+# #         container.addEventListener('mouseup', function() {{
+# #             isDragging = false;
+# #             container.style.cursor = "grab";
+# #         }});
+# #
+# #         container.addEventListener('mouseleave', function() {{
+# #             isDragging = false;
+# #             container.style.cursor = "grab";
+# #         }});
+# #
+# #         // Center diagram after rendering by Mermaid
+# #         setTimeout(centerAndFitDiagram, 200);
+# #     </script>
+# # """
+#
+#     return mermaid_html

pyegeria-5.3.4.7/pyegeria/test_m.html ADDED Viewed

@@ -0,0 +1,223 @@
+    <div id="Component_for_Solution_Blueprint_-_Clinical_Trial_Management_Solution_Blueprint_-container" class="diagram-container"
+         style="width: 90%; max-width: 800px; margin: auto; padding: 20px;
+                background: white; border: 1px solid #ddd;
+                border-radius: 12px; position: relative;">
+        <h2 style="text-align: center; color: #007acc; margin-bottom: 16px;">
+            Component for Solution Blueprint - Clinical Trial Management Solution Blueprint
+        </h2>
+        <div class="pan-zoom-container"
+             style="width: 100%; height: 500px; overflow: hidden;
+                    position: relative; background: #f9f9f9;
+                    border: 1px solid #ccc; cursor: grab;">
+            <div id="Component_for_Solution_Blueprint_-_Clinical_Trial_Management_Solution_Blueprint_" class="mermaid pan-zoom-content"
+                 style="position: absolute; transform-origin: 0 0;">
+                flowchart TD
+%%{init: {&quot;flowchart&quot;: {&quot;htmlLabels&quot;: false}} }%%
+subgraph c4f8d707-7c85-4125-b5fd-c3257a2ef2ef [Components and Actors]
+fc2de77f-7320-48ea-8750-d434c6e870db@{ shape: text, label: &quot;*Description*
+**A description of how a clinical trial is managed in Coco Pharmaceuticals.**&quot;}
+37b8560d-84d4-434b-9b0d-105420fcc924@{ shape: subproc, label: &quot;*Solution Component*
+**Certify Hospital**&quot;}
+f37f3735-28a1-4e03-9ff5-3fe2f137f661@{ shape: trap-t, label: &quot;*Solution Actor Role*
+**Clinical Trial Manager**&quot;}
+f37f3735-28a1-4e03-9ff5-3fe2f137f661--&gt;|&quot;Certifier&quot;|37b8560d-84d4-434b-9b0d-105420fcc924
+72a86eec-9734-4bc0-babb-4fec0aa7c9ff@{ shape: docs, label: &quot;*Solution Component*
+**Assemble Treatment Assessment Report**&quot;}
+48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5@{ shape: rect, label: &quot;*Solution Component*
+**Treatment Efficacy Evidence**&quot;}
+48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5--&gt;|&quot;Solution Linking Wire&quot;|72a86eec-9734-4bc0-babb-4fec0aa7c9ff
+f37f3735-28a1-4e03-9ff5-3fe2f137f661--&gt;|&quot;Author&quot;|72a86eec-9734-4bc0-babb-4fec0aa7c9ff
+b5c8da4c-f925-4cf1-8294-e43cd2c1a584@{ shape: rect, label: &quot;*Solution Component*
+**Analyse Patient Data**&quot;}
+b5c8da4c-f925-4cf1-8294-e43cd2c1a584--&gt;|&quot;Solution Linking Wire&quot;|48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5
+7f5dca65-50b4-4103-9ac7-3a406a09047a@{ shape: subproc, label: &quot;*Solution Component*
+**Weekly Measurements Onboarding Pipeline**&quot;}
+07705e15-efff-4f80-8992-f04ac85e0ef1@{ shape: rect, label: &quot;*Solution Component*
+**Landing Folder Cataloguer**&quot;}
+07705e15-efff-4f80-8992-f04ac85e0ef1--&gt;|&quot;Solution Linking Wire&quot;|7f5dca65-50b4-4103-9ac7-3a406a09047a
+f37f3735-28a1-4e03-9ff5-3fe2f137f661--&gt;|&quot;Steward&quot;|7f5dca65-50b4-4103-9ac7-3a406a09047a
+b0290339-c96c-4b05-904f-12fc98e54e14@{ shape: trap-t, label: &quot;*Solution Actor Role*
+**Certified Data Engineer**&quot;}
+b0290339-c96c-4b05-904f-12fc98e54e14--&gt;|&quot;Steward&quot;|7f5dca65-50b4-4103-9ac7-3a406a09047a
+d48f579f-76d3-4c49-b1b4-575f5645a9d0@{ shape: lin-cyl, label: &quot;*Solution Component*
+**Treatment Validation Sandbox**&quot;}
+26c07ca4-3b8e-484b-812b-36c1ace4b275@{ shape: rect, label: &quot;*Solution Component*
+**Populate Sandbox**&quot;}
+26c07ca4-3b8e-484b-812b-36c1ace4b275--&gt;|&quot;Solution Linking Wire&quot;|d48f579f-76d3-4c49-b1b4-575f5645a9d0
+ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec@{ shape: processes, label: &quot;*Solution Component*
+**Hospital Processes**&quot;}
+a8bd84ca-0aae-4534-b0e8-87e8659467a6@{ shape: trap-t, label: &quot;*Solution Actor Role*
+**Clinical Trial Participating Hospital Coordinator**&quot;}
+a8bd84ca-0aae-4534-b0e8-87e8659467a6--&gt;|&quot;Coordinator on behalf of hospital&quot;|ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec
+30adaab5-8870-47a8-8ae9-facbf84cb05a@{ shape: trap-t, label: &quot;*Solution Actor Role*
+**Clinical Trial Participating Hospital**&quot;}
+30adaab5-8870-47a8-8ae9-facbf84cb05a--&gt;|&quot;Owner&quot;|ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec
+d48f579f-76d3-4c49-b1b4-575f5645a9d0--&gt;|&quot;Solution Linking Wire&quot;|b5c8da4c-f925-4cf1-8294-e43cd2c1a584
+ece17806-836c-4756-b3a2-2d12dde215f6@{ shape: trap-t, label: &quot;*Solution Actor Role*
+**New Treatment Data Scientist**&quot;}
+ece17806-836c-4756-b3a2-2d12dde215f6--&gt;|&quot;Data Analyser&quot;|b5c8da4c-f925-4cf1-8294-e43cd2c1a584
+0c757e35-8a42-4d5f-b01b-c72a6cea65cc@{ shape: trap-t, label: &quot;*Solution Actor Role*
+**New Treatment Researcher.**&quot;}
+0c757e35-8a42-4d5f-b01b-c72a6cea65cc--&gt;|&quot;Results Interpreter&quot;|b5c8da4c-f925-4cf1-8294-e43cd2c1a584
+e9c2f911-ffcb-40c6-aeee-8c4d43811576@{ shape: subproc, label: &quot;*Solution Component*
+**Onboard Hospital**&quot;}
+b0290339-c96c-4b05-904f-12fc98e54e14--&gt;|&quot;Initiator&quot;|e9c2f911-ffcb-40c6-aeee-8c4d43811576
+849b0b42-f465-452b-813c-477d6398e082@{ shape: subproc, label: &quot;*Solution Component*
+**Set up clinical trial**&quot;}
+f37f3735-28a1-4e03-9ff5-3fe2f137f661--&gt;|&quot;Initiator&quot;|849b0b42-f465-452b-813c-477d6398e082
+a5d4d638-6836-47e5-99d0-fdcde637e13f@{ shape: lin-cyl, label: &quot;*Solution Component*
+**Weekly Measurements Data Lake Folder**&quot;}
+7f5dca65-50b4-4103-9ac7-3a406a09047a--&gt;|&quot;Solution Linking Wire&quot;|a5d4d638-6836-47e5-99d0-fdcde637e13f
+0bf2547c-937c-41b6-814f-6284849271a1@{ shape: odd, label: &quot;*Solution Component*
+**Treatment Assessment Report Validation and Delivery**&quot;}
+72a86eec-9734-4bc0-babb-4fec0aa7c9ff--&gt;|&quot;Solution Linking Wire&quot;|0bf2547c-937c-41b6-814f-6284849271a1
+f6bc847b-868d-43cc-b767-41f5fe3e47d1@{ shape: trap-t, label: &quot;*Solution Actor Role*
+**Clinical Trial Sponsor**&quot;}
+f6bc847b-868d-43cc-b767-41f5fe3e47d1--&gt;|&quot;Reviewer&quot;|0bf2547c-937c-41b6-814f-6284849271a1
+a5d4d638-6836-47e5-99d0-fdcde637e13f--&gt;|&quot;Solution Linking Wire&quot;|26c07ca4-3b8e-484b-812b-36c1ace4b275
+fb32bef2-e79f-4893-b500-2e547f24d482@{ shape: subproc, label: &quot;*Solution Component*
+**Set up Data Lake Folder**&quot;}
+b0290339-c96c-4b05-904f-12fc98e54e14--&gt;|&quot;Initiator&quot;|fb32bef2-e79f-4893-b500-2e547f24d482
+1c150d6e-30cf-481c-9afb-3b06c9c9e78f@{ shape: lin-cyl, label: &quot;*Solution Component*
+**Hospital Landing Area Folder**&quot;}
+ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec--&gt;|&quot;Solution Linking Wire&quot;|1c150d6e-30cf-481c-9afb-3b06c9c9e78f
+1c150d6e-30cf-481c-9afb-3b06c9c9e78f--&gt;|&quot;Solution Linking Wire&quot;|07705e15-efff-4f80-8992-f04ac85e0ef1
+11c7c850-c67c-41cc-9423-d74db47cbf3a@{ shape: subproc, label: &quot;*Solution Component*
+**Nominate Hospital**&quot;}
+f37f3735-28a1-4e03-9ff5-3fe2f137f661--&gt;|&quot;Initiator&quot;|11c7c850-c67c-41cc-9423-d74db47cbf3a
+end
+style 48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style ece17806-836c-4756-b3a2-2d12dde215f6 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
+style e9c2f911-ffcb-40c6-aeee-8c4d43811576 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style a5d4d638-6836-47e5-99d0-fdcde637e13f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 0bf2547c-937c-41b6-814f-6284849271a1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 30adaab5-8870-47a8-8ae9-facbf84cb05a color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
+style b0290339-c96c-4b05-904f-12fc98e54e14 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
+style 26c07ca4-3b8e-484b-812b-36c1ace4b275 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 1c150d6e-30cf-481c-9afb-3b06c9c9e78f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 07705e15-efff-4f80-8992-f04ac85e0ef1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style a8bd84ca-0aae-4534-b0e8-87e8659467a6 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
+style 0c757e35-8a42-4d5f-b01b-c72a6cea65cc color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
+style c4f8d707-7c85-4125-b5fd-c3257a2ef2ef color:#3079ab, fill:#b7c0c7, stroke:#3079ab
+style 37b8560d-84d4-434b-9b0d-105420fcc924 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 11c7c850-c67c-41cc-9423-d74db47cbf3a color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style fc2de77f-7320-48ea-8750-d434c6e870db color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+style 849b0b42-f465-452b-813c-477d6398e082 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 7f5dca65-50b4-4103-9ac7-3a406a09047a color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 72a86eec-9734-4bc0-babb-4fec0aa7c9ff color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style b5c8da4c-f925-4cf1-8294-e43cd2c1a584 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style f6bc847b-868d-43cc-b767-41f5fe3e47d1 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
+style d48f579f-76d3-4c49-b1b4-575f5645a9d0 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style f37f3735-28a1-4e03-9ff5-3fe2f137f661 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
+style fb32bef2-e79f-4893-b500-2e547f24d482 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+            </div>
+        </div>
+    </div>
+    <script>
+        (function() {
+            // Check if Mermaid.js is already loaded; load if not
+            if (typeof mermaid === "undefined") {
+                const script = document.createElement('script');
+                script.src = "https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js";
+                script.onload = () => initializeMermaid();
+                document.head.appendChild(script);
+            } else {
+                initializeMermaid();
+            }
+            function initializeMermaid() {
+                // Re-render the Mermaid chart
+                mermaid.initialize({ startOnLoad: true });
+                mermaid.init(undefined, document.querySelector("#Component_for_Solution_Blueprint_-_Clinical_Trial_Management_Solution_Blueprint_"));
+                // Add interactivity for pan and zoom
+                const container = document.querySelector('.pan-zoom-container');
+                const content = document.querySelector('.pan-zoom-content');
+                let scale = 1;  // Current zoom level
+                let panX = 0;   // X-axis pan
+                let panY = 0;   // Y-axis pan
+                let isDragging = false;
+                let startX, startY;
+                // Apply Transformations
+                const applyTransform = () => {
+                    content.style.transform = `translate(${panX}px, ${panY}px) scale(${scale})`;
+                };
+                // Center Diagram on Load
+                const centerAndFitDiagram = () => {
+                    const containerRect = container.getBoundingClientRect();
+                    const rect = content.getBoundingClientRect();
+                    scale = Math.min(
+                        containerRect.width / rect.width,
+                        containerRect.height / rect.height
+                    );
+                    panX = (containerRect.width - rect.width * scale) / 2;
+                    panY = (containerRect.height - rect.height * scale) / 2;
+                    applyTransform();
+                };
+                setTimeout(centerAndFitDiagram, 200); // Allow rendering time
+                // Enable Mouse-Wheel Zoom
+                container.addEventListener('wheel', (event) => {
+                    event.preventDefault();
+                    const zoomSpeed = 0.1;
+                    const previousScale = scale;
+                    if (event.deltaY < 0) {
+                        scale = Math.min(scale + zoomSpeed, 4);
+                    } else {
+                        scale = Math.max(scale - zoomSpeed, 0.5);
+                    }
+                    const zoomRatio = scale / previousScale;
+                    const clientRect = container.getBoundingClientRect();
+                    panX -= (event.clientX - clientRect.left) * (zoomRatio - 1);
+                    panY -= (event.clientY - clientRect.top) * (zoomRatio - 1);
+                    applyTransform();
+                });
+                // Enable Drag-to-Pan
+                container.addEventListener('mousedown', (event) => {
+                    isDragging = true;
+                    startX = event.clientX - panX;
+                    startY = event.clientY - panY;
+                    container.style.cursor = "grabbing";
+                });
+                container.addEventListener('mousemove', (event) => {
+                    if (!isDragging) return;
+                    panX = event.clientX - startX;
+                    panY = event.clientY - startY;
+                    applyTransform();
+                });
+                container.addEventListener('mouseup', () => {
+                    isDragging = false;
+                    container.style.cursor = "grab";
+                });
+                container.addEventListener('mouseleave', () => {
+                    isDragging = false;
+                    container.style.cursor = "grab";
+                });
+            }
+        })();
+    </script>

pyegeria 5.3.4.5__tar.gz → 5.3.4.7__tar.gz

pyegeria 5.3.4.5tar.gz → 5.3.4.7tar.gz