@operato/scene-bpmn 9.0.0-beta.9 → 9.0.0

package/dist/bpmn-comment.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import BPMNControlBase, { DIRECTION, INOUT, FLOW } from './base/bpmn-control-base.js';
 const NATURE = {
     mutable: false,
@@ -7,7 +8,7 @@ const NATURE = {
     properties: [],
     help: '/bpmn/comment/comment'
 };
-export default class BPMNComment extends BPMNControlBase {
+let BPMNComment = class BPMNComment extends BPMNControlBase {
     static get nature() {
         return NATURE;
     }
@@ -47,6 +48,9 @@ export default class BPMNComment extends BPMNControlBase {
             height: height - 10
         };
     }
-}
-Component.register('bpmn-comment', BPMNComment);
+};
+BPMNComment = __decorate([
+    sceneComponent('bpmn-comment')
+], BPMNComment);
+export default BPMNComment;
 //# sourceMappingURL=bpmn-comment.js.map

package/dist/bpmn-comment.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-comment.js","sourceRoot":"","sources":["../src/bpmn-comment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,SAAS,EAAmB,MAAM,wBAAwB,CAAA;AAE3E,OAAO,eAAe,EAAE,EAAE,SAAS,EAAE,KAAK,EAAQ,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAE3F,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,uBAAuB;CAC9B,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,eAAe;IACtD,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,KAAK;QACP,OAAO;YACL;gBACE,IAAI,EAAE,MAAM;gBACZ,WAAW,EAAE,yBAAyB;gBACtC,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,IAAI,EAAE,IAAI,CAAC,OAAO;gBAClB,SAAS,EAAE,SAAS,CAAC,IAAI;gBACzB,YAAY,EAAE,CAAC;aAChB;SACF,CAAA;IACH,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAChD,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,CAAA;QAE1B,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACxB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;QACtB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAChB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;QACrB,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QAC3B,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;QAEpB,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAE7B,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;QAE1B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IACpB,CAAC;IAED,IAAI,UAAU;QACZ,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,OAAO;YACL,IAAI,EAAE,IAAI,GAAG,EAAE;YACf,GAAG,EAAE,GAAG,GAAG,EAAE;YACb,KAAK,EAAE,KAAK,GAAG,EAAE;YACjB,MAAM,EAAE,MAAM,GAAG,EAAE;SACpB,CAAA;IACH,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA","sourcesContent":["import { BOUNDS, Component, ComponentNature } from '@hatiolab/things-scene'\n\nimport BPMNControlBase, { DIRECTION, INOUT, NODE, FLOW } from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [],\n  help: '/bpmn/comment/comment'\n}\n\nexport default class BPMNComment extends BPMNControlBase {\n  static get nature() {\n    return NATURE\n  }\n\n  get nodes(): NODE[] {\n    return [\n      {\n        name: 'Left',\n        description: 'Left side message inout',\n        inout: INOUT.INOUT,\n        type: FLOW.MESSAGE,\n        direction: DIRECTION.WEST,\n        multiplicity: 1\n      }\n    ]\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const bracket = height / 3\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.moveTo(bracket, 0)\n    ctx.lineTo(0, 0)\n    ctx.lineTo(0, height)\n    ctx.lineTo(bracket, height)\n    this.drawStroke(ctx)\n\n    ctx.beginPath()\n    ctx.rect(0, 0, width, height)\n\n    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n  }\n\n  get textBounds(): BOUNDS {\n    var { left, top, width, height } = this.bounds\n\n    return {\n      left: left + 10,\n      top: top + 10,\n      width: width - 10,\n      height: height - 10\n    }\n  }\n}\n\nComponent.register('bpmn-comment', BPMNComment)\n"]}
+{"version":3,"file":"bpmn-comment.js","sourceRoot":"","sources":["../src/bpmn-comment.ts"],"names":[],"mappings":";AAAA,OAAO,EAAsC,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE3F,OAAO,eAAe,EAAE,EAAE,SAAS,EAAE,KAAK,EAAQ,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAE3F,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,uBAAuB;CAC9B,CAAA;AAGc,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,eAAe;IACtD,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,KAAK;QACP,OAAO;YACL;gBACE,IAAI,EAAE,MAAM;gBACZ,WAAW,EAAE,yBAAyB;gBACtC,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,IAAI,EAAE,IAAI,CAAC,OAAO;gBAClB,SAAS,EAAE,SAAS,CAAC,IAAI;gBACzB,YAAY,EAAE,CAAC;aAChB;SACF,CAAA;IACH,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAChD,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,CAAA;QAE1B,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACxB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;QACtB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAChB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;QACrB,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QAC3B,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;QAEpB,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAE7B,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;QAE1B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IACpB,CAAC;IAED,IAAI,UAAU;QACZ,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,OAAO;YACL,IAAI,EAAE,IAAI,GAAG,EAAE;YACf,GAAG,EAAE,GAAG,GAAG,EAAE;YACb,KAAK,EAAE,KAAK,GAAG,EAAE;YACjB,MAAM,EAAE,MAAM,GAAG,EAAE;SACpB,CAAA;IACH,CAAC;CACF,CAAA;AAjDoB,WAAW;IAD/B,cAAc,CAAC,cAAc,CAAC;GACV,WAAW,CAiD/B;eAjDoB,WAAW","sourcesContent":["import { BOUNDS, Component, ComponentNature, sceneComponent } from '@hatiolab/things-scene'\n\nimport BPMNControlBase, { DIRECTION, INOUT, NODE, FLOW } from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [],\n  help: '/bpmn/comment/comment'\n}\n\n@sceneComponent('bpmn-comment')\nexport default class BPMNComment extends BPMNControlBase {\n  static get nature() {\n    return NATURE\n  }\n\n  get nodes(): NODE[] {\n    return [\n      {\n        name: 'Left',\n        description: 'Left side message inout',\n        inout: INOUT.INOUT,\n        type: FLOW.MESSAGE,\n        direction: DIRECTION.WEST,\n        multiplicity: 1\n      }\n    ]\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const bracket = height / 3\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.moveTo(bracket, 0)\n    ctx.lineTo(0, 0)\n    ctx.lineTo(0, height)\n    ctx.lineTo(bracket, height)\n    this.drawStroke(ctx)\n\n    ctx.beginPath()\n    ctx.rect(0, 0, width, height)\n\n    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n  }\n\n  get textBounds(): BOUNDS {\n    var { left, top, width, height } = this.bounds\n\n    return {\n      left: left + 10,\n      top: top + 10,\n      width: width - 10,\n      height: height - 10\n    }\n  }\n}\n"]}

package/dist/bpmn-data-object.d.ts

@@ -1,4 +1,4 @@
-import { Properties, BOUNDS, ComponentNature } from '@hatiolab/things-scene';
+import { ComponentNature, BOUNDS, Properties } from '@hatiolab/things-scene';
 import BPMNControlBase from './base/bpmn-control-base.js';
 export default class BPMNDataObject extends BPMNControlBase {
     private imageElement?;

package/dist/bpmn-data-object.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import BPMNControlBase from './base/bpmn-control-base.js';
 const NATURE = {
     mutable: false,
@@ -34,7 +35,7 @@ const NATURE = {
     ],
     help: '/bpmn/data-object/data-object'
 };
-export default class BPMNDataObject extends BPMNControlBase {
+let BPMNDataObject = class BPMNDataObject extends BPMNControlBase {
     static get nature() {
         return NATURE;
     }
@@ -113,8 +114,11 @@ export default class BPMNDataObject extends BPMNControlBase {
         }
         return this.collectionImageElement;
     }
-}
-Component.register('bpmn-data-object', BPMNDataObject);
+};
+BPMNDataObject = __decorate([
+    sceneComponent('bpmn-data-object')
+], BPMNDataObject);
+export default BPMNDataObject;
 const IMAGES = {
     input: `
   <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"

package/dist/bpmn-data-object.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-data-object.js","sourceRoot":"","sources":["../src/bpmn-data-object.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Properties, BOUNDS, ComponentNature } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'select',\n      name: 'inout',\n      label: 'inout',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'input',\n            value: 'input'\n          },\n          {\n            display: 'output',\n            value: 'output'\n          }\n        ]\n      }\n    },\n    {\n      type: 'checkbox',\n      name: 'collection',\n      label: 'collection'\n    }\n  ],\n  help: '/bpmn/data-object/data-object'\n}\n\nexport default class BPMNDataObject extends BPMNControlBase {\n  private imageElement?: HTMLImageElement\n  private collectionImageElement?: HTMLImageElement\n\n  static get nature() {\n    return NATURE\n  }\n\n  get textBounds(): BOUNDS {\n    var { left, top, width, height } = this.bounds\n    var { paddingTop, paddingLeft, paddingRight } = this.state\n\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    return {\n      left: left + paddingLeft,\n      top: top + paddingTop + height + 10,\n      width: Math.max(width - paddingLeft - paddingRight, 0),\n      height: 0\n    }\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { collection = false } = this.state\n\n    const corner = (Math.min(width, height) * 2) / 5\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.moveTo(width - corner, 0)\n    ctx.lineTo(width - corner, corner)\n    ctx.lineTo(width, corner)\n    ctx.lineTo(width - corner, 0)\n    this.drawStroke(ctx)\n\n    ctx.beginPath()\n    ctx.moveTo(0, 0)\n    ctx.lineTo(width - corner, 0)\n    ctx.lineTo(width - corner, corner)\n    ctx.lineTo(width, corner)\n    ctx.lineTo(width, height)\n    ctx.lineTo(0, height)\n    ctx.lineTo(0, 0)\n\n    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n    this.drawStroke(ctx)\n\n    ctx.beginPath()\n\n    const image = this.getImageElement()\n    if (image) {\n      this.drawImage(ctx, image, left, top, corner, corner)\n    }\n\n    if (collection) {\n      this.drawImage(ctx, this.getCollectionImageElement()!, left + (width - 16) / 2, top + height - 16, 16, 16)\n    }\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if ('inout' in after || 'collection' in after || 'strokeStyle' in after) {\n      delete this.imageElement\n      delete this.collectionImageElement\n    }\n  }\n\n  getImageElement(): HTMLImageElement | undefined {\n    if (!this.imageElement) {\n      const { inout, strokeStyle } = this.state\n\n      if (!inout) {\n        return\n      }\n\n      const src: string = IMAGES[inout]\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  getCollectionImageElement(): HTMLImageElement | undefined {\n    if (!this.collectionImageElement) {\n      const { strokeStyle } = this.state\n\n      this.collectionImageElement = new Image()\n      this.collectionImageElement.src =\n        'data:image/svg+xml;charset=UTF-8;base64,' + btoa(COLLECTION.replace(/{{strokeColor}}/g, strokeStyle))\n    }\n\n    return this.collectionImageElement\n  }\n}\n\nComponent.register('bpmn-data-object', BPMNDataObject)\n\nconst IMAGES: { [type: string]: string } = {\n  input: `\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:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n    </style>\n    <path class=\"st0\" d=\"M19,13.8V8l9.5,9.5L19,27v-5.8H6.5v-7.5H19z\"/>\n  </svg>\n  `,\n  output: `\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=\"M19,13.8V8l9.5,9.5L19,27v-5.8H6.5v-7.5H19z\"/>\n  </svg>\n  `\n}\n\nconst COLLECTION: string = `\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      <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"]}
+{"version":3,"file":"bpmn-data-object.js","sourceRoot":"","sources":["../src/bpmn-data-object.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentNature, sceneComponent, BOUNDS, Properties } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'select',\n      name: 'inout',\n      label: 'inout',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'input',\n            value: 'input'\n          },\n          {\n            display: 'output',\n            value: 'output'\n          }\n        ]\n      }\n    },\n    {\n      type: 'checkbox',\n      name: 'collection',\n      label: 'collection'\n    }\n  ],\n  help: '/bpmn/data-object/data-object'\n}\n\n@sceneComponent('bpmn-data-object')\nexport default class BPMNDataObject extends BPMNControlBase {\n  private imageElement?: HTMLImageElement\n  private collectionImageElement?: HTMLImageElement\n\n  static get nature() {\n    return NATURE\n  }\n\n  get textBounds(): BOUNDS {\n    var { left, top, width, height } = this.bounds\n    var { paddingTop, paddingLeft, paddingRight } = this.state\n\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    return {\n      left: left + paddingLeft,\n      top: top + paddingTop + height + 10,\n      width: Math.max(width - paddingLeft - paddingRight, 0),\n      height: 0\n    }\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { collection = false } = this.state\n\n    const corner = (Math.min(width, height) * 2) / 5\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.moveTo(width - corner, 0)\n    ctx.lineTo(width - corner, corner)\n    ctx.lineTo(width, corner)\n    ctx.lineTo(width - corner, 0)\n    this.drawStroke(ctx)\n\n    ctx.beginPath()\n    ctx.moveTo(0, 0)\n    ctx.lineTo(width - corner, 0)\n    ctx.lineTo(width - corner, corner)\n    ctx.lineTo(width, corner)\n    ctx.lineTo(width, height)\n    ctx.lineTo(0, height)\n    ctx.lineTo(0, 0)\n\n    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n    this.drawStroke(ctx)\n\n    ctx.beginPath()\n\n    const image = this.getImageElement()\n    if (image) {\n      this.drawImage(ctx, image, left, top, corner, corner)\n    }\n\n    if (collection) {\n      this.drawImage(ctx, this.getCollectionImageElement()!, left + (width - 16) / 2, top + height - 16, 16, 16)\n    }\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if ('inout' in after || 'collection' in after || 'strokeStyle' in after) {\n      delete this.imageElement\n      delete this.collectionImageElement\n    }\n  }\n\n  getImageElement(): HTMLImageElement | undefined {\n    if (!this.imageElement) {\n      const { inout, strokeStyle } = this.state\n\n      if (!inout) {\n        return\n      }\n\n      const src: string = IMAGES[inout]\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  getCollectionImageElement(): HTMLImageElement | undefined {\n    if (!this.collectionImageElement) {\n      const { strokeStyle } = this.state\n\n      this.collectionImageElement = new Image()\n      this.collectionImageElement.src =\n        'data:image/svg+xml;charset=UTF-8;base64,' + btoa(COLLECTION.replace(/{{strokeColor}}/g, strokeStyle))\n    }\n\n    return this.collectionImageElement\n  }\n}\n\nconst IMAGES: { [type: string]: string } = {\n  input: `\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:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n    </style>\n    <path class=\"st0\" d=\"M19,13.8V8l9.5,9.5L19,27v-5.8H6.5v-7.5H19z\"/>\n  </svg>\n  `,\n  output: `\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=\"M19,13.8V8l9.5,9.5L19,27v-5.8H6.5v-7.5H19z\"/>\n  </svg>\n  `\n}\n\nconst COLLECTION: string = `\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      <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"]}

