PyPI - pyegeria - Versions diffs - 5.3.4.7.dev3__py3-none-any.whl → 5.3.4.9__py3-none-any.whl - Mend

pyegeria 5.3.4.7.dev3py3-none-any.whl → 5.3.4.9py3-none-any.whl

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 (318) hide show

pyegeria/commands/tech/work/mermaid_graphs/components/Weekly Measurements Onboarding Pipeline.html CHANGED Viewed

@@ -1,133 +1,158 @@
-    <!DOCTYPE html>
-    <html>
-        <head>
-          <style type="text/css">
-            #mySvgId {
-            width: 100%;
-            height: 600px;
-            overflow: scroll;
-            border: 2px solid #ccc;
-            position: relative;
-            margin-bottom: 10px;
-            }
-            svg {
-            cursor: grab;
-            }
-          </style>
-        </head>
-        <title>Solution Component - Weekly Measurements Onboarding Pipeline </title>
-        <h3 style="text-align: center;">Solution Component - Weekly Measurements Onboarding Pipeline </h3>
-        GUID : 7f5dca65-50b4-4103-9ac7-3a406a09047a
-        <body>
+    <div id="mermaid-graph-7f5dca65-50b4-4103-9ac7-3a406a09047a-wrapper" style="width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch;">
-          <div id="graphDiv"></div>
-          <script src="https://bumbu.me/svg-pan-zoom/dist/svg-pan-zoom.min.js"></script>
-          <script type="module">
-            import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
-            mermaid.initialize({startOnLoad: false});
-            await mermaid.run({
-              querySelector: '.mermaid',
-              postRenderCallback: (id) => {
-                const container = document.getElementById("diagram-container");
-                const svgElement = container.querySelector("svg");
-                // Initialize Panzoom
-                const panzoomInstance = Panzoom(svgElement, {
-                  maxScale: 5,
-                  minScale: 0.5,
-                  step: 0.1,
-                });
-                // Add mouse wheel zoom
-                container.addEventListener("wheel", (event) => {
-                  panzoomInstance.zoomWithWheel(event);
-                });
-              }
-            });
-            const drawDiagram = async function () {
-              const element = document.querySelector('#graphDiv');
-              const graphDefinition = `
-    flowchart TD
-%%{init: {"flowchart": {"htmlLabels": false}} }%%
+        <!-- Title/Heading -->
+        <h3 id="mermaid-graph-7f5dca65-50b4-4103-9ac7-3a406a09047a-heading" style="margin: 20px 0; font-size: 1.5em; text-align: center;">
+            Solution Component - Weekly Measurements Onboarding Pipeline
+        </h3>
+        <p id="mermaid-graph-7f5dca65-50b4-4103-9ac7-3a406a09047a-subheading" style="margin: 0; padding: 5px; font-size: 1em; text-align: center; color: gray; flex: 0 0 auto;">
+            GUID: 7f5dca65-50b4-4103-9ac7-3a406a09047a
+        </p>
+        <!-- Mermaid Diagram -->
+        <div id="mermaid-graph-7f5dca65-50b4-4103-9ac7-3a406a09047a-container" class="diagram-container"
+             style="width: 100%; flex: 1 1 auto; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;">
+            <div id="mermaid-graph-7f5dca65-50b4-4103-9ac7-3a406a09047a" class="mermaid"
+                 style="width: 100%; height: 100%; cursor: grab; user-select: none; margin: 0; padding: 0;">
+                flowchart TD
+%%{init: {&quot;flowchart&quot;: {&quot;htmlLabels&quot;: false}} }%%
-955c3304-2d5c-4efe-bdac-11849cb5d9cc@{ shape: text, label: "*Description*
-**Move landing area files to data lake, catalog files in data lake with lineage from the landing area and validate/certify that the data contains valid values.  The cataloguing includes lineage, retention, origin, governance zones.  The quality validation survey will add a certification to the file asset if the data contains valid values.**"}
-7f5dca65-50b4-4103-9ac7-3a406a09047a@{ shape: subproc, label: "*Solution Component*
-**Weekly Measurements Onboarding Pipeline**"}
-07705e15-efff-4f80-8992-f04ac85e0ef1@{ shape: rect, label: "*Solution Component*
-**Landing Folder Cataloguer**"}
-07705e15-efff-4f80-8992-f04ac85e0ef1-->|"Solution Linking Wire"|7f5dca65-50b4-4103-9ac7-3a406a09047a
-f37f3735-28a1-4e03-9ff5-3fe2f137f661@{ shape: trap-t, label: "*Solution Actor Role*
-**Clinical Trial Manager**"}
-f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Steward"|7f5dca65-50b4-4103-9ac7-3a406a09047a
-b0290339-c96c-4b05-904f-12fc98e54e14@{ shape: trap-t, label: "*Solution Actor Role*
-**Certified Data Engineer**"}
-b0290339-c96c-4b05-904f-12fc98e54e14-->|"Steward"|7f5dca65-50b4-4103-9ac7-3a406a09047a
+61cbbf59-3c77-4ae6-bf34-96540fbe5542@{ shape: text, label: &quot;*Description*
+**Move landing area files to data lake, catalog files in data lake with lineage from the landing area and validate/certify that the data contains valid values.  The cataloguing includes lineage, retention, origin, governance zones.  The quality validation survey will add a certification to the file asset if the data contains valid values.**&quot;}
+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;request onboarding,
+[Solution Linking Wire]&quot;|7f5dca65-50b4-4103-9ac7-3a406a09047a
+a5d4d638-6836-47e5-99d0-fdcde637e13f@{ shape: rect, label: &quot;*Solution Component*
+**Weekly Measurements Data Lake Folder**&quot;}
+7f5dca65-50b4-4103-9ac7-3a406a09047a==&gt;|&quot;save new files,
+[Solution Linking Wire]&quot;|a5d4d638-6836-47e5-99d0-fdcde637e13f
+f37f3735-28a1-4e03-9ff5-3fe2f137f661@{ shape: trap-t, label: &quot;*Solution Actor Role*
+**Clinical Trial Manager**&quot;}
+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
+04ae768e-3816-47bc-bddb-c9ae25018684@{ shape: hex, label: &quot;*Information Supply Chain Segment*
+**Hospital Delivers Patient Weekly Readings**&quot;}
+04ae768e-3816-47bc-bddb-c9ae25018684==&gt;|&quot;InformationSupplyChainLink&quot;|7f5dca65-50b4-4103-9ac7-3a406a09047a
+1f71e403-1187-4f03-a1dd-ae7dc105f06f@{ shape: flip-tri, label: &quot;*Information Supply Chain*
+**Clinical Trial Treatment Validation**&quot;}
+1f71e403-1187-4f03-a1dd-ae7dc105f06f==&gt;|&quot;InformationSupplyChainComposition&quot;|04ae768e-3816-47bc-bddb-c9ae25018684
+style 61cbbf59-3c77-4ae6-bf34-96540fbe5542 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
 style f37f3735-28a1-4e03-9ff5-3fe2f137f661 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
 style b0290339-c96c-4b05-904f-12fc98e54e14 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
-style 955c3304-2d5c-4efe-bdac-11849cb5d9cc color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+style 1f71e403-1187-4f03-a1dd-ae7dc105f06f color:#FFFFFF, fill:#004563, stroke:#b7c0c7
+style 04ae768e-3816-47bc-bddb-c9ae25018684 color:#004563, fill:#b7c0c7, stroke:#004563
 style 7f5dca65-50b4-4103-9ac7-3a406a09047a color:#FFFFFF, fill:#838cc7, stroke:#3079ab
-style 07705e15-efff-4f80-8992-f04ac85e0ef1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab`;
-              const {svg} = await mermaid.render('mySvgId', graphDefinition);
-              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+style 07705e15-efff-4f80-8992-f04ac85e0ef1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style a5d4d638-6836-47e5-99d0-fdcde637e13f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+            </div>
+        </div>
+    </div>
-              var doPan = false;
-              var eventsHandler;
-              var panZoom;
-              var mousepos;
-              eventsHandler = {
-                haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
+    <style>
+        /* Ensure no margins or padding for the body or html in Jupyter */
+        body, html {
+            margin: 0;
+            padding: 0;
+            width: 100%;
+            height: 100%;
+        }
+        /* General reset for Jupyter Notebook's extra spacing */
+        #notebook, .container, .cell, .output_area {
+            margin: 0 !important;
+            padding: 0 !important;
+        }
+        .diagram-container {
+            width: 100%;
+            height: 100%;
+            overflow: hidden; /* Prevent scrollbars during zoom/pan */
+        }
+        h2 {
+            margin: 0;
+            padding: 10px;
+            font-size: 24px;
+            text-align: center;
+            flex: 0 0 auto; /* Fix height explicitly for heading */
+        }
+        .mermaid {
+            margin: 0;
+            padding: 0;
+        }
+    </style>
-                , mouseDownHandler: function (ev) {
-                  if (event.target.className == "[object SVGAnimatedString]") {
-                    doPan = true;
-                    mousepos = {x: ev.clientX, y: ev.clientY}
-                  }
+    <script>
+        (function() {
+            const graphId = "mermaid-graph-7f5dca65-50b4-4103-9ac7-3a406a09047a";  // Pass the graph ID
+            function loadScript(url, callback) {
+                const script = document.createElement('script');
+                script.src = url;
+                script.onload = callback;
+                document.head.appendChild(script);
+            }
+            // Initialize Mermaid and render the diagram
+            function initializeMermaid() {
+                mermaid.initialize({startOnLoad: false});
+                mermaid.init(undefined, "#" + graphId);
+                setTimeout(() => {
+                    const container = document.getElementById(graphId);
+                    if (!container) {
+                        console.error("Container not found for graph:", graphId);
+                        return;
+                    }
+                    const svg = container.querySelector("svg");
+                    if (!svg) {
+                        console.error("SVG not rendered by Mermaid.");
+                        return;
+                    }
+                    console.log("SVG rendered. Applying pan & zoom.");
+                    // Adjust to container size
+                    const containerElement = document.getElementById("mermaid-graph-7f5dca65-50b4-4103-9ac7-3a406a09047a-container");
+                    svg.setAttribute("width", containerElement.offsetWidth);
+                    svg.setAttribute("height", containerElement.offsetHeight);
+                    // Add pan/zoom functionality
+                    loadScript("https://cdn.jsdelivr.net/npm/svg-pan-zoom/dist/svg-pan-zoom.min.js", () => {
+                        const panZoom = svgPanZoom(svg, {
+                            zoomEnabled: true,
+                            controlIconsEnabled: true,
+                            fit: true,
+                            center: true,
+                            minZoom: 0.5,
+                            maxZoom: 10
+                        });
+                        // Reinitialize pan-zoom on window resize
+                        function onResize() {
+                            panZoom.resize();
+                            panZoom.fit();
+                            panZoom.center();
+                        }
+                        window.addEventListener('resize', onResize);
+                        console.log("Pan & zoom initialized successfully.");
+                    });
+                }, 500);
+            }
+            // Load Mermaid.js and initialize
+            if (typeof mermaid === "undefined") {
+                loadScript("https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js", initializeMermaid);
+            } else {
+                initializeMermaid();
+            }
+        })();
+    </script>
-                }
-                , mouseMoveHandler: function (ev) {
-                  if (doPan) {
-                    panZoom.panBy({x: ev.clientX - mousepos.x, y: ev.clientY - mousepos.y});
-                    mousepos = {x: ev.clientX, y: ev.clientY};
-                    window.getSelection().removeAllRanges();
-                  }
-                }
-                , mouseUpHandler: function (ev) {
-                  doPan = false;
-                }
-                , init: function (options) {
-                  options.svgElement.addEventListener('mousedown', this.mouseDownHandler, false);
-                  options.svgElement.addEventListener('mousemove', this.mouseMoveHandler, false);
-                  options.svgElement.addEventListener('mouseup', this.mouseUpHandler, false);
-                }
-                , destroy: function (options) {
-                  options.svgElement.removeEventListener('mousedown', this.mouseDownHandler, false);
-                  options.svgElement.removeEventListener('mousemove', this.mouseMoveHandler, false);
-                  options.svgElement.removeEventListener('mouseup', this.mouseUpHandler, false);
-                }
-              }
-              panZoom = svgPanZoom('#mySvgId', {
-                zoomEnabled: true
-                , controlIconsEnabled: true
-                , fit: 1
-                , center: 1
-                , customEventsHandler: eventsHandler
-              })
-            };
-            await drawDiagram();
-          </script>
-        </body>

