npm - @operato/board - Versions diffs - 0.2.46 → 0.2.50 - Mend

@operato/board 0.2.46 → 0.2.50

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 (156) hide show

package/demo/index-modeller.html ADDED Viewed

@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" />
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+        /* This is a font-stack that tries to use the system-default sans-serifs first */
+        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+        line-height: 1.5;
+        -webkit-font-smoothing: antialiased;
+      }
+      ox-board-modeller {
+        width: 100vw;
+        height: 100vh;
+      }
+    </style>
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="demo"></div>
+    <script type="module">
+      import { html, render } from 'lit'
+      import '../dist/src/ox-board-modeller.js'
+      import { ReferenceMap, create, error } from '@hatiolab/things-scene'
+      const colors = ['red', 'blue', 'orange', 'yellow', 'magenta', 'violet', 'navy', 'green', 'cyan', 'lime']
+      const boards = colors.map((color, idx) => {
+        var to = colors[(idx + 1) % colors.length]
+        return {
+          id: color,
+          model: {
+            width: 400,
+            height: 300,
+            fillStyle: color,
+            components: [
+              {
+                type: 'text',
+                left: 100,
+                top: 100,
+                width: 200,
+                height: 30,
+                text: `Click to move to ${to}`,
+                event: {
+                  tap: {
+                    action: 'goto',
+                    target: to
+                  }
+                }
+              }
+            ]
+          }
+        }
+      })
+      var provider = new ReferenceMap(
+        async (boardId, resolve, reject) => {
+          try {
+            const board = boards.find(board => {
+              return board.id === boardId
+            })
+            if (!board) {
+              throw `no board named as ${boardId}`
+            }
+            var scene
+            try {
+              scene = await provider.get(boardId)
+              console.warn('Board fetched more than twice.', boardId)
+            } catch (e) {
+              scene = create({
+                model: JSON.parse(JSON.stringify(board.model)),
+                mode: 0,
+                refProvider: provider
+              })
+            }
+            resolve(scene, board)
+          } catch (e) {
+            error(e)
+            reject(e)
+          }
+        },
+        async (id, ref) => {
+          ref.dispose()
+        }
+      )
+      render(
+        html` <ox-board-modeller .board=${boards[0]} .provider=${provider}> </ox-board-modeller> `,
+        document.querySelector('#demo')
+      )
+    </script>
+  </body>
+</html>

package/demo/index.html CHANGED Viewed

@@ -15,7 +15,7 @@
         -webkit-font-smoothing: antialiased;
       }
-      ox-board-viewer {
+      ox-board-modeller {
         width: 100vw;
         height: 100vh;
       }
@@ -27,7 +27,7 @@
     <div id="demo"></div>
     <script type="module">
       import { html, render } from 'lit'
-      import '../dist/src/ox-board-viewer.js'
+      import '../dist/src/ox-board-modeller.js'
       import { ReferenceMap, create, error } from '@hatiolab/things-scene'
       const colors = ['red', 'blue', 'orange', 'yellow', 'magenta', 'violet', 'navy', 'green', 'cyan', 'lime']
@@ -93,7 +93,7 @@
       )
       render(
-        html` <ox-board-viewer .board=${boards[0]} .provider=${provider}></ox-board-viewer> `,
+        html` <ox-board-modeller .board=${boards[0]} .provider=${provider}> </ox-board-modeller> `,
         document.querySelector('#demo')
       )
     </script>

package/dist/src/component/3d.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { Group } from '../types';
2	+ export declare const threed: Group;

package/dist/src/component/3d.js ADDED Viewed

@@ -0,0 +1,27 @@
+const icon = `
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
+  <style type="text/css">
+    .st0{fill:{{strokeColor}};}
+    .st7{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;}
+    .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}
+  </style>
+  <g>
+    <polygon class="st7" points="15.3,10.5 7.3,13.6 7.3,22.8 15,26.1 22.9,22.8 22.9,14.1"/>
+    <polygon class="st0" points="22.2,22.5 14.8,26.1 14.5,16.6 22.2,14.1"/>
+    <line class="st9" x1="15.1" y1="4.2" x2="15.1" y2="10.4"/>
+    <polyline class="st9" points="13.3,5.6 15.1,3.8 17,5.6"/>
+    <line class="st9" x1="27.9" y1="25.2" x2="22.4" y2="22.4"/>
+    <polyline class="st9" points="27.5,22.9 28.3,25.4 25.8,26.2"/>
+    <line class="st9" x1="2.1" y1="25.2" x2="7.6" y2="22.4"/>
+    <polyline class="st9" points="2.5,22.9 1.7,25.4 4.2,26.2"/>
+    <line class="st9" x1="7.9" y1="14.1" x2="15.5" y2="17.4"/>
+  </g>
+</svg>
+`;
+export const threed = {
+    name: '3D',
+    description: 'a group of various 3D base components',
+    icon,
+    templates: []
+};
+//# sourceMappingURL=3d.js.map

package/dist/src/component/3d.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"3d.js","sourceRoot":"","sources":["../../../src/component/3d.ts"],"names":[],"mappings":"AAEA,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;CAmBZ,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,uCAAuC;IACpD,IAAI;IACJ,SAAS,EAAE,EAAE;CACd,CAAA","sourcesContent":["import { Group } from '../types'\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n <style type=\"text/css\">\n .st0{fill:{{strokeColor}};}\n .st7{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;}\n .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n </style>\n <g>\n <polygon class=\"st7\" points=\"15.3,10.5 7.3,13.6 7.3,22.8 15,26.1 22.9,22.8 22.9,14.1\"/>\n <polygon class=\"st0\" points=\"22.2,22.5 14.8,26.1 14.5,16.6 22.2,14.1\"/>\n <line class=\"st9\" x1=\"15.1\" y1=\"4.2\" x2=\"15.1\" y2=\"10.4\"/>\n <polyline class=\"st9\" points=\"13.3,5.6 15.1,3.8 17,5.6\"/>\n <line class=\"st9\" x1=\"27.9\" y1=\"25.2\" x2=\"22.4\" y2=\"22.4\"/>\n <polyline class=\"st9\" points=\"27.5,22.9 28.3,25.4 25.8,26.2\"/>\n <line class=\"st9\" x1=\"2.1\" y1=\"25.2\" x2=\"7.6\" y2=\"22.4\"/>\n <polyline class=\"st9\" points=\"2.5,22.9 1.7,25.4 4.2,26.2\"/>\n <line class=\"st9\" x1=\"7.9\" y1=\"14.1\" x2=\"15.5\" y2=\"17.4\"/>\n </g>\n</svg>\n`\n\nexport const threed: Group = {\n name: '3D',\n description: 'a group of various 3D base components',\n icon,\n templates: []\n}\n"]}