package/dist/bpmn-data-store.d.ts

@@ -1,4 +1,4 @@
-import { BOUNDS, ComponentNature } from '@hatiolab/things-scene';
+import { ComponentNature, BOUNDS } from '@hatiolab/things-scene';
 import BPMNControlBase from './base/bpmn-control-base.js';
 export default class BPMNDataStore extends BPMNControlBase {
     static get nature(): ComponentNature;

package/dist/bpmn-data-store.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import BPMNControlBase from './base/bpmn-control-base.js';
 const NATURE = {
     mutable: false,
@@ -7,7 +8,7 @@ const NATURE = {
     properties: [],
     help: '/bpmn/data-store/data-store'
 };
-export default class BPMNDataStore extends BPMNControlBase {
+let BPMNDataStore = class BPMNDataStore extends BPMNControlBase {
     static get nature() {
         return NATURE;
     }
@@ -44,6 +45,9 @@ export default class BPMNDataStore extends BPMNControlBase {
         this.drawFill(ctx);
         this.drawStroke(ctx);
     }
-}
-Component.register('bpmn-data-store', BPMNDataStore);
+};
+BPMNDataStore = __decorate([
+    sceneComponent('bpmn-data-store')
+], BPMNDataStore);
+export default BPMNDataStore;
 //# sourceMappingURL=bpmn-data-store.js.map

package/dist/bpmn-data-store.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-data-store.js","sourceRoot":"","sources":["../src/bpmn-data-store.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, BOUNDS, ComponentNature } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [],\n  help: '/bpmn/data-store/data-store'\n}\n\nexport default class BPMNDataStore extends BPMNControlBase {\n  static get nature() {\n    return NATURE\n  }\n\n  get textBounds(): BOUNDS {\n    var { left, top, width, height } = this.bounds\n    var { paddingTop, paddingLeft, paddingRight } = this.state\n\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    return {\n      left: left + paddingLeft,\n      top: top + paddingTop + height + 10,\n      width: Math.max(width - paddingLeft - paddingRight, 0),\n      height: 0\n    }\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const ry = Math.abs(height / 6)\n    const startAngle = Math.PI\n    const endAngle = 0\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.ellipse(width / 2, ry, width / 2, ry, 0, startAngle, startAngle - Math.PI * 2, true)\n\n    ctx.moveTo(0, ry + ry / 2)\n    ctx.ellipse(width / 2, ry + ry / 2, width / 2, ry, 0, startAngle, endAngle, true)\n\n    ctx.moveTo(0, ry + ry)\n    ctx.ellipse(width / 2, ry + ry, width / 2, ry, 0, startAngle, endAngle, true)\n\n    ctx.moveTo(0, ry)\n    ctx.lineTo(0, height - ry)\n    ctx.ellipse(width / 2, height - ry, width / 2, ry, 0, startAngle, endAngle, true)\n    ctx.lineTo(width, ry)\n\n    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n    this.drawStroke(ctx)\n  }\n}\n\nComponent.register('bpmn-data-store', BPMNDataStore)\n"]}
+{"version":3,"file":"bpmn-data-store.js","sourceRoot":"","sources":["../src/bpmn-data-store.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentNature, sceneComponent, BOUNDS } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [],\n  help: '/bpmn/data-store/data-store'\n}\n\n@sceneComponent('bpmn-data-store')\nexport default class BPMNDataStore extends BPMNControlBase {\n  static get nature() {\n    return NATURE\n  }\n\n  get textBounds(): BOUNDS {\n    var { left, top, width, height } = this.bounds\n    var { paddingTop, paddingLeft, paddingRight } = this.state\n\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    return {\n      left: left + paddingLeft,\n      top: top + paddingTop + height + 10,\n      width: Math.max(width - paddingLeft - paddingRight, 0),\n      height: 0\n    }\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const ry = Math.abs(height / 6)\n    const startAngle = Math.PI\n    const endAngle = 0\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.ellipse(width / 2, ry, width / 2, ry, 0, startAngle, startAngle - Math.PI * 2, true)\n\n    ctx.moveTo(0, ry + ry / 2)\n    ctx.ellipse(width / 2, ry + ry / 2, width / 2, ry, 0, startAngle, endAngle, true)\n\n    ctx.moveTo(0, ry + ry)\n    ctx.ellipse(width / 2, ry + ry, width / 2, ry, 0, startAngle, endAngle, true)\n\n    ctx.moveTo(0, ry)\n    ctx.lineTo(0, height - ry)\n    ctx.ellipse(width / 2, height - ry, width / 2, ry, 0, startAngle, endAngle, true)\n    ctx.lineTo(width, ry)\n\n    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n    this.drawStroke(ctx)\n  }\n}\n"]}

