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/Assemble Treatment Assessment Report.html CHANGED Viewed

@@ -1,129 +1,154 @@
-    <!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 - Assemble Treatment Assessment Report </title>
-        <h3 style="text-align: center;">Solution Component - Assemble Treatment Assessment Report </h3>
-        GUID : 72a86eec-9734-4bc0-babb-4fec0aa7c9ff
-        <body>
+    <div id="mermaid-graph-72a86eec-9734-4bc0-babb-4fec0aa7c9ff-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-72a86eec-9734-4bc0-babb-4fec0aa7c9ff-heading" style="margin: 20px 0; font-size: 1.5em; text-align: center;">
+            Solution Component - Assemble Treatment Assessment Report
+        </h3>
+        <p id="mermaid-graph-72a86eec-9734-4bc0-babb-4fec0aa7c9ff-subheading" style="margin: 0; padding: 5px; font-size: 1em; text-align: center; color: gray; flex: 0 0 auto;">
+            GUID: 72a86eec-9734-4bc0-babb-4fec0aa7c9ff
+        </p>
+        <!-- Mermaid Diagram -->
+        <div id="mermaid-graph-72a86eec-9734-4bc0-babb-4fec0aa7c9ff-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-72a86eec-9734-4bc0-babb-4fec0aa7c9ff" 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}} }%%
-2b90e7b8-4919-45f5-9492-14e171422caa@{ shape: text, label: "*Description*
-**A process of creating a filing report for the regulators detailing the findings from the clinical trial.**"}
-72a86eec-9734-4bc0-babb-4fec0aa7c9ff@{ shape: docs, label: "*Solution Component*
-**Assemble Treatment Assessment Report**"}
-48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5@{ shape: rect, label: "*Solution Component*
-**Treatment Efficacy Evidence**"}
-48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5-->|"Solution Linking Wire"|72a86eec-9734-4bc0-babb-4fec0aa7c9ff
-f37f3735-28a1-4e03-9ff5-3fe2f137f661@{ shape: trap-t, label: "*Solution Actor Role*
-**Clinical Trial Manager**"}
-f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Author"|72a86eec-9734-4bc0-babb-4fec0aa7c9ff
+e7f44d8e-9adf-49ba-861a-e13187ba8a8b@{ shape: text, label: &quot;*Description*
+**A process of creating a filing report for the regulators detailing the findings from the clinical trial.**&quot;}
+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;retrieve evidence,
+[Solution Linking Wire]&quot;|72a86eec-9734-4bc0-babb-4fec0aa7c9ff
+0bf2547c-937c-41b6-814f-6284849271a1@{ shape: rect, label: &quot;*Solution Component*
+**Treatment Assessment Report Validation and Delivery**&quot;}
+72a86eec-9734-4bc0-babb-4fec0aa7c9ff==&gt;|&quot;publish results,
+[Solution Linking Wire]&quot;|0bf2547c-937c-41b6-814f-6284849271a1
+f37f3735-28a1-4e03-9ff5-3fe2f137f661@{ shape: trap-t, label: &quot;*Solution Actor Role*
+**Clinical Trial Manager**&quot;}
+f37f3735-28a1-4e03-9ff5-3fe2f137f661==&gt;|&quot;Author&quot;|72a86eec-9734-4bc0-babb-4fec0aa7c9ff
+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;|72a86eec-9734-4bc0-babb-4fec0aa7c9ff
+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 48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
-style 2b90e7b8-4919-45f5-9492-14e171422caa color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+style e7f44d8e-9adf-49ba-861a-e13187ba8a8b color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+style 0bf2547c-937c-41b6-814f-6284849271a1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
 style f37f3735-28a1-4e03-9ff5-3fe2f137f661 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
-style 72a86eec-9734-4bc0-babb-4fec0aa7c9ff color:#FFFFFF, fill:#838cc7, stroke:#3079ab`;
-              const {svg} = await mermaid.render('mySvgId', graphDefinition);
-              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+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 72a86eec-9734-4bc0-babb-4fec0aa7c9ff 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-72a86eec-9734-4bc0-babb-4fec0aa7c9ff";  // 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-72a86eec-9734-4bc0-babb-4fec0aa7c9ff-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/Certify 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 - Certify Hospital </title>
-        <h3 style="text-align: center;">Solution Component - Certify Hospital </h3>
-        GUID : 37b8560d-84d4-434b-9b0d-105420fcc924
-        <body>
+    <div id="mermaid-graph-37b8560d-84d4-434b-9b0d-105420fcc924-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-37b8560d-84d4-434b-9b0d-105420fcc924-heading" style="margin: 20px 0; font-size: 1.5em; text-align: center;">
+            Solution Component - Certify Hospital
+        </h3>
+        <p id="mermaid-graph-37b8560d-84d4-434b-9b0d-105420fcc924-subheading" style="margin: 0; padding: 5px; font-size: 1em; text-align: center; color: gray; flex: 0 0 auto;">
+            GUID: 37b8560d-84d4-434b-9b0d-105420fcc924
+        </p>
+        <!-- Mermaid Diagram -->
+        <div id="mermaid-graph-37b8560d-84d4-434b-9b0d-105420fcc924-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-37b8560d-84d4-434b-9b0d-105420fcc924" 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}} }%%
-9dda2945-6301-4aa6-b7c9-a11ca518889f@{ shape: text, label: "*Description*
-**Confirm that a hospital has met all of the criteria to participate in the clinical trial.**"}
-37b8560d-84d4-434b-9b0d-105420fcc924@{ shape: subproc, label: "*Solution Component*
-**Certify Hospital**"}
-f37f3735-28a1-4e03-9ff5-3fe2f137f661@{ shape: trap-t, label: "*Solution Actor Role*
-**Clinical Trial Manager**"}
-f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Certifier"|37b8560d-84d4-434b-9b0d-105420fcc924
-style 9dda2945-6301-4aa6-b7c9-a11ca518889f color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+cc4ef0dd-8a0c-48a5-9975-594cdafa01b7@{ shape: text, label: &quot;*Description*
+**Confirm that a hospital has met all of the criteria to participate in the clinical trial.**&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
 style 37b8560d-84d4-434b-9b0d-105420fcc924 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
-style f37f3735-28a1-4e03-9ff5-3fe2f137f661 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7`;
-              const {svg} = await mermaid.render('mySvgId', graphDefinition);
-              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+style f37f3735-28a1-4e03-9ff5-3fe2f137f661 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
+style cc4ef0dd-8a0c-48a5-9975-594cdafa01b7 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+            </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-37b8560d-84d4-434b-9b0d-105420fcc924";  // 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-37b8560d-84d4-434b-9b0d-105420fcc924-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