package/dist/src/component/chart-and-gauge.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { Group } from '../types';
2	+ export declare const chartAndGauge: Group;

package/dist/src/component/chart-and-gauge.js ADDED Viewed

@@ -0,0 +1,26 @@
+const icon = `
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
+  <style type="text/css">
+    .st7{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;}
+    .st8{fill:none;stroke:{{strokeColor}};stroke-width:3;stroke-miterlimit:10;}
+    .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}
+  </style>
+  <g>
+    <line class="st7" x1="1.9" y1="25" x2="28.1" y2="25"/>
+    <line class="st8" x1="5.3" y1="22.8" x2="5.3" y2="18.1"/>
+    <line class="st8" x1="10.2" y1="22.8" x2="10.2" y2="15.1"/>
+    <line class="st8" x1="15.1" y1="22.8" x2="15.1" y2="18.1"/>
+    <line class="st8" x1="20" y1="22.8" x2="20" y2="13.1"/>
+    <line class="st8" x1="25" y1="22.8" x2="25" y2="10.1"/>
+    <polyline class="st9" points="4.7,15.7 9.6,9.7 14.9,15.1 25.2,5"/>
+  </g>
+</svg>
+`;
+export const chartAndGauge = {
+    name: 'chartAndGauge',
+    description: 'a group of various charts and gauges',
+    icon,
+    templates: []
+};
+//# sourceMappingURL=chart-and-gauge.js.map

package/dist/src/component/chart-and-gauge.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"chart-and-gauge.js","sourceRoot":"","sources":["../../../src/component/chart-and-gauge.ts"],"names":[],"mappings":"AAEA,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;CAkBZ,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,sCAAsC;IACnD,IAAI;IACJ,SAAS,EAAE,EAAE;CACd,CAAA","sourcesContent":["import { Group } from '../types'\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n <style type=\"text/css\">\n .st7{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;}\n .st8{fill:none;stroke:{{strokeColor}};stroke-width:3;stroke-miterlimit:10;}\n .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n </style>\n <g>\n <line class=\"st7\" x1=\"1.9\" y1=\"25\" x2=\"28.1\" y2=\"25\"/>\n <line class=\"st8\" x1=\"5.3\" y1=\"22.8\" x2=\"5.3\" y2=\"18.1\"/>\n <line class=\"st8\" x1=\"10.2\" y1=\"22.8\" x2=\"10.2\" y2=\"15.1\"/>\n <line class=\"st8\" x1=\"15.1\" y1=\"22.8\" x2=\"15.1\" y2=\"18.1\"/>\n <line class=\"st8\" x1=\"20\" y1=\"22.8\" x2=\"20\" y2=\"13.1\"/>\n <line class=\"st8\" x1=\"25\" y1=\"22.8\" x2=\"25\" y2=\"10.1\"/>\n <polyline class=\"st9\" points=\"4.7,15.7 9.6,9.7 14.9,15.1 25.2,5\"/>\n </g>\n</svg>\n\n`\n\nexport const chartAndGauge: Group = {\n name: 'chartAndGauge',\n description: 'a group of various charts and gauges',\n icon,\n templates: []\n}\n"]}

package/dist/src/component/container.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { Group } from '../types';
2	+ export declare const container: Group;

package/dist/src/component/container.js ADDED Viewed

@@ -0,0 +1,60 @@
+import iconContainer from '../../../assets/images/components/container.png';
+import popup from '../../../assets/images/components/popup.png';
+const icon = `
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
+  <style type="text/css">
+    .st0{fill:{{strokeColor}};}
+    .st3{fill:none;stroke:{{strokeColor}};stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
+    .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}
+  </style>
+  <g>
+    <rect x="2.8" y="10.3" class="st9" width="24.4" height="13.8"/>
+    <polygon class="st0" points="27.7,9.8 2.3,9.8 7.8,5.9 22.2,5.9"/>
+    <line class="st3" x1="10.9" y1="15.5" x2="19.1" y2="15.5"/>
+  </g>
+</svg>
+`;
+export const container = {
+    name: 'container',
+    description: 'a group of various containers',
+    icon,
+    templates: [
+        {
+            type: 'container',
+            description: 'general container',
+            icon: iconContainer,
+            group: 'container',
+            model: {
+                type: 'container',
+                left: 100,
+                top: 100,
+                width: 100,
+                height: 100,
+                fillStyle: '#fff',
+                strokeStyle: '#999',
+                alpha: 1,
+                hidden: false,
+                lineWidth: 1,
+                lineDash: 'solid',
+                lineCap: 'butt'
+            }
+        },
+        {
+            type: 'popup',
+            description: 'popup window',
+            icon: popup,
+            group: 'container',
+            model: {
+                type: 'popup',
+                left: 100,
+                top: 100,
+                width: 100,
+                height: 100,
+                fillStyle: '#fff',
+                strokeStyle: 'DarkGoldenRod',
+                hidden: true
+            }
+        }
+    ]
+};
+//# sourceMappingURL=container.js.map