package/dist/bpmn-event.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import BPMNControlBase from './base/bpmn-control-base.js';
 var BEHAVIOR;
 (function (BEHAVIOR) {
@@ -96,7 +97,7 @@ const NATURE = {
     ],
     help: '/bpmn/event/event'
 };
-export default class BPMNEvent extends BPMNControlBase {
+let BPMNEvent = class BPMNEvent extends BPMNControlBase {
     static get nature() {
         return NATURE;
     }
@@ -172,8 +173,11 @@ export default class BPMNEvent extends BPMNControlBase {
         }
         return this.imageElement;
     }
-}
-Component.register('bpmn-event', BPMNEvent);
+};
+BPMNEvent = __decorate([
+    sceneComponent('bpmn-event')
+], BPMNEvent);
+export default BPMNEvent;
 const IMAGES = {
     message: `
   <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"

package/dist/bpmn-event.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-event.js","sourceRoot":"","sources":["../src/bpmn-event.ts"],"names":[],"mappings":"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","sourcesContent":["import { BOUNDS, Component, ComponentNature, Properties } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nenum BEHAVIOR {\n  catching,\n  throwing\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'select',\n      name: 'eventType',\n      label: 'event-type',\n      property: {\n        options: [\n          {\n            display: 'start',\n            value: 'start'\n          },\n          {\n            display: 'intermediate',\n            value: 'intermediate'\n          },\n          {\n            display: 'end',\n            value: 'end'\n          }\n        ]\n      }\n    },\n    {\n      type: 'select',\n      name: 'marker',\n      label: 'marker',\n      property: {\n        options: [\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      type: 'checkbox',\n      label: 'interrupting',\n      name: 'interrupting'\n    }\n  ],\n  help: '/bpmn/event/event'\n}\n\nexport default class BPMNEvent extends BPMNControlBase {\n  private imageElement?: HTMLImageElement\n\n  static get nature() {\n    return NATURE\n  }\n\n  get textBounds(): BOUNDS {\n    var { left, top, width, height } = this.bounds\n    var { paddingTop, paddingLeft, paddingRight } = this.state\n\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    return {\n      left: left + paddingLeft,\n      top: top + paddingTop + height + 10,\n      width: Math.max(width - paddingLeft - paddingRight, 0),\n      height: 0\n    }\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { eventType, interrupting } = this.state\n    const cx = width / 2\n    const cy = height / 2\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    var lineWidth = 2\n\n    switch (eventType) {\n      case 'intermediate':\n        lineWidth = 1\n        ctx.ellipse(cx, cy, width / 2, height / 2, 0, 0, 2 * Math.PI)\n        ctx.moveTo(width / 2 + width / 2.5, height / 2)\n        ctx.ellipse(cx, cy, width / 2.5, height / 2.5, 0, 0, 2 * Math.PI)\n        break\n\n      case 'end':\n        lineWidth = 5\n        ctx.ellipse(cx, cy, width / 2 - 1.5, height / 2 - 1.5, 0, 0, 2 * Math.PI)\n        break\n\n      case 'start':\n      default:\n        ctx.ellipse(cx, cy, width / 2, height / 2, 0, 0, 2 * Math.PI)\n        break\n    }\n\n    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n\n    this.drawStroke(ctx, {\n      lineWidth,\n      lineDash: interrupting ? 'round-dot' : 'solid'\n    })\n\n    ctx.beginPath()\n\n    const image = this.getImageElement()\n    if (image) {\n      this.drawImage(ctx, image, left + width / 6, top + height / 6, (width * 2) / 3, (height * 2) / 3)\n    }\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if ('marker' in after || 'strokeStyle' in after) {\n      // Since strokeStyle affects the image, the image is redrawn according to the change of strokeStyle.\n      delete this.imageElement\n      this.invalidate()\n    }\n  }\n\n  getImageElement(): HTMLImageElement | undefined {\n    if (!this.imageElement) {\n      const { marker, strokeStyle } = this.state\n\n      if (!marker) {\n        return\n      }\n\n      const src = IMAGES[marker]\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\nComponent.register('bpmn-event', BPMNEvent)\n\nconst IMAGES: { [type: string]: string } = {\n  message: `\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=\"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      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  'message-fill': `\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 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   C29.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  timer: `\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 id=\"XMLID_807_\">\n        <path class=\"st0\" d=\"M17.5,9.6c0.3,0,0.6-0.3,0.6-0.6V7.2c0-0.3-0.3-0.6-0.6-0.6c-0.3,0-0.6,0.3-0.6,0.6V9C16.9,9.3,17.2,9.6,17.5,9.6z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M7.4,18.2h1.8c0.3,0,0.6-0.3,0.6-0.6c0-0.3-0.3-0.6-0.6-0.6H7.4c-0.3,0-0.6,0.3-0.6,0.6C6.8,18,7,18.2,7.4,18.2z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M17.5,28.5c0.3,0,0.6-0.3,0.6-0.6v-1.8c0-0.3-0.3-0.6-0.6-0.6c-0.3,0-0.6,0.3-0.6,0.6v1.8C16.9,28.2,17.2,28.5,17.5,28.5z\n          \"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M25.9,18.2h1.8c0.3,0,0.6-0.3,0.6-0.6c0-0.3-0.3-0.6-0.6-0.6h-1.8c-0.3,0-0.6,0.3-0.6,0.6C25.3,18,25.5,18.2,25.9,18.2z\"\n          />\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M13.2,10.9c0.1,0,0.2,0,0.3-0.1c0.3-0.2,0.4-0.5,0.2-0.8l-0.9-1.5c-0.2-0.3-0.5-0.4-0.8-0.2c-0.3,0.2-0.4,0.5-0.2,0.8\n          l0.9,1.5C12.8,10.8,13,10.9,13.2,10.9z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M9,23.5c0.1,0,0.2,0,0.3-0.1l1.5-0.9c0.3-0.2,0.4-0.5,0.2-0.8c-0.2-0.3-0.5-0.4-0.8-0.2l-1.5,0.9\n          c-0.3,0.2-0.4,0.5-0.2,0.8C8.6,23.4,8.8,23.5,9,23.5z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M22.6,27.2c0.1,0,0.2,0,0.3-0.1c0.3-0.2,0.4-0.5,0.2-0.8l-0.9-1.5c-0.2-0.3-0.5-0.4-0.8-0.2c-0.3,0.2-0.4,0.5-0.2,0.8\n          l0.9,1.5C22.2,27.1,22.4,27.2,22.6,27.2z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M25.1,14.5c0.1,0,0.2,0,0.3-0.1l1.5-0.9c0.3-0.2,0.4-0.5,0.2-0.8c-0.2-0.3-0.5-0.4-0.8-0.2l-1.5,0.9\n          c-0.3,0.2-0.4,0.5-0.2,0.8C24.7,14.4,24.9,14.5,25.1,14.5z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M10,13.8c0.2,0,0.4-0.1,0.5-0.3c0.2-0.3,0.1-0.7-0.2-0.8l-1.5-0.9c-0.3-0.2-0.7-0.1-0.8,0.2c-0.2,0.3-0.1,0.7,0.2,0.8\n          l1.5,0.9C9.8,13.8,9.9,13.8,10,13.8z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M12.4,27.1c0.2,0,0.4-0.1,0.5-0.3l0.9-1.5c0.2-0.3,0.1-0.7-0.2-0.8c-0.3-0.2-0.7-0.1-0.8,0.2l-0.9,1.5\n          c-0.2,0.3-0.1,0.7,0.2,0.8C12.2,27.1,12.3,27.1,12.4,27.1z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M26,23.5c0.2,0,0.4-0.1,0.5-0.3c0.2-0.3,0.1-0.7-0.2-0.8l-1.5-0.9c-0.3-0.2-0.7-0.1-0.8,0.2c-0.2,0.3-0.1,0.7,0.2,0.8\n          l1.5,0.9C25.8,23.5,25.9,23.5,26,23.5z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M21.8,10.8c0.2,0,0.4-0.1,0.5-0.3L23.2,9c0.2-0.3,0.1-0.7-0.2-0.8c-0.3-0.2-0.7-0.1-0.8,0.2l-0.9,1.5\n          c-0.2,0.3-0.1,0.7,0.2,0.8C21.6,10.8,21.7,10.8,21.8,10.8z\"/>\n      </g>\n      <g id=\"XMLID_806_\">\n        <path class=\"st0\" d=\"M17.5,17.7c0.4,0,0.7-0.3,0.7-0.7v-5.6c0-0.4-0.3-0.7-0.7-0.7c-0.4,0-0.7,0.3-0.7,0.7V17C16.8,17.4,17.1,17.7,17.5,17.7z\"\n          />\n      </g>\n      <g id=\"XMLID_805_\">\n        <path class=\"st0\" d=\"M17.5,18.3h3.9c0.4,0,0.7-0.3,0.7-0.7c0-0.4-0.3-0.7-0.7-0.7h-3.9c-0.4,0-0.7,0.3-0.7,0.7C16.8,17.9,17.1,18.3,17.5,18.3z\n          \"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M17.5,7.2c5.7,0,10.2,4.6,10.2,10.2s-4.6,10.2-10.2,10.2S7.2,23.2,7.2,17.5S11.8,7.2,17.5,7.2 M17.5,6.5\n          c-6.1,0-11,4.9-11,11s4.9,11,11,11s11-4.9,11-11S23.6,6.5,17.5,6.5L17.5,6.5z\"/>\n      </g>\n    </g>\n  </svg>\n  `,\n  error: `\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    <path class=\"st0\" d=\"M9.7,10.3l11.1,6.1c0.2,0.1,0.5,0.2,0.7,0.2c0.4,0,0.7-0.1,1-0.4l4.9-4.3l-2,12.7l-10.1-6c-0.2-0.1-0.5-0.2-0.8-0.2\n      c-0.3,0-0.7,0.1-0.9,0.3l-6,4.7L9.7,10.3 M29.5,8l-8,7.1L8.5,8l-3,19l9-7.1l12,7.1L29.5,8L29.5,8z\"/>\n  </g>\n  </svg>\n  `,\n  'error-fill': `\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    <polygon class=\"st0\" points=\"26.5,27 29.5,8 21.5,15.1 8.5,8 5.5,27 14.5,19.9 \t\"/>\n  </g>\n  </svg>\n  `,\n  escalation: `\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:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n    </style>\n    <polygon class=\"st0\" points=\"17.5,19.9 7.5,27 17.5,8 27.5,27 \"/>\n  </svg>\n  `,\n  'escalation-fill': `\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    <polygon class=\"st0\" points=\"17.5,19.9 7.5,27 17.5,8 27.5,27 \"/>\n  </svg>\n  `,\n  cancel: `\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=\"M24.4,8.8l1.8,1.8l-6.9,6.9l6.9,6.9l-1.8,1.8l-6.9-6.9l-6.9,6.9l-1.8-1.8l6.9-6.9l-6.9-6.9l1.8-1.8l6.9,6.9L24.4,8.8\n\t\t M24.4,7.4l-0.7,0.7l-6.2,6.2l-6.2-6.2l-0.7-0.7L9.9,8.1L8.1,9.9l-0.7,0.7l0.7,0.7l6.2,6.2l-6.2,6.2l-0.7,0.7l0.7,0.7l1.8,1.8\n\t\tl0.7,0.7l0.7-0.7l6.2-6.2l6.2,6.2l0.7,0.7l0.7-0.7l1.8-1.8l0.7-0.7l-0.7-0.7l-6.2-6.2l6.2-6.2l0.7-0.7l-0.7-0.7l-1.8-1.8L24.4,7.4\n\t\tL24.4,7.4z\"/>\n  </svg>\n  `,\n  'cancel-fill': `\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      <rect class=\"st0\" x=\"6.5\" y=\"16.3\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.2487 17.5)\" width=\"22\" height=\"2.5\"/>\n    </g>\n    <g>\n      <rect class=\"st0\" x=\"16.2\" y=\"6.5\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.2487 17.5)\" width=\"2.5\" height=\"22\"/>\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  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=\"M17,10.4v14.2l-7.1-7.1L17,10.4 M18,8l-9.5,9.5L18,27V8L18,8z M8.5,17.5L8.5,17.5L8.5,17.5L8.5,17.5L8.5,17.5z\"/>\n    <path class=\"st0\" d=\"M25.5,10.4v14.2l-7.1-7.1L25.5,10.4 M26.5,8L17,17.5l9.5,9.5V8L26.5,8z M17,17.5L17,17.5L17,17.5L17,17.5L17,17.5z\"/>\n  </svg>\n  `,\n  'compensation-fill': `\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    <polygon class=\"st0\" points=\"8.5,17.5 18,8 18,27 8.5,17.5 \t\t\"/>\n    <polygon class=\"st0\" points=\"17,17.5 26.5,8 26.5,27 17,17.5 \t\t\"/>\n  </svg>\n  `,\n  conditional: `\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      <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=\"M27.5,23.5h-20v-1h20V23.5z M27.5,17.8h-20v-1h20V17.8z M27.5,14.9h-20v-1h20V14.9z M27.5,20.6h-20v-1h20V20.6z\"/>\n  </svg>\n  `,\n  link: `\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:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n    </style>\n    <path class=\"st0\" d=\"M19,13.8V8l9.5,9.5L19,27v-5.8H6.5v-7.5H19z\"/>\n  </svg>\n  `,\n  'link-fill': `\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=\"M19,13.8V8l9.5,9.5L19,27v-5.8H6.5v-7.5H19z\"/>\n  </svg>\n  `,\n  signal: `\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:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n    </style>\n    <polygon class=\"st0\" points=\"17.5,26.9 7.5,27 17.5,8 27.5,27 \"/>\n  </svg>\n  `,\n  'signal-fill': `\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    <polygon class=\"st0\" points=\"17.5,26.9 7.5,27 17.5,8 27.5,27 \"/>\n  </svg>\n  `,\n  terminate: `\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    <circle class=\"st0\" cx=\"17.5\" cy=\"17.5\" r=\"11.5\"/>\n  </svg>\n  `,\n  multiple: `\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{stroke:{{strokeColor}};}\n    </style>\n    <path class=\"st0\" d=\"M17.5,9.2l8.8,6.4L23,26H12L8.7,15.6L17.5,9.2 M17.5,8l-10,7.3L11.3,27h12.4l3.8-11.8L17.5,8L17.5,8z\"/>\n  </svg>\n  `,\n  'multiple-fill': `\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    <polygon class=\"st0\" points=\"17.5,8 7.5,15.3 11.3,27 23.7,27 27.5,15.3 \t\"/>\n  </svg>\n  `,\n  'parallel-multiple': `\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:none;stroke:{{strokeColor}};stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n     .st1{fill:{{strokeColor}};}\n    </style>\n    <path class=\"st1\" d=\"M18.4,10v6.6H25l0,1.7h-6.6V25h-1.7l0-6.6H10v-1.7h6.6V10H18.4 M19.4,9h-1h-1.7h-1v1v5.6H10H9v1v1.7v1h1h5.6l0,5.6v1h1h1.7\n\t\th1v-1v-5.6H25h1l0-1l0-1.7l0-1h-1h-5.6V10V9L19.4,9z\"/>\n    <circle class=\"st0\" cx=\"17.5\" cy=\"17.5\" r=\"12\"/>\n  </svg>\n  `\n}\n"]}
+{"version":3,"file":"bpmn-event.js","sourceRoot":"","sources":["../src/bpmn-event.ts"],"names":[],"mappings":"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","sourcesContent":["import { BOUNDS, Component, ComponentNature, Properties, sceneComponent } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nenum BEHAVIOR {\n  catching,\n  throwing\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'select',\n      name: 'eventType',\n      label: 'event-type',\n      property: {\n        options: [\n          {\n            display: 'start',\n            value: 'start'\n          },\n          {\n            display: 'intermediate',\n            value: 'intermediate'\n          },\n          {\n            display: 'end',\n            value: 'end'\n          }\n        ]\n      }\n    },\n    {\n      type: 'select',\n      name: 'marker',\n      label: 'marker',\n      property: {\n        options: [\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      type: 'checkbox',\n      label: 'interrupting',\n      name: 'interrupting'\n    }\n  ],\n  help: '/bpmn/event/event'\n}\n\n@sceneComponent('bpmn-event')\nexport default class BPMNEvent extends BPMNControlBase {\n  private imageElement?: HTMLImageElement\n\n  static get nature() {\n    return NATURE\n  }\n\n  get textBounds(): BOUNDS {\n    var { left, top, width, height } = this.bounds\n    var { paddingTop, paddingLeft, paddingRight } = this.state\n\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    return {\n      left: left + paddingLeft,\n      top: top + paddingTop + height + 10,\n      width: Math.max(width - paddingLeft - paddingRight, 0),\n      height: 0\n    }\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { eventType, interrupting } = this.state\n    const cx = width / 2\n    const cy = height / 2\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    var lineWidth = 2\n\n    switch (eventType) {\n      case 'intermediate':\n        lineWidth = 1\n        ctx.ellipse(cx, cy, width / 2, height / 2, 0, 0, 2 * Math.PI)\n        ctx.moveTo(width / 2 + width / 2.5, height / 2)\n        ctx.ellipse(cx, cy, width / 2.5, height / 2.5, 0, 0, 2 * Math.PI)\n        break\n\n      case 'end':\n        lineWidth = 5\n        ctx.ellipse(cx, cy, width / 2 - 1.5, height / 2 - 1.5, 0, 0, 2 * Math.PI)\n        break\n\n      case 'start':\n      default:\n        ctx.ellipse(cx, cy, width / 2, height / 2, 0, 0, 2 * Math.PI)\n        break\n    }\n\n    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n\n    this.drawStroke(ctx, {\n      lineWidth,\n      lineDash: interrupting ? 'round-dot' : 'solid'\n    })\n\n    ctx.beginPath()\n\n    const image = this.getImageElement()\n    if (image) {\n      this.drawImage(ctx, image, left + width / 6, top + height / 6, (width * 2) / 3, (height * 2) / 3)\n    }\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if ('marker' in after || 'strokeStyle' in after) {\n      // Since strokeStyle affects the image, the image is redrawn according to the change of strokeStyle.\n      delete this.imageElement\n      this.invalidate()\n    }\n  }\n\n  getImageElement(): HTMLImageElement | undefined {\n    if (!this.imageElement) {\n      const { marker, strokeStyle } = this.state\n\n      if (!marker) {\n        return\n      }\n\n      const src = IMAGES[marker]\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\nconst IMAGES: { [type: string]: string } = {\n  message: `\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=\"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      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  'message-fill': `\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 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   C29.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  timer: `\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 id=\"XMLID_807_\">\n        <path class=\"st0\" d=\"M17.5,9.6c0.3,0,0.6-0.3,0.6-0.6V7.2c0-0.3-0.3-0.6-0.6-0.6c-0.3,0-0.6,0.3-0.6,0.6V9C16.9,9.3,17.2,9.6,17.5,9.6z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M7.4,18.2h1.8c0.3,0,0.6-0.3,0.6-0.6c0-0.3-0.3-0.6-0.6-0.6H7.4c-0.3,0-0.6,0.3-0.6,0.6C6.8,18,7,18.2,7.4,18.2z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M17.5,28.5c0.3,0,0.6-0.3,0.6-0.6v-1.8c0-0.3-0.3-0.6-0.6-0.6c-0.3,0-0.6,0.3-0.6,0.6v1.8C16.9,28.2,17.2,28.5,17.5,28.5z\n          \"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M25.9,18.2h1.8c0.3,0,0.6-0.3,0.6-0.6c0-0.3-0.3-0.6-0.6-0.6h-1.8c-0.3,0-0.6,0.3-0.6,0.6C25.3,18,25.5,18.2,25.9,18.2z\"\n          />\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M13.2,10.9c0.1,0,0.2,0,0.3-0.1c0.3-0.2,0.4-0.5,0.2-0.8l-0.9-1.5c-0.2-0.3-0.5-0.4-0.8-0.2c-0.3,0.2-0.4,0.5-0.2,0.8\n          l0.9,1.5C12.8,10.8,13,10.9,13.2,10.9z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M9,23.5c0.1,0,0.2,0,0.3-0.1l1.5-0.9c0.3-0.2,0.4-0.5,0.2-0.8c-0.2-0.3-0.5-0.4-0.8-0.2l-1.5,0.9\n          c-0.3,0.2-0.4,0.5-0.2,0.8C8.6,23.4,8.8,23.5,9,23.5z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M22.6,27.2c0.1,0,0.2,0,0.3-0.1c0.3-0.2,0.4-0.5,0.2-0.8l-0.9-1.5c-0.2-0.3-0.5-0.4-0.8-0.2c-0.3,0.2-0.4,0.5-0.2,0.8\n          l0.9,1.5C22.2,27.1,22.4,27.2,22.6,27.2z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M25.1,14.5c0.1,0,0.2,0,0.3-0.1l1.5-0.9c0.3-0.2,0.4-0.5,0.2-0.8c-0.2-0.3-0.5-0.4-0.8-0.2l-1.5,0.9\n          c-0.3,0.2-0.4,0.5-0.2,0.8C24.7,14.4,24.9,14.5,25.1,14.5z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M10,13.8c0.2,0,0.4-0.1,0.5-0.3c0.2-0.3,0.1-0.7-0.2-0.8l-1.5-0.9c-0.3-0.2-0.7-0.1-0.8,0.2c-0.2,0.3-0.1,0.7,0.2,0.8\n          l1.5,0.9C9.8,13.8,9.9,13.8,10,13.8z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M12.4,27.1c0.2,0,0.4-0.1,0.5-0.3l0.9-1.5c0.2-0.3,0.1-0.7-0.2-0.8c-0.3-0.2-0.7-0.1-0.8,0.2l-0.9,1.5\n          c-0.2,0.3-0.1,0.7,0.2,0.8C12.2,27.1,12.3,27.1,12.4,27.1z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M26,23.5c0.2,0,0.4-0.1,0.5-0.3c0.2-0.3,0.1-0.7-0.2-0.8l-1.5-0.9c-0.3-0.2-0.7-0.1-0.8,0.2c-0.2,0.3-0.1,0.7,0.2,0.8\n          l1.5,0.9C25.8,23.5,25.9,23.5,26,23.5z\"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M21.8,10.8c0.2,0,0.4-0.1,0.5-0.3L23.2,9c0.2-0.3,0.1-0.7-0.2-0.8c-0.3-0.2-0.7-0.1-0.8,0.2l-0.9,1.5\n          c-0.2,0.3-0.1,0.7,0.2,0.8C21.6,10.8,21.7,10.8,21.8,10.8z\"/>\n      </g>\n      <g id=\"XMLID_806_\">\n        <path class=\"st0\" d=\"M17.5,17.7c0.4,0,0.7-0.3,0.7-0.7v-5.6c0-0.4-0.3-0.7-0.7-0.7c-0.4,0-0.7,0.3-0.7,0.7V17C16.8,17.4,17.1,17.7,17.5,17.7z\"\n          />\n      </g>\n      <g id=\"XMLID_805_\">\n        <path class=\"st0\" d=\"M17.5,18.3h3.9c0.4,0,0.7-0.3,0.7-0.7c0-0.4-0.3-0.7-0.7-0.7h-3.9c-0.4,0-0.7,0.3-0.7,0.7C16.8,17.9,17.1,18.3,17.5,18.3z\n          \"/>\n      </g>\n      <g>\n        <path class=\"st0\" d=\"M17.5,7.2c5.7,0,10.2,4.6,10.2,10.2s-4.6,10.2-10.2,10.2S7.2,23.2,7.2,17.5S11.8,7.2,17.5,7.2 M17.5,6.5\n          c-6.1,0-11,4.9-11,11s4.9,11,11,11s11-4.9,11-11S23.6,6.5,17.5,6.5L17.5,6.5z\"/>\n      </g>\n    </g>\n  </svg>\n  `,\n  error: `\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    <path class=\"st0\" d=\"M9.7,10.3l11.1,6.1c0.2,0.1,0.5,0.2,0.7,0.2c0.4,0,0.7-0.1,1-0.4l4.9-4.3l-2,12.7l-10.1-6c-0.2-0.1-0.5-0.2-0.8-0.2\n      c-0.3,0-0.7,0.1-0.9,0.3l-6,4.7L9.7,10.3 M29.5,8l-8,7.1L8.5,8l-3,19l9-7.1l12,7.1L29.5,8L29.5,8z\"/>\n  </g>\n  </svg>\n  `,\n  'error-fill': `\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    <polygon class=\"st0\" points=\"26.5,27 29.5,8 21.5,15.1 8.5,8 5.5,27 14.5,19.9 \t\"/>\n  </g>\n  </svg>\n  `,\n  escalation: `\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:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n    </style>\n    <polygon class=\"st0\" points=\"17.5,19.9 7.5,27 17.5,8 27.5,27 \"/>\n  </svg>\n  `,\n  'escalation-fill': `\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    <polygon class=\"st0\" points=\"17.5,19.9 7.5,27 17.5,8 27.5,27 \"/>\n  </svg>\n  `,\n  cancel: `\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=\"M24.4,8.8l1.8,1.8l-6.9,6.9l6.9,6.9l-1.8,1.8l-6.9-6.9l-6.9,6.9l-1.8-1.8l6.9-6.9l-6.9-6.9l1.8-1.8l6.9,6.9L24.4,8.8\n\t\t M24.4,7.4l-0.7,0.7l-6.2,6.2l-6.2-6.2l-0.7-0.7L9.9,8.1L8.1,9.9l-0.7,0.7l0.7,0.7l6.2,6.2l-6.2,6.2l-0.7,0.7l0.7,0.7l1.8,1.8\n\t\tl0.7,0.7l0.7-0.7l6.2-6.2l6.2,6.2l0.7,0.7l0.7-0.7l1.8-1.8l0.7-0.7l-0.7-0.7l-6.2-6.2l6.2-6.2l0.7-0.7l-0.7-0.7l-1.8-1.8L24.4,7.4\n\t\tL24.4,7.4z\"/>\n  </svg>\n  `,\n  'cancel-fill': `\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      <rect class=\"st0\" x=\"6.5\" y=\"16.3\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.2487 17.5)\" width=\"22\" height=\"2.5\"/>\n    </g>\n    <g>\n      <rect class=\"st0\" x=\"16.2\" y=\"6.5\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.2487 17.5)\" width=\"2.5\" height=\"22\"/>\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  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=\"M17,10.4v14.2l-7.1-7.1L17,10.4 M18,8l-9.5,9.5L18,27V8L18,8z M8.5,17.5L8.5,17.5L8.5,17.5L8.5,17.5L8.5,17.5z\"/>\n    <path class=\"st0\" d=\"M25.5,10.4v14.2l-7.1-7.1L25.5,10.4 M26.5,8L17,17.5l9.5,9.5V8L26.5,8z M17,17.5L17,17.5L17,17.5L17,17.5L17,17.5z\"/>\n  </svg>\n  `,\n  'compensation-fill': `\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    <polygon class=\"st0\" points=\"8.5,17.5 18,8 18,27 8.5,17.5 \t\t\"/>\n    <polygon class=\"st0\" points=\"17,17.5 26.5,8 26.5,27 17,17.5 \t\t\"/>\n  </svg>\n  `,\n  conditional: `\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      <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=\"M27.5,23.5h-20v-1h20V23.5z M27.5,17.8h-20v-1h20V17.8z M27.5,14.9h-20v-1h20V14.9z M27.5,20.6h-20v-1h20V20.6z\"/>\n  </svg>\n  `,\n  link: `\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:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n    </style>\n    <path class=\"st0\" d=\"M19,13.8V8l9.5,9.5L19,27v-5.8H6.5v-7.5H19z\"/>\n  </svg>\n  `,\n  'link-fill': `\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=\"M19,13.8V8l9.5,9.5L19,27v-5.8H6.5v-7.5H19z\"/>\n  </svg>\n  `,\n  signal: `\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:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n    </style>\n    <polygon class=\"st0\" points=\"17.5,26.9 7.5,27 17.5,8 27.5,27 \"/>\n  </svg>\n  `,\n  'signal-fill': `\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    <polygon class=\"st0\" points=\"17.5,26.9 7.5,27 17.5,8 27.5,27 \"/>\n  </svg>\n  `,\n  terminate: `\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    <circle class=\"st0\" cx=\"17.5\" cy=\"17.5\" r=\"11.5\"/>\n  </svg>\n  `,\n  multiple: `\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{stroke:{{strokeColor}};}\n    </style>\n    <path class=\"st0\" d=\"M17.5,9.2l8.8,6.4L23,26H12L8.7,15.6L17.5,9.2 M17.5,8l-10,7.3L11.3,27h12.4l3.8-11.8L17.5,8L17.5,8z\"/>\n  </svg>\n  `,\n  'multiple-fill': `\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    <polygon class=\"st0\" points=\"17.5,8 7.5,15.3 11.3,27 23.7,27 27.5,15.3 \t\"/>\n  </svg>\n  `,\n  'parallel-multiple': `\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:none;stroke:{{strokeColor}};stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n     .st1{fill:{{strokeColor}};}\n    </style>\n    <path class=\"st1\" d=\"M18.4,10v6.6H25l0,1.7h-6.6V25h-1.7l0-6.6H10v-1.7h6.6V10H18.4 M19.4,9h-1h-1.7h-1v1v5.6H10H9v1v1.7v1h1h5.6l0,5.6v1h1h1.7\n\t\th1v-1v-5.6H25h1l0-1l0-1.7l0-1h-1h-5.6V10V9L19.4,9z\"/>\n    <circle class=\"st0\" cx=\"17.5\" cy=\"17.5\" r=\"12\"/>\n  </svg>\n  `\n}\n"]}

