@operato/scene-bpmn 1.1.8 → 1.1.9

package/dist/bpmn-subprocess.js

@@ -29,6 +29,77 @@ const NATURE = {
             type: 'checkbox',
             label: 'call-activity',
             name: 'callActivity'
+        },
+        {
+            type: 'checkbox',
+            label: 'transaction',
+            name: 'transaction'
+        },
+        {
+            type: 'checkbox',
+            label: 'interrupting',
+            name: 'interrupting'
+        },
+        {
+            type: 'select',
+            label: 'event',
+            name: 'event',
+            property: {
+                options: [
+                    {
+                        display: '',
+                        value: ''
+                    },
+                    {
+                        display: 'message',
+                        value: 'message'
+                    },
+                    {
+                        display: 'timer',
+                        value: 'timer'
+                    },
+                    {
+                        display: 'error',
+                        value: 'error'
+                    },
+                    {
+                        display: 'escalation',
+                        value: 'escalation'
+                    },
+                    {
+                        display: 'cancel',
+                        value: 'cancel'
+                    },
+                    {
+                        display: 'compensation',
+                        value: 'compensation'
+                    },
+                    {
+                        display: 'conditional',
+                        value: 'conditional'
+                    },
+                    {
+                        display: 'link',
+                        value: 'link'
+                    },
+                    {
+                        display: 'signal',
+                        value: 'signal'
+                    },
+                    {
+                        display: 'terminate',
+                        value: 'terminate'
+                    },
+                    {
+                        display: 'multiple',
+                        value: 'multiple'
+                    },
+                    {
+                        display: 'parallel multiple',
+                        value: 'parallel-multiple'
+                    }
+                ]
+            }
         }
     ],
     help: '/bpmn/subprocess/subprocess'