package/dist/src/component/container.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/component/container.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,iDAAiD,CAAA;AAC3E,OAAO,KAAK,MAAM,6CAA6C,CAAA;AAE/D,MAAM,IAAI,GAAG;;;;;;;;;;;;;CAaZ,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,+BAA+B;IAC5C,IAAI;IACJ,SAAS,EAAE;QACT;YACE,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,mBAAmB;YAChC,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,cAAc;YAC3B,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,eAAe;gBAC5B,MAAM,EAAE,IAAI;aACb;SACF;KACF;CACF,CAAA","sourcesContent":["import { Group } from '../types'\nimport iconContainer from '../../../assets/images/components/container.png'\nimport popup from '../../../assets/images/components/popup.png'\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n <style type=\"text/css\">\n .st0{fill:{{strokeColor}};}\n .st3{fill:none;stroke:{{strokeColor}};stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}\n .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n </style>\n <g>\n <rect x=\"2.8\" y=\"10.3\" class=\"st9\" width=\"24.4\" height=\"13.8\"/>\n <polygon class=\"st0\" points=\"27.7,9.8 2.3,9.8 7.8,5.9 22.2,5.9\"/>\n <line class=\"st3\" x1=\"10.9\" y1=\"15.5\" x2=\"19.1\" y2=\"15.5\"/>\n </g>\n</svg>\n`\n\nexport const container: Group = {\n name: 'container',\n description: 'a group of various containers',\n icon,\n templates: [\n {\n type: 'container',\n description: 'general container',\n icon: iconContainer,\n group: 'container',\n model: {\n type: 'container',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#999',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'popup',\n description: 'popup window',\n icon: popup,\n group: 'container',\n model: {\n type: 'popup',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: 'DarkGoldenRod',\n hidden: true\n }\n }\n ]\n}\n"]}

package/dist/src/component/data-source.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { Group } from '../types';
2	+ export declare const dataSource: Group;

package/dist/src/component/data-source.js ADDED Viewed

@@ -0,0 +1,28 @@
+const icon = `
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
+  <style type="text/css">
+    .st0{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;}
+    .st1{fill:{{strokeColor}};stroke:{{strokeColor}};stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+    .st2{fill:{{strokeColor}};stroke:{{strokeColor}};stroke-width:0.5;stroke-miterlimit:10;}
+    .st3{fill:{{strokeColor}};}
+  </style>
+  <g>
+    <path class="st0" d="M11.9,22.4H4.6c-4.9,0-4.2-8.5,0.2-9.3c0,0,1.3-6.5,6.2-3c0,0,2.3-5.7,7.5-4.7c0,0,6.3,0.3,6,7.3
+    c0-0.1,2.1,0.9,2.3,1c3.1,1.9,2.9,7.3-0.6,8.7h-7"/>
+    <path class="st1" d="M12.6,20c-0.1-0.1-0.1-0.2,0-0.3c0.8-0.7,1.8-1.2,2.9-1.2s2.1,0.4,2.9,1.2c0.1,0.1,0.1,0.2,0,0.3
+    c-0.1,0.1-0.2,0.1-0.3,0c-0.7-0.7-1.6-1-2.6-1s-1.9,0.4-2.6,1.1C12.7,20.2,12.6,20.1,12.6,20z"/>
+    <path class="st1" d="M10.8,17.9c-0.1-0.1-0.1-0.2,0-0.3c1.3-1.2,3-1.9,4.8-1.9s3.5,0.7,4.8,1.9c0.1,0.1,0.1,0.2,0,0.3
+    C20.2,18,20.1,18,20,18c-1.2-1.1-2.8-1.8-4.5-1.8S12.2,16.8,11,18C11,18,10.8,18,10.8,17.9z"/>
+    <path class="st2" d="M9.5,15.8c-0.1-0.1-0.1-0.2,0-0.3c1.6-1.6,3.8-2.4,6.1-2.4s4.4,0.9,6,2.4c0.1,0.1,0.1,0.2,0,0.3
+    s-0.2,0.1-0.3,0c-1.6-1.5-3.6-2.3-5.8-2.3s-4.2,0.8-5.8,2.3C9.7,15.9,9.5,15.9,9.5,15.8z"/>
+    <circle class="st3" cx="15.5" cy="23.2" r="1.5"/>
+  </g>
+</svg>
+`;
+export const dataSource = {
+    name: 'dataSource',
+    description: 'a group of various data sources',
+    icon,
+    templates: []
+};
+//# sourceMappingURL=data-source.js.map

package/dist/src/component/data-source.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"data-source.js","sourceRoot":"","sources":["../../../src/component/data-source.ts"],"names":[],"mappings":"AAEA,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;CAoBZ,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,iCAAiC;IAC9C,IAAI;IACJ,SAAS,EAAE,EAAE;CACd,CAAA","sourcesContent":["import { Group } from '../types'\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n <style type=\"text/css\">\n .st0{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;}\n .st1{fill:{{strokeColor}};stroke:{{strokeColor}};stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n .st2{fill:{{strokeColor}};stroke:{{strokeColor}};stroke-width:0.5;stroke-miterlimit:10;}\n .st3{fill:{{strokeColor}};}\n </style>\n <g>\n <path class=\"st0\" d=\"M11.9,22.4H4.6c-4.9,0-4.2-8.5,0.2-9.3c0,0,1.3-6.5,6.2-3c0,0,2.3-5.7,7.5-4.7c0,0,6.3,0.3,6,7.3\n c0-0.1,2.1,0.9,2.3,1c3.1,1.9,2.9,7.3-0.6,8.7h-7\"/>\n <path class=\"st1\" d=\"M12.6,20c-0.1-0.1-0.1-0.2,0-0.3c0.8-0.7,1.8-1.2,2.9-1.2s2.1,0.4,2.9,1.2c0.1,0.1,0.1,0.2,0,0.3\n c-0.1,0.1-0.2,0.1-0.3,0c-0.7-0.7-1.6-1-2.6-1s-1.9,0.4-2.6,1.1C12.7,20.2,12.6,20.1,12.6,20z\"/>\n <path class=\"st1\" d=\"M10.8,17.9c-0.1-0.1-0.1-0.2,0-0.3c1.3-1.2,3-1.9,4.8-1.9s3.5,0.7,4.8,1.9c0.1,0.1,0.1,0.2,0,0.3\n C20.2,18,20.1,18,20,18c-1.2-1.1-2.8-1.8-4.5-1.8S12.2,16.8,11,18C11,18,10.8,18,10.8,17.9z\"/>\n <path class=\"st2\" d=\"M9.5,15.8c-0.1-0.1-0.1-0.2,0-0.3c1.6-1.6,3.8-2.4,6.1-2.4s4.4,0.9,6,2.4c0.1,0.1,0.1,0.2,0,0.3\n s-0.2,0.1-0.3,0c-1.6-1.5-3.6-2.3-5.8-2.3s-4.2,0.8-5.8,2.3C9.7,15.9,9.5,15.9,9.5,15.8z\"/>\n <circle class=\"st3\" cx=\"15.5\" cy=\"23.2\" r=\"1.5\"/>\n </g>\n</svg>\n`\n\nexport const dataSource: Group = {\n name: 'dataSource',\n description: 'a group of various data sources',\n icon,\n templates: []\n}\n"]}

