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/Treatment Validation Sandbox.html CHANGED Viewed

@@ -1,125 +1,152 @@
-    <!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 - Treatment Validation Sandbox </title>
-        <h3 style="text-align: center;">Solution Component - Treatment Validation Sandbox </h3>
-        GUID : d48f579f-76d3-4c49-b1b4-575f5645a9d0
-        <body>
+    <div id="mermaid-graph-d48f579f-76d3-4c49-b1b4-575f5645a9d0-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-d48f579f-76d3-4c49-b1b4-575f5645a9d0-heading" style="margin: 20px 0; font-size: 1.5em; text-align: center;">
+            Solution Component - Treatment Validation Sandbox
+        </h3>
+        <p id="mermaid-graph-d48f579f-76d3-4c49-b1b4-575f5645a9d0-subheading" style="margin: 0; padding: 5px; font-size: 1em; text-align: center; color: gray; flex: 0 0 auto;">
+            GUID: d48f579f-76d3-4c49-b1b4-575f5645a9d0
+        </p>
+        <!-- Mermaid Diagram -->
+        <div id="mermaid-graph-d48f579f-76d3-4c49-b1b4-575f5645a9d0-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-d48f579f-76d3-4c49-b1b4-575f5645a9d0" 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}} }%%
-4b8a892c-bfb0-4fd5-bab0-c01d9275f991@{ shape: text, label: "*Description*
-**A postgreSQL database schema for assembling data needed to validate the clinical trial.**"}
-d48f579f-76d3-4c49-b1b4-575f5645a9d0@{ shape: lin-cyl, label: "*Solution Component*
-**Treatment Validation Sandbox**"}
-26c07ca4-3b8e-484b-812b-36c1ace4b275@{ shape: rect, label: "*Solution Component*
-**Populate Sandbox**"}
-26c07ca4-3b8e-484b-812b-36c1ace4b275-->|"Solution Linking Wire"|d48f579f-76d3-4c49-b1b4-575f5645a9d0
+991c1ada-b7f8-4c57-ae4d-f59c54059a20@{ shape: text, label: &quot;*Description*
+**A postgreSQL database schema for assembling data needed to validate the clinical trial.**&quot;}
+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;write patient measurements,
+[Solution Linking Wire]&quot;|d48f579f-76d3-4c49-b1b4-575f5645a9d0
+b5c8da4c-f925-4cf1-8294-e43cd2c1a584@{ shape: rect, label: &quot;*Solution Component*
+**Analyse Patient Data**&quot;}
+d48f579f-76d3-4c49-b1b4-575f5645a9d0==&gt;|&quot;retrieve patient data,
+[Solution Linking Wire]&quot;|b5c8da4c-f925-4cf1-8294-e43cd2c1a584
+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;|d48f579f-76d3-4c49-b1b4-575f5645a9d0
+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
+04ae768e-3816-47bc-bddb-c9ae25018684==&gt;|&quot;InformationSupplyChainLink&quot;|1f71e403-1187-4f03-a1dd-ae7dc105f06f
+1f71e403-1187-4f03-a1dd-ae7dc105f06f==&gt;|&quot;InformationSupplyChainComposition&quot;|04ae768e-3816-47bc-bddb-c9ae25018684
+style b5c8da4c-f925-4cf1-8294-e43cd2c1a584 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
 style d48f579f-76d3-4c49-b1b4-575f5645a9d0 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
-style 4b8a892c-bfb0-4fd5-bab0-c01d9275f991 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
-style 26c07ca4-3b8e-484b-812b-36c1ace4b275 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 991c1ada-b7f8-4c57-ae4d-f59c54059a20 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+style 04ae768e-3816-47bc-bddb-c9ae25018684 color:#004563, fill:#b7c0c7, stroke:#004563
+style 26c07ca4-3b8e-484b-812b-36c1ace4b275 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-d48f579f-76d3-4c49-b1b4-575f5645a9d0";  // 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-d48f579f-76d3-4c49-b1b4-575f5645a9d0-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/Weekly Measurements Data Lake Folder.html CHANGED Viewed

@@ -1,125 +1,156 @@
-    <!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 Data Lake Folder </title>
-        <h3 style="text-align: center;">Solution Component - Weekly Measurements Data Lake Folder </h3>
-        GUID : a5d4d638-6836-47e5-99d0-fdcde637e13f
-        <body>
+    <div id="mermaid-graph-a5d4d638-6836-47e5-99d0-fdcde637e13f-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-a5d4d638-6836-47e5-99d0-fdcde637e13f-heading" style="margin: 20px 0; font-size: 1.5em; text-align: center;">
+            Solution Component - Weekly Measurements Data Lake Folder
+        </h3>
+        <p id="mermaid-graph-a5d4d638-6836-47e5-99d0-fdcde637e13f-subheading" style="margin: 0; padding: 5px; font-size: 1em; text-align: center; color: gray; flex: 0 0 auto;">
+            GUID: a5d4d638-6836-47e5-99d0-fdcde637e13f
+        </p>
+        <!-- Mermaid Diagram -->
+        <div id="mermaid-graph-a5d4d638-6836-47e5-99d0-fdcde637e13f-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-a5d4d638-6836-47e5-99d0-fdcde637e13f" 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}} }%%
-7c3e4eac-5024-4fd6-aa52-708289dfda2b@{ shape: text, label: "*Description*
-**The directory where the files from the hospitals are assembled for sharing.**"}
-a5d4d638-6836-47e5-99d0-fdcde637e13f@{ shape: lin-cyl, label: "*Solution Component*
-**Weekly Measurements Data Lake Folder**"}
-7f5dca65-50b4-4103-9ac7-3a406a09047a@{ shape: rect, label: "*Solution Component*
-**Weekly Measurements Onboarding Pipeline**"}
-7f5dca65-50b4-4103-9ac7-3a406a09047a-->|"Solution Linking Wire"|a5d4d638-6836-47e5-99d0-fdcde637e13f
-style 7c3e4eac-5024-4fd6-aa52-708289dfda2b color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+36dba8b8-9ab2-40ed-9525-86387a075b61@{ shape: text, label: &quot;*Description*
+**The directory where the files from the hospitals are assembled for sharing.**&quot;}
+a5d4d638-6836-47e5-99d0-fdcde637e13f@{ shape: lin-cyl, label: &quot;*Solution Component*
+**Weekly Measurements Data Lake Folder**&quot;}
+7f5dca65-50b4-4103-9ac7-3a406a09047a@{ shape: rect, label: &quot;*Solution Component*
+**Weekly Measurements Onboarding Pipeline**&quot;}
+7f5dca65-50b4-4103-9ac7-3a406a09047a==&gt;|&quot;save new files,
+[Solution Linking Wire]&quot;|a5d4d638-6836-47e5-99d0-fdcde637e13f
+26c07ca4-3b8e-484b-812b-36c1ace4b275@{ shape: rect, label: &quot;*Solution Component*
+**Populate Sandbox**&quot;}
+a5d4d638-6836-47e5-99d0-fdcde637e13f==&gt;|&quot;read certified files,
+[Solution Linking Wire]&quot;|26c07ca4-3b8e-484b-812b-36c1ace4b275
+fb32bef2-e79f-4893-b500-2e547f24d482@{ shape: rect, label: &quot;*Solution Component*
+**Set up Data Lake Folder**&quot;}
+fb32bef2-e79f-4893-b500-2e547f24d482==&gt;|&quot;SolutionComposition&quot;|a5d4d638-6836-47e5-99d0-fdcde637e13f
+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;|fb32bef2-e79f-4893-b500-2e547f24d482
+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
+04ae768e-3816-47bc-bddb-c9ae25018684==&gt;|&quot;InformationSupplyChainLink&quot;|1f71e403-1187-4f03-a1dd-ae7dc105f06f
+1f71e403-1187-4f03-a1dd-ae7dc105f06f==&gt;|&quot;InformationSupplyChainComposition&quot;|04ae768e-3816-47bc-bddb-c9ae25018684
+style 36dba8b8-9ab2-40ed-9525-86387a075b61 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+style fb32bef2-e79f-4893-b500-2e547f24d482 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+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 a5d4d638-6836-47e5-99d0-fdcde637e13f color:#FFFFFF, fill:#838cc7, stroke:#3079ab`;
-              const {svg} = await mermaid.render('mySvgId', graphDefinition);
-              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+style 26c07ca4-3b8e-484b-812b-36c1ace4b275 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-a5d4d638-6836-47e5-99d0-fdcde637e13f";  // 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-a5d4d638-6836-47e5-99d0-fdcde637e13f-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