@@ -39,17 +110,34 @@ export default class BPMNSubprocess extends BPMNControlBase {
     }
     render(ctx) {
         var { left, top, width, height } = this.bounds;
-        const { callActivity } = this.state;
+        const { callActivity, interrupting, transaction } = this.state;
         ctx.translate(left, top);
         ctx.beginPath();
-        var radius = 9;
+        var radius = 10;
         ctx.moveTo(radius, 0);
         ctx.arcTo(width, 0, width, height, radius);
         ctx.arcTo(width, height, 0, height, radius);
         ctx.arcTo(0, height, 0, 0, radius);
         ctx.arcTo(0, 0, width, 0, radius);
+        if (transaction) {
+            const LINEGAP = 3;
+            radius -= LINEGAP;
+            ctx.moveTo(radius + LINEGAP, LINEGAP);
+            ctx.arcTo(width - LINEGAP, LINEGAP, width - LINEGAP, height - LINEGAP, radius);
+            ctx.arcTo(width - LINEGAP, height - LINEGAP, LINEGAP, height, radius);
+            ctx.arcTo(LINEGAP, height - LINEGAP, LINEGAP, LINEGAP, radius);
+            ctx.arcTo(LINEGAP, LINEGAP, width - LINEGAP, LINEGAP, radius);
+        }
         this.drawFill(ctx);
-        this.drawStroke(ctx, callActivity ? { lineWidth: 5 } : undefined);
+        if (callActivity) {
+            this.drawStroke(ctx, { lineWidth: 5 });
+        }
+        else {
+            this.drawStroke(ctx, {
+                lineWidth: transaction ? 1 : 2,
+                lineDash: interrupting ? 'dash' : 'solid'
+            });
+        }
         ctx.beginPath();
         const images = this.getMarkerImages() || [];
         const start = (width - images.length * 16) / 2;

package/dist/bpmn-subprocess.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-subprocess.js","sourceRoot":"","sources":["../src/bpmn-subprocess.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Properties } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'checkbox',\n      label: 'loop',\n      name: 'loop'\n    },\n    {\n      type: 'checkbox',\n      label: 'multi-instance',\n      name: 'multiInstance'\n    },\n    {\n      type: 'checkbox',\n      label: 'compensation',\n      name: 'compensation'\n    },\n    {\n      type: 'checkbox',\n      label: 'adhoc',\n      name: 'adhoc'\n    },\n    {\n      type: 'checkbox',\n      label: 'call-activity',\n      name: 'callActivity'\n    }\n  ],\n  help: '/bpmn/subprocess/subprocess'\n}\n\nexport default class BPMNSubprocess extends BPMNControlBase {\n  private markerImages?: HTMLImageElement[]\n\n  static get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n    const { callActivity } = this.state\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    var radius = 9\n\n    ctx.moveTo(radius, 0)\n    ctx.arcTo(width, 0, width, height, radius)\n    ctx.arcTo(width, height, 0, height, radius)\n    ctx.arcTo(0, height, 0, 0, radius)\n    ctx.arcTo(0, 0, width, 0, radius)\n\n    this.drawFill(ctx)\n    this.drawStroke(ctx, callActivity ? { lineWidth: 5 } : undefined)\n\n    ctx.beginPath()\n\n    const images = this.getMarkerImages() || []\n    const start = (width - images.length * 16) / 2\n\n    images.forEach((image, index) => {\n      this.drawImage(ctx, image, start + index * 16, height - 16, 16, 16)\n    })\n\n    ctx.translate(-left, -top)\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if (['loop', 'multiInstance', 'adhoc', 'compensation', 'strokeStyle'].find(prop => prop in after)) {\n      delete this.markerImages\n    }\n  }\n\n  getMarkerImages(): HTMLImageElement[] | null | undefined {\n    if (!this.markerImages) {\n      const { strokeStyle } = this.state\n\n      this.markerImages = Object.keys(MARKERS)\n        .filter(key => key === 'subprocess' || this.state[key])\n        .map(key => {\n          let image = new Image()\n          image.src =\n            'data:image/svg+xml;charset=UTF-8;base64,' + btoa(MARKERS[key].replace(/{{strokeColor}}/g, strokeStyle))\n          return image\n        })\n    }\n\n    return this.markerImages\n  }\n}\n\nComponent.register('bpmn-subprocess', BPMNSubprocess)\n\nconst MARKERS: { [type: string]: string } = {\n  loop: `\n<svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n  viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n  <style type=\"text/css\">\n  .st0{fill:{{strokeColor}};}\n  </style>\n  <path class=\"st0\" d=\"M9.5,5.2C4.3,9.7,3.7,17.5,8.1,22.8L5,25.4l7.8,0.6l0.6-7.8L10.2,21c-3.5-4.1-3-10.1,1-13.6s10.1-3,13.6,1\n\ts3,10.1-1,13.6c-1.6,1.4-3.5,2.1-5.4,2.3l-0.2,2.8c2.6-0.2,5.3-1.1,7.4-3c5.2-4.5,5.8-12.3,1.3-17.5S14.7,0.8,9.5,5.2z\"/>\n</svg>\n`,\n  multiInstance: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n  </style>\n    <g>\n      <rect x=\"5.5\" y=\"1.9\" class=\"st0\" width=\"3.3\" height=\"25.3\"/>\n      <rect x=\"15.9\" y=\"1.9\" class=\"st0\" width=\"3.3\" height=\"25.3\"/>\n      <rect x=\"26.2\" y=\"1.9\" class=\"st0\" width=\"3.3\" height=\"25.3\"/>\n    </g>\n  </svg>\n  `,\n  compensation: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n   </style>\n   <g>\n      <path class=\"st0\" d=\"M16.1,6.9v15.6l-7.8-7.8L16.1,6.9 M18.1,2.1L5.5,14.7l12.6,12.6V2.1L18.1,2.1z M5.5,14.7L5.5,14.7L5.5,14.7\n        L5.5,14.7L5.5,14.7z\"/>\n    </g>\n    <g>\n      <path class=\"st0\" d=\"M27.5,6.9v15.6l-7.8-7.8L27.5,6.9 M29.5,2.1L16.9,14.7l12.6,12.6V2.1L29.5,2.1z M16.9,14.7L16.9,14.7\n        L16.9,14.7L16.9,14.7L16.9,14.7z\"/>\n    </g>\n  </svg>\n  `,\n  subprocess: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n    <style type=\"text/css\">\n      .st0{fill:none;stroke:{{strokeColor}};stroke-width:2;stroke-miterlimit:10;}\n      .st1{fill:{{strokeColor}};}  \n    </style>\n    <rect x=\"5.5\" y=\"2.5\" class=\"st0\" width=\"24\" height=\"24\"/>\n    <g>\n      <g>\n        <rect x=\"16.4\" y=\"6\" class=\"st1\" width=\"2.1\" height=\"17\"/>\n      </g>\n      <g>\n        <rect x=\"9\" y=\"13.4\" class=\"st1\" width=\"17\" height=\"2.1\"/>\n      </g>\n    </g>\n  </svg>\n  `,\n  adhoc: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n   </style>\n   <path class=\"st0\" d=\"M29.2,10.3c-0.8,0.9-1.7,1.7-2.5,2.2c-0.8,0.5-1.6,0.8-2.4,0.8c-1,0-3-0.6-6.1-1.9C15,10.2,12.6,9.6,11,9.6\n\t\tc-2.1,0-3.9,0.7-5.5,1.9v6.9c0.1,0,0.3-0.2,0.6-0.6C7.9,16,9.5,15,10.9,15c0.8,0,2.9,0.6,6.1,1.9c3.3,1.2,5.7,1.8,7.1,1.8\n\t\tc2,0,3.8-0.6,5.3-1.8v-6.9C29.4,10.1,29.3,10.2,29.2,10.3z\"/>\n  </svg>\n  `\n}\n"]}
+{"version":3,"file":"bpmn-subprocess.js","sourceRoot":"","sources":["../src/bpmn-subprocess.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Properties } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'checkbox',\n      label: 'loop',\n      name: 'loop'\n    },\n    {\n      type: 'checkbox',\n      label: 'multi-instance',\n      name: 'multiInstance'\n    },\n    {\n      type: 'checkbox',\n      label: 'compensation',\n      name: 'compensation'\n    },\n    {\n      type: 'checkbox',\n      label: 'adhoc',\n      name: 'adhoc'\n    },\n    {\n      type: 'checkbox',\n      label: 'call-activity',\n      name: 'callActivity'\n    },\n    {\n      type: 'checkbox',\n      label: 'transaction',\n      name: 'transaction'\n    },\n    {\n      type: 'checkbox',\n      label: 'interrupting',\n      name: 'interrupting'\n    },\n    {\n      type: 'select',\n      label: 'event',\n      name: 'event',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'message',\n            value: 'message'\n          },\n          {\n            display: 'timer',\n            value: 'timer'\n          },\n          {\n            display: 'error',\n            value: 'error'\n          },\n          {\n            display: 'escalation',\n            value: 'escalation'\n          },\n          {\n            display: 'cancel',\n            value: 'cancel'\n          },\n          {\n            display: 'compensation',\n            value: 'compensation'\n          },\n          {\n            display: 'conditional',\n            value: 'conditional'\n          },\n          {\n            display: 'link',\n            value: 'link'\n          },\n          {\n            display: 'signal',\n            value: 'signal'\n          },\n          {\n            display: 'terminate',\n            value: 'terminate'\n          },\n          {\n            display: 'multiple',\n            value: 'multiple'\n          },\n          {\n            display: 'parallel multiple',\n            value: 'parallel-multiple'\n          }\n        ]\n      }\n    }\n  ],\n  help: '/bpmn/subprocess/subprocess'\n}\n\nexport default class BPMNSubprocess extends BPMNControlBase {\n  private markerImages?: HTMLImageElement[]\n\n  static get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n    const { callActivity, interrupting, transaction } = this.state\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    var radius = 10\n\n    ctx.moveTo(radius, 0)\n    ctx.arcTo(width, 0, width, height, radius)\n    ctx.arcTo(width, height, 0, height, radius)\n    ctx.arcTo(0, height, 0, 0, radius)\n    ctx.arcTo(0, 0, width, 0, radius)\n\n    if (transaction) {\n      const LINEGAP = 3\n      radius -= LINEGAP\n\n      ctx.moveTo(radius + LINEGAP, LINEGAP)\n      ctx.arcTo(width - LINEGAP, LINEGAP, width - LINEGAP, height - LINEGAP, radius)\n      ctx.arcTo(width - LINEGAP, height - LINEGAP, LINEGAP, height, radius)\n      ctx.arcTo(LINEGAP, height - LINEGAP, LINEGAP, LINEGAP, radius)\n      ctx.arcTo(LINEGAP, LINEGAP, width - LINEGAP, LINEGAP, radius)\n    }\n\n    this.drawFill(ctx)\n\n    if (callActivity) {\n      this.drawStroke(ctx, { lineWidth: 5 })\n    } else {\n      this.drawStroke(ctx, {\n        lineWidth: transaction ? 1 : 2,\n        lineDash: interrupting ? 'dash' : 'solid'\n      })\n    }\n\n    ctx.beginPath()\n\n    const images = this.getMarkerImages() || []\n    const start = (width - images.length * 16) / 2\n\n    images.forEach((image, index) => {\n      this.drawImage(ctx, image, start + index * 16, height - 16, 16, 16)\n    })\n\n    ctx.translate(-left, -top)\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if (['loop', 'multiInstance', 'adhoc', 'compensation', 'strokeStyle'].find(prop => prop in after)) {\n      delete this.markerImages\n    }\n  }\n\n  getMarkerImages(): HTMLImageElement[] | null | undefined {\n    if (!this.markerImages) {\n      const { strokeStyle } = this.state\n\n      this.markerImages = Object.keys(MARKERS)\n        .filter(key => key === 'subprocess' || this.state[key])\n        .map(key => {\n          let image = new Image()\n          image.src =\n            'data:image/svg+xml;charset=UTF-8;base64,' + btoa(MARKERS[key].replace(/{{strokeColor}}/g, strokeStyle))\n          return image\n        })\n    }\n\n    return this.markerImages\n  }\n}\n\nComponent.register('bpmn-subprocess', BPMNSubprocess)\n\nconst MARKERS: { [type: string]: string } = {\n  loop: `\n<svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n  viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n  <style type=\"text/css\">\n  .st0{fill:{{strokeColor}};}\n  </style>\n  <path class=\"st0\" d=\"M9.5,5.2C4.3,9.7,3.7,17.5,8.1,22.8L5,25.4l7.8,0.6l0.6-7.8L10.2,21c-3.5-4.1-3-10.1,1-13.6s10.1-3,13.6,1\n\ts3,10.1-1,13.6c-1.6,1.4-3.5,2.1-5.4,2.3l-0.2,2.8c2.6-0.2,5.3-1.1,7.4-3c5.2-4.5,5.8-12.3,1.3-17.5S14.7,0.8,9.5,5.2z\"/>\n</svg>\n`,\n  multiInstance: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n  </style>\n    <g>\n      <rect x=\"5.5\" y=\"1.9\" class=\"st0\" width=\"3.3\" height=\"25.3\"/>\n      <rect x=\"15.9\" y=\"1.9\" class=\"st0\" width=\"3.3\" height=\"25.3\"/>\n      <rect x=\"26.2\" y=\"1.9\" class=\"st0\" width=\"3.3\" height=\"25.3\"/>\n    </g>\n  </svg>\n  `,\n  compensation: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n   </style>\n   <g>\n      <path class=\"st0\" d=\"M16.1,6.9v15.6l-7.8-7.8L16.1,6.9 M18.1,2.1L5.5,14.7l12.6,12.6V2.1L18.1,2.1z M5.5,14.7L5.5,14.7L5.5,14.7\n        L5.5,14.7L5.5,14.7z\"/>\n    </g>\n    <g>\n      <path class=\"st0\" d=\"M27.5,6.9v15.6l-7.8-7.8L27.5,6.9 M29.5,2.1L16.9,14.7l12.6,12.6V2.1L29.5,2.1z M16.9,14.7L16.9,14.7\n        L16.9,14.7L16.9,14.7L16.9,14.7z\"/>\n    </g>\n  </svg>\n  `,\n  subprocess: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n    <style type=\"text/css\">\n      .st0{fill:none;stroke:{{strokeColor}};stroke-width:2;stroke-miterlimit:10;}\n      .st1{fill:{{strokeColor}};}  \n    </style>\n    <rect x=\"5.5\" y=\"2.5\" class=\"st0\" width=\"24\" height=\"24\"/>\n    <g>\n      <g>\n        <rect x=\"16.4\" y=\"6\" class=\"st1\" width=\"2.1\" height=\"17\"/>\n      </g>\n      <g>\n        <rect x=\"9\" y=\"13.4\" class=\"st1\" width=\"17\" height=\"2.1\"/>\n      </g>\n    </g>\n  </svg>\n  `,\n  adhoc: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n   </style>\n   <path class=\"st0\" d=\"M29.2,10.3c-0.8,0.9-1.7,1.7-2.5,2.2c-0.8,0.5-1.6,0.8-2.4,0.8c-1,0-3-0.6-6.1-1.9C15,10.2,12.6,9.6,11,9.6\n\t\tc-2.1,0-3.9,0.7-5.5,1.9v6.9c0.1,0,0.3-0.2,0.6-0.6C7.9,16,9.5,15,10.9,15c0.8,0,2.9,0.6,6.1,1.9c3.3,1.2,5.7,1.8,7.1,1.8\n\t\tc2,0,3.8-0.6,5.3-1.8v-6.9C29.4,10.1,29.3,10.2,29.2,10.3z\"/>\n  </svg>\n  `\n}\n"]}