package/dist/src/component/etc.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { Group } from '../types';
2	+ export declare const etc: Group;

package/dist/src/component/etc.js ADDED Viewed

@@ -0,0 +1,82 @@
+import globalReference from '../../../assets/images/components/global-reference.png';
+import infoWindow from '../../../assets/images/components/info-window.png';
+import localReference from '../../../assets/images/components/local-reference.png';
+const icon = `
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
+  <style type="text/css">
+    .st0{fill:{{strokeColor}};}
+  </style>
+  <g>
+    <circle class="st0" cx="7.1" cy="15" r="2"/>
+    <circle class="st0" cx="15" cy="15" r="2"/>
+    <circle class="st0" cx="22.9" cy="15" r="2"/>
+  </g>
+</svg>
+`;
+export const etc = {
+    name: 'etc',
+    description: 'a group of components that have not yet been defined.',
+    icon,
+    templates: [
+        {
+            type: 'info-window',
+            description: 'information window',
+            icon: infoWindow,
+            group: 'etc',
+            model: {
+                type: 'info-window',
+                left: 10,
+                top: 10,
+                width: 50,
+                height: 50,
+                fillStyle: '#fff',
+                strokeStyle: 'DarkGoldenRod',
+                hidden: true,
+                frontSideTemplate: "<h2 id='xxx'>\n\t<%= text %>\n</h2>\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />",
+                backSideTemplate: "<h2 id='yyy'>\n\t<%= text %>\n</h2>\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />",
+                style: '#yyy {\n\tbackground-color:navy;\n\tcolor:white\n}\n#xxx, #yyy {\n\twhite-space:nowrap;\n\tmin-width:200px;\n}'
+            }
+        },
+        {
+            type: 'local reference',
+            description: 'local reference',
+            icon: localReference,
+            group: 'etc',
+            model: {
+                type: 'local-ref',
+                left: 100,
+                top: 100,
+                width: 100,
+                height: 100,
+                fillStyle: '#fff',
+                strokeStyle: '#000',
+                alpha: 1,
+                hidden: false,
+                lineWidth: 1,
+                lineDash: 'solid',
+                lineCap: 'butt'
+            }
+        },
+        {
+            type: 'global reference',
+            description: 'global reference',
+            icon: globalReference,
+            group: 'etc',
+            model: {
+                type: 'global-ref',
+                left: 100,
+                top: 100,
+                width: 100,
+                height: 100,
+                fillStyle: '#fff',
+                strokeStyle: '#000',
+                alpha: 1,
+                hidden: false,
+                lineWidth: 1,
+                lineDash: 'solid',
+                lineCap: 'butt'
+            }
+        }
+    ]
+};
+//# sourceMappingURL=etc.js.map

package/dist/src/component/etc.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"etc.js","sourceRoot":"","sources":["../../../src/component/etc.ts"],"names":[],"mappings":"AACA,OAAO,eAAe,MAAM,wDAAwD,CAAA;AACpF,OAAO,UAAU,MAAM,mDAAmD,CAAA;AAC1E,OAAO,cAAc,MAAM,uDAAuD,CAAA;AAElF,MAAM,IAAI,GAAG;;;;;;;;;;;CAWZ,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAU;IACxB,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,uDAAuD;IACpE,IAAI;IACJ,SAAS,EAAE;QACT;YACE,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,oBAAoB;YACjC,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,EAAE;gBACR,GAAG,EAAE,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,eAAe;gBAC5B,MAAM,EAAE,IAAI;gBACZ,iBAAiB,EACf,gJAAgJ;gBAClJ,gBAAgB,EACd,gJAAgJ;gBAClJ,KAAK,EACH,gHAAgH;aACnH;SACF;QACD;YACE,IAAI,EAAE,iBAAiB;YACvB,WAAW,EAAE,iBAAiB;YAC9B,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,kBAAkB;YACxB,WAAW,EAAE,kBAAkB;YAC/B,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;gBACR,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;aAChB;SACF;KACF;CACF,CAAA","sourcesContent":["import { Group } from '../types'\nimport globalReference from '../../../assets/images/components/global-reference.png'\nimport infoWindow from '../../../assets/images/components/info-window.png'\nimport localReference from '../../../assets/images/components/local-reference.png'\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n <style type=\"text/css\">\n .st0{fill:{{strokeColor}};}\n </style>\n <g>\n <circle class=\"st0\" cx=\"7.1\" cy=\"15\" r=\"2\"/>\n <circle class=\"st0\" cx=\"15\" cy=\"15\" r=\"2\"/>\n <circle class=\"st0\" cx=\"22.9\" cy=\"15\" r=\"2\"/>\n </g>\n</svg>\n`\n\nexport const etc: Group = {\n name: 'etc',\n description: 'a group of components that have not yet been defined.',\n icon,\n templates: [\n {\n type: 'info-window',\n description: 'information window',\n icon: infoWindow,\n group: 'etc',\n model: {\n type: 'info-window',\n left: 10,\n top: 10,\n width: 50,\n height: 50,\n fillStyle: '#fff',\n strokeStyle: 'DarkGoldenRod',\n hidden: true,\n frontSideTemplate:\n \"<h2 id='xxx'>\\n\\t<%= text %>\\n</h2>\\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />\",\n backSideTemplate:\n \"<h2 id='yyy'>\\n\\t<%= text %>\\n</h2>\\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />\",\n style:\n '#yyy {\\n\\tbackground-color:navy;\\n\\tcolor:white\\n}\\n#xxx, #yyy {\\n\\twhite-space:nowrap;\\n\\tmin-width:200px;\\n}'\n }\n },\n {\n type: 'local reference',\n description: 'local reference',\n icon: localReference,\n group: 'etc',\n model: {\n type: 'local-ref',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n },\n {\n type: 'global reference',\n description: 'global reference',\n icon: globalReference,\n group: 'etc',\n model: {\n type: 'global-ref',\n left: 100,\n top: 100,\n width: 100,\n height: 100,\n fillStyle: '#fff',\n strokeStyle: '#000',\n alpha: 1,\n hidden: false,\n lineWidth: 1,\n lineDash: 'solid',\n lineCap: 'butt'\n }\n }\n ]\n}\n"]}

