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/Employee Expense Tool.html CHANGED Viewed

@@ -1,121 +1,145 @@
-    <!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 - Employee Expense Tool </title>
-        <h3 style="text-align: center;">Solution Component - Employee Expense Tool </h3>
-        GUID : 02cdce9a-7630-479a-90de-fd7698d098f1
-        <body>
+    <div id="mermaid-graph-02cdce9a-7630-479a-90de-fd7698d098f1-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-02cdce9a-7630-479a-90de-fd7698d098f1-heading" style="margin: 20px 0; font-size: 1.5em; text-align: center;">
+            Solution Component - Employee Expense Tool
+        </h3>
+        <p id="mermaid-graph-02cdce9a-7630-479a-90de-fd7698d098f1-subheading" style="margin: 0; padding: 5px; font-size: 1em; text-align: center; color: gray; flex: 0 0 auto;">
+            GUID: 02cdce9a-7630-479a-90de-fd7698d098f1
+        </p>
+        <!-- Mermaid Diagram -->
+        <div id="mermaid-graph-02cdce9a-7630-479a-90de-fd7698d098f1-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-02cdce9a-7630-479a-90de-fd7698d098f1" 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}} }%%
-9cd9cc78-5add-4476-a718-6575f0e95536@{ shape: text, label: "*Description*
-**Application for recording and categorizing employee expenses, and authorizing the repayment.**"}
-02cdce9a-7630-479a-90de-fd7698d098f1@{ shape: subproc, label: "*Solution Component*
-**Employee Expense Tool**"}
+e4570a6d-51de-409f-9301-4fe9bec32489@{ shape: text, label: &quot;*Description*
+**Application for recording and categorizing employee expenses, and authorizing the repayment.**&quot;}
+02cdce9a-7630-479a-90de-fd7698d098f1@{ shape: subproc, label: &quot;*Solution Component*
+**Employee Expense Tool**&quot;}
+fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4@{ shape: rect, label: &quot;*Solution Component*
+**Sustainability Operational Data Store (ODS)**&quot;}
+02cdce9a-7630-479a-90de-fd7698d098f1==&gt;|&quot;travel inventory,
+[Solution Linking Wire]&quot;|fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4
+9fb47e51-4121-495d-be31-f766a1f70856@{ shape: hex, label: &quot;*Information Supply Chain Segment*
+**Sustainability Data Gathering**&quot;}
+9fb47e51-4121-495d-be31-f766a1f70856==&gt;|&quot;ImplementedBy&quot;|02cdce9a-7630-479a-90de-fd7698d098f1
+dd15b286-a38d-4f03-8625-aaded8596048@{ shape: flip-tri, label: &quot;*Information Supply Chain*
+**Sustainability Reporting**&quot;}
+dd15b286-a38d-4f03-8625-aaded8596048==&gt;|&quot;InformationSupplyChainComposition&quot;|9fb47e51-4121-495d-be31-f766a1f70856
+style e4570a6d-51de-409f-9301-4fe9bec32489 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+style dd15b286-a38d-4f03-8625-aaded8596048 color:#FFFFFF, fill:#004563, stroke:#b7c0c7
+style fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
 style 02cdce9a-7630-479a-90de-fd7698d098f1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
-style 9cd9cc78-5add-4476-a718-6575f0e95536 color:#000000, fill:#F9F7ED, stroke:#b7c0c7`;
-              const {svg} = await mermaid.render('mySvgId', graphDefinition);
-              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+style 9fb47e51-4121-495d-be31-f766a1f70856 color:#004563, fill:#b7c0c7, stroke:#004563
+            </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-02cdce9a-7630-479a-90de-fd7698d098f1";  // 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-02cdce9a-7630-479a-90de-fd7698d098f1-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/Goods Inventory.html CHANGED Viewed

@@ -1,121 +1,145 @@
-    <!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 - Goods Inventory </title>
-        <h3 style="text-align: center;">Solution Component - Goods Inventory </h3>
-        GUID : 50768e61-43b6-4241-96a3-4c413582ec1f
-        <body>
+    <div id="mermaid-graph-50768e61-43b6-4241-96a3-4c413582ec1f-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-50768e61-43b6-4241-96a3-4c413582ec1f-heading" style="margin: 20px 0; font-size: 1.5em; text-align: center;">
+            Solution Component - Goods Inventory
+        </h3>
+        <p id="mermaid-graph-50768e61-43b6-4241-96a3-4c413582ec1f-subheading" style="margin: 0; padding: 5px; font-size: 1em; text-align: center; color: gray; flex: 0 0 auto;">
+            GUID: 50768e61-43b6-4241-96a3-4c413582ec1f
+        </p>
+        <!-- Mermaid Diagram -->
+        <div id="mermaid-graph-50768e61-43b6-4241-96a3-4c413582ec1f-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-50768e61-43b6-4241-96a3-4c413582ec1f" 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}} }%%
-73072ba9-1536-4860-ad08-f4c4b91770da@{ shape: text, label: "*Description*
-**Application for recording and tracing physical materials as they are acquired, stored, distributed and used.**"}
-50768e61-43b6-4241-96a3-4c413582ec1f@{ shape: subproc, label: "*Solution Component*
-**Goods Inventory**"}
-style 73072ba9-1536-4860-ad08-f4c4b91770da color:#000000, fill:#F9F7ED, stroke:#b7c0c7
-style 50768e61-43b6-4241-96a3-4c413582ec1f color:#FFFFFF, fill:#838cc7, stroke:#3079ab`;
-              const {svg} = await mermaid.render('mySvgId', graphDefinition);
-              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+576206e1-aaf2-4fc6-ba17-ad3a01aa1ff6@{ shape: text, label: &quot;*Description*
+**Application for recording and tracing physical materials as they are acquired, stored, distributed and used.**&quot;}
+50768e61-43b6-4241-96a3-4c413582ec1f@{ shape: subproc, label: &quot;*Solution Component*
+**Goods Inventory**&quot;}
+fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4@{ shape: rect, label: &quot;*Solution Component*
+**Sustainability Operational Data Store (ODS)**&quot;}
+50768e61-43b6-4241-96a3-4c413582ec1f==&gt;|&quot;goods movement,
+[Solution Linking Wire]&quot;|fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4
+9fb47e51-4121-495d-be31-f766a1f70856@{ shape: hex, label: &quot;*Information Supply Chain Segment*
+**Sustainability Data Gathering**&quot;}
+9fb47e51-4121-495d-be31-f766a1f70856==&gt;|&quot;ImplementedBy&quot;|50768e61-43b6-4241-96a3-4c413582ec1f
+dd15b286-a38d-4f03-8625-aaded8596048@{ shape: flip-tri, label: &quot;*Information Supply Chain*
+**Sustainability Reporting**&quot;}
+dd15b286-a38d-4f03-8625-aaded8596048==&gt;|&quot;InformationSupplyChainComposition&quot;|9fb47e51-4121-495d-be31-f766a1f70856
+style dd15b286-a38d-4f03-8625-aaded8596048 color:#FFFFFF, fill:#004563, stroke:#b7c0c7
+style 50768e61-43b6-4241-96a3-4c413582ec1f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 576206e1-aaf2-4fc6-ba17-ad3a01aa1ff6 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+style 9fb47e51-4121-495d-be31-f766a1f70856 color:#004563, fill:#b7c0c7, stroke:#004563
+            </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-50768e61-43b6-4241-96a3-4c413582ec1f";  // 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-50768e61-43b6-4241-96a3-4c413582ec1f-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