package/dist/bpmn-task.js

@@ -76,6 +76,11 @@ const NATURE = {
             type: 'checkbox',
             label: 'call-activity',
             name: 'callActivity'
+        },
+        {
+            type: 'checkbox',
+            label: 'interrupting',
+            name: 'interrupting'
         }
     ],
     help: '/bpmn/task/task'
@@ -86,7 +91,7 @@ export default class BPMNTask extends BPMNControlBase {
     }
     render(ctx) {
         const { left, top, width, height } = this.bounds;
-        const { callActivity } = this.state;
+        const { callActivity, interrupting } = this.state;
         const radius = 9;
         ctx.translate(left, top);
         ctx.beginPath();
@@ -96,7 +101,14 @@ export default class BPMNTask extends BPMNControlBase {
         ctx.arcTo(0, height, 0, 0, radius);
         ctx.arcTo(0, 0, width, 0, radius);
         this.drawFill(ctx);
-        this.drawStroke(ctx, callActivity ? { lineWidth: 5 } : undefined);
+        if (callActivity) {
+            this.drawStroke(ctx, { lineWidth: 5 });
+        }
+        else {
+            this.drawStroke(ctx, {
+                lineDash: interrupting ? 'dash' : 'solid'
+            });
+        }
         ctx.beginPath();
         const image = this.getImageElement();
         if (image) {

package/dist/bpmn-task.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-task.js","sourceRoot":"","sources":["../src/bpmn-task.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Properties } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'select',\n      label: 'task-type',\n      name: 'taskType',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'service',\n            value: 'service'\n          },\n          {\n            display: 'send',\n            value: 'send'\n          },\n          {\n            display: 'receive',\n            value: 'receive'\n          },\n          {\n            display: 'user',\n            value: 'user'\n          },\n          {\n            display: 'manual',\n            value: 'manual'\n          },\n          {\n            display: 'business rule',\n            value: 'business-rule'\n          },\n          {\n            display: 'script',\n            value: 'script'\n          }\n        ]\n      }\n    },\n    {\n      type: 'select',\n      label: 'multi-instance',\n      name: 'multiInstance',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'parallel',\n            value: 'parallel'\n          },\n          {\n            display: 'sequential',\n            value: 'sequential'\n          }\n        ]\n      }\n    },\n    {\n      type: 'checkbox',\n      label: 'loop',\n      name: 'loop'\n    },\n    {\n      type: 'checkbox',\n      label: 'call-activity',\n      name: 'callActivity'\n    }\n  ],\n  help: '/bpmn/task/task'\n}\n\nexport default class BPMNTask extends BPMNControlBase {\n  private imageElement?: HTMLImageElement\n  private markerImages?: HTMLImageElement[]\n\n  static get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { callActivity } = this.state\n    const radius = 9\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.moveTo(radius, 0)\n    ctx.arcTo(width, 0, width, height, radius)\n    ctx.arcTo(width, height, 0, height, radius)\n    ctx.arcTo(0, height, 0, 0, radius)\n    ctx.arcTo(0, 0, width, 0, radius)\n\n    this.drawFill(ctx)\n    this.drawStroke(ctx, callActivity ? { lineWidth: 5 } : undefined)\n\n    ctx.beginPath()\n\n    const image = this.getImageElement()\n    if (image) {\n      this.drawImage(ctx, image, 0, 0, 24, 24)\n    }\n\n    const images = this.getMarkerImages() || []\n    const start = (width - images.length * 16) / 2\n\n    images.forEach((image, index) => {\n      this.drawImage(ctx, image, start + index * 16, height - 16, 16, 16)\n    })\n\n    ctx.translate(-left, -top)\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if (['loop', 'multiInstance', 'taskType', 'strokeStyle'].find(prop => prop in after)) {\n      delete this.markerImages\n      delete this.imageElement\n    }\n  }\n\n  getImageElement(): HTMLImageElement | null | undefined {\n    if (!this.imageElement) {\n      const { taskType, strokeStyle } = this.state\n\n      if (!taskType) {\n        return\n      }\n\n      const src = IMAGES[taskType]\n      if (!src) {\n        return\n      }\n\n      this.imageElement = new Image()\n      this.imageElement.src =\n        'data:image/svg+xml;charset=UTF-8;base64,' + btoa(src.replace(/{{strokeColor}}/g, strokeStyle))\n    }\n\n    return this.imageElement\n  }\n\n  getMarkerImages(): HTMLImageElement[] | null | undefined {\n    if (!this.markerImages) {\n      const { loop, multiInstance, strokeStyle } = this.state\n\n      this.markerImages = []\n\n      if (loop) {\n        let image = new Image()\n        image.src =\n          'data:image/svg+xml;charset=UTF-8;base64,' + btoa(MARKERS['loop'].replace(/{{strokeColor}}/g, strokeStyle))\n        this.markerImages.push(image)\n      }\n\n      if (multiInstance) {\n        let image = new Image()\n        image.src =\n          'data:image/svg+xml;charset=UTF-8;base64,' +\n          btoa(MARKERS[multiInstance].replace(/{{strokeColor}}/g, strokeStyle))\n        this.markerImages.push(image)\n      }\n    }\n\n    return this.markerImages\n  }\n}\n\nComponent.register('bpmn-task', BPMNTask)\n\nconst IMAGES: { [type: string]: string } = {\n  service: `\n<svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n  viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n  <style type=\"text/css\">\n  .st0{fill:{{strokeColor}};}\n  </style>\n  <g>\n  <g>\n    <path class=\"st0\" d=\"M22.6,11.3l0.3,2.1l0.1,0.6l0.5,0.2c0.5,0.2,0.9,0.5,1.4,0.8l0.5,0.3l0.5-0.2l2-0.8l1.5,2.5l-1.7,1.3\n      l-0.5,0.4l0.1,0.6c0,0.2,0.1,0.5,0.1,0.8c0,0.3,0,0.5-0.1,0.8l-0.1,0.6l0.4,0.4l1.7,1.3l-1.5,2.5l-2-0.8l-0.5-0.2l-0.5,0.4\n      c-0.4,0.3-0.9,0.6-1.4,0.8L23,25.8l-0.1,0.6l-0.3,2.1h-2.9l-0.3-2.1l-0.1-0.6l-0.5-0.2c-0.5-0.2-0.9-0.5-1.4-0.8l-0.5-0.3\n      l-0.5,0.2l-2,0.8l-1.5-2.5l1.7-1.3l0.5-0.4L15,20.6c0-0.2-0.1-0.5-0.1-0.8c0-0.2,0-0.5,0.1-0.8l0.1-0.6l-0.5-0.4L13,16.8l1.5-2.5\n      l2,0.8l0.5,0.2l0.5-0.3c0.5-0.4,0.9-0.6,1.4-0.8l0.5-0.2l0.1-0.6l0.3-2.1H22.6 M21.1,24.5c2.5,0,4.6-2.1,4.6-4.6s-2.1-4.6-4.6-4.6\n      s-4.6,2.1-4.6,4.6S18.6,24.5,21.1,24.5 M23,10.3h-3.8c-0.2,0-0.4,0.2-0.5,0.4l-0.4,2.5c-0.6,0.2-1.1,0.6-1.6,0.9l-2.4-1\n      c-0.1,0-0.1,0-0.2,0c-0.2,0-0.3,0.1-0.4,0.3l-1.9,3.3c-0.1,0.2-0.1,0.5,0.1,0.6l2,1.6c-0.1,0.3-0.1,0.6-0.1,0.9s0,0.6,0.1,0.9\n      l-2,1.6c-0.2,0.1-0.2,0.4-0.1,0.6l1.9,3.3c0.1,0.2,0.3,0.2,0.4,0.2c0.1,0,0.1,0,0.2,0l2.4-1c0.5,0.4,1,0.7,1.6,0.9l0.4,2.5\n      c0,0.2,0.2,0.4,0.5,0.4H23c0.2,0,0.4-0.2,0.5-0.4l0.4-2.5c0.6-0.2,1.1-0.6,1.6-0.9l2.4,1c0.1,0,0.1,0,0.2,0c0.2,0,0.3-0.1,0.4-0.3\n      l1.9-3.3c0.1-0.2,0.1-0.5-0.1-0.6l-2-1.6c0-0.3,0.1-0.6,0.1-0.9c0-0.3,0-0.6-0.1-0.9l2-1.6c0.2-0.1,0.2-0.4,0.1-0.6l-1.9-3.3\n      c-0.1-0.2-0.3-0.2-0.4-0.2c-0.1,0-0.1,0-0.2,0l-2.4,1c-0.5-0.4-1-0.7-1.6-0.9l-0.4-2.5C23.5,10.4,23.3,10.3,23,10.3L23,10.3z\n        M21.1,23.5c-2,0-3.6-1.6-3.6-3.6s1.6-3.6,3.6-3.6s3.6,1.6,3.6,3.6S23.1,23.5,21.1,23.5L21.1,23.5z\"/>\n  </g>\n  <g>\n    <g>\n      <path class=\"st0\" d=\"M16.8,6.5L17.2,9l0.1,0.6l0.3,0.1l-1,1.9c-0.5-0.2-1-0.3-1.5-0.3c-2.8,0-5.1,2.3-5.1,5.1\n        c0,1.3,0.5,2.5,1.3,3.4l-1.2,1.9l-0.4,0.2l-2.3,0.9l-1.8-3.1l2-1.5l0.5-0.4L8,17.3c0-0.3-0.1-0.6-0.1-0.9c0-0.2,0-0.5,0.1-0.9\n        l0.1-0.6l-0.5-0.4l-2-1.5l1.8-3.1l2.3,0.9l0.5,0.2l0.5-0.3c0.5-0.4,1.1-0.7,1.6-0.9l0.5-0.2L13,9l0.3-2.5H16.8 M17.2,5.5h-4.3\n        c-0.3,0-0.5,0.2-0.5,0.5L12,8.9c-0.7,0.3-1.3,0.6-1.8,1.1L7.4,8.8c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4,0.1-0.5,0.3l-2.2,3.7\n        c-0.1,0.2-0.1,0.5,0.1,0.7L7,15.3C7,15.6,6.9,16,6.9,16.4c0,0.3,0,0.7,0.1,1.1l-2.3,1.8c-0.2,0.2-0.3,0.5-0.1,0.7l2.2,3.7\n        c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.1,0,0.2,0l2.7-1.1c0.1,0.1,0.3,0.2,0.4,0.3l2.1-3.5c-1-0.7-1.6-1.9-1.6-3.2\n        c0-2.2,1.8-4.1,4.1-4.1c0.7,0,1.4,0.2,2,0.5l1.9-3.6c-0.2-0.1-0.5-0.3-0.8-0.4L17.8,6C17.7,5.7,17.5,5.5,17.2,5.5L17.2,5.5z\"/>\n    </g>\n  </g>\n  </g>\n</svg>\n`,\n  send: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n  </style>\n    <path class=\"st0\" d=\"M27.1,7.9H7.9c-1.3,0-2.4,1.1-2.4,2.4l0,14.4c0,1.3,1.1,2.4,2.4,2.4h19.2c1.3,0,2.4-1.1,2.4-2.4V10.3\n\tC29.5,9,28.4,7.9,27.1,7.9z M27.1,12.7l-9.6,6l-9.6-6v-2.4l9.6,6l9.6-6V12.7z\"/>\n  </svg>\n  `,\n  receive: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n   </style>\n   <path class=\"st0\" d=\"M29.5,10.3c0-1.3-1.1-2.4-2.4-2.4H7.9c-1.3,0-2.4,1.1-2.4,2.4v14.4c0,1.3,1.1,2.4,2.4,2.4h19.2c1.3,0,2.4-1.1,2.4-2.4V10.3z\n\t M27.1,9.3l-9.6,7l-9.6-7H27.1z M28.1,25.7H6.9v-16l10.6,8l10.6-8V25.7z\"/>\n  </svg>\n  `,\n  user: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n   </style>\n    <g>\n      <g>\n        <path class=\"st0\" d=\"M17.5,6.5c2.8,0,5,2.2,5,5s-2.2,5-5,5s-5-2.2-5-5S14.7,6.5,17.5,6.5 M17.4,20c3.6,0,10.1,3.3,10.1,6.5v2h-20v-2\n          C7.5,23.3,13.8,20,17.4,20 M17.5,5.5c-3.3,0-6,2.7-6,6s2.7,6,6,6s6-2.7,6-6S20.8,5.5,17.5,5.5L17.5,5.5z M17.4,19\n          c-4,0-10.9,3.6-10.9,7.5v3h22v-3C28.5,22.5,21.4,19,17.4,19L17.4,19z\"/>\n      </g>\n      <path class=\"st0\" d=\"M14.6,7.2c0,0,2,4.5,7.9,3.9C22.5,11.1,21.8,4.3,14.6,7.2z\"/>\n      <path class=\"st0\" d=\"M16.2,9.4c0,0-1.2,1.3-4,1.2l1.2-2.5L14.9,7L16.2,9.4z\"/>\n    </g>\n  </svg>\n  `,\n  manual: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n    <style type=\"text/css\">\n      .st0{fill:none;stroke:{{strokeColor}};stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n    </style>\n    <g>\n      <g>\n        <g>\n          <path class=\"st0\" d=\"M24,28.5H9.5c-2.2,0-4-1.8-4-4v-7.3c0-1.1,0.4-2.1,1.2-2.9l8-7.9c0,0,1.2,1.3,1.2,1.3\n            c0.2,0.2,0.3,0.5,0.3,0.8c0,0.2-0.1,0.4-0.2,0.6c0,0-2.5,4.3-2.5,4.3h11.9c0.8,0,1.5,0.7,1.5,1.5s-0.7,1.5-1.5,1.5h-7v1H28\n            c0.8,0,1.5,0.7,1.5,1.5s-0.7,1.5-1.5,1.5h-9.5v1H27c0.8,0,1.5,0.7,1.5,1.5s-0.7,1.5-1.5,1.5h-8.5v1H24c0.8,0,1.5,0.7,1.5,1.5\n            S24.8,28.5,24,28.5z\"/>\n        </g>\n      </g>\n    </g>\n  </svg>\n  `,\n  'business-rule': `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n   </style>\n    <g>\n      <g>\n        <path class=\"st0\" d=\"M28.6,11.1v14.8H6.5V11.1h20.3 M26.8,8H8.2c-1.5,0-2.7,1-2.7,2.1v15.8c0,1.2,1.2,1.1,2.7,1.1h18.7c1.5,0,2.7,0.1,2.7-1.1\n        V10.1C29.5,8.9,28.3,8,26.8,8L26.8,8z\"/>\n      </g>\n      <path class=\"st0\" d=\"M29,21.4H6v-1h23V21.4z M28.8,16.4h-23v-1h23V16.4z M14.2,10.6v16h-1v-16H14.2z\"/>\n    </g>\n  </svg>\n  `,\n  script: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n    <style type=\"text/css\">\n      .st0{fill:none;stroke:{{strokeColor}};stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n    </style>\n    <g>\n      <path class=\"st0\" d=\"M7.9,8h20.8c0,0-2.9,1.7-2.6,7.2c0.1,1,0.5,2,1.1,2.9c1.1,1.5,3,4.6,0.4,9h-21c0,0,3.2-5.5,1-9\n        C7.6,18,3.8,12.4,7.9,8z\"/>\n      <rect class=\"st0\" x=\"9.1\" y=\"11.3\" width=\"14\" height=\"1\"/>\n      <rect class=\"st0\" x=\"9.7\" y=\"15\" width=\"14\" height=\"1\"/>\n      <rect class=\"st0\" x=\"10.7\" y=\"18.7\" width=\"14\" height=\"1\"/>\n      <rect class=\"st0\" x=\"11.7\" y=\"22.3\" width=\"14\" height=\"1\"/>\n    </g>\n  </svg>\n  `\n}\n\nconst MARKERS: { [type: string]: string } = {\n  loop: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n    viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n    <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n    </style>\n    <path class=\"st0\" d=\"M9.5,5.2C4.3,9.7,3.7,17.5,8.1,22.8L5,25.4l7.8,0.6l0.6-7.8L10.2,21c-3.5-4.1-3-10.1,1-13.6s10.1-3,13.6,1\n    s3,10.1-1,13.6c-1.6,1.4-3.5,2.1-5.4,2.3l-0.2,2.8c2.6-0.2,5.3-1.1,7.4-3c5.2-4.5,5.8-12.3,1.3-17.5S14.7,0.8,9.5,5.2z\"/>\n  </svg>\n`,\n  parallel: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n  </style>\n    <g>\n      <rect x=\"5.5\" y=\"1.9\" class=\"st0\" width=\"3.3\" height=\"25.3\"/>\n      <rect x=\"15.9\" y=\"1.9\" class=\"st0\" width=\"3.3\" height=\"25.3\"/>\n      <rect x=\"26.2\" y=\"1.9\" class=\"st0\" width=\"3.3\" height=\"25.3\"/>\n    </g>\n  </svg>\n  `,\n  sequential: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n   </style>\n   <g>\n      <rect x=\"4.8\" y=\"2.6\" width=\"25.3\" height=\"3.3\" class=\"st0\"/>\n      <rect x=\"4.8\" y=\"13\" width=\"25.3\" height=\"3.3\" class=\"st0\"/>\n      <rect x=\"4.8\" y=\"23.3\" width=\"25.3\" height=\"3.3\" class=\"st0\"/>\n    </g>\n  </svg>\n  `\n}\n"]}
+{"version":3,"file":"bpmn-task.js","sourceRoot":"","sources":["../src/bpmn-task.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Properties } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'select',\n      label: 'task-type',\n      name: 'taskType',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'service',\n            value: 'service'\n          },\n          {\n            display: 'send',\n            value: 'send'\n          },\n          {\n            display: 'receive',\n            value: 'receive'\n          },\n          {\n            display: 'user',\n            value: 'user'\n          },\n          {\n            display: 'manual',\n            value: 'manual'\n          },\n          {\n            display: 'business rule',\n            value: 'business-rule'\n          },\n          {\n            display: 'script',\n            value: 'script'\n          }\n        ]\n      }\n    },\n    {\n      type: 'select',\n      label: 'multi-instance',\n      name: 'multiInstance',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'parallel',\n            value: 'parallel'\n          },\n          {\n            display: 'sequential',\n            value: 'sequential'\n          }\n        ]\n      }\n    },\n    {\n      type: 'checkbox',\n      label: 'loop',\n      name: 'loop'\n    },\n    {\n      type: 'checkbox',\n      label: 'call-activity',\n      name: 'callActivity'\n    },\n    {\n      type: 'checkbox',\n      label: 'interrupting',\n      name: 'interrupting'\n    }\n  ],\n  help: '/bpmn/task/task'\n}\n\nexport default class BPMNTask extends BPMNControlBase {\n  private imageElement?: HTMLImageElement\n  private markerImages?: HTMLImageElement[]\n\n  static get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { callActivity, interrupting } = this.state\n    const radius = 9\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.moveTo(radius, 0)\n    ctx.arcTo(width, 0, width, height, radius)\n    ctx.arcTo(width, height, 0, height, radius)\n    ctx.arcTo(0, height, 0, 0, radius)\n    ctx.arcTo(0, 0, width, 0, radius)\n\n    this.drawFill(ctx)\n    if (callActivity) {\n      this.drawStroke(ctx, { lineWidth: 5 })\n    } else {\n      this.drawStroke(ctx, {\n        lineDash: interrupting ? 'dash' : 'solid'\n      })\n    }\n\n    ctx.beginPath()\n\n    const image = this.getImageElement()\n    if (image) {\n      this.drawImage(ctx, image, 0, 0, 24, 24)\n    }\n\n    const images = this.getMarkerImages() || []\n    const start = (width - images.length * 16) / 2\n\n    images.forEach((image, index) => {\n      this.drawImage(ctx, image, start + index * 16, height - 16, 16, 16)\n    })\n\n    ctx.translate(-left, -top)\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if (['loop', 'multiInstance', 'taskType', 'strokeStyle'].find(prop => prop in after)) {\n      delete this.markerImages\n      delete this.imageElement\n    }\n  }\n\n  getImageElement(): HTMLImageElement | null | undefined {\n    if (!this.imageElement) {\n      const { taskType, strokeStyle } = this.state\n\n      if (!taskType) {\n        return\n      }\n\n      const src = IMAGES[taskType]\n      if (!src) {\n        return\n      }\n\n      this.imageElement = new Image()\n      this.imageElement.src =\n        'data:image/svg+xml;charset=UTF-8;base64,' + btoa(src.replace(/{{strokeColor}}/g, strokeStyle))\n    }\n\n    return this.imageElement\n  }\n\n  getMarkerImages(): HTMLImageElement[] | null | undefined {\n    if (!this.markerImages) {\n      const { loop, multiInstance, strokeStyle } = this.state\n\n      this.markerImages = []\n\n      if (loop) {\n        let image = new Image()\n        image.src =\n          'data:image/svg+xml;charset=UTF-8;base64,' + btoa(MARKERS['loop'].replace(/{{strokeColor}}/g, strokeStyle))\n        this.markerImages.push(image)\n      }\n\n      if (multiInstance) {\n        let image = new Image()\n        image.src =\n          'data:image/svg+xml;charset=UTF-8;base64,' +\n          btoa(MARKERS[multiInstance].replace(/{{strokeColor}}/g, strokeStyle))\n        this.markerImages.push(image)\n      }\n    }\n\n    return this.markerImages\n  }\n}\n\nComponent.register('bpmn-task', BPMNTask)\n\nconst IMAGES: { [type: string]: string } = {\n  service: `\n<svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n  viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n  <style type=\"text/css\">\n  .st0{fill:{{strokeColor}};}\n  </style>\n  <g>\n  <g>\n    <path class=\"st0\" d=\"M22.6,11.3l0.3,2.1l0.1,0.6l0.5,0.2c0.5,0.2,0.9,0.5,1.4,0.8l0.5,0.3l0.5-0.2l2-0.8l1.5,2.5l-1.7,1.3\n      l-0.5,0.4l0.1,0.6c0,0.2,0.1,0.5,0.1,0.8c0,0.3,0,0.5-0.1,0.8l-0.1,0.6l0.4,0.4l1.7,1.3l-1.5,2.5l-2-0.8l-0.5-0.2l-0.5,0.4\n      c-0.4,0.3-0.9,0.6-1.4,0.8L23,25.8l-0.1,0.6l-0.3,2.1h-2.9l-0.3-2.1l-0.1-0.6l-0.5-0.2c-0.5-0.2-0.9-0.5-1.4-0.8l-0.5-0.3\n      l-0.5,0.2l-2,0.8l-1.5-2.5l1.7-1.3l0.5-0.4L15,20.6c0-0.2-0.1-0.5-0.1-0.8c0-0.2,0-0.5,0.1-0.8l0.1-0.6l-0.5-0.4L13,16.8l1.5-2.5\n      l2,0.8l0.5,0.2l0.5-0.3c0.5-0.4,0.9-0.6,1.4-0.8l0.5-0.2l0.1-0.6l0.3-2.1H22.6 M21.1,24.5c2.5,0,4.6-2.1,4.6-4.6s-2.1-4.6-4.6-4.6\n      s-4.6,2.1-4.6,4.6S18.6,24.5,21.1,24.5 M23,10.3h-3.8c-0.2,0-0.4,0.2-0.5,0.4l-0.4,2.5c-0.6,0.2-1.1,0.6-1.6,0.9l-2.4-1\n      c-0.1,0-0.1,0-0.2,0c-0.2,0-0.3,0.1-0.4,0.3l-1.9,3.3c-0.1,0.2-0.1,0.5,0.1,0.6l2,1.6c-0.1,0.3-0.1,0.6-0.1,0.9s0,0.6,0.1,0.9\n      l-2,1.6c-0.2,0.1-0.2,0.4-0.1,0.6l1.9,3.3c0.1,0.2,0.3,0.2,0.4,0.2c0.1,0,0.1,0,0.2,0l2.4-1c0.5,0.4,1,0.7,1.6,0.9l0.4,2.5\n      c0,0.2,0.2,0.4,0.5,0.4H23c0.2,0,0.4-0.2,0.5-0.4l0.4-2.5c0.6-0.2,1.1-0.6,1.6-0.9l2.4,1c0.1,0,0.1,0,0.2,0c0.2,0,0.3-0.1,0.4-0.3\n      l1.9-3.3c0.1-0.2,0.1-0.5-0.1-0.6l-2-1.6c0-0.3,0.1-0.6,0.1-0.9c0-0.3,0-0.6-0.1-0.9l2-1.6c0.2-0.1,0.2-0.4,0.1-0.6l-1.9-3.3\n      c-0.1-0.2-0.3-0.2-0.4-0.2c-0.1,0-0.1,0-0.2,0l-2.4,1c-0.5-0.4-1-0.7-1.6-0.9l-0.4-2.5C23.5,10.4,23.3,10.3,23,10.3L23,10.3z\n        M21.1,23.5c-2,0-3.6-1.6-3.6-3.6s1.6-3.6,3.6-3.6s3.6,1.6,3.6,3.6S23.1,23.5,21.1,23.5L21.1,23.5z\"/>\n  </g>\n  <g>\n    <g>\n      <path class=\"st0\" d=\"M16.8,6.5L17.2,9l0.1,0.6l0.3,0.1l-1,1.9c-0.5-0.2-1-0.3-1.5-0.3c-2.8,0-5.1,2.3-5.1,5.1\n        c0,1.3,0.5,2.5,1.3,3.4l-1.2,1.9l-0.4,0.2l-2.3,0.9l-1.8-3.1l2-1.5l0.5-0.4L8,17.3c0-0.3-0.1-0.6-0.1-0.9c0-0.2,0-0.5,0.1-0.9\n        l0.1-0.6l-0.5-0.4l-2-1.5l1.8-3.1l2.3,0.9l0.5,0.2l0.5-0.3c0.5-0.4,1.1-0.7,1.6-0.9l0.5-0.2L13,9l0.3-2.5H16.8 M17.2,5.5h-4.3\n        c-0.3,0-0.5,0.2-0.5,0.5L12,8.9c-0.7,0.3-1.3,0.6-1.8,1.1L7.4,8.8c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4,0.1-0.5,0.3l-2.2,3.7\n        c-0.1,0.2-0.1,0.5,0.1,0.7L7,15.3C7,15.6,6.9,16,6.9,16.4c0,0.3,0,0.7,0.1,1.1l-2.3,1.8c-0.2,0.2-0.3,0.5-0.1,0.7l2.2,3.7\n        c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.1,0,0.2,0l2.7-1.1c0.1,0.1,0.3,0.2,0.4,0.3l2.1-3.5c-1-0.7-1.6-1.9-1.6-3.2\n        c0-2.2,1.8-4.1,4.1-4.1c0.7,0,1.4,0.2,2,0.5l1.9-3.6c-0.2-0.1-0.5-0.3-0.8-0.4L17.8,6C17.7,5.7,17.5,5.5,17.2,5.5L17.2,5.5z\"/>\n    </g>\n  </g>\n  </g>\n</svg>\n`,\n  send: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n  </style>\n    <path class=\"st0\" d=\"M27.1,7.9H7.9c-1.3,0-2.4,1.1-2.4,2.4l0,14.4c0,1.3,1.1,2.4,2.4,2.4h19.2c1.3,0,2.4-1.1,2.4-2.4V10.3\n\tC29.5,9,28.4,7.9,27.1,7.9z M27.1,12.7l-9.6,6l-9.6-6v-2.4l9.6,6l9.6-6V12.7z\"/>\n  </svg>\n  `,\n  receive: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n   </style>\n   <path class=\"st0\" d=\"M29.5,10.3c0-1.3-1.1-2.4-2.4-2.4H7.9c-1.3,0-2.4,1.1-2.4,2.4v14.4c0,1.3,1.1,2.4,2.4,2.4h19.2c1.3,0,2.4-1.1,2.4-2.4V10.3z\n\t M27.1,9.3l-9.6,7l-9.6-7H27.1z M28.1,25.7H6.9v-16l10.6,8l10.6-8V25.7z\"/>\n  </svg>\n  `,\n  user: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n   </style>\n    <g>\n      <g>\n        <path class=\"st0\" d=\"M17.5,6.5c2.8,0,5,2.2,5,5s-2.2,5-5,5s-5-2.2-5-5S14.7,6.5,17.5,6.5 M17.4,20c3.6,0,10.1,3.3,10.1,6.5v2h-20v-2\n          C7.5,23.3,13.8,20,17.4,20 M17.5,5.5c-3.3,0-6,2.7-6,6s2.7,6,6,6s6-2.7,6-6S20.8,5.5,17.5,5.5L17.5,5.5z M17.4,19\n          c-4,0-10.9,3.6-10.9,7.5v3h22v-3C28.5,22.5,21.4,19,17.4,19L17.4,19z\"/>\n      </g>\n      <path class=\"st0\" d=\"M14.6,7.2c0,0,2,4.5,7.9,3.9C22.5,11.1,21.8,4.3,14.6,7.2z\"/>\n      <path class=\"st0\" d=\"M16.2,9.4c0,0-1.2,1.3-4,1.2l1.2-2.5L14.9,7L16.2,9.4z\"/>\n    </g>\n  </svg>\n  `,\n  manual: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n    <style type=\"text/css\">\n      .st0{fill:none;stroke:{{strokeColor}};stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n    </style>\n    <g>\n      <g>\n        <g>\n          <path class=\"st0\" d=\"M24,28.5H9.5c-2.2,0-4-1.8-4-4v-7.3c0-1.1,0.4-2.1,1.2-2.9l8-7.9c0,0,1.2,1.3,1.2,1.3\n            c0.2,0.2,0.3,0.5,0.3,0.8c0,0.2-0.1,0.4-0.2,0.6c0,0-2.5,4.3-2.5,4.3h11.9c0.8,0,1.5,0.7,1.5,1.5s-0.7,1.5-1.5,1.5h-7v1H28\n            c0.8,0,1.5,0.7,1.5,1.5s-0.7,1.5-1.5,1.5h-9.5v1H27c0.8,0,1.5,0.7,1.5,1.5s-0.7,1.5-1.5,1.5h-8.5v1H24c0.8,0,1.5,0.7,1.5,1.5\n            S24.8,28.5,24,28.5z\"/>\n        </g>\n      </g>\n    </g>\n  </svg>\n  `,\n  'business-rule': `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n   </style>\n    <g>\n      <g>\n        <path class=\"st0\" d=\"M28.6,11.1v14.8H6.5V11.1h20.3 M26.8,8H8.2c-1.5,0-2.7,1-2.7,2.1v15.8c0,1.2,1.2,1.1,2.7,1.1h18.7c1.5,0,2.7,0.1,2.7-1.1\n        V10.1C29.5,8.9,28.3,8,26.8,8L26.8,8z\"/>\n      </g>\n      <path class=\"st0\" d=\"M29,21.4H6v-1h23V21.4z M28.8,16.4h-23v-1h23V16.4z M14.2,10.6v16h-1v-16H14.2z\"/>\n    </g>\n  </svg>\n  `,\n  script: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n    <style type=\"text/css\">\n      .st0{fill:none;stroke:{{strokeColor}};stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n    </style>\n    <g>\n      <path class=\"st0\" d=\"M7.9,8h20.8c0,0-2.9,1.7-2.6,7.2c0.1,1,0.5,2,1.1,2.9c1.1,1.5,3,4.6,0.4,9h-21c0,0,3.2-5.5,1-9\n        C7.6,18,3.8,12.4,7.9,8z\"/>\n      <rect class=\"st0\" x=\"9.1\" y=\"11.3\" width=\"14\" height=\"1\"/>\n      <rect class=\"st0\" x=\"9.7\" y=\"15\" width=\"14\" height=\"1\"/>\n      <rect class=\"st0\" x=\"10.7\" y=\"18.7\" width=\"14\" height=\"1\"/>\n      <rect class=\"st0\" x=\"11.7\" y=\"22.3\" width=\"14\" height=\"1\"/>\n    </g>\n  </svg>\n  `\n}\n\nconst MARKERS: { [type: string]: string } = {\n  loop: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n    viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n    <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n    </style>\n    <path class=\"st0\" d=\"M9.5,5.2C4.3,9.7,3.7,17.5,8.1,22.8L5,25.4l7.8,0.6l0.6-7.8L10.2,21c-3.5-4.1-3-10.1,1-13.6s10.1-3,13.6,1\n    s3,10.1-1,13.6c-1.6,1.4-3.5,2.1-5.4,2.3l-0.2,2.8c2.6-0.2,5.3-1.1,7.4-3c5.2-4.5,5.8-12.3,1.3-17.5S14.7,0.8,9.5,5.2z\"/>\n  </svg>\n`,\n  parallel: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n  </style>\n    <g>\n      <rect x=\"5.5\" y=\"1.9\" class=\"st0\" width=\"3.3\" height=\"25.3\"/>\n      <rect x=\"15.9\" y=\"1.9\" class=\"st0\" width=\"3.3\" height=\"25.3\"/>\n      <rect x=\"26.2\" y=\"1.9\" class=\"st0\" width=\"3.3\" height=\"25.3\"/>\n    </g>\n  </svg>\n  `,\n  sequential: `\n  <svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n   <style type=\"text/css\">\n    .st0{fill:{{strokeColor}};}\n   </style>\n   <g>\n      <rect x=\"4.8\" y=\"2.6\" width=\"25.3\" height=\"3.3\" class=\"st0\"/>\n      <rect x=\"4.8\" y=\"13\" width=\"25.3\" height=\"3.3\" class=\"st0\"/>\n      <rect x=\"4.8\" y=\"23.3\" width=\"25.3\" height=\"3.3\" class=\"st0\"/>\n    </g>\n  </svg>\n  `\n}\n"]}