package/dist/src/component/form.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { Group } from '../types';
2	+ export declare const form: Group;

package/dist/src/component/form.js ADDED Viewed

@@ -0,0 +1,40 @@
+const icon = `
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
+  <style type="text/css">
+    .st0{fill:{{strokeColor}};}
+    .st7{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;}
+    .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}
+  </style>
+  <g>
+    <rect x="3.1" y="5.5" class="st7" width="23.9" height="19"/>
+    <rect x="11.3" y="8.3" class="st9" width="12.5" height="3.3"/>
+    <rect x="5.5" y="8.8" class="st0" width="4.1" height="2.2"/>
+    <rect x="5.5" y="14.5" class="st0" width="4.1" height="2.2"/>
+    <rect x="10.7" y="19.4" class="st0" width="6.5" height="2.2"/>
+    <rect x="17.8" y="19.4" class="st0" width="6.3" height="2.2"/>
+    <rect x="11.3" y="13.8" class="st9" width="12.5" height="3.3"/>
+    <path class="st0" d="M15,14.7c0,0.1,0,0.3-0.1,0.5l0,0.2l0.2-0.1c0.3-0.2,0.5-0.3,0.6-0.3c0.1,0,0.3,0.1,0.3,0.3
+    c0,0.2-0.3,0.3-0.7,0.3l-0.2,0l0.1,0.1c0.3,0.2,0.5,0.4,0.5,0.5c0,0.1-0.1,0.2-0.3,0.2c-0.2,0-0.3-0.2-0.5-0.6l-0.1-0.2l-0.1,0.2
+    c-0.2,0.4-0.3,0.6-0.5,0.6c-0.2,0-0.3-0.1-0.3-0.2c0-0.2,0.2-0.3,0.5-0.5l0.1-0.1l-0.2,0c-0.5,0-0.7-0.1-0.7-0.3
+    c0-0.2,0.1-0.3,0.3-0.3c0.2,0,0.3,0.1,0.6,0.3l0.2,0.1l0-0.2c-0.1-0.2-0.1-0.4-0.1-0.5c0-0.2,0.1-0.3,0.3-0.3
+    C14.9,14.4,15,14.5,15,14.7z"/>
+    <path class="st0" d="M17.5,14.7c0,0.1,0,0.3-0.1,0.5l0,0.2l0.2-0.1c0.3-0.2,0.5-0.3,0.6-0.3c0.1,0,0.3,0.1,0.3,0.3
+    c0,0.2-0.3,0.3-0.7,0.3l-0.2,0l0.1,0.1c0.3,0.2,0.5,0.4,0.5,0.5c0,0.1-0.1,0.2-0.3,0.2c-0.2,0-0.3-0.2-0.5-0.6l-0.1-0.2l-0.1,0.2
+    c-0.2,0.4-0.3,0.6-0.5,0.6c-0.2,0-0.3-0.1-0.3-0.2c0-0.2,0.2-0.3,0.5-0.5l0.1-0.1l-0.2,0c-0.5,0-0.7-0.1-0.7-0.3
+    c0-0.2,0.1-0.3,0.3-0.3c0.2,0,0.3,0.1,0.6,0.3l0.2,0.1l0-0.2c-0.1-0.2-0.1-0.4-0.1-0.5c0-0.2,0.1-0.3,0.3-0.3
+    C17.4,14.4,17.5,14.5,17.5,14.7z"/>
+    <path class="st0" d="M19.9,14.7c0,0.1,0,0.3-0.1,0.5l0,0.2l0.2-0.1c0.3-0.2,0.5-0.3,0.6-0.3c0.1,0,0.3,0.1,0.3,0.3
+    c0,0.2-0.3,0.3-0.7,0.3l-0.2,0l0.1,0.1c0.3,0.2,0.5,0.4,0.5,0.5c0,0.1-0.1,0.2-0.3,0.2c-0.2,0-0.3-0.2-0.5-0.6l-0.1-0.2l-0.1,0.2
+    c-0.2,0.4-0.3,0.6-0.5,0.6c-0.2,0-0.3-0.1-0.3-0.2c0-0.2,0.2-0.3,0.5-0.5l0.1-0.1l-0.2,0c-0.5,0-0.7-0.1-0.7-0.3
+    c0-0.2,0.1-0.3,0.3-0.3c0.2,0,0.3,0.1,0.6,0.3l0.2,0.1l0-0.2c-0.1-0.2-0.1-0.4-0.1-0.5c0-0.2,0.1-0.3,0.3-0.3
+    C19.8,14.4,19.9,14.5,19.9,14.7z"/>
+  </g>
+</svg>
+`;
+export const form = {
+    name: 'form',
+    description: 'a group of various input components that make up a data entry form',
+    icon,
+    templates: []
+};
+//# sourceMappingURL=form.js.map