package/dist/bpmn-expanded-subprocess.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import BPMNContainerBase from './base/bpmn-container-base.js';
 const NATURE = {
     mutable: false,
@@ -151,7 +152,7 @@ const NATURE = {
     ],
     help: '/bpmn/expanded-subprocess/expanded-subprocess'
 };
-export default class BPMNExpandedSubprocess extends BPMNContainerBase {
+let BPMNExpandedSubprocess = class BPMNExpandedSubprocess extends BPMNContainerBase {
     get nature() {
         return NATURE;
     }
@@ -190,6 +191,9 @@ export default class BPMNExpandedSubprocess extends BPMNContainerBase {
     get textHidden() {
         return false;
     }
-}
-Component.register('bpmn-expanded-subprocess', BPMNExpandedSubprocess);
+};
+BPMNExpandedSubprocess = __decorate([
+    sceneComponent('bpmn-expanded-subprocess')
+], BPMNExpandedSubprocess);
+export default BPMNExpandedSubprocess;
 //# sourceMappingURL=bpmn-expanded-subprocess.js.map

package/dist/bpmn-expanded-subprocess.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-expanded-subprocess.js","sourceRoot":"","sources":["../src/bpmn-expanded-subprocess.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentNature } from '@hatiolab/things-scene'\nimport over from 'lodash-es/over.js'\n\nimport BPMNContainerBase, { DIRECTION, INOUT, NODE, FLOW } from './base/bpmn-container-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'string',\n      name: 'name',\n      label: 'name'\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: 'trigger-event',\n      name: 'triggerEvent',\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      // TODO this property might be an array\n      type: 'select',\n      label: 'boundary-event',\n      name: 'boundaryEvent',\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/expanded-subprocess/expanded-subprocess'\n}\n\nexport default class BPMNExpandedSubprocess extends BPMNContainerBase {\n  get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { callActivity, interrupting, transaction } = this.state\n    var 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    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    ctx.translate(-left, -top)\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\n  get textHidden() {\n    return false\n  }\n}\n\nComponent.register('bpmn-expanded-subprocess', BPMNExpandedSubprocess)\n"]}
+{"version":3,"file":"bpmn-expanded-subprocess.js","sourceRoot":"","sources":["../src/bpmn-expanded-subprocess.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentNature, sceneComponent } from '@hatiolab/things-scene'\nimport over from 'lodash-es/over.js'\n\nimport BPMNContainerBase, { DIRECTION, INOUT, NODE, FLOW } from './base/bpmn-container-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'string',\n      name: 'name',\n      label: 'name'\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: 'trigger-event',\n      name: 'triggerEvent',\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      // TODO this property might be an array\n      type: 'select',\n      label: 'boundary-event',\n      name: 'boundaryEvent',\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/expanded-subprocess/expanded-subprocess'\n}\n\n@sceneComponent('bpmn-expanded-subprocess')\nexport default class BPMNExpandedSubprocess extends BPMNContainerBase {\n  get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { callActivity, interrupting, transaction } = this.state\n    var 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    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    ctx.translate(-left, -top)\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\n  get textHidden() {\n    return false\n  }\n}\n"]}