package/dist/templates/bpmn-flow.d.ts

@@ -5,10 +5,17 @@ declare const _default: {
     icon: string;
     model: {
         type: string;
-        left: number;
-        top: number;
-        width: number;
-        height: number;
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+        strokeStyle: string;
+        lineWidth: number;
+        round: number;
+        begin: string;
+        beginSize: string;
+        end: string;
+        endSize: string;
     };
     about: string;
 };

package/dist/templates/bpmn-flow.js

@@ -6,10 +6,17 @@ export default {
     icon,
     model: {
         type: 'bpmn-flow',
-        left: 10,
-        top: 10,
-        width: 80,
-        height: 50
+        x1: 100,
+        y1: 100,
+        x2: 200,
+        y2: 200,
+        strokeStyle: 'black',
+        lineWidth: 2,
+        round: 10,
+        begin: 'none',
+        beginSize: 'size1',
+        end: 'arrow',
+        endSize: 'size9'
     },
     about: '/helps/bpmn/flow/flow.md'
 };

package/dist/templates/bpmn-flow.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-flow.js","sourceRoot":"","sources":["../../src/templates/bpmn-flow.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,gCAAgC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE5E,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,wBAAwB;IACrC,KAAK,EAAE,SAAS;IAChB,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,KAAK,EAAE,0BAA0B;CAClC,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-bpmn-flow.png', import.meta.url).href\n\nexport default {\n  type: 'bpmn-flow',\n  description: 'controls for BPMN flow',\n  group: 'process',\n  icon,\n  model: {\n    type: 'bpmn-flow',\n    left: 10,\n    top: 10,\n    width: 80,\n    height: 50\n  },\n  about: '/helps/bpmn/flow/flow.md'\n}\n"]}
+{"version":3,"file":"bpmn-flow.js","sourceRoot":"","sources":["../../src/templates/bpmn-flow.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,gCAAgC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE5E,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,wBAAwB;IACrC,KAAK,EAAE,SAAS;IAChB,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,WAAW;QACjB,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,GAAG;QACP,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,OAAO;QAClB,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,OAAO;KACjB;IACD,KAAK,EAAE,0BAA0B;CAClC,CAAA","sourcesContent":["const icon = new URL('../../icons/icon-bpmn-flow.png', import.meta.url).href\n\nexport default {\n  type: 'bpmn-flow',\n  description: 'controls for BPMN flow',\n  group: 'process',\n  icon,\n  model: {\n    type: 'bpmn-flow',\n    x1: 100,\n    y1: 100,\n    x2: 200,\n    y2: 200,\n    strokeStyle: 'black',\n    lineWidth: 2,\n    round: 10,\n    begin: 'none',\n    beginSize: 'size1',\n    end: 'arrow',\n    endSize: 'size9'\n  },\n  about: '/helps/bpmn/flow/flow.md'\n}\n"]}

package/dist/templates/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const _default: ({
     type: string;
     description: string;
     group: string;
@@ -9,7 +9,29 @@ declare const _default: {
         top: number;
         width: number;
         height: number;
+        strokeStyle: string;
+        lineWidth: number;
     };
     about: string;
-}[];
+} | {
+    type: string;
+    description: string;
+    group: string;
+    icon: string;
+    model: {
+        type: string;
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+        strokeStyle: string;
+        lineWidth: number;
+        round: number;
+        begin: string;
+        beginSize: string;
+        end: string;
+        endSize: string;
+    };
+    about: string;
+})[];
 export default _default;