package/dist/src/component/form.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/component/form.ts"],"names":[],"mappings":"AAEA,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCZ,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,oEAAoE;IACjF,IAAI;IACJ,SAAS,EAAE,EAAE;CACd,CAAA","sourcesContent":["import { Group } from '../types'\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n <style type=\"text/css\">\n .st0{fill:{{strokeColor}};}\n .st7{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;}\n .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n </style>\n <g>\n <rect x=\"3.1\" y=\"5.5\" class=\"st7\" width=\"23.9\" height=\"19\"/>\n <rect x=\"11.3\" y=\"8.3\" class=\"st9\" width=\"12.5\" height=\"3.3\"/>\n <rect x=\"5.5\" y=\"8.8\" class=\"st0\" width=\"4.1\" height=\"2.2\"/>\n <rect x=\"5.5\" y=\"14.5\" class=\"st0\" width=\"4.1\" height=\"2.2\"/>\n <rect x=\"10.7\" y=\"19.4\" class=\"st0\" width=\"6.5\" height=\"2.2\"/>\n <rect x=\"17.8\" y=\"19.4\" class=\"st0\" width=\"6.3\" height=\"2.2\"/>\n <rect x=\"11.3\" y=\"13.8\" class=\"st9\" width=\"12.5\" height=\"3.3\"/>\n <path class=\"st0\" d=\"M15,14.7c0,0.1,0,0.3-0.1,0.5l0,0.2l0.2-0.1c0.3-0.2,0.5-0.3,0.6-0.3c0.1,0,0.3,0.1,0.3,0.3\n c0,0.2-0.3,0.3-0.7,0.3l-0.2,0l0.1,0.1c0.3,0.2,0.5,0.4,0.5,0.5c0,0.1-0.1,0.2-0.3,0.2c-0.2,0-0.3-0.2-0.5-0.6l-0.1-0.2l-0.1,0.2\n c-0.2,0.4-0.3,0.6-0.5,0.6c-0.2,0-0.3-0.1-0.3-0.2c0-0.2,0.2-0.3,0.5-0.5l0.1-0.1l-0.2,0c-0.5,0-0.7-0.1-0.7-0.3\n c0-0.2,0.1-0.3,0.3-0.3c0.2,0,0.3,0.1,0.6,0.3l0.2,0.1l0-0.2c-0.1-0.2-0.1-0.4-0.1-0.5c0-0.2,0.1-0.3,0.3-0.3\n C14.9,14.4,15,14.5,15,14.7z\"/>\n <path class=\"st0\" d=\"M17.5,14.7c0,0.1,0,0.3-0.1,0.5l0,0.2l0.2-0.1c0.3-0.2,0.5-0.3,0.6-0.3c0.1,0,0.3,0.1,0.3,0.3\n c0,0.2-0.3,0.3-0.7,0.3l-0.2,0l0.1,0.1c0.3,0.2,0.5,0.4,0.5,0.5c0,0.1-0.1,0.2-0.3,0.2c-0.2,0-0.3-0.2-0.5-0.6l-0.1-0.2l-0.1,0.2\n c-0.2,0.4-0.3,0.6-0.5,0.6c-0.2,0-0.3-0.1-0.3-0.2c0-0.2,0.2-0.3,0.5-0.5l0.1-0.1l-0.2,0c-0.5,0-0.7-0.1-0.7-0.3\n c0-0.2,0.1-0.3,0.3-0.3c0.2,0,0.3,0.1,0.6,0.3l0.2,0.1l0-0.2c-0.1-0.2-0.1-0.4-0.1-0.5c0-0.2,0.1-0.3,0.3-0.3\n C17.4,14.4,17.5,14.5,17.5,14.7z\"/>\n <path class=\"st0\" d=\"M19.9,14.7c0,0.1,0,0.3-0.1,0.5l0,0.2l0.2-0.1c0.3-0.2,0.5-0.3,0.6-0.3c0.1,0,0.3,0.1,0.3,0.3\n c0,0.2-0.3,0.3-0.7,0.3l-0.2,0l0.1,0.1c0.3,0.2,0.5,0.4,0.5,0.5c0,0.1-0.1,0.2-0.3,0.2c-0.2,0-0.3-0.2-0.5-0.6l-0.1-0.2l-0.1,0.2\n c-0.2,0.4-0.3,0.6-0.5,0.6c-0.2,0-0.3-0.1-0.3-0.2c0-0.2,0.2-0.3,0.5-0.5l0.1-0.1l-0.2,0c-0.5,0-0.7-0.1-0.7-0.3\n c0-0.2,0.1-0.3,0.3-0.3c0.2,0,0.3,0.1,0.6,0.3l0.2,0.1l0-0.2c-0.1-0.2-0.1-0.4-0.1-0.5c0-0.2,0.1-0.3,0.3-0.3\n C19.8,14.4,19.9,14.5,19.9,14.7z\"/>\n </g>\n</svg>\n`\n\nexport const form: Group = {\n name: 'form',\n description: 'a group of various input components that make up a data entry form',\n icon,\n templates: []\n}\n"]}

package/dist/src/component/index.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+export * from './shape';
+export * from './line';
+export * from './text-and-media';
+export * from './chart-and-gauge';
+export * from './table';
+export * from './data-source';
+export * from './3d';
+export * from './iot';
+export * from './form';
+export * from './warehouse';
+export * from './container';
+export * from './etc';

package/dist/src/component/index.js ADDED Viewed

@@ -0,0 +1,13 @@
+export * from './shape';
+export * from './line';
+export * from './text-and-media';
+export * from './chart-and-gauge';
+export * from './table';
+export * from './data-source';
+export * from './3d';
+export * from './iot';
+export * from './form';
+export * from './warehouse';
+export * from './container';
+export * from './etc';
+//# sourceMappingURL=index.js.map