pyegeria/create_tech_guid_lists.py CHANGED Viewed

@@ -13,7 +13,7 @@ from rich.console import Console
 from pyegeria.server_operations import ServerOps
 from pyegeria.automated_curation_omvs import AutomatedCuration
+from pyegeria._globals import NO_ELEMENTS_FOUND
 console = Console(width=200)

pyegeria/feedback_manager_omvs.py CHANGED Viewed

@@ -11,7 +11,7 @@ import json
 # import json
 from pyegeria._client import Client, max_paging_size
+from pyegeria._globals import NO_ELEMENTS_FOUND
 def jprint(info, comment=None):
     if comment:

pyegeria/glossary_browser_omvs.py CHANGED Viewed

@@ -14,7 +14,7 @@ from datetime import datetime
 from pyegeria._client import Client
 from pyegeria._validators import validate_guid, validate_name, validate_search_string
 from pyegeria.utils import body_slimmer
+from pyegeria._globals import NO_ELEMENTS_FOUND
 class GlossaryBrowser(Client):
     """

pyegeria/glossary_manager_omvs.py CHANGED Viewed

@@ -13,7 +13,7 @@ import os
 import time
 from datetime import datetime
 from typing import List
+from pyegeria._globals import NO_ELEMENTS_FOUND
 from pyegeria._exceptions import InvalidParameterException
 # import json
@@ -21,7 +21,7 @@ from pyegeria._client import Client
 from pyegeria._validators import validate_guid, validate_name, validate_search_string
 from pyegeria.glossary_browser_omvs import GlossaryBrowser
 from pyegeria.utils import body_slimmer
+from pyegeria._globals import NO_CATEGORIES_FOUND,NO_TERMS_FOUND, NO_GLOSSARIES_FOUND
 class GlossaryManager(GlossaryBrowser):
     """
