PyPI - pyegeria - Versions diffs - 5.3.3.14.dev3__py3-none-any.whl → 5.3.3.15__py3-none-any.whl - Mend

pyegeria 5.3.3.14.dev3py3-none-any.whl → 5.3.3.15py3-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 (284) hide show

pyegeria/commands/tech/work/mermaid_graphs/blueprints/Inventory Management.html ADDED Viewed

@@ -0,0 +1,124 @@
+    <!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>Component for Solution Blueprint - Inventory Management </title>
+        <h3 style="text-align: center;">Component for Solution Blueprint - Inventory Management </h3>
+        GUID : d0af5eeb-b341-4046-a336-938b88761719
+        <body>
+          <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}} }%%
+subgraph d0af5eeb-b341-4046-a336-938b88761719 [Components and Actors]
+4cd7474e-3e46-4f7d-853a-d9074d06b9f9@{ shape: text, label: "*Description*
+**A description of how physical inventory is managed between procurement, the distribution centres, manufacturing and finance.**"}
+50768e61-43b6-4241-96a3-4c413582ec1f@{ shape: subproc, label: "*Solution Component*
+**Goods Inventory**"}
+end
+style 50768e61-43b6-4241-96a3-4c413582ec1f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style d0af5eeb-b341-4046-a336-938b88761719 color:#3079ab, fill:#b7c0c7, stroke:#3079ab
+style 4cd7474e-3e46-4f7d-853a-d9074d06b9f9 color:#000000, fill:#F9F7ED, stroke:#b7c0c7`;
+              const {svg} = await mermaid.render('mySvgId', graphDefinition);
+              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+              var doPan = false;
+              var eventsHandler;
+              var panZoom;
+              var mousepos;
+              eventsHandler = {
+                haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
+                , mouseDownHandler: function (ev) {
+                  if (event.target.className == "[object SVGAnimatedString]") {
+                    doPan = true;
+                    mousepos = {x: ev.clientX, y: ev.clientY}
+                  }
+                  ;
+                }
+                , 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/blueprints/Personalized Medicine Order Fulfillment Solution Blueprint.html ADDED Viewed

@@ -0,0 +1,124 @@
+    <!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>Component for Solution Blueprint - Personalized Medicine Order Fulfillment Solution Blueprint </title>
+        <h3 style="text-align: center;">Component for Solution Blueprint - Personalized Medicine Order Fulfillment Solution Blueprint </h3>
+        GUID : 9b1d5648-58b9-4fc8-959c-ed0316068d75
+        <body>
+          <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}} }%%
+subgraph 9b1d5648-58b9-4fc8-959c-ed0316068d75 [Components and Actors]
+39a18067-6b14-4dc7-96b8-e36b54250c79@{ shape: text, label: "*Description*
+**A description of how an order for a personalized medicine prescription is fulfilled by Coco Pharmaceuticals.**"}
+2c0f5a4e-bb02-4081-a80e-3072ca99a1aa@{ shape: subproc, label: "*Solution Component*
+**Accounting ledgers**"}
+end
+style 9b1d5648-58b9-4fc8-959c-ed0316068d75 color:#3079ab, fill:#b7c0c7, stroke:#3079ab
+style 39a18067-6b14-4dc7-96b8-e36b54250c79 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+style 2c0f5a4e-bb02-4081-a80e-3072ca99a1aa color:#FFFFFF, fill:#838cc7, stroke:#3079ab`;
+              const {svg} = await mermaid.render('mySvgId', graphDefinition);
+              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+              var doPan = false;
+              var eventsHandler;
+              var panZoom;
+              var mousepos;
+              eventsHandler = {
+                haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
+                , mouseDownHandler: function (ev) {
+                  if (event.target.className == "[object SVGAnimatedString]") {
+                    doPan = true;
+                    mousepos = {x: ev.clientX, y: ev.clientY}
+                  }
+                  ;
+                }
+                , 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/blueprints/Sustainability Reporting Solution Blueprint.html ADDED Viewed

@@ -0,0 +1,149 @@
+    <!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>Component for Solution Blueprint - Sustainability Reporting Solution Blueprint </title>
+        <h3 style="text-align: center;">Component for Solution Blueprint - Sustainability Reporting Solution Blueprint </h3>
+        GUID : aed5c289-6e81-4cf8-8852-752005eee0c4
+        <body>
+          <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}} }%%
+subgraph aed5c289-6e81-4cf8-8852-752005eee0c4 [Components and Actors]
+f4ace6ce-394e-440e-9e4e-6dc481ad2dc4@{ shape: text, label: "*Description*
+**A description of how data is gathered to support sustainability reporting in Coco Pharmaceuticals.**"}
+fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4@{ shape: subproc, label: "*Solution Component*
+**Sustainability Operational Data Store (ODS)**"}
+2c0f5a4e-bb02-4081-a80e-3072ca99a1aa@{ shape: rect, label: "*Solution Component*
+**Accounting ledgers**"}
+2c0f5a4e-bb02-4081-a80e-3072ca99a1aa-->|"Solution Linking Wire"|fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4
+06edd666-06fd-43ef-b7bd-22e2651c334f@{ shape: rect, label: "*Solution Component*
+**Sustainability Calculators**"}
+06edd666-06fd-43ef-b7bd-22e2651c334f-->|"Solution Linking Wire"|fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4
+25fd5be7-692d-4752-9dc7-30068a7d665e@{ shape: rect, label: "*Solution Component*
+**Hazardous Materials (HazMat) Inventory**"}
+25fd5be7-692d-4752-9dc7-30068a7d665e-->|"Solution Linking Wire"|fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4
+50768e61-43b6-4241-96a3-4c413582ec1f@{ shape: rect, label: "*Solution Component*
+**Goods Inventory**"}
+50768e61-43b6-4241-96a3-4c413582ec1f-->|"Solution Linking Wire"|fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4
+02cdce9a-7630-479a-90de-fd7698d098f1@{ shape: rect, label: "*Solution Component*
+**Employee Expense Tool**"}
+02cdce9a-7630-479a-90de-fd7698d098f1-->|"Solution Linking Wire"|fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4
+fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4-->|"Solution Linking Wire"|06edd666-06fd-43ef-b7bd-22e2651c334f
+d50a6f1f-49d2-47c3-a55e-5844464bd26f@{ shape: subproc, label: "*Solution Component*
+**Sustainability Dashboards**"}
+fc55ef2d-a88d-44ee-94cb-3fca9b9af8b4-->|"Solution Linking Wire"|d50a6f1f-49d2-47c3-a55e-5844464bd26f
+end
+style f4ace6ce-394e-440e-9e4e-6dc481ad2dc4 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+style d50a6f1f-49d2-47c3-a55e-5844464bd26f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style aed5c289-6e81-4cf8-8852-752005eee0c4 color:#3079ab, fill:#b7c0c7, stroke:#3079ab
+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 25fd5be7-692d-4752-9dc7-30068a7d665e color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 06edd666-06fd-43ef-b7bd-22e2651c334f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 02cdce9a-7630-479a-90de-fd7698d098f1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 2c0f5a4e-bb02-4081-a80e-3072ca99a1aa color:#FFFFFF, fill:#838cc7, stroke:#3079ab`;
+              const {svg} = await mermaid.render('mySvgId', graphDefinition);
+              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+              var doPan = false;
+              var eventsHandler;
+              var panZoom;
+              var mousepos;
+              eventsHandler = {
+                haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
+                , mouseDownHandler: function (ev) {
+                  if (event.target.className == "[object SVGAnimatedString]") {
+                    doPan = true;
+                    mousepos = {x: ev.clientX, y: ev.clientY}
+                  }
+                  ;
+                }
+                , 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/blueprints/{{displayName}}.html ADDED Viewed

@@ -0,0 +1,121 @@
+    <!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>Component for Solution Blueprint - {{displayName}} </title>
+        <h3 style="text-align: center;">Component for Solution Blueprint - {{displayName}} </h3>
+        GUID : ff8e9750-182c-4f0d-b432-c7a48b8d660b
+        <body>
+          <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}} }%%
+subgraph ff8e9750-182c-4f0d-b432-c7a48b8d660b [Components and Actors]
+a59066a7-f699-404d-b8fb-d1db8301c5fa@{ shape: text, label: "*Description*
+**{{description}}**"}
+end
+style ff8e9750-182c-4f0d-b432-c7a48b8d660b color:#3079ab, fill:#b7c0c7, stroke:#3079ab
+style a59066a7-f699-404d-b8fb-d1db8301c5fa color:#000000, fill:#F9F7ED, stroke:#b7c0c7`;
+              const {svg} = await mermaid.render('mySvgId', graphDefinition);
+              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+              var doPan = false;
+              var eventsHandler;
+              var panZoom;
+              var mousepos;
+              eventsHandler = {
+                haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
+                , mouseDownHandler: function (ev) {
+                  if (event.target.className == "[object SVGAnimatedString]") {
+                    doPan = true;
+                    mousepos = {x: ev.clientX, y: ev.clientY}
+                  }
+                  ;
+                }
+                , 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/Accounting ledgers.html ADDED Viewed

@@ -0,0 +1,121 @@
+    <!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 - Accounting ledgers </title>
+        <h3 style="text-align: center;">Solution Component - Accounting ledgers </h3>
+        GUID : 2c0f5a4e-bb02-4081-a80e-3072ca99a1aa
+        <body>
+          <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}} }%%
+0d2b12e9-02b2-4e40-bb43-2e1c1082dd26@{ shape: text, label: "*Description*
+**Application for recording and tracing the income and spending of Coco Pharmaceuticals.  This can help to identify how much the company is spending on particular materials and activities.**"}
+2c0f5a4e-bb02-4081-a80e-3072ca99a1aa@{ shape: subproc, label: "*Solution Component*
+**Accounting ledgers**"}
+style 2c0f5a4e-bb02-4081-a80e-3072ca99a1aa color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 0d2b12e9-02b2-4e40-bb43-2e1c1082dd26 color:#000000, fill:#F9F7ED, stroke:#b7c0c7`;
+              const {svg} = await mermaid.render('mySvgId', graphDefinition);
+              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+              var doPan = false;
+              var eventsHandler;
+              var panZoom;
+              var mousepos;
+              eventsHandler = {
+                haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
+                , mouseDownHandler: function (ev) {
+                  if (event.target.className == "[object SVGAnimatedString]") {
+                    doPan = true;
+                    mousepos = {x: ev.clientX, y: ev.clientY}
+                  }
+                  ;
+                }
+                , 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.3.14.dev3__py3-none-any.whl → 5.3.3.15__py3-none-any.whl

pyegeria 5.3.3.14.dev3py3-none-any.whl → 5.3.3.15py3-none-any.whl