package/dist/src/component/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/component/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,MAAM,CAAA;AACpB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,OAAO,CAAA","sourcesContent":["export * from './shape'\nexport * from './line'\nexport * from './text-and-media'\nexport * from './chart-and-gauge'\nexport * from './table'\nexport * from './data-source'\nexport * from './3d'\nexport * from './iot'\nexport * from './form'\nexport * from './warehouse'\nexport * from './container'\nexport * from './etc'\n"]}

package/dist/src/component/iot.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { Group } from '../types';
2	+ export declare const iot: Group;

package/dist/src/component/iot.js ADDED Viewed

@@ -0,0 +1,50 @@
+const icon = `
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
+  <style type="text/css">
+    .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}
+    .st12{fill:#232020;stroke:{{strokeColor}};stroke-width:0.5;stroke-miterlimit:10;}
+    .st13{fill:#232020;stroke:{{strokeColor}};stroke-width:0.25;stroke-miterlimit:10;}
+  </style>
+  <g>
+    <path class="st12" d="M11.2,14.6c0,0-0.1,0.1-0.1,0.1c-0.1,0-0.2-0.1-0.2-0.2c0-0.9,0.3-1.8,1-2.5c0.6-0.7,1.5-1.1,2.4-1.2
+    c0.1,0,0.2,0.1,0.2,0.2c0,0.1-0.1,0.2-0.2,0.2c-0.8,0.1-1.6,0.5-2.2,1.1c-0.6,0.6-0.9,1.5-0.9,2.3C11.2,14.5,11.2,14.6,11.2,14.6z"
+    />
+    <path class="st12" d="M8.8,14.7c0,0-0.1,0.1-0.1,0.1c-0.1,0-0.2-0.1-0.2-0.2c0-1.5,0.6-3,1.6-4.2c1-1.1,2.5-1.9,4-2
+    c0.1,0,0.2,0.1,0.2,0.2c0,0.1-0.1,0.2-0.2,0.2c-1.4,0.1-2.8,0.8-3.8,1.9c-1,1.1-1.5,2.5-1.5,3.9C8.9,14.6,8.9,14.6,8.8,14.7z"/>
+    <path class="st12" d="M18.6,15.2c0,0,0.1-0.1,0.1-0.1c0.1,0,0.2,0.1,0.2,0.2c-0.1,0.9-0.5,1.8-1.1,2.5c-0.7,0.7-1.6,1-2.5,1.1
+    c-0.1,0-0.2-0.1-0.2-0.2c0-0.1,0.1-0.2,0.2-0.2c0.8,0,1.6-0.4,2.3-1c0.6-0.6,1-1.4,1-2.2C18.5,15.2,18.5,15.2,18.6,15.2z"/>
+    <path class="st12" d="M20.9,15.3c0,0,0.1-0.1,0.1-0.1c0.1,0,0.2,0.1,0.2,0.2c-0.1,1.5-0.8,3-1.9,4.1c-1.1,1.1-2.6,1.7-4.1,1.7
+    c-0.1,0-0.2-0.1-0.2-0.2c0-0.1,0.1-0.2,0.2-0.2c1.4,0,2.8-0.6,3.9-1.6c1.1-1,1.7-2.4,1.8-3.8C20.9,15.3,20.9,15.3,20.9,15.3z"/>
+    <path class="st13" d="M8.8,6.7C7.9,6.7,7.2,6,7.2,5c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7C10.5,6,9.8,6.7,8.8,6.7z M8.8,3.9
+    C8.2,3.9,7.7,4.4,7.7,5c0,0.6,0.5,1.2,1.2,1.2C9.5,6.2,10,5.7,10,5C10,4.4,9.5,3.9,8.8,3.9z"/>
+    <path class="st13" d="M20.9,6.7C20,6.7,19.3,6,19.3,5c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7C22.6,6,21.8,6.7,20.9,6.7z
+    M20.9,3.9c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2C22.1,4.4,21.6,3.9,20.9,3.9z"/>
+    <path class="st13" d="M14.9,16.5c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7
+    C16.6,15.7,15.9,16.5,14.9,16.5z M14.9,13.6c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2
+    C16.1,14.2,15.6,13.6,14.9,13.6z"/>
+    <path class="st13" d="M8.8,26.6c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7C10.5,25.9,9.8,26.6,8.8,26.6z
+    M8.8,23.8c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2C10,24.3,9.5,23.8,8.8,23.8z"/>
+    <path class="st13" d="M20.9,26.6c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7
+    C22.6,25.9,21.8,26.6,20.9,26.6z M20.9,23.8c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2
+    C22.1,24.3,21.6,23.8,20.9,23.8z"/>
+    <path class="st13" d="M3.1,16.6c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7C4.7,15.9,4,16.6,3.1,16.6z
+    M3.1,13.8c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2C4.2,14.3,3.7,13.8,3.1,13.8z"/>
+    <path class="st13" d="M26.9,16.6c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7
+    C28.6,15.9,27.8,16.6,26.9,16.6z M26.9,13.8c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2
+    C28.1,14.3,27.6,13.8,26.9,13.8z"/>
+    <line class="st9" x1="10.2" y1="4.9" x2="18.2" y2="4.9"/>
+    <line class="st9" x1="22" y1="6.2" x2="26.1" y2="12.3"/>
+    <line class="st9" x1="4" y1="17.7" x2="7.7" y2="24"/>
+    <line class="st9" x1="23" y1="22.7" x2="26.8" y2="16.4"/>
+    <line class="st9" x1="3.7" y1="13.5" x2="7.5" y2="7.2"/>
+    <line class="st9" x1="11.7" y1="25.1" x2="19.7" y2="25.1"/>
+  </g>
+</svg>
+`;
+export const iot = {
+    name: 'IoT',
+    description: 'a group of various IoT protocols',
+    icon,
+    templates: []
+};
+//# sourceMappingURL=iot.js.map