package/dist/bpmn-flow.js

@@ -1,4 +1,5 @@
-import { Component, OrthoLine } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { OrthoLine, sceneComponent } from '@hatiolab/things-scene';
 const NATURE = {
     mutable: false,
     resizable: false,
@@ -22,13 +23,16 @@ const NATURE = {
     ],
     help: 'bpmn/flow/flow'
 };
-export default class BPMNFlow extends OrthoLine {
+let BPMNFlow = class BPMNFlow extends OrthoLine {
     get nature() {
         return NATURE;
     }
     get pathExtendable() {
         return false;
     }
-}
-Component.register('bpmn-flow', BPMNFlow);
+};
+BPMNFlow = __decorate([
+    sceneComponent('bpmn-flow')
+], BPMNFlow);
+export default BPMNFlow;
 //# sourceMappingURL=bpmn-flow.js.map

package/dist/bpmn-flow.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-flow.js","sourceRoot":"","sources":["../src/bpmn-flow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAE9E,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,KAAK;IAChB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE;gBACR,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;aACR;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;SAChB;KACF;IACD,IAAI,EAAE,gBAAgB;CACvB,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,SAAS;IAC7C,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,KAAK,CAAA;IACd,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature, OrthoLine } from '@hatiolab/things-scene'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: false,\n  rotatable: false,\n  properties: [\n    {\n      type: 'number',\n      label: 'round',\n      name: 'round',\n      property: {\n        min: 0,\n        max: 100,\n        step: 1\n      }\n    },\n    {\n      type: 'checkbox',\n      label: 'default',\n      name: 'default'\n    }\n  ],\n  help: 'bpmn/flow/flow'\n}\n\nexport default class BPMNFlow extends OrthoLine {\n  get nature() {\n    return NATURE\n  }\n\n  get pathExtendable() {\n    return false\n  }\n}\n\nComponent.register('bpmn-flow', BPMNFlow)\n"]}
+{"version":3,"file":"bpmn-flow.js","sourceRoot":"","sources":["../src/bpmn-flow.ts"],"names":[],"mappings":";AAAA,OAAO,EAAmB,SAAS,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEnF,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,KAAK;IAChB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE;gBACR,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;aACR;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;SAChB;KACF;IACD,IAAI,EAAE,gBAAgB;CACvB,CAAA;AAGc,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAC7C,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,KAAK,CAAA;IACd,CAAC;CACF,CAAA;AARoB,QAAQ;IAD5B,cAAc,CAAC,WAAW,CAAC;GACP,QAAQ,CAQ5B;eARoB,QAAQ","sourcesContent":["import { ComponentNature, OrthoLine, sceneComponent } from '@hatiolab/things-scene'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: false,\n  rotatable: false,\n  properties: [\n    {\n      type: 'number',\n      label: 'round',\n      name: 'round',\n      property: {\n        min: 0,\n        max: 100,\n        step: 1\n      }\n    },\n    {\n      type: 'checkbox',\n      label: 'default',\n      name: 'default'\n    }\n  ],\n  help: 'bpmn/flow/flow'\n}\n\n@sceneComponent('bpmn-flow')\nexport default class BPMNFlow extends OrthoLine {\n  get nature() {\n    return NATURE\n  }\n\n  get pathExtendable() {\n    return false\n  }\n}\n"]}

package/dist/bpmn-gateway.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import BPMNControlBase from './base/bpmn-control-base.js';
 const NATURE = {
     mutable: false,
@@ -41,7 +42,7 @@ const NATURE = {
     ],
     help: '/bpmn/gateway/gateway'
 };
