PyPI - pyegeria - Versions diffs - 5.3.4.4.dev3__tar.gz → 5.3.4.4.dev4__tar.gz - Mend

Files changed (521) hide show

{pyegeria-5.3.4.4.dev3 → pyegeria-5.3.4.4.dev4}/pyegeria/mermaid_utilities.py RENAMED Viewed

@@ -239,38 +239,116 @@ def construct_mermaid_html(mermaid_str: str) -> str:
     <head>
         <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
         <script>
-            // Initialize mermaid with pan and zoom enabled
+            // Initialize Mermaid.js
             window.mermaid.initialize({{
                 startOnLoad: true,
-                securityLevel: "loose",  // Allow inline event handlers
-                theme: "default",       // Use default theme (this can be modified)
+                securityLevel: "loose",
+                theme: "default",
                 flowchart: {{
-                    useMaxWidth: false,   // Disable resizing to fit container width
-                    htmlLabels: true,     // Enable HTML labels
-                    wrap: true            // Wrap long labels
-                }},
-                // Enable zoom and pan for the graph
-                zoom: {{
-                    enabled: true,
-                    scaleExtent: [0.5, 4],  // Minimum 50% zoom, maximum 400% zoom
-                    pan: true,             // Enable panning
-                    zoomOnScroll: true     // Zoom with scrollwheel/mousepad
+                    useMaxWidth: false,
+                    htmlLabels: true,
+                    wrap: true
                 }}
             }});
         </script>
+        <style>
+            /* Pan and zoom container styles */
+            .pan-zoom-container {{
+                overflow: hidden;
+                position: relative;
+                width: 100%;
+                height: 100vh;
+                background-color: #f4f4f4;
+            }}
+            .pan-zoom-content {{
+                transform-origin: 0 0;
+                cursor: grab;
+            }}
+            .pan-zoom-content:active {{
+                cursor: grabbing;
+            }}
+        </style>
     </head>
     <body>
-        <div id="{graph_id}" class="mermaid">{mermaid_code}</div>
+        <div class="pan-zoom-container">
+            <div id="{graph_id}" class="mermaid pan-zoom-content">
+                {mermaid_code}
+            </div>
+        </div>
         <script>
-            // Specifically initialize the newly added graph in case Mermaid is already loaded
-            window.mermaid.contentLoaded();
+            // Enable 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;  // Current x-axis pan position
+            let panY = 0;  // Current y-axis pan position
+            let isDragging = false; // Mouse dragging state
+            let startX, startY; // Mouse starting point for dragging
+            // Mouse wheel zoom with cursor as focal point
+            container.addEventListener('wheel', function(event) {{
+                event.preventDefault();
+                const zoomSpeed = 0.1; // Speed of zoom
+                const zoomDelta = event.deltaY > 0 ? -zoomSpeed : zoomSpeed;
+                const previousScale = scale;
+                // Clamp zoom level between 50% and 400%
+                scale = Math.min(Math.max(0.5, scale + zoomDelta), 4);
+                // Calculate the focal point for zoom using mouse position
+                const rect = content.getBoundingClientRect();
+                const offsetX = event.clientX - rect.left; // Mouse X relative to content
+                const offsetY = event.clientY - rect.top;  // Mouse Y relative to content
+                // Adjust pan values to focus zoom on cursor
+                panX -= (offsetX / previousScale - offsetX / scale);
+                panY -= (offsetY / previousScale - offsetY / scale);
+                // Apply transformations
+                content.style.transform = `translate(${{
+                    panX
+                }}px, ${{panY}}px) scale(${{scale}})`;
+            }});
+            // Handle panning with mouse drag
+            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;
+                // Apply transformations
+                content.style.transform = `translate(${{
+                    panX
+                }}px, ${{panY}}px) scale(${{scale}})`;
+            }});
+            // Stop dragging on mouseup
+            container.addEventListener('mouseup', function() {{
+                isDragging = false;
+                container.style.cursor = "grab";
+            }});
+            // Stop dragging if mouse leaves the container
+            container.addEventListener('mouseleave', function() {{
+                isDragging = false;
+                container.style.cursor = "grab";
+            }});
         </script>
     </body>
     </html>
     """
     return mermaid_html
 def save_mermaid_html(
     title: str, mermaid_str: str, folder: str = EGERIA_MERMAID_FOLDER
 ):

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

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "pyegeria"
-version = "5.3.4.4-dev3"
+version = "5.3.4.4-dev4"
 license = 'Apache 2.0'
 authors = ["Dan Wolfson <dan.wolfson@pdr-associates.com>"]

pyegeria 5.3.4.4.dev3__tar.gz → 5.3.4.4.dev4__tar.gz

pyegeria 5.3.4.4.dev3tar.gz → 5.3.4.4.dev4tar.gz