@@ -2619,7 +2619,7 @@ class GlossaryManager(GlossaryBrowser):
         else:
             response = await self._async_make_request("POST", url)
-        return response.json().get("elementList", "No terms found")
+        return response.json().get("elementList", NO_TERMS_FOUND)
     def get_terms_for_category(
         self,
@@ -2807,7 +2807,7 @@ class GlossaryManager(GlossaryBrowser):
         else:
             response = await self._async_make_request("POST", url)
-        return response.json().get("elementList", "No terms found")
+        return response.json().get("elementList", NO_TERMS_FOUND)
     def get_term_relationships(
         self,
@@ -2976,7 +2976,7 @@ class GlossaryManager(GlossaryBrowser):
         Returns
         -------
         list
-            A list of terms matching the search criteria. If no terms are found, it returns the string "No terms found".
+            A list of terms matching the search criteria. If no terms are found, it returns the string NO_TERMS_FOUND.
         Raises
         ------
@@ -3014,7 +3014,7 @@ class GlossaryManager(GlossaryBrowser):
         # print(f"\n\nURL is: \n {url}\n\nBody is: \n{body}")
         response = await self._async_make_request("POST", url, body)
-        return response.json().get("elementList", "No terms found")
+        return response.json().get("elementList", NO_TERMS_FOUND)
     def get_terms_by_name(
         self,
@@ -3054,7 +3054,7 @@ class GlossaryManager(GlossaryBrowser):
         -------
         list
             A list of terms matching the search criteria. If no terms are found,
-            it returns the string "No terms found".
+            it returns the string NO_TERMS_FOUND.
         Raises
         ------
@@ -3488,7 +3488,7 @@ class GlossaryManager(GlossaryBrowser):
             "effectiveTime": effective_time,
             "limitResultsByStatus": status_filter,
         }
-        # body = body_slimmer(body)
+        body = body_slimmer(body)
         url = (
             f"{self.platform_url}/servers/{self.view_server}/api/open-metadata/glossary-browser/glossaries/"
@@ -3501,7 +3501,7 @@ class GlossaryManager(GlossaryBrowser):
         response = await self._async_make_request("POST", url, body)
         return response.json().get(
-            "elementList", "No terms found"
+            "elementList", NO_TERMS_FOUND
         )  # return response.text
     def find_glossary_terms(

pyegeria/mermaid_utilities.py CHANGED Viewed

@@ -21,12 +21,13 @@ nest_asyncio.apply()
 from IPython.display import HTML, display
 from rich.console import Console
-from pyegeria import (
-    AutomatedCuration,
+from pyegeria.automated_curation_omvs import AutomatedCuration
+from pyegeria._exceptions import (
     InvalidParameterException,
     PropertyServerException,
     UserNotAuthorizedException,
 )
+from pyegeria._globals import NO_ELEMENTS_FOUND
 EGERIA_METADATA_STORE = os.environ.get("EGERIA_METADATA_STORE", "active-metadata-store")
 EGERIA_KAFKA_ENDPOINT = os.environ.get("KAFKA_ENDPOINT", "localhost:9092")
@@ -61,20 +62,6 @@ def load_mermaid():
     display(HTML(mermaid_js))
-# def render_mermaid(mermaid_code):
-#     """Function to display a Mermaid diagram in a Jupyter notebook"""
-#     mermaid_html = f"""
-#     <div class="mermaid">
-#         {mermaid_code}
-#     </div>
-#     <script type="text/javascript">
-#         if (window.mermaid) {{
-#     mermaid.initialize({{startOnLoad: true}});
-#     mermaid.contentLoaded();
-#     }}
-#     </script>
-#     """
-#     display(HTML(mermaid_html))
 def render_mermaid(mermaid_code):
     return display(HTML(construct_mermaid_html(mermaid_code)))
@@ -236,131 +223,135 @@ def construct_mermaid_html(mermaid_str: str) -> str:
     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 (display only if header exists)
     header_html = f"""
-        <h2 style="text-align: center; color: #007acc; margin-bottom: 16px;">
+        <h3 id="{graph_id}-heading" style="margin: 20px 0; font-size: 1.5em; text-align: center;">
             {escaped_header}
-        </h2>
+        </h3>
+        <p id="{graph_id}-subheading" style="margin: 0; padding: 5px; font-size: 1em; text-align: center; color: gray; flex: 0 0 auto;">
+            GUID: {guid}
+        </p>
         """ if title_label else ""
-    # Construct the HTML content with Mermaid.js initialization and zoom/pan support
-    mermaid_html = f"""
-    <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;">
-        <div class="pan-zoom-container"
-             style="width: 100%; height: 500px; overflow: hidden;
-                    position: relative; background: #f9f9f9;
-                    border: 1px solid #ccc; cursor: grab;">
-            <div id="pz-{graph_id}" class="mermaid pan-zoom-content"
-                 style="position: absolute; transform-origin: 0 0;">
+    html_content = f"""
+    <div id="{graph_id}-wrapper" style="width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch;">
+        <!-- Title/Heading -->
+        {header_html if header_html else ""}
+        <!-- Mermaid Diagram -->
+        <div id="{graph_id}-container" class="diagram-container"
+             style="width: 100%; flex: 1 1 auto; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;">
+            <div id="{graph_id}" class="mermaid"
+                 style="width: 100%; height: 100%; cursor: grab; user-select: none; margin: 0; padding: 0;">
                 {escaped_mermaid_code}
             </div>
         </div>
     </div>
+    <style>
+        /* Ensure no margins or padding for the body or html in Jupyter */
+        body, html {{
+            margin: 0;
+            padding: 0;
+            width: 100%;
+            height: 100%;
+        }}
+        /* General reset for Jupyter Notebook's extra spacing */
+        #notebook, .container, .cell, .output_area {{
+            margin: 0 !important;
+            padding: 0 !important;
+        }}
+        .diagram-container {{
+            width: 100%;
+            height: 100%;
+            overflow: hidden; /* Prevent scrollbars during zoom/pan */
+        }}
+        h2 {{
+            margin: 0;
+            padding: 10px;
+            font-size: 24px;
+            text-align: center;
+            flex: 0 0 auto; /* Fix height explicitly for heading */
+        }}
+        .mermaid {{
+            margin: 0;
+            padding: 0;
+        }}
+    </style>
     <script>
         (function() {{
-            // Ensure Mermaid.js is loaded
-            if (typeof mermaid === "undefined") {{
+            const graphId = "{graph_id}";  // Pass the graph ID
+            function loadScript(url, callback) {{
                 const script = document.createElement('script');
-                script.src = "https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js";
-                script.onload = () => renderGraph();
+                script.src = url;
+                script.onload = callback;
                 document.head.appendChild(script);
-            }} else {{
-                renderGraph();
+            }}
+            // Initialize Mermaid and render the diagram
+            function initializeMermaid() {{
+                mermaid.initialize({{startOnLoad: false}});
+                mermaid.init(undefined, "#" + graphId);
+                setTimeout(() => {{
+                    const container = document.getElementById(graphId);
+                    if (!container) {{
+                        console.error("Container not found for graph:", graphId);
+                        return;
+                    }}
+                    const svg = container.querySelector("svg");
+                    if (!svg) {{
+                        console.error("SVG not rendered by Mermaid.");
+                        return;
+                    }}
+                    console.log("SVG rendered. Applying pan & zoom.");
+                    // Adjust to container size
+                    const containerElement = document.getElementById("{graph_id}-container");
+                    svg.setAttribute("width", containerElement.offsetWidth);
+                    svg.setAttribute("height", containerElement.offsetHeight);
+                    // Add pan/zoom functionality
+                    loadScript("https://cdn.jsdelivr.net/npm/svg-pan-zoom/dist/svg-pan-zoom.min.js", () => {{
+                        const panZoom = svgPanZoom(svg, {{
+                            zoomEnabled: true,
+                            controlIconsEnabled: true,
+                            fit: true,
+                            center: true,
+                            minZoom: 0.5,
+                            maxZoom: 10
+                        }});
+                        // Reinitialize pan-zoom on window resize
+                        function onResize() {{
+                            panZoom.resize();
+                            panZoom.fit();
+                            panZoom.center();
+                        }}
+                        window.addEventListener('resize', onResize);
+                        console.log("Pan & zoom initialized successfully.");
+                    }});
+                }}, 500);
             }}
-            function renderGraph() {{
-                // Render the Mermaid graph
-                mermaid.initialize({{ startOnLoad: true }});
-                mermaid.init(undefined, `#pz-{graph_id}`);
-                // Pan and Zoom Variables
-                const container = document.querySelector(`#{graph_id}-container .pan-zoom-container`);
-                const content = document.querySelector(`#{graph_id}-container .pan-zoom-content`);
-                if (!container || !content) {{
-                    console.error("Pan/Zoom container or content not found");
-                    return;
-                }}
-                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();
-                    // Calculate scale
-                    scale = Math.min(
-                        containerRect.width / rect.width,
-                        containerRect.height / rect.height
-                    );
-                    // Set panning to center the diagram
-                    panX = (containerRect.width - rect.width * scale) / 2;
-                    panY = (containerRect.height - rect.height * scale) / 2;
-                    applyTransform();
-                }};
-                // Delay centering to ensure rendering is complete
-                setTimeout(centerAndFitDiagram, 500);
-                // Pan/Drag Logic
-                container.addEventListener("mousedown", (e) => {{
-                    isDragging = true;
-                    startX = e.clientX - panX;
-                    startY = e.clientY - panY;
-                    container.style.cursor = "grabbing";
-                }});
-                window.addEventListener("mousemove", (e) => {{
-                    if (!isDragging) return;
-                    panX = e.clientX - startX;
-                    panY = e.clientY - startY;
-                    applyTransform();
-                }});
-                window.addEventListener("mouseup", () => {{
-                    isDragging = false;
-                    container.style.cursor = "grab";
-                }});
-                // Scroll-Wheel Zoom Logic
-                container.addEventListener("wheel", (e) => {{
-                    e.preventDefault();
-                    const delta = -Math.sign(e.deltaY); // Dynamic zoom direction
-                    const zoomIntensity = 0.1; // Adjust zoom speed
-                    const zoomFactor = 1 + delta * zoomIntensity;
-                    scale *= zoomFactor;
-                    // Clamp the zoom level to a minimum and maximum level
-                    scale = Math.min(Math.max(scale, 0.5), 5);
-                    applyTransform();
-                }});
+            // Load Mermaid.js and initialize
+            if (typeof mermaid === "undefined") {{
+                loadScript("https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js", initializeMermaid);
+            }} else {{
+                initializeMermaid();
             }}
         }})();
     </script>
     """
-    return mermaid_html
+    return html_content
     # mermaid_html = f"""
     #     <h2 style="text-align: center; color: #007acc; margin-bottom: 16px;">
     #         {escaped_header}

pyegeria 5.3.4.7.dev3__py3-none-any.whl → 5.3.4.9__py3-none-any.whl

pyegeria 5.3.4.7.dev3py3-none-any.whl → 5.3.4.9py3-none-any.whl