package/dist/src/component/iot.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"iot.js","sourceRoot":"","sources":["../../../src/component/iot.ts"],"names":[],"mappings":"AAEA,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CZ,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAU;IACxB,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,kCAAkC;IAC/C,IAAI;IACJ,SAAS,EAAE,EAAE;CACd,CAAA","sourcesContent":["import { Group } from '../types'\n\nconst icon = `\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">\n <style type=\"text/css\">\n .st9{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n .st12{fill:#232020;stroke:{{strokeColor}};stroke-width:0.5;stroke-miterlimit:10;}\n .st13{fill:#232020;stroke:{{strokeColor}};stroke-width:0.25;stroke-miterlimit:10;}\n </style>\n <g>\n <path class=\"st12\" d=\"M11.2,14.6c0,0-0.1,0.1-0.1,0.1c-0.1,0-0.2-0.1-0.2-0.2c0-0.9,0.3-1.8,1-2.5c0.6-0.7,1.5-1.1,2.4-1.2\n c0.1,0,0.2,0.1,0.2,0.2c0,0.1-0.1,0.2-0.2,0.2c-0.8,0.1-1.6,0.5-2.2,1.1c-0.6,0.6-0.9,1.5-0.9,2.3C11.2,14.5,11.2,14.6,11.2,14.6z\"\n />\n <path class=\"st12\" d=\"M8.8,14.7c0,0-0.1,0.1-0.1,0.1c-0.1,0-0.2-0.1-0.2-0.2c0-1.5,0.6-3,1.6-4.2c1-1.1,2.5-1.9,4-2\n c0.1,0,0.2,0.1,0.2,0.2c0,0.1-0.1,0.2-0.2,0.2c-1.4,0.1-2.8,0.8-3.8,1.9c-1,1.1-1.5,2.5-1.5,3.9C8.9,14.6,8.9,14.6,8.8,14.7z\"/>\n <path class=\"st12\" d=\"M18.6,15.2c0,0,0.1-0.1,0.1-0.1c0.1,0,0.2,0.1,0.2,0.2c-0.1,0.9-0.5,1.8-1.1,2.5c-0.7,0.7-1.6,1-2.5,1.1\n c-0.1,0-0.2-0.1-0.2-0.2c0-0.1,0.1-0.2,0.2-0.2c0.8,0,1.6-0.4,2.3-1c0.6-0.6,1-1.4,1-2.2C18.5,15.2,18.5,15.2,18.6,15.2z\"/>\n <path class=\"st12\" d=\"M20.9,15.3c0,0,0.1-0.1,0.1-0.1c0.1,0,0.2,0.1,0.2,0.2c-0.1,1.5-0.8,3-1.9,4.1c-1.1,1.1-2.6,1.7-4.1,1.7\n c-0.1,0-0.2-0.1-0.2-0.2c0-0.1,0.1-0.2,0.2-0.2c1.4,0,2.8-0.6,3.9-1.6c1.1-1,1.7-2.4,1.8-3.8C20.9,15.3,20.9,15.3,20.9,15.3z\"/>\n <path class=\"st13\" d=\"M8.8,6.7C7.9,6.7,7.2,6,7.2,5c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7C10.5,6,9.8,6.7,8.8,6.7z M8.8,3.9\n C8.2,3.9,7.7,4.4,7.7,5c0,0.6,0.5,1.2,1.2,1.2C9.5,6.2,10,5.7,10,5C10,4.4,9.5,3.9,8.8,3.9z\"/>\n <path class=\"st13\" d=\"M20.9,6.7C20,6.7,19.3,6,19.3,5c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7C22.6,6,21.8,6.7,20.9,6.7z\n M20.9,3.9c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2C22.1,4.4,21.6,3.9,20.9,3.9z\"/>\n <path class=\"st13\" d=\"M14.9,16.5c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7\n C16.6,15.7,15.9,16.5,14.9,16.5z M14.9,13.6c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2\n C16.1,14.2,15.6,13.6,14.9,13.6z\"/>\n <path class=\"st13\" d=\"M8.8,26.6c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7C10.5,25.9,9.8,26.6,8.8,26.6z\n M8.8,23.8c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2C10,24.3,9.5,23.8,8.8,23.8z\"/>\n <path class=\"st13\" d=\"M20.9,26.6c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7\n C22.6,25.9,21.8,26.6,20.9,26.6z M20.9,23.8c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2\n C22.1,24.3,21.6,23.8,20.9,23.8z\"/>\n <path class=\"st13\" d=\"M3.1,16.6c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7C4.7,15.9,4,16.6,3.1,16.6z\n M3.1,13.8c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2C4.2,14.3,3.7,13.8,3.1,13.8z\"/>\n <path class=\"st13\" d=\"M26.9,16.6c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.7,1.6-1.7c0.9,0,1.7,0.7,1.7,1.7\n C28.6,15.9,27.8,16.6,26.9,16.6z M26.9,13.8c-0.6,0-1.2,0.5-1.2,1.2c0,0.6,0.5,1.2,1.2,1.2c0.6,0,1.2-0.5,1.2-1.2\n C28.1,14.3,27.6,13.8,26.9,13.8z\"/>\n <line class=\"st9\" x1=\"10.2\" y1=\"4.9\" x2=\"18.2\" y2=\"4.9\"/>\n <line class=\"st9\" x1=\"22\" y1=\"6.2\" x2=\"26.1\" y2=\"12.3\"/>\n <line class=\"st9\" x1=\"4\" y1=\"17.7\" x2=\"7.7\" y2=\"24\"/>\n <line class=\"st9\" x1=\"23\" y1=\"22.7\" x2=\"26.8\" y2=\"16.4\"/>\n <line class=\"st9\" x1=\"3.7\" y1=\"13.5\" x2=\"7.5\" y2=\"7.2\"/>\n <line class=\"st9\" x1=\"11.7\" y1=\"25.1\" x2=\"19.7\" y2=\"25.1\"/>\n </g>\n</svg>\n`\n\nexport const iot: Group = {\n name: 'IoT',\n description: 'a group of various IoT protocols',\n icon,\n templates: []\n}\n"]}

package/dist/src/component/line.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { Group } from '../types';
2	+ export declare const line: Group;