package/logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json

@@ -5,11 +5,6 @@
     },
     "auditLog": "logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json",
     "files": [
-        {
-            "date": 1667529554078,
-            "name": "logs/application-2022-11-04-11.log",
-            "hash": "a534e83ab1972d8e0a0bc94b3d5676455954fe3585f1b8d86f1f9bb18f3c9bfa"
-        },
         {
             "date": 1667539391709,
             "name": "logs/application-2022-11-04-14.log",
@@ -49,6 +44,21 @@
             "date": 1667648203876,
             "name": "logs/application-2022-11-05-20.log",
             "hash": "10b861fc26e00ea189134e063925fd03e749f8bdedb8d90b8fd112ec9a6fbb33"
+        },
+        {
+            "date": 1667658659432,
+            "name": "logs/application-2022-11-05-23.log",
+            "hash": "61c81cd567ef121dc101febadc22981507edec71533bc306b61716cfeed5ccc7"
+        },
+        {
+            "date": 1667663185909,
+            "name": "logs/application-2022-11-06-00.log",
+            "hash": "cfb02bf07e6f1e3aced77574cdad6729c41c9a6e6a5f41240a8d7dc39319e10b"
+        },
+        {
+            "date": 1667706475012,
+            "name": "logs/application-2022-11-06-12.log",
+            "hash": "dd895c49e0fb6505f9c27686fb228e03e6cf65b05b2dcc764fff87c768016993"
         }
     ],
     "hashType": "sha256"

