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/Nominate Hospital.html CHANGED Viewed

@@ -1,125 +1,136 @@
-    <!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 - Nominate Hospital </title>
-        <h3 style="text-align: center;">Solution Component - Nominate Hospital </h3>
-        GUID : 11c7c850-c67c-41cc-9423-d74db47cbf3a
-        <body>
+    <div id="mermaid-graph-11c7c850-c67c-41cc-9423-d74db47cbf3a-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-11c7c850-c67c-41cc-9423-d74db47cbf3a-heading" style="margin: 20px 0; font-size: 1.5em; text-align: center;">
+            Solution Component - Nominate Hospital
+        </h3>
+        <p id="mermaid-graph-11c7c850-c67c-41cc-9423-d74db47cbf3a-subheading" style="margin: 0; padding: 5px; font-size: 1em; text-align: center; color: gray; flex: 0 0 auto;">
+            GUID: 11c7c850-c67c-41cc-9423-d74db47cbf3a
+        </p>
+        <!-- Mermaid Diagram -->
+        <div id="mermaid-graph-11c7c850-c67c-41cc-9423-d74db47cbf3a-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-11c7c850-c67c-41cc-9423-d74db47cbf3a" 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}} }%%
-dd51d54d-b932-4eef-979f-3f0ab131ac19@{ shape: text, label: "*Description*
-**Add details of a hospital as a candidate for participation in the clinical trials.**"}
-11c7c850-c67c-41cc-9423-d74db47cbf3a@{ shape: subproc, label: "*Solution Component*
-**Nominate Hospital**"}
-f37f3735-28a1-4e03-9ff5-3fe2f137f661@{ shape: trap-t, label: "*Solution Actor Role*
-**Clinical Trial Manager**"}
-f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Initiator"|11c7c850-c67c-41cc-9423-d74db47cbf3a
-style dd51d54d-b932-4eef-979f-3f0ab131ac19 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+390041d6-3ed1-4a1a-9f70-603c17f9b46f@{ shape: text, label: &quot;*Description*
+**Add details of a hospital as a candidate for participation in the clinical trials.**&quot;}
+11c7c850-c67c-41cc-9423-d74db47cbf3a@{ shape: subproc, label: &quot;*Solution Component*
+**Nominate 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;Initiator&quot;|11c7c850-c67c-41cc-9423-d74db47cbf3a
+style 390041d6-3ed1-4a1a-9f70-603c17f9b46f color:#000000, fill:#F9F7ED, stroke:#b7c0c7
 style f37f3735-28a1-4e03-9ff5-3fe2f137f661 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
-style 11c7c850-c67c-41cc-9423-d74db47cbf3a color:#FFFFFF, fill:#838cc7, stroke:#3079ab`;
-              const {svg} = await mermaid.render('mySvgId', graphDefinition);
-              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+style 11c7c850-c67c-41cc-9423-d74db47cbf3a 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-11c7c850-c67c-41cc-9423-d74db47cbf3a";  // 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-11c7c850-c67c-41cc-9423-d74db47cbf3a-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/commands/tech/work/mermaid_graphs/components/Onboard Hospital.html CHANGED Viewed

@@ -1,125 +1,136 @@
-    <!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 - Onboard Hospital </title>
-        <h3 style="text-align: center;">Solution Component - Onboard Hospital </h3>
-        GUID : e9c2f911-ffcb-40c6-aeee-8c4d43811576
-        <body>
+    <div id="mermaid-graph-e9c2f911-ffcb-40c6-aeee-8c4d43811576-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-e9c2f911-ffcb-40c6-aeee-8c4d43811576-heading" style="margin: 20px 0; font-size: 1.5em; text-align: center;">
+            Solution Component - Onboard Hospital
+        </h3>
+        <p id="mermaid-graph-e9c2f911-ffcb-40c6-aeee-8c4d43811576-subheading" style="margin: 0; padding: 5px; font-size: 1em; text-align: center; color: gray; flex: 0 0 auto;">
+            GUID: e9c2f911-ffcb-40c6-aeee-8c4d43811576
+        </p>
+        <!-- Mermaid Diagram -->
+        <div id="mermaid-graph-e9c2f911-ffcb-40c6-aeee-8c4d43811576-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-e9c2f911-ffcb-40c6-aeee-8c4d43811576" 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}} }%%
-bc15bf2f-90e7-4838-935d-f3fc0e2bd006@{ shape: text, label: "*Description*
-**Set up the onboarding pipeline for a participating hospital.  This fails if the hospital is not certified.**"}
-e9c2f911-ffcb-40c6-aeee-8c4d43811576@{ shape: subproc, label: "*Solution Component*
-**Onboard Hospital**"}
-b0290339-c96c-4b05-904f-12fc98e54e14@{ shape: trap-t, label: "*Solution Actor Role*
-**Certified Data Engineer**"}
-b0290339-c96c-4b05-904f-12fc98e54e14-->|"Initiator"|e9c2f911-ffcb-40c6-aeee-8c4d43811576
-style bc15bf2f-90e7-4838-935d-f3fc0e2bd006 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+849a3811-6c11-499e-a08c-6854d29b6488@{ shape: text, label: &quot;*Description*
+**Set up the onboarding pipeline for a participating hospital.  This fails if the hospital is not certified.**&quot;}
+e9c2f911-ffcb-40c6-aeee-8c4d43811576@{ shape: subproc, label: &quot;*Solution Component*
+**Onboard Hospital**&quot;}
+b0290339-c96c-4b05-904f-12fc98e54e14@{ shape: trap-t, label: &quot;*Solution Actor Role*
+**Certified Data Engineer**&quot;}
+b0290339-c96c-4b05-904f-12fc98e54e14==&gt;|&quot;Initiator&quot;|e9c2f911-ffcb-40c6-aeee-8c4d43811576
 style b0290339-c96c-4b05-904f-12fc98e54e14 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
-style e9c2f911-ffcb-40c6-aeee-8c4d43811576 color:#FFFFFF, fill:#838cc7, stroke:#3079ab`;
-              const {svg} = await mermaid.render('mySvgId', graphDefinition);
-              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+style 849a3811-6c11-499e-a08c-6854d29b6488 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+style e9c2f911-ffcb-40c6-aeee-8c4d43811576 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-e9c2f911-ffcb-40c6-aeee-8c4d43811576";  // 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-e9c2f911-ffcb-40c6-aeee-8c4d43811576-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 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