-export default class BPMNGateway extends BPMNControlBase {
+let BPMNGateway = class BPMNGateway extends BPMNControlBase {
     static get nature() {
         return NATURE;
     }
@@ -97,8 +98,11 @@ export default class BPMNGateway extends BPMNControlBase {
         }
         return this.imageElement;
     }
-}
-Component.register('bpmn-gateway', BPMNGateway);
+};
+BPMNGateway = __decorate([
+    sceneComponent('bpmn-gateway')
+], BPMNGateway);
+export default BPMNGateway;
 const IMAGES = {
     inclusive: `
   <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"

package/dist/bpmn-gateway.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-gateway.js","sourceRoot":"","sources":["../src/bpmn-gateway.ts"],"names":[],"mappings":"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","sourcesContent":["import { BOUNDS, Component, ComponentNature, Properties } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'select',\n      label: 'gateway-type',\n      name: 'gatewayType',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'exclusive',\n            value: 'exclusive'\n          },\n          {\n            display: 'inclusive',\n            value: 'inclusive'\n          },\n          {\n            display: 'complex',\n            value: 'complex'\n          },\n          {\n            display: 'event based',\n            value: 'event-based'\n          },\n          {\n            display: 'parallel',\n            value: 'parallel'\n          }\n        ]\n      }\n    }\n  ],\n  help: '/bpmn/gateway/gateway'\n}\n\nexport default class BPMNGateway extends BPMNControlBase {\n  private imageElement?: HTMLImageElement\n\n  static get nature() {\n    return NATURE\n  }\n\n  get textBounds(): BOUNDS {\n    var { left, top, width, height } = this.bounds\n    var { paddingTop, paddingLeft, paddingRight } = this.state\n\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    return {\n      left: left + paddingLeft,\n      top: top + paddingTop + height + 10,\n      width: Math.max(width - paddingLeft - paddingRight, 0),\n      height: 0\n    }\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.moveTo(width / 2, 0)\n    ctx.lineTo(width, height / 2)\n    ctx.lineTo(width / 2, height)\n    ctx.lineTo(0, height / 2)\n    ctx.lineTo(width / 2, 0)\n\n    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n    this.drawStroke(ctx)\n\n    ctx.beginPath()\n\n    const image = this.getImageElement()\n    if (image) {\n      this.drawImage(ctx, image, left + width / 6, top + height / 6, (width * 2) / 3, (height * 2) / 3)\n    }\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if ('gatewayType' in after || 'strokeStyle' in after) {\n      delete this.imageElement\n    }\n  }\n\n  getImageElement(): HTMLImageElement | undefined {\n    if (!this.imageElement) {\n      const { gatewayType, strokeStyle } = this.state\n\n      if (!gatewayType) {\n        return\n      }\n\n      const src = IMAGES[gatewayType]\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\nComponent.register('bpmn-gateway', BPMNGateway)\n\nconst IMAGES: { [type: string]: string } = {\n  inclusive: `\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=\"M17.5,8.5c5,0,9,4,9,9s-4,9-9,9s-9-4-9-9S12.5,8.5,17.5,8.5 M17.5,6C11.1,6,6,11.1,6,17.5S11.1,29,17.5,29S29,23.9,29,17.5\n\t\tS23.9,6,17.5,6L17.5,6z\"/>\n  </svg>\n  `,\n  exclusive: `\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    <rect class=\"st0\" x=\"6.5\" y=\"15.8\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.2487 17.5)\" width=\"22\" height=\"3.5\"/>\n    <rect class=\"st0\" x=\"15.8\" y=\"6.5\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.2487 17.5)\" width=\"3.5\" height=\"22\"/>\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  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    <rect class=\"st0\" x=\"16.3\" y=\"6.5\" width=\"3.5\" height=\"22\"/>\n    <rect class=\"st0\" x=\"6.5\" y=\"16.2\" width=\"22\" height=\"3.5\"/>\n  </svg>\n  `,\n  complex: `\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    <rect class=\"st0\" x=\"16.2\" y=\"6.5\" width=\"3.5\" height=\"22\"/>\n    <rect class=\"st0\" x=\"6.5\" y=\"16.2\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.2487 17.5)\" width=\"22\" height=\"3.5\"/>\n    <rect class=\"st0\" x=\"16.2\" y=\"6.5\" transform=\"matrix(0.7072 -0.707 0.707 0.7072 -7.2487 17.4966)\" width=\"3.5\" height=\"22\"/>\n    <rect class=\"st0\" x=\"6.5\" y=\"16.2\" width=\"22\" height=\"3.5\"/>\n  </svg>\n  `,\n  'event-based': `\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=\"M17.5,6.2c6.2,0,11.2,5,11.2,11.2s-5,11.2-11.2,11.2s-11.2-5-11.2-11.2S11.3,6.2,17.5,6.2 M17.5,5.5c-6.6,0-12,5.4-12,12\n    s5.4,12,12,12s12-5.4,12-12S24.1,5.5,17.5,5.5L17.5,5.5z\"/>\n    <path class=\"st0\" d=\"M17.5,8.2c5.1,0,9.2,4.1,9.2,9.2s-4.1,9.2-9.2,9.2s-9.2-4.1-9.2-9.2S12.4,8.2,17.5,8.2 M17.5,7.5c-5.5,0-10,4.5-10,10\n    s4.5,10,10,10s10-4.5,10-10S23,7.5,17.5,7.5L17.5,7.5z\"/>\n    <path class=\"st0\" d=\"M17.5,11.7l5.7,4.1L21,22.5h-7l-2.2-6.7L17.5,11.7 M17.5,10l-7.3,5.3l2.8,8.6h9l2.8-8.6L17.5,10L17.5,10z\"/>\n  </svg>\n  `\n}\n"]}
+{"version":3,"file":"bpmn-gateway.js","sourceRoot":"","sources":["../src/bpmn-gateway.ts"],"names":[],"mappings":"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","sourcesContent":["import { BOUNDS, ComponentNature, Properties, sceneComponent } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'select',\n      label: 'gateway-type',\n      name: 'gatewayType',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'exclusive',\n            value: 'exclusive'\n          },\n          {\n            display: 'inclusive',\n            value: 'inclusive'\n          },\n          {\n            display: 'complex',\n            value: 'complex'\n          },\n          {\n            display: 'event based',\n            value: 'event-based'\n          },\n          {\n            display: 'parallel',\n            value: 'parallel'\n          }\n        ]\n      }\n    }\n  ],\n  help: '/bpmn/gateway/gateway'\n}\n\n@sceneComponent('bpmn-gateway')\nexport default class BPMNGateway extends BPMNControlBase {\n  private imageElement?: HTMLImageElement\n\n  static get nature() {\n    return NATURE\n  }\n\n  get textBounds(): BOUNDS {\n    var { left, top, width, height } = this.bounds\n    var { paddingTop, paddingLeft, paddingRight } = this.state\n\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    return {\n      left: left + paddingLeft,\n      top: top + paddingTop + height + 10,\n      width: Math.max(width - paddingLeft - paddingRight, 0),\n      height: 0\n    }\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.moveTo(width / 2, 0)\n    ctx.lineTo(width, height / 2)\n    ctx.lineTo(width / 2, height)\n    ctx.lineTo(0, height / 2)\n    ctx.lineTo(width / 2, 0)\n\n    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n    this.drawStroke(ctx)\n\n    ctx.beginPath()\n\n    const image = this.getImageElement()\n    if (image) {\n      this.drawImage(ctx, image, left + width / 6, top + height / 6, (width * 2) / 3, (height * 2) / 3)\n    }\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if ('gatewayType' in after || 'strokeStyle' in after) {\n      delete this.imageElement\n    }\n  }\n\n  getImageElement(): HTMLImageElement | undefined {\n    if (!this.imageElement) {\n      const { gatewayType, strokeStyle } = this.state\n\n      if (!gatewayType) {\n        return\n      }\n\n      const src = IMAGES[gatewayType]\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\nconst IMAGES: { [type: string]: string } = {\n  inclusive: `\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=\"M17.5,8.5c5,0,9,4,9,9s-4,9-9,9s-9-4-9-9S12.5,8.5,17.5,8.5 M17.5,6C11.1,6,6,11.1,6,17.5S11.1,29,17.5,29S29,23.9,29,17.5\n\t\tS23.9,6,17.5,6L17.5,6z\"/>\n  </svg>\n  `,\n  exclusive: `\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    <rect class=\"st0\" x=\"6.5\" y=\"15.8\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.2487 17.5)\" width=\"22\" height=\"3.5\"/>\n    <rect class=\"st0\" x=\"15.8\" y=\"6.5\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.2487 17.5)\" width=\"3.5\" height=\"22\"/>\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  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    <rect class=\"st0\" x=\"16.3\" y=\"6.5\" width=\"3.5\" height=\"22\"/>\n    <rect class=\"st0\" x=\"6.5\" y=\"16.2\" width=\"22\" height=\"3.5\"/>\n  </svg>\n  `,\n  complex: `\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    <rect class=\"st0\" x=\"16.2\" y=\"6.5\" width=\"3.5\" height=\"22\"/>\n    <rect class=\"st0\" x=\"6.5\" y=\"16.2\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.2487 17.5)\" width=\"22\" height=\"3.5\"/>\n    <rect class=\"st0\" x=\"16.2\" y=\"6.5\" transform=\"matrix(0.7072 -0.707 0.707 0.7072 -7.2487 17.4966)\" width=\"3.5\" height=\"22\"/>\n    <rect class=\"st0\" x=\"6.5\" y=\"16.2\" width=\"22\" height=\"3.5\"/>\n  </svg>\n  `,\n  'event-based': `\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=\"M17.5,6.2c6.2,0,11.2,5,11.2,11.2s-5,11.2-11.2,11.2s-11.2-5-11.2-11.2S11.3,6.2,17.5,6.2 M17.5,5.5c-6.6,0-12,5.4-12,12\n    s5.4,12,12,12s12-5.4,12-12S24.1,5.5,17.5,5.5L17.5,5.5z\"/>\n    <path class=\"st0\" d=\"M17.5,8.2c5.1,0,9.2,4.1,9.2,9.2s-4.1,9.2-9.2,9.2s-9.2-4.1-9.2-9.2S12.4,8.2,17.5,8.2 M17.5,7.5c-5.5,0-10,4.5-10,10\n    s4.5,10,10,10s10-4.5,10-10S23,7.5,17.5,7.5L17.5,7.5z\"/>\n    <path class=\"st0\" d=\"M17.5,11.7l5.7,4.1L21,22.5h-7l-2.2-6.7L17.5,11.7 M17.5,10l-7.3,5.3l2.8,8.6h9l2.8-8.6L17.5,10L17.5,10z\"/>\n  </svg>\n  `\n}\n"]}

