@operato/board 0.2.48 → 0.2.52

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

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

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

@@ -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

@@ -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,GAAmB;IACpC,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,uCAAuC;IACpD,IAAI;IACJ,SAAS,EAAE,EAAE;CACd,CAAA","sourcesContent":["import { ComponentGroup } 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: ComponentGroup = {\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

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

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

@@ -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

@@ -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,GAAmB;IAC3C,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,sCAAsC;IACnD,IAAI;IACJ,SAAS,EAAE,EAAE;CACd,CAAA","sourcesContent":["import { ComponentGroup } 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: ComponentGroup = {\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

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

package/dist/src/component/container.js

@@ -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

@@ -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,GAAmB;IACvC,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 { ComponentGroup } 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: ComponentGroup = {\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

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

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

@@ -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

@@ -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,GAAmB;IACxC,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,iCAAiC;IAC9C,IAAI;IACJ,SAAS,EAAE,EAAE;CACd,CAAA","sourcesContent":["import { ComponentGroup } 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: ComponentGroup = {\n  name: 'dataSource',\n  description: 'a group of various data sources',\n  icon,\n  templates: []\n}\n"]}

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

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

package/dist/src/component/etc.js

@@ -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

@@ -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,GAAmB;IACjC,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 { ComponentGroup } 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: ComponentGroup = {\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

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

package/dist/src/component/form.js

@@ -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

@@ -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,GAAmB;IAClC,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,oEAAoE;IACjF,IAAI;IACJ,SAAS,EAAE,EAAE;CACd,CAAA","sourcesContent":["import { ComponentGroup } 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: ComponentGroup = {\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

@@ -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

@@ -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

@@ -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

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

package/dist/src/component/iot.js

@@ -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

@@ -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,GAAmB;IACjC,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,kCAAkC;IAC/C,IAAI;IACJ,SAAS,EAAE,EAAE;CACd,CAAA","sourcesContent":["import { ComponentGroup } 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: ComponentGroup = {\n  name: 'IoT',\n  description: 'a group of various IoT protocols',\n  icon,\n  templates: []\n}\n"]}

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

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

package/dist/src/component/line.js

@@ -0,0 +1,130 @@
+import bothArrow from '../../../assets/images/components/both-arrow.png';
+import dash from '../../../assets/images/components/dash.png';
+import lineIcon from '../../../assets/images/components/line.png';
+import polyline from '../../../assets/images/components/polyline.png';
+import singleArrow from '../../../assets/images/components/single-arrow.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">
+	  .st3{fill:none;stroke:{{strokeColor}};stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
+	  .st4{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;stroke-dasharray:3,1.5;}
+  </style>
+  <g>
+	  <line class="st3" x1="1.7" y1="18.9" x2="26.3" y2="6.2"/>
+	  <line class="st4" x1="1.7" y1="23.8" x2="28.3" y2="10.1"/>
+  </g>
+</svg>
+`;
+export const line = {
+    name: 'line',
+    description: 'a group of various lines',
+    icon,
+    templates: [
+        {
+            type: 'line',
+            description: 'simple line',
+            icon: lineIcon,
+            group: 'line',
+            model: {
+                type: 'line',
+                x1: 100,
+                y1: 100,
+                x2: 200,
+                y2: 200,
+                fillStyle: '#fff',
+                strokeStyle: '#000',
+                alpha: 1,
+                hidden: false,
+                lineWidth: 3,
+                lineDash: 'solid',
+                lineCap: 'butt'
+            }
+        },
+        {
+            type: 'dash',
+            description: 'dash line',
+            icon: dash,
+            group: 'line',
+            model: {
+                type: 'line',
+                x1: 100,
+                y1: 100,
+                x2: 200,
+                y2: 200,
+                fillStyle: '#fff',
+                strokeStyle: '#000',
+                alpha: 1,
+                hidden: false,
+                lineWidth: 3,
+                lineDash: 'round-dot',
+                lineCap: 'butt'
+            }
+        },
+        {
+            type: 'single arrow',
+            description: 'single arrow tip line',
+            icon: singleArrow,
+            group: 'line',
+            model: {
+                type: 'line',
+                x1: 100,
+                y1: 100,
+                x2: 200,
+                y2: 200,
+                fillStyle: '#fff',
+                strokeStyle: '#000',
+                alpha: 3,
+                hidden: false,
+                lineWidth: 3,
+                lineDash: 'solid',
+                begin: 'arrow',
+                lineCap: 'butt'
+            }
+        },
+        {
+            type: 'both arrow',
+            description: 'both arrow tip line',
+            icon: bothArrow,
+            group: 'line',
+            model: {
+                type: 'line',
+                x1: 100,
+                y1: 100,
+                x2: 200,
+                y2: 200,
+                fillStyle: '#fff',
+                strokeStyle: '#000',
+                alpha: 1,
+                hidden: false,
+                lineWidth: 3,
+                lineDash: 'solid',
+                begin: 'arrow',
+                end: 'arrow',
+                lineCap: 'butt'
+            }
+        },
+        {
+            type: 'polyline',
+            description: 'polyline',
+            icon: polyline,
+            group: 'line',
+            model: {
+                type: 'polyline',
+                path: [
+                    { x: 100, y: 100 },
+                    { x: 200, y: 100 },
+                    { x: 200, y: 200 },
+                    { x: 100, y: 200 }
+                ],
+                fillStyle: '#fff',
+                strokeStyle: '#000',
+                alpha: 1,
+                hidden: false,
+                lineWidth: 1,
+                lineDash: 'solid',
+                lineCap: 'butt'
+            }
+        }
+    ]
+};
+//# sourceMappingURL=line.js.map

package/dist/src/component/line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line.js","sourceRoot":"","sources":["../../../src/component/line.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,kDAAkD,CAAA;AACxE,OAAO,IAAI,MAAM,4CAA4C,CAAA;AAC7D,OAAO,QAAQ,MAAM,4CAA4C,CAAA;AACjE,OAAO,QAAQ,MAAM,gDAAgD,CAAA;AACrE,OAAO,WAAW,MAAM,oDAAoD,CAAA;AAE5E,MAAM,IAAI,GAAG;;;;;;;;;;;CAWZ,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAmB;IAClC,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,0BAA0B;IACvC,IAAI;IACJ,SAAS,EAAE;QACT;YACE,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,aAAa;YAC1B,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,MAAM;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,MAAM;gBACZ,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,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,MAAM;YACZ,WAAW,EAAE,WAAW;YACxB,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,MAAM;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,MAAM;gBACZ,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,WAAW;gBACrB,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,cAAc;YACpB,WAAW,EAAE,uBAAuB;YACpC,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,MAAM;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,MAAM;gBACZ,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,YAAY;YAClB,WAAW,EAAE,qBAAqB;YAClC,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,MAAM;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,MAAM;gBACZ,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,OAAO;gBACd,GAAG,EAAE,OAAO;gBACZ,OAAO,EAAE,MAAM;aAChB;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,UAAU;YACvB,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,MAAM;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE;oBACJ,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;oBAClB,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;oBAClB,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;oBAClB,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;iBACnB;gBACD,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 { ComponentGroup } from '../types'\nimport bothArrow from '../../../assets/images/components/both-arrow.png'\nimport dash from '../../../assets/images/components/dash.png'\nimport lineIcon from '../../../assets/images/components/line.png'\nimport polyline from '../../../assets/images/components/polyline.png'\nimport singleArrow from '../../../assets/images/components/single-arrow.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\t  .st3{fill:none;stroke:{{strokeColor}};stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}\n\t  .st4{fill:none;stroke:{{strokeColor}};stroke-width:1.5;stroke-miterlimit:10;stroke-dasharray:3,1.5;}\n  </style>\n  <g>\n\t  <line class=\"st3\" x1=\"1.7\" y1=\"18.9\" x2=\"26.3\" y2=\"6.2\"/>\n\t  <line class=\"st4\" x1=\"1.7\" y1=\"23.8\" x2=\"28.3\" y2=\"10.1\"/>\n  </g>\n</svg>\n`\n\nexport const line: ComponentGroup = {\n  name: 'line',\n  description: 'a group of various lines',\n  icon,\n  templates: [\n    {\n      type: 'line',\n      description: 'simple line',\n      icon: lineIcon,\n      group: 'line',\n      model: {\n        type: 'line',\n        x1: 100,\n        y1: 100,\n        x2: 200,\n        y2: 200,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 3,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'dash',\n      description: 'dash line',\n      icon: dash,\n      group: 'line',\n      model: {\n        type: 'line',\n        x1: 100,\n        y1: 100,\n        x2: 200,\n        y2: 200,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 3,\n        lineDash: 'round-dot',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'single arrow',\n      description: 'single arrow tip line',\n      icon: singleArrow,\n      group: 'line',\n      model: {\n        type: 'line',\n        x1: 100,\n        y1: 100,\n        x2: 200,\n        y2: 200,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 3,\n        hidden: false,\n        lineWidth: 3,\n        lineDash: 'solid',\n        begin: 'arrow',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'both arrow',\n      description: 'both arrow tip line',\n      icon: bothArrow,\n      group: 'line',\n      model: {\n        type: 'line',\n        x1: 100,\n        y1: 100,\n        x2: 200,\n        y2: 200,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 3,\n        lineDash: 'solid',\n        begin: 'arrow',\n        end: 'arrow',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'polyline',\n      description: 'polyline',\n      icon: polyline,\n      group: 'line',\n      model: {\n        type: 'polyline',\n        path: [\n          { x: 100, y: 100 },\n          { x: 200, y: 100 },\n          { x: 200, y: 200 },\n          { x: 100, y: 200 }\n        ],\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/register-default-groups.d.ts

@@ -0,0 +1 @@
+export declare function registerDefaultGroups(): void;