package/logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json

@@ -59,6 +59,21 @@
             "date": 1667648205315,
             "name": "logs/connections-2022-11-05-20.log",
             "hash": "e1064be56d3fcb012c1a92b9b670dfe212eb4b9da692dc02ba50b3e92aed0f11"
+        },
+        {
+            "date": 1667658660894,
+            "name": "logs/connections-2022-11-05-23.log",
+            "hash": "3cbf6fad1e4a4afb5a7053015ad2bdc8d0f579a4733ca6459e0445b2d77eebcd"
+        },
+        {
+            "date": 1667663186961,
+            "name": "logs/connections-2022-11-06-00.log",
+            "hash": "460a0734260e86f887869c0d16f9d871a411537404d71832b6d9fe446875b428"
+        },
+        {
+            "date": 1667706476124,
+            "name": "logs/connections-2022-11-06-12.log",
+            "hash": "55c3cea79b470acca8f8394b56ea7eb0696e94fad3ebe2e266c204894517e9a9"
         }
     ],
     "hashType": "sha256"

package/logs/application-2022-11-05-23.log

@@ -0,0 +1,6 @@
+2022-11-05T23:31:00+09:00 info: File Storage is Ready.
+2022-11-05T23:31:01+09:00 error: oracledb module loading failed
+2022-11-05T23:31:01+09:00 info: Default DataSource established
+2022-11-05T23:31:01+09:00 info: Transaction DataSource established
+2022-11-05T23:31:02+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
+2022-11-05T23:31:02+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql

package/logs/application-2022-11-06-00.log

@@ -0,0 +1,6 @@
+2022-11-06T00:46:26+09:00 info: File Storage is Ready.
+2022-11-06T00:46:27+09:00 error: oracledb module loading failed
+2022-11-06T00:46:27+09:00 info: Default DataSource established
+2022-11-06T00:46:28+09:00 info: Transaction DataSource established
+2022-11-06T00:46:28+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
+2022-11-06T00:46:28+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql

package/logs/application-2022-11-06-12.log

@@ -0,0 +1,6 @@
+2022-11-06T12:47:55+09:00 info: File Storage is Ready.
+2022-11-06T12:47:56+09:00 error: oracledb module loading failed
+2022-11-06T12:47:57+09:00 info: Default DataSource established
+2022-11-06T12:47:57+09:00 info: Transaction DataSource established
+2022-11-06T12:47:58+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
+2022-11-06T12:47:58+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql

package/logs/connections-2022-11-05-23.log

@@ -0,0 +1,35 @@
+2022-11-05T23:31:02+09:00 info: Initializing ConnectionManager...
+2022-11-05T23:31:02+09:00 info: Connector 'echo-back-server' started to ready
+2022-11-05T23:31:02+09:00 info: Connector 'echo-back' started to ready
+2022-11-05T23:31:02+09:00 info: Connector 'http-connector' started to ready
+2022-11-05T23:31:02+09:00 info: Connector 'graphql-connector' started to ready
+2022-11-05T23:31:02+09:00 info: Connector 'sqlite-connector' started to ready
+2022-11-05T23:31:02+09:00 info: Connector 'postgresql-connector' started to ready
+2022-11-05T23:31:02+09:00 info: Connector 'mqtt-connector' started to ready
+2022-11-05T23:31:02+09:00 info: Connector 'mssql-connector' started to ready
+2022-11-05T23:31:02+09:00 info: Connector 'oracle-connector' started to ready
+2022-11-05T23:31:02+09:00 info: Connector 'mysql-connector' started to ready
+2022-11-05T23:31:02+09:00 info: Connector 'socket-server' started to ready
+2022-11-05T23:31:02+09:00 info: echo-back-servers are ready
+2022-11-05T23:31:02+09:00 info: echo-back connections are ready
+2022-11-05T23:31:02+09:00 info: http-connector connections are ready
+2022-11-05T23:31:02+09:00 info: graphql-connector connections are ready
+2022-11-05T23:31:02+09:00 info: sqlite-connector connections are ready
+2022-11-05T23:31:02+09:00 info: postgresql-connector connections are ready
+2022-11-05T23:31:02+09:00 info: mqtt-connector connections are ready
+2022-11-05T23:31:02+09:00 info: mssql-connector connections are ready
+2022-11-05T23:31:02+09:00 info: oracle-connector connections are ready
+2022-11-05T23:31:02+09:00 info: mysql-connector connections are ready
+2022-11-05T23:31:02+09:00 info: socket servers are ready
+2022-11-05T23:31:02+09:00 info: All connector for 'echo-back-server' ready
+2022-11-05T23:31:02+09:00 info: All connector for 'echo-back' ready
+2022-11-05T23:31:02+09:00 info: All connector for 'http-connector' ready
+2022-11-05T23:31:02+09:00 info: All connector for 'graphql-connector' ready
+2022-11-05T23:31:02+09:00 info: All connector for 'sqlite-connector' ready
+2022-11-05T23:31:02+09:00 info: All connector for 'postgresql-connector' ready
+2022-11-05T23:31:02+09:00 info: All connector for 'mqtt-connector' ready
+2022-11-05T23:31:02+09:00 info: All connector for 'mssql-connector' ready
+2022-11-05T23:31:02+09:00 info: All connector for 'oracle-connector' ready
+2022-11-05T23:31:02+09:00 info: All connector for 'mysql-connector' ready
+2022-11-05T23:31:02+09:00 info: All connector for 'socket-server' ready
+2022-11-05T23:31:02+09:00 info: ConnectionManager initialization done:

package/logs/connections-2022-11-06-00.log

@@ -0,0 +1,35 @@
+2022-11-06T00:46:28+09:00 info: Initializing ConnectionManager...
+2022-11-06T00:46:28+09:00 info: Connector 'echo-back-server' started to ready
+2022-11-06T00:46:28+09:00 info: Connector 'echo-back' started to ready
+2022-11-06T00:46:28+09:00 info: Connector 'http-connector' started to ready
+2022-11-06T00:46:28+09:00 info: Connector 'graphql-connector' started to ready
+2022-11-06T00:46:28+09:00 info: Connector 'sqlite-connector' started to ready
+2022-11-06T00:46:28+09:00 info: Connector 'postgresql-connector' started to ready
+2022-11-06T00:46:28+09:00 info: Connector 'mqtt-connector' started to ready
+2022-11-06T00:46:28+09:00 info: Connector 'mssql-connector' started to ready
+2022-11-06T00:46:28+09:00 info: Connector 'oracle-connector' started to ready
+2022-11-06T00:46:28+09:00 info: Connector 'mysql-connector' started to ready
+2022-11-06T00:46:28+09:00 info: Connector 'socket-server' started to ready
+2022-11-06T00:46:28+09:00 info: echo-back-servers are ready
+2022-11-06T00:46:28+09:00 info: echo-back connections are ready
+2022-11-06T00:46:28+09:00 info: http-connector connections are ready
+2022-11-06T00:46:28+09:00 info: graphql-connector connections are ready
+2022-11-06T00:46:28+09:00 info: sqlite-connector connections are ready
+2022-11-06T00:46:28+09:00 info: postgresql-connector connections are ready
+2022-11-06T00:46:28+09:00 info: mqtt-connector connections are ready
+2022-11-06T00:46:28+09:00 info: mssql-connector connections are ready
+2022-11-06T00:46:28+09:00 info: oracle-connector connections are ready
+2022-11-06T00:46:28+09:00 info: mysql-connector connections are ready
+2022-11-06T00:46:28+09:00 info: socket servers are ready
+2022-11-06T00:46:28+09:00 info: All connector for 'echo-back-server' ready
+2022-11-06T00:46:28+09:00 info: All connector for 'echo-back' ready
+2022-11-06T00:46:28+09:00 info: All connector for 'http-connector' ready
+2022-11-06T00:46:28+09:00 info: All connector for 'graphql-connector' ready
+2022-11-06T00:46:28+09:00 info: All connector for 'sqlite-connector' ready
+2022-11-06T00:46:28+09:00 info: All connector for 'postgresql-connector' ready
+2022-11-06T00:46:28+09:00 info: All connector for 'mqtt-connector' ready
+2022-11-06T00:46:28+09:00 info: All connector for 'mssql-connector' ready
+2022-11-06T00:46:28+09:00 info: All connector for 'oracle-connector' ready
+2022-11-06T00:46:28+09:00 info: All connector for 'mysql-connector' ready
+2022-11-06T00:46:28+09:00 info: All connector for 'socket-server' ready
+2022-11-06T00:46:28+09:00 info: ConnectionManager initialization done:

package/logs/connections-2022-11-06-12.log

@@ -0,0 +1,35 @@
+2022-11-06T12:47:58+09:00 info: Initializing ConnectionManager...
+2022-11-06T12:47:58+09:00 info: Connector 'echo-back-server' started to ready
+2022-11-06T12:47:58+09:00 info: Connector 'echo-back' started to ready
+2022-11-06T12:47:58+09:00 info: Connector 'http-connector' started to ready
+2022-11-06T12:47:58+09:00 info: Connector 'graphql-connector' started to ready
+2022-11-06T12:47:58+09:00 info: Connector 'sqlite-connector' started to ready
+2022-11-06T12:47:58+09:00 info: Connector 'postgresql-connector' started to ready
+2022-11-06T12:47:58+09:00 info: Connector 'mqtt-connector' started to ready
+2022-11-06T12:47:58+09:00 info: Connector 'mssql-connector' started to ready
+2022-11-06T12:47:58+09:00 info: Connector 'oracle-connector' started to ready
+2022-11-06T12:47:58+09:00 info: Connector 'mysql-connector' started to ready
+2022-11-06T12:47:58+09:00 info: Connector 'socket-server' started to ready
+2022-11-06T12:47:58+09:00 info: echo-back-servers are ready
+2022-11-06T12:47:58+09:00 info: echo-back connections are ready
+2022-11-06T12:47:58+09:00 info: http-connector connections are ready
+2022-11-06T12:47:58+09:00 info: graphql-connector connections are ready
+2022-11-06T12:47:58+09:00 info: sqlite-connector connections are ready
+2022-11-06T12:47:58+09:00 info: postgresql-connector connections are ready
+2022-11-06T12:47:58+09:00 info: mqtt-connector connections are ready
+2022-11-06T12:47:58+09:00 info: mssql-connector connections are ready
+2022-11-06T12:47:58+09:00 info: oracle-connector connections are ready
+2022-11-06T12:47:58+09:00 info: mysql-connector connections are ready
+2022-11-06T12:47:58+09:00 info: socket servers are ready
+2022-11-06T12:47:58+09:00 info: All connector for 'echo-back-server' ready
+2022-11-06T12:47:58+09:00 info: All connector for 'echo-back' ready
+2022-11-06T12:47:58+09:00 info: All connector for 'http-connector' ready
+2022-11-06T12:47:58+09:00 info: All connector for 'graphql-connector' ready
+2022-11-06T12:47:58+09:00 info: All connector for 'sqlite-connector' ready
+2022-11-06T12:47:58+09:00 info: All connector for 'postgresql-connector' ready
+2022-11-06T12:47:58+09:00 info: All connector for 'mqtt-connector' ready
+2022-11-06T12:47:58+09:00 info: All connector for 'mssql-connector' ready
+2022-11-06T12:47:58+09:00 info: All connector for 'oracle-connector' ready
+2022-11-06T12:47:58+09:00 info: All connector for 'mysql-connector' ready
+2022-11-06T12:47:58+09:00 info: All connector for 'socket-server' ready
+2022-11-06T12:47:58+09:00 info: ConnectionManager initialization done:

package/package.json

@@ -3,7 +3,7 @@
   "description": "bpmn components for things-scene",
   "license": "MIT",
   "author": "heartyoh",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "things-scene": true,
@@ -57,5 +57,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "69c2b91e518f119fe5ecc0406902709edea110b3"
+  "gitHead": "57be850ad2f3d257cecadb5e956b542d1c10a9aa"
 }

package/src/base/bpmn-container-base.ts

@@ -1,4 +1,4 @@
-import { Anchor, Container, Connectable, LinkEnd } from '@hatiolab/things-scene'
+import { Anchor, Container, Connectable, LinkEnd, Properties } from '@hatiolab/things-scene'
 
 export enum DIRECTION {
   NORTH = 'N',
@@ -30,8 +30,8 @@ export type NODE = {
 
 const STYLE_MAP = {
   message: {
-    strokeStyle: 'navy',
-    fillStyle: 'navy'
+    strokeStyle: 'black',
+    fillStyle: 'black'
   },
   sequence: {
     strokeStyle: 'red',