package/dist/bpmn-group.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import BPMNContainerBase from './base/bpmn-container-base.js';
 const NATURE = {
     mutable: false,
@@ -7,7 +8,7 @@ const NATURE = {
     properties: [],
     help: '/bpmn/group/group'
 };
-export default class BPMNGroup extends BPMNContainerBase {
+let BPMNGroup = class BPMNGroup extends BPMNContainerBase {
     static get nature() {
         return NATURE;
     }
@@ -25,6 +26,9 @@ export default class BPMNGroup extends BPMNContainerBase {
         this.drawFill(ctx);
         this.drawStroke(ctx);
     }
-}
-Component.register('bpmn-group', BPMNGroup);
+};
+BPMNGroup = __decorate([
+    sceneComponent('bpmn-group')
+], BPMNGroup);
+export default BPMNGroup;
 //# sourceMappingURL=bpmn-group.js.map

package/dist/bpmn-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-group.js","sourceRoot":"","sources":["../src/bpmn-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,wBAAwB,CAAA;AAEnE,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAE7D,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,mBAAmB;CAC1B,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,iBAAiB;IACtD,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACxB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,IAAI,MAAM,GAAG,CAAC,CAAA;QAEd,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QACrB,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;QAC1C,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;QAC3C,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;QAClC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;QAEjC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;QAE1B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QAClB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;IACtB,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature } from '@hatiolab/things-scene'\n\nimport BPMNContainerBase from './base/bpmn-container-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [],\n  help: '/bpmn/group/group'\n}\n\nexport default class BPMNGroup extends BPMNContainerBase {\n  static get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\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    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n    this.drawStroke(ctx)\n  }\n}\n\nComponent.register('bpmn-group', BPMNGroup)\n"]}
+{"version":3,"file":"bpmn-group.js","sourceRoot":"","sources":["../src/bpmn-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAmB,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAExE,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAE7D,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,mBAAmB;CAC1B,CAAA;AAGc,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,iBAAiB;IACtD,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACxB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,IAAI,MAAM,GAAG,CAAC,CAAA;QAEd,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QACrB,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;QAC1C,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;QAC3C,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;QAClC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;QAEjC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;QAE1B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QAClB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;IACtB,CAAC;CACF,CAAA;AAxBoB,SAAS;IAD7B,cAAc,CAAC,YAAY,CAAC;GACR,SAAS,CAwB7B;eAxBoB,SAAS","sourcesContent":["import { ComponentNature, sceneComponent } from '@hatiolab/things-scene'\n\nimport BPMNContainerBase from './base/bpmn-container-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [],\n  help: '/bpmn/group/group'\n}\n\n@sceneComponent('bpmn-group')\nexport default class BPMNGroup extends BPMNContainerBase {\n  static get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\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    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n    this.drawStroke(ctx)\n  }\n}\n"]}

package/dist/bpmn-lane.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import BPMNContainerBase from './base/bpmn-container-base.js';
 const NATURE = {
     mutable: false,
@@ -13,7 +14,7 @@ const NATURE = {
     ],
     help: '/bpmn/lane/lane'
 };
-export default class BPMNLane extends BPMNContainerBase {
+let BPMNLane = class BPMNLane extends BPMNContainerBase {
     get nature() {
         return NATURE;
     }
@@ -86,6 +87,9 @@ export default class BPMNLane extends BPMNContainerBase {
     onchange(after, before) {
         this.setTextElementProperties();
     }
-}
-Component.register('bpmn-lane', BPMNLane);
+};
+BPMNLane = __decorate([
+    sceneComponent('bpmn-lane')
+], BPMNLane);
+export default BPMNLane;
 //# sourceMappingURL=bpmn-lane.js.map

package/dist/bpmn-lane.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-lane.js","sourceRoot":"","sources":["../src/bpmn-lane.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentNature, Properties } from '@hatiolab/things-scene'\n\nimport BPMNContainerBase from './base/bpmn-container-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'string',\n      name: 'name',\n      label: 'name'\n    }\n  ],\n  help: '/bpmn/lane/lane'\n}\n\nexport default class BPMNLane extends BPMNContainerBase {\n  private textElement?: HTMLSpanElement\n\n  get nature() {\n    return NATURE\n  }\n\n  get hasTextProperty() {\n    return true\n  }\n\n  createElement() {\n    super.createElement()\n\n    const text = document.createElement('div')\n\n    this.element.appendChild(text)\n    this.textElement = text\n    this.setTextElementProperties()\n  }\n\n  setTextElementProperties() {\n    if (!this.textElement) {\n      return\n    }\n\n    var {\n      bold,\n      italic,\n\n      fontFamily = '',\n      textAlign,\n      textBaseline,\n\n      paddingTop,\n      paddingBottom,\n      paddingLeft,\n      paddingRight,\n\n      fontSize = 20,\n      fontColor,\n      lineHeight = 1,\n      textWrap = true,\n      name\n    } = this.state\n\n    paddingBottom ||= 0\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    var { width, height } = this.bounds\n    const vertical = height > width\n\n    // element의 기본 style을 설정한다.\n\n    if (vertical) {\n      Object.assign(this.textElement!.style, {\n        transform: 'none',\n        position: 'relative',\n        width: `${width - paddingLeft - paddingRight}px`,\n        boxSizing: 'content-box',\n        fontFamily: fontFamily,\n        fontSize: fontSize + 'px',\n        paddingTop: paddingTop + 'px',\n        paddingRight: paddingRight + 'px',\n        paddingBottom: paddingBottom + 'px',\n        paddingLeft: paddingLeft + 'px',\n        color: fontColor,\n        fontWeight: bold ? 'bold' : '',\n        fontStyle: italic ? 'italic' : '',\n        textAlign: textAlign == 'end' ? 'right' : textAlign == 'start' ? 'left' : textAlign,\n        verticalAlign: textBaseline,\n        lineHeight,\n        whiteSpace: textWrap === true ? 'normal' : 'nowrap'\n      })\n    } else {\n      Object.assign(this.textElement!.style, {\n        transform: `translate(-50%, -50%) translate(0, ${height / 2}px) rotate(270deg) translate(0, 50%)`,\n        position: 'relative',\n        width: `${height - paddingTop - paddingBottom}px`,\n        boxSizing: 'content-box',\n        fontFamily: fontFamily,\n        fontSize: fontSize + 'px',\n        paddingTop: paddingLeft + 'px',\n        paddingRight: paddingTop + 'px',\n        paddingBottom: paddingRight + 'px',\n        paddingLeft: paddingBottom + 'px',\n        color: fontColor,\n        fontWeight: bold ? 'bold' : '',\n        fontStyle: italic ? 'italic' : '',\n        textAlign: textAlign == 'end' ? 'right' : textAlign == 'start' ? 'left' : textAlign,\n        verticalAlign: textBaseline,\n        lineHeight,\n        whiteSpace: textWrap === true ? 'normal' : 'nowrap'\n      })\n    }\n\n    this.textElement!.textContent = name\n  }\n\n  onchange(after: Properties, before: Properties) {\n    this.setTextElementProperties()\n  }\n}\n\nComponent.register('bpmn-lane', BPMNLane)\n"]}
+{"version":3,"file":"bpmn-lane.js","sourceRoot":"","sources":["../src/bpmn-lane.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentNature, Properties, sceneComponent } from '@hatiolab/things-scene'\n\nimport BPMNContainerBase from './base/bpmn-container-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'string',\n      name: 'name',\n      label: 'name'\n    }\n  ],\n  help: '/bpmn/lane/lane'\n}\n\n@sceneComponent('bpmn-lane')\nexport default class BPMNLane extends BPMNContainerBase {\n  private textElement?: HTMLSpanElement\n\n  get nature() {\n    return NATURE\n  }\n\n  get hasTextProperty() {\n    return true\n  }\n\n  createElement() {\n    super.createElement()\n\n    const text = document.createElement('div')\n\n    this.element.appendChild(text)\n    this.textElement = text\n    this.setTextElementProperties()\n  }\n\n  setTextElementProperties() {\n    if (!this.textElement) {\n      return\n    }\n\n    var {\n      bold,\n      italic,\n\n      fontFamily = '',\n      textAlign,\n      textBaseline,\n\n      paddingTop,\n      paddingBottom,\n      paddingLeft,\n      paddingRight,\n\n      fontSize = 20,\n      fontColor,\n      lineHeight = 1,\n      textWrap = true,\n      name\n    } = this.state\n\n    paddingBottom ||= 0\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    var { width, height } = this.bounds\n    const vertical = height > width\n\n    // element의 기본 style을 설정한다.\n\n    if (vertical) {\n      Object.assign(this.textElement!.style, {\n        transform: 'none',\n        position: 'relative',\n        width: `${width - paddingLeft - paddingRight}px`,\n        boxSizing: 'content-box',\n        fontFamily: fontFamily,\n        fontSize: fontSize + 'px',\n        paddingTop: paddingTop + 'px',\n        paddingRight: paddingRight + 'px',\n        paddingBottom: paddingBottom + 'px',\n        paddingLeft: paddingLeft + 'px',\n        color: fontColor,\n        fontWeight: bold ? 'bold' : '',\n        fontStyle: italic ? 'italic' : '',\n        textAlign: textAlign == 'end' ? 'right' : textAlign == 'start' ? 'left' : textAlign,\n        verticalAlign: textBaseline,\n        lineHeight,\n        whiteSpace: textWrap === true ? 'normal' : 'nowrap'\n      })\n    } else {\n      Object.assign(this.textElement!.style, {\n        transform: `translate(-50%, -50%) translate(0, ${height / 2}px) rotate(270deg) translate(0, 50%)`,\n        position: 'relative',\n        width: `${height - paddingTop - paddingBottom}px`,\n        boxSizing: 'content-box',\n        fontFamily: fontFamily,\n        fontSize: fontSize + 'px',\n        paddingTop: paddingLeft + 'px',\n        paddingRight: paddingTop + 'px',\n        paddingBottom: paddingRight + 'px',\n        paddingLeft: paddingBottom + 'px',\n        color: fontColor,\n        fontWeight: bold ? 'bold' : '',\n        fontStyle: italic ? 'italic' : '',\n        textAlign: textAlign == 'end' ? 'right' : textAlign == 'start' ? 'left' : textAlign,\n        verticalAlign: textBaseline,\n        lineHeight,\n        whiteSpace: textWrap === true ? 'normal' : 'nowrap'\n      })\n    }\n\n    this.textElement!.textContent = name\n  }\n\n  onchange(after: Properties, before: Properties) {\n    this.setTextElementProperties()\n  }\n}\n"]}

package/dist/bpmn-message.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import BPMNControlBase from './base/bpmn-control-base.js';
 const NATURE = {
     mutable: false,
@@ -7,7 +8,7 @@ const NATURE = {
     properties: [],
     help: '/bpmn/message/message'
 };
-export default class BPMNMessage extends BPMNControlBase {
+let BPMNMessage = class BPMNMessage extends BPMNControlBase {
     static get nature() {
         return NATURE;
     }
@@ -40,6 +41,9 @@ export default class BPMNMessage extends BPMNControlBase {
         this.drawFill(ctx);
         this.drawStroke(ctx);
     }
-}
-Component.register('bpmn-message', BPMNMessage);
+};
+BPMNMessage = __decorate([
+    sceneComponent('bpmn-message')
+], BPMNMessage);
+export default BPMNMessage;
 //# sourceMappingURL=bpmn-message.js.map

package/dist/bpmn-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-message.js","sourceRoot":"","sources":["../src/bpmn-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,SAAS,EAAmB,MAAM,wBAAwB,CAAA;AAE3E,OAAO,eAAe,MAAM,6BAA6B,CAAA;AAEzD,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,uBAAuB;CAC9B,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,eAAe;IACtD,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,UAAU;QACZ,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAC9C,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE1D,UAAU,KAAV,UAAU,GAAK,CAAC,EAAA;QAChB,WAAW,KAAX,WAAW,GAAK,CAAC,EAAA;QACjB,YAAY,KAAZ,YAAY,GAAK,CAAC,EAAA;QAElB,OAAO;YACL,IAAI,EAAE,IAAI,GAAG,WAAW;YACxB,GAAG,EAAE,GAAG,GAAG,UAAU,GAAG,MAAM,GAAG,EAAE;YACnC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,WAAW,GAAG,YAAY,EAAE,CAAC,CAAC;YACtD,MAAM,EAAE,CAAC;SACV,CAAA;IACH,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QAEhD,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACxB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAChB,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QACpB,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACzB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;QACrB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAChB,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAA;QACjC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QAEpB,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;QAE1B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QAClB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;IACtB,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA","sourcesContent":["import { BOUNDS, Component, ComponentNature } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [],\n  help: '/bpmn/message/message'\n}\n\nexport default class BPMNMessage extends BPMNControlBase {\n  static get nature() {\n    return NATURE\n  }\n\n  get textBounds(): BOUNDS {\n    var { left, top, width, height } = this.bounds\n    var { paddingTop, paddingLeft, paddingRight } = this.state\n\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    return {\n      left: left + paddingLeft,\n      top: top + paddingTop + height + 10,\n      width: Math.max(width - paddingLeft - paddingRight, 0),\n      height: 0\n    }\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    const corner = (Math.min(width, height) * 2) / 5\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.moveTo(0, 0)\n    ctx.lineTo(width, 0)\n    ctx.lineTo(width, height)\n    ctx.lineTo(0, height)\n    ctx.lineTo(0, 0)\n    ctx.lineTo(width / 2, height / 2)\n    ctx.lineTo(width, 0)\n\n    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n    this.drawStroke(ctx)\n  }\n}\n\nComponent.register('bpmn-message', BPMNMessage)\n"]}
+{"version":3,"file":"bpmn-message.js","sourceRoot":"","sources":["../src/bpmn-message.ts"],"names":[],"mappings":";AAAA,OAAO,EAA2B,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEhF,OAAO,eAAe,MAAM,6BAA6B,CAAA;AAEzD,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,uBAAuB;CAC9B,CAAA;AAGc,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,eAAe;IACtD,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,UAAU;QACZ,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAC9C,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE1D,UAAU,KAAV,UAAU,GAAK,CAAC,EAAA;QAChB,WAAW,KAAX,WAAW,GAAK,CAAC,EAAA;QACjB,YAAY,KAAZ,YAAY,GAAK,CAAC,EAAA;QAElB,OAAO;YACL,IAAI,EAAE,IAAI,GAAG,WAAW;YACxB,GAAG,EAAE,GAAG,GAAG,UAAU,GAAG,MAAM,GAAG,EAAE;YACnC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,WAAW,GAAG,YAAY,EAAE,CAAC,CAAC;YACtD,MAAM,EAAE,CAAC;SACV,CAAA;IACH,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAE9C,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QAEhD,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACxB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAChB,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QACpB,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACzB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;QACrB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAChB,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAA;QACjC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QAEpB,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;QAE1B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QAClB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;IACtB,CAAC;CACF,CAAA;AA1CoB,WAAW;IAD/B,cAAc,CAAC,cAAc,CAAC;GACV,WAAW,CA0C/B;eA1CoB,WAAW","sourcesContent":["import { BOUNDS, ComponentNature, sceneComponent } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [],\n  help: '/bpmn/message/message'\n}\n\n@sceneComponent('bpmn-message')\nexport default class BPMNMessage extends BPMNControlBase {\n  static get nature() {\n    return NATURE\n  }\n\n  get textBounds(): BOUNDS {\n    var { left, top, width, height } = this.bounds\n    var { paddingTop, paddingLeft, paddingRight } = this.state\n\n    paddingTop ||= 0\n    paddingLeft ||= 0\n    paddingRight ||= 0\n\n    return {\n      left: left + paddingLeft,\n      top: top + paddingTop + height + 10,\n      width: Math.max(width - paddingLeft - paddingRight, 0),\n      height: 0\n    }\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    const corner = (Math.min(width, height) * 2) / 5\n\n    ctx.translate(left, top)\n    ctx.beginPath()\n\n    ctx.moveTo(0, 0)\n    ctx.lineTo(width, 0)\n    ctx.lineTo(width, height)\n    ctx.lineTo(0, height)\n    ctx.lineTo(0, 0)\n    ctx.lineTo(width / 2, height / 2)\n    ctx.lineTo(width, 0)\n\n    ctx.translate(-left, -top)\n\n    this.drawFill(ctx)\n    this.drawStroke(ctx)\n  }\n}\n"]}

package/dist/bpmn-pool.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import BPMNContainerBase from './base/bpmn-container-base.js';
 const NATURE = {
     mutable: false,
@@ -13,10 +14,13 @@ const NATURE = {
     ],
     help: '/bpmn/pool/pool'
 };
-export default class BPMNPool extends BPMNContainerBase {
+let BPMNPool = class BPMNPool extends BPMNContainerBase {
     get nature() {
         return NATURE;
     }
-}
-Component.register('bpmn-pool', BPMNPool);
+};
+BPMNPool = __decorate([
+    sceneComponent('bpmn-pool')
+], BPMNPool);
+export default BPMNPool;
 //# sourceMappingURL=bpmn-pool.js.map

package/dist/bpmn-pool.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-pool.js","sourceRoot":"","sources":["../src/bpmn-pool.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,wBAAwB,CAAA;AAEnE,OAAO,iBAAmD,MAAM,+BAA+B,CAAA;AAE/F,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;SACd;KACF;IACD,IAAI,EAAE,iBAAiB;CACxB,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,iBAAiB;IACrD,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA","sourcesContent":["import { Component, ComponentNature } from '@hatiolab/things-scene'\n\nimport BPMNContainerBase, { DIRECTION, INOUT, NODE, FLOW } from './base/bpmn-container-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'string',\n      name: 'name',\n      label: 'name'\n    }\n  ],\n  help: '/bpmn/pool/pool'\n}\n\nexport default class BPMNPool extends BPMNContainerBase {\n  get nature() {\n    return NATURE\n  }\n}\n\nComponent.register('bpmn-pool', BPMNPool)\n"]}
+{"version":3,"file":"bpmn-pool.js","sourceRoot":"","sources":["../src/bpmn-pool.ts"],"names":[],"mappings":";AAAA,OAAO,EAAmB,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAExE,OAAO,iBAAmD,MAAM,+BAA+B,CAAA;AAE/F,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;SACd;KACF;IACD,IAAI,EAAE,iBAAiB;CACxB,CAAA;AAGc,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,iBAAiB;IACrD,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CACF,CAAA;AAJoB,QAAQ;IAD5B,cAAc,CAAC,WAAW,CAAC;GACP,QAAQ,CAI5B;eAJoB,QAAQ","sourcesContent":["import { ComponentNature, sceneComponent } from '@hatiolab/things-scene'\n\nimport BPMNContainerBase, { DIRECTION, INOUT, NODE, FLOW } from './base/bpmn-container-base.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: false,\n  properties: [\n    {\n      type: 'string',\n      name: 'name',\n      label: 'name'\n    }\n  ],\n  help: '/bpmn/pool/pool'\n}\n\n@sceneComponent('bpmn-pool')\nexport default class BPMNPool extends BPMNContainerBase {\n  get nature() {\n    return NATURE\n  }\n}\n"]}

package/dist/bpmn-subprocess.js

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import BPMNControlBase from './base/bpmn-control-base.js';
 const NATURE = {
     mutable: false,
@@ -166,7 +167,7 @@ const NATURE = {
     ],
     help: '/bpmn/subprocess/subprocess'
 };
-export default class BPMNSubprocess extends BPMNControlBase {
+let BPMNSubprocess = class BPMNSubprocess extends BPMNControlBase {
     static get nature() {
         return NATURE;
     }
@@ -227,8 +228,11 @@ export default class BPMNSubprocess extends BPMNControlBase {
         }
         return this.markerImages;
     }
-}
-Component.register('bpmn-subprocess', BPMNSubprocess);
+};
+BPMNSubprocess = __decorate([
+    sceneComponent('bpmn-subprocess')
+], BPMNSubprocess);
+export default BPMNSubprocess;
 const MARKERS = {
     loop: `
 <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"

package/dist/bpmn-subprocess.js.map

@@ -1 +1 @@
-{"version":3,"file":"bpmn-subprocess.js","sourceRoot":"","sources":["../src/bpmn-subprocess.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,wBAAwB,CAAA;AAE/E,OAAO,eAAe,MAAM,6BAA6B,CAAA;AAEzD,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,MAAM;SACb;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,eAAe;SACtB;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,cAAc;SACrB;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,cAAc;SACrB;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,aAAa;SACpB;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,cAAc;SACrB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,cAAc;YACpB,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,EAAE;wBACX,KAAK,EAAE,EAAE;qBACV;oBACD;wBACE,OAAO,EAAE,SAAS;wBAClB,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,OAAO;qBACf;oBACD;wBACE,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,OAAO;qBACf;oBACD;wBACE,OAAO,EAAE,YAAY;wBACrB,KAAK,EAAE,YAAY;qBACpB;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,OAAO,EAAE,cAAc;wBACvB,KAAK,EAAE,cAAc;qBACtB;oBACD;wBACE,OAAO,EAAE,aAAa;wBACtB,KAAK,EAAE,aAAa;qBACrB;oBACD;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,MAAM;qBACd;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,OAAO,EAAE,WAAW;wBACpB,KAAK,EAAE,WAAW;qBACnB;oBACD;wBACE,OAAO,EAAE,UAAU;wBACnB,KAAK,EAAE,UAAU;qBAClB;oBACD;wBACE,OAAO,EAAE,mBAAmB;wBAC5B,KAAK,EAAE,mBAAmB;qBAC3B;iBACF;aACF;SACF;QACD;YACE,uCAAuC;YACvC,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,EAAE;wBACX,KAAK,EAAE,EAAE;qBACV;oBACD;wBACE,OAAO,EAAE,SAAS;wBAClB,KAAK,EAAE,SAAS;qBACjB;oBACD;wBACE,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,OAAO;qBACf;oBACD;wBACE,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,OAAO;qBACf;oBACD;wBACE,OAAO,EAAE,YAAY;wBACrB,KAAK,EAAE,YAAY;qBACpB;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,OAAO,EAAE,cAAc;wBACvB,KAAK,EAAE,cAAc;qBACtB;oBACD;wBACE,OAAO,EAAE,aAAa;wBACtB,KAAK,EAAE,aAAa;qBACrB;oBACD;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,MAAM;qBACd;oBACD;wBACE,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,OAAO,EAAE,WAAW;wBACpB,KAAK,EAAE,WAAW;qBACnB;oBACD;wBACE,OAAO,EAAE,UAAU;wBACnB,KAAK,EAAE,UAAU;qBAClB;oBACD;wBACE,OAAO,EAAE,mBAAmB;wBAC5B,KAAK,EAAE,mBAAmB;qBAC3B;iBACF;aACF;SACF;KACF;IACD,IAAI,EAAE,6BAA6B;CACpC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,eAAe;IAGzD,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAC9C,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE9D,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACxB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,IAAI,MAAM,GAAG,EAAE,CAAA;QAEf,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QACrB,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;QAC1C,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;QAC3C,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;QAClC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;QAEjC,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,OAAO,GAAG,CAAC,CAAA;YACjB,MAAM,IAAI,OAAO,CAAA;YAEjB,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,EAAE,OAAO,CAAC,CAAA;YACrC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,EAAE,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,CAAC,CAAA;YAC9E,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;YACrE,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAA;YAC9D,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAA;QAC/D,CAAC;QAED,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;QAE1B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QAElB,IAAI,YAAY,EAAE,CAAC;YACjB,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAA;QACxC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;gBACnB,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC9B,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,CAAC,CAAA;QACJ,CAAC;QAED,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,EAAE,CAAA;QAC3C,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,CAAA;QAErD,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC9B,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,GAAG,EAAE,EAAE,GAAG,GAAG,MAAM,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QAC3E,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,QAAQ,CAAC,KAAiB,EAAE,MAAkB;QAC5C,IAAI,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;YAClG,OAAO,IAAI,CAAC,YAAY,CAAA;QAC1B,CAAC;IACH,CAAC;IAED,eAAe;QACb,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;YAElC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;iBACrC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;iBACtD,GAAG,CAAC,GAAG,CAAC,EAAE;gBACT,IAAI,KAAK,GAAG,IAAI,KAAK,EAAE,CAAA;gBACvB,KAAK,CAAC,GAAG;oBACP,0CAA0C,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAA;gBAC1G,OAAO,KAAK,CAAA;YACd,CAAC,CAAC,CAAA;QACN,CAAC;QAED,OAAO,IAAI,CAAC,YAAY,CAAA;IAC1B,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAA;AAErD,MAAM,OAAO,GAA+B;IAC1C,IAAI,EAAE;;;;;;;;;CASP;IACC,aAAa,EAAE;;;;;;;;;;;;GAYd;IACD,YAAY,EAAE;;;;;;;;;;;;;;;GAeb;IACD,UAAU,EAAE;;;;;;;;;;;;;;;;;GAiBX;IACD,KAAK,EAAE;;;;;;;;;;GAUN;CACF,CAAA","sourcesContent":["import { Component, ComponentNature, Properties } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\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: 'trigger-event',\n      name: 'triggerEvent',\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      // TODO this property might be an array\n      type: 'select',\n      label: 'boundary-event',\n      name: 'boundaryEvent',\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    ctx.translate(-left, -top)\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 = left + (width - images.length * 16) / 2\n\n    images.forEach((image, index) => {\n      this.drawImage(ctx, image, start + index * 16, top + height - 16, 16, 16)\n    })\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 { ComponentNature, Properties, sceneComponent } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\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: 'trigger-event',\n      name: 'triggerEvent',\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      // TODO this property might be an array\n      type: 'select',\n      label: 'boundary-event',\n      name: 'boundaryEvent',\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\n@sceneComponent('bpmn-subprocess')\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    ctx.translate(-left, -top)\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 = left + (width - images.length * 16) / 2\n\n    images.forEach((image, index) => {\n      this.drawImage(ctx, image, start + index * 16, top + height - 16, 16, 16)\n    })\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\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

@@ -1,4 +1,5 @@
-import { Component } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { sceneComponent } from '@hatiolab/things-scene';
 import BPMNControlBase from './base/bpmn-control-base.js';
 const NATURE = {
     mutable: false,
@@ -208,7 +209,7 @@ const NATURE = {
     ],
     help: '/bpmn/task/task'
 };
-export default class BPMNTask extends BPMNControlBase {
+let BPMNTask = class BPMNTask extends BPMNControlBase {
     static get nature() {
         return NATURE;
     }
@@ -286,8 +287,11 @@ export default class BPMNTask extends BPMNControlBase {
         }
         return this.markerImages;
     }
-}
-Component.register('bpmn-task', BPMNTask);
+};
+BPMNTask = __decorate([
+    sceneComponent('bpmn-task')
+], BPMNTask);
+export default BPMNTask;
 const IMAGES = {
     service: `
 <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"

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, ComponentNature, Properties } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\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      type: 'select',\n      label: 'trigger-event',\n      name: 'triggerEvent',\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      // TODO this property might be an array\n      type: 'select',\n      label: 'boundary-event',\n      name: 'boundaryEvent',\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/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    ctx.translate(-left, -top)\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, left, top, 24, 24)\n    }\n\n    const images = this.getMarkerImages() || []\n    const start = left + (width - images.length * 16) / 2\n\n    images.forEach((image, index) => {\n      this.drawImage(ctx, image, start + index * 16, top + height - 16, 16, 16)\n    })\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 { ComponentNature, Properties, sceneComponent } from '@hatiolab/things-scene'\n\nimport BPMNControlBase from './base/bpmn-control-base.js'\n\nconst NATURE: ComponentNature = {\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      type: 'select',\n      label: 'trigger-event',\n      name: 'triggerEvent',\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      // TODO this property might be an array\n      type: 'select',\n      label: 'boundary-event',\n      name: 'boundaryEvent',\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/task/task'\n}\n\n@sceneComponent('bpmn-task')\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    ctx.translate(-left, -top)\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, left, top, 24, 24)\n    }\n\n    const images = this.getMarkerImages() || []\n    const start = left + (width - images.length * 16) / 2\n\n    images.forEach((image, index) => {\n      this.drawImage(ctx, image, start + index * 16, top + height - 16, 16, 16)\n    })\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\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/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/scene-bpmn",
   "description": "bpmn components for things-scene",
   "author": "heartyoh",
-  "version": "9.0.0-beta.9",
+  "version": "9.0.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -28,7 +28,7 @@
     "migration": "things-factory-migration"
   },
   "dependencies": {
-    "@hatiolab/things-scene": "^9.0.0-beta",
+    "@hatiolab/things-scene": "^9.0.0",
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {
@@ -60,5 +60,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "a055d01e45284ed000513e62768dcad61f926293"
+  "gitHead": "0c295810b93773e6373f96d69fe62e930d71c0cd"
 }