@zenuml/core 2.0.4 → 2.0.6

package/dist/zenuml/core.common.js

@@ -760,7 +760,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 4431:
+/***/ 5668:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -773,8 +773,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ Point)
 });
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Point.vue?vue&type=template&id=08af3d3e&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"point",class:{ 'fill': _vm.fill, 'no-fill': !_vm.fill, 'right-to-left':_vm.rtl }},[(!_vm.rtl)?_c('svg',{staticClass:"arrow",attrs:{"height":"10","width":"10"}},[_c('polyline',{staticClass:"right head",attrs:{"points":"0,0 10,5 0,10"}})]):_vm._e(),(_vm.rtl)?_c('svg',{staticClass:"arrow",attrs:{"height":"10","width":"10"}},[_c('polyline',{staticClass:"left head",attrs:{"points":"10,0 0,5 10,10"}})]):_vm._e()])}
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Point.vue?vue&type=template&id=094e5b26&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"point",class:{ 'fill': _vm.fill, 'no-fill': !_vm.fill, 'right-to-left':_vm.rtl }},[(!_vm.rtl)?_c('svg',{staticClass:"arrow stroke-2",attrs:{"height":"10","width":"10"}},[_c('polyline',{staticClass:"right head",attrs:{"points":"0,0 10,5 0,10"}})]):_vm._e(),(_vm.rtl)?_c('svg',{staticClass:"arrow stroke-2",attrs:{"height":"10","width":"10"}},[_c('polyline',{staticClass:"left head",attrs:{"points":"10,0 0,5 10,10"}})]):_vm._e()])}
 var staticRenderFns = []
 
 
@@ -782,10 +782,10 @@ var staticRenderFns = []
 var Pointvue_type_script_lang_js_ = __webpack_require__(6427);
 ;// CONCATENATED MODULE: ./src/components/Point.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_Pointvue_type_script_lang_js_ = (Pointvue_type_script_lang_js_/* default */.Z); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Point.vue?vue&type=style&index=0&id=08af3d3e&prod&scoped=true&lang=css&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Point.vue?vue&type=style&index=0&id=094e5b26&prod&scoped=true&lang=css&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/Point.vue?vue&type=style&index=0&id=08af3d3e&prod&scoped=true&lang=css&
+;// CONCATENATED MODULE: ./src/components/Point.vue?vue&type=style&index=0&id=094e5b26&prod&scoped=true&lang=css&
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -804,7 +804,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "08af3d3e",
+  "094e5b26",
   null
   
 )
@@ -913,7 +913,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 9122:
+/***/ 6276:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -926,8 +926,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ SelfInvocation)
 });
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/SelfInvocation.vue?vue&type=template&id=aa28e916&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"message self flex items-start",staticStyle:{"border-width":"0"}},[_c('svg',{staticClass:"arrow",attrs:{"width":"30","height":"24"}},[_c('polyline',{attrs:{"points":"0,2 28,2 28,15 14,15"}}),_c('polyline',{staticClass:"head",attrs:{"points":"18,9 8,15 18,21"}})]),_c('label',{staticClass:"name hover:bg-yellow-300"},[(_vm.assignee)?_c('span',[_vm._v(_vm._s(_vm.assignee)+" = ")]):_vm._e(),_vm._v(" "+_vm._s(_vm.content))])])}
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/SelfInvocation.vue?vue&type=template&id=ec70074e&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"message self flex items-start",staticStyle:{"border-width":"0"}},[_c('svg',{staticClass:"arrow",attrs:{"width":"30","height":"24"}},[_c('polyline',{staticClass:"line fill-none stroke-2",attrs:{"points":"0,2 28,2 28,15 14,15"}}),_c('polyline',{staticClass:"head fill-none stroke-2",attrs:{"points":"18,9 8,15 18,21"}})]),_c('label',{staticClass:"name hover:bg-yellow-300"},[(_vm.assignee)?_c('span',[_vm._v(_vm._s(_vm.assignee)+" = ")]):_vm._e(),_vm._v(" "+_vm._s(_vm.content))])])}
 var staticRenderFns = []
 
 
@@ -935,29 +935,23 @@ var staticRenderFns = []
 var SelfInvocationvue_type_script_lang_js_ = __webpack_require__(2941);
 ;// CONCATENATED MODULE: ./src/components/SelfInvocation.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_SelfInvocationvue_type_script_lang_js_ = (SelfInvocationvue_type_script_lang_js_/* default */.Z); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/SelfInvocation.vue?vue&type=style&index=0&id=aa28e916&prod&scoped=true&lang=css&
-// extracted by mini-css-extract-plugin
-
-;// CONCATENATED MODULE: ./src/components/SelfInvocation.vue?vue&type=style&index=0&id=aa28e916&prod&scoped=true&lang=css&
-
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
 ;// CONCATENATED MODULE: ./src/components/SelfInvocation.vue
 
 
 
-;
 
 
 /* normalize component */
-
+;
 var component = (0,componentNormalizer/* default */.Z)(
   components_SelfInvocationvue_type_script_lang_js_,
   render,
   staticRenderFns,
   false,
   null,
-  "aa28e916",
+  null,
   null
   
 )
@@ -966,7 +960,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 4586:
+/***/ 8669:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -979,8 +973,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ SeqDiagram)
 });
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/SeqDiagram.vue?vue&type=template&id=0df24070&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"diagram",staticClass:"sequence-diagram overflow-visible mr-2",style:({width: (_vm.width + "px"), paddingLeft: (_vm.paddingLeft + "px")})},[_c('life-line-layer',{attrs:{"context":_vm.rootContext.head()}}),_c('message-layer',{attrs:{"context":_vm.rootContext.block()}})],1)}
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/SeqDiagram.vue?vue&type=template&id=6b90b24a&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"diagram",staticClass:"zenuml sequence-diagram relative box-border text-left overflow-visible mr-2",style:({width: (_vm.width + "px"), paddingLeft: (_vm.paddingLeft + "px")})},[_c('life-line-layer',{attrs:{"context":_vm.rootContext.head()}}),_c('message-layer',{attrs:{"context":_vm.rootContext.block()}})],1)}
 var staticRenderFns = []
 
 
@@ -988,10 +982,10 @@ var staticRenderFns = []
 var SeqDiagramvue_type_script_lang_js_ = __webpack_require__(4538);
 ;// CONCATENATED MODULE: ./src/components/SeqDiagram.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_SeqDiagramvue_type_script_lang_js_ = (SeqDiagramvue_type_script_lang_js_/* default */.Z); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/SeqDiagram.vue?vue&type=style&index=0&id=0df24070&prod&lang=css&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/SeqDiagram.vue?vue&type=style&index=0&id=6b90b24a&prod&lang=css&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/SeqDiagram.vue?vue&type=style&index=0&id=0df24070&prod&lang=css&
+;// CONCATENATED MODULE: ./src/components/SeqDiagram.vue?vue&type=style&index=0&id=6b90b24a&prod&lang=css&
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -1019,7 +1013,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 4036:
+/***/ 8884:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1032,8 +1026,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ Statement)
 });
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Statement.vue?vue&type=template&id=349519aa&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.subStatement,{tag:"component",attrs:{"context":_vm.context,"comment":_vm.comment,"selfCallIndent":_vm.selfCallIndent}})}
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Statement.vue?vue&type=template&id=187d35df&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.subStatement,{tag:"component",staticClass:"text-left",attrs:{"context":_vm.context,"comment":_vm.comment,"selfCallIndent":_vm.selfCallIndent}})}
 var staticRenderFns = []
 
 
@@ -1041,10 +1035,10 @@ var staticRenderFns = []
 var Statementvue_type_script_lang_js_ = __webpack_require__(2664);
 ;// CONCATENATED MODULE: ./src/components/Statement.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_Statementvue_type_script_lang_js_ = (Statementvue_type_script_lang_js_/* default */.Z); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Statement.vue?vue&type=style&index=0&id=349519aa&prod&lang=css&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Statement.vue?vue&type=style&index=0&id=187d35df&prod&lang=css&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/Statement.vue?vue&type=style&index=0&id=349519aa&prod&lang=css&
+;// CONCATENATED MODULE: ./src/components/Statement.vue?vue&type=style&index=0&id=187d35df&prod&lang=css&
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -1072,7 +1066,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 3051:
+/***/ 4521:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1085,8 +1079,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ Creation)
 });
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/creation/Creation.vue?vue&type=template&id=42d76107&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"interaction creation sync text-center transform",class:{ 'right-to-left':_vm.rightToLeft, '-translate-x-full': _vm.rightToLeft, 'highlight': _vm.isCurrent },style:({width: _vm.interactionWidth + 'px'}),attrs:{"data-signature":_vm.signature},on:{"click":function($event){$event.stopPropagation();return _vm.onClick($event)}}},[(_vm.comment)?_c('comment',{attrs:{"comment":_vm.comment}}):_vm._e(),_c('div',{ref:"messageContainer",staticClass:"message-container flex items-center h-10",class:{ 'flex-row-reverse': _vm.rightToLeft},attrs:{"data-type":"creation","data-to":_vm.to}},[_c('message',{ref:"messageEl",staticClass:"invocation w-full transform -translate-y-1/2",attrs:{"content":_vm.signature,"rtl":_vm.rightToLeft,"type":"creation"}}),_c('div',{ref:"participantPlaceHolder",staticClass:"participant invisible right-0 flex flex-col justify-center flex-shrink-0"},[_c('div',{staticClass:"h-5 flex flex-col justify-center"},[_c('label',{staticClass:"name"},[_vm._v(_vm._s(_vm.to))])])])],1),_c('occurrence',{attrs:{"context":_vm.creation,"participant":_vm.to}}),(_vm.assignee)?_c('message',{staticClass:"return transform -translate-y-full",attrs:{"content":_vm.assignee,"rtl":!_vm.rightToLeft,"type":"return"}}):_vm._e()],1)}
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/creation/Creation.vue?vue&type=template&id=7e309664&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"interaction creation sync text-center transform",class:{ 'right-to-left':_vm.rightToLeft, '-translate-x-full': _vm.rightToLeft, 'highlight': _vm.isCurrent },style:({width: _vm.interactionWidth + 'px'}),attrs:{"data-signature":_vm.signature},on:{"click":function($event){$event.stopPropagation();return _vm.onClick($event)}}},[(_vm.comment)?_c('comment',{attrs:{"comment":_vm.comment}}):_vm._e(),_c('div',{ref:"messageContainer",staticClass:"message-container pointer-events-none flex items-center h-10",class:{ 'flex-row-reverse': _vm.rightToLeft},attrs:{"data-type":"creation","data-to":_vm.to}},[_c('message',{ref:"messageEl",staticClass:"invocation w-full transform -translate-y-1/2 pointer-events-auto",attrs:{"content":_vm.signature,"rtl":_vm.rightToLeft,"type":"creation"}}),_c('div',{ref:"participantPlaceHolder",staticClass:" invisible right-0 flex flex-col justify-center flex-shrink-0"},[_c('participant',{attrs:{"entity":{name: _vm.to}}})],1)],1),_c('occurrence',{staticClass:"pointer-events-auto",attrs:{"context":_vm.creation,"participant":_vm.to}}),(_vm.assignee)?_c('message',{staticClass:"return transform -translate-y-full pointer-events-auto",attrs:{"content":_vm.assignee,"rtl":!_vm.rightToLeft,"type":"return"}}):_vm._e()],1)}
 var staticRenderFns = []
 
 
@@ -1172,7 +1166,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 3908:
+/***/ 9790:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1185,7 +1179,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ LifeLine)
 });
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lifeline/LifeLine.vue?vue&type=template&id=789d2d6c&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lifeline/LifeLine.vue?vue&type=template&id=0460f788&scoped=true&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"lifeline absolute flex flex-col mx-2 transform -translate-x-1/2 h-full",class:{'mt-8': !_vm.inGroup},style:({'paddingTop': _vm.top + 'px', left: _vm.left + 'px'}),attrs:{"id":_vm.entity.name}},[_c('participant',{attrs:{"entity":_vm.entity}}),_c('div',{staticClass:"line w0 mx-auto flex-grow w-px"})],1)}
 var staticRenderFns = []
 
@@ -1194,10 +1188,10 @@ var staticRenderFns = []
 var LifeLinevue_type_script_lang_js_ = __webpack_require__(756);
 ;// CONCATENATED MODULE: ./src/components/lifeline/LifeLine.vue?vue&type=script&lang=js&
  /* harmony default export */ var lifeline_LifeLinevue_type_script_lang_js_ = (LifeLinevue_type_script_lang_js_/* default */.Z); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lifeline/LifeLine.vue?vue&type=style&index=0&id=789d2d6c&prod&scoped=true&lang=css&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lifeline/LifeLine.vue?vue&type=style&index=0&id=0460f788&prod&scoped=true&lang=css&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/lifeline/LifeLine.vue?vue&type=style&index=0&id=789d2d6c&prod&scoped=true&lang=css&
+;// CONCATENATED MODULE: ./src/components/lifeline/LifeLine.vue?vue&type=style&index=0&id=0460f788&prod&scoped=true&lang=css&
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -1216,7 +1210,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "789d2d6c",
+  "0460f788",
   null
   
 )
@@ -1272,7 +1266,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 3569:
+/***/ 7415:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1285,7 +1279,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ LifeLineLayer)
 });
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lifeline/LifeLineLayer.vue?vue&type=template&id=78968316&
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lifeline/LifeLineLayer.vue?vue&type=template&id=875c273a&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"life-line-layer absolute h-full",style:({'min-width': '200px'})},[(_vm.starterOnTheLeft)?_c('life-line',{staticClass:"starter",class:{invisible: _vm.invisibleStarter},attrs:{"entity":_vm.starterParticipant}}):_vm._e(),_vm._l((_vm.explicitGroupAndParticipants),function(child,index){return [(child instanceof _vm.GroupContext)?_c('life-line-group',{key:index,attrs:{"context":child}}):_vm._e(),(child instanceof _vm.ParticipantContext)?_c('life-line',{key:index,attrs:{"entity":_vm.getParticipantEntity(child)}}):_vm._e()]}),_vm._l((_vm.implicitParticipants),function(entity){return _c('life-line',{key:entity.name,attrs:{"entity":entity}})})],2)}
 var staticRenderFns = []
 
@@ -1319,7 +1313,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 2610:
+/***/ 7937:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1332,8 +1326,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ Participant)
 });
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lifeline/Participant.vue?vue&type=template&id=2c531bb2&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"participant",staticClass:"relative participant flex flex-col justify-center z-10 h-10",class:{'selected': _vm.selected, 'border-transparent': !!_vm.icon},style:({backgroundColor: _vm.backgroundColor, color: _vm.color}),attrs:{"data-no-override":"h-10"},on:{"click":_vm.onSelect}},[(!!_vm.icon)?_c('img',{staticClass:"absolute left-1/2 transform -translate-x-1/2 -translate-y-full h-8",attrs:{"src":_vm.icon,"alt":("icon for " + (_vm.entity.name))}}):_vm._e(),_c('div',{staticClass:"h-5 group flex flex-col justify-center"},[_c('span',{staticClass:"absolute hidden rounded-lg transform -translate-y-8 bg-gray-400 px-2 py-1 text-center text-sm text-white group-hover:flex"},[_vm._v(" "+_vm._s(_vm.comment)+" ")]),(_vm.stereotype)?_c('label',{staticClass:"interface"},[_vm._v("«"+_vm._s(_vm.stereotype)+"»")]):_vm._e(),_c('label',{staticClass:"name"},[_vm._v(_vm._s(_vm.entity.label || _vm.entity.name))])])])}
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/lifeline/Participant.vue?vue&type=template&id=45e3abbb&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"participant",staticClass:"participant relative flex flex-col justify-center z-10 h-10",class:{'selected': _vm.selected, 'border-transparent': !!_vm.icon},style:({backgroundColor: _vm.backgroundColor, color: _vm.color}),on:{"click":_vm.onSelect}},[(!!_vm.icon)?_c('img',{staticClass:"absolute left-1/2 transform -translate-x-1/2 -translate-y-full h-8",attrs:{"src":_vm.icon,"alt":("icon for " + (_vm.entity.name))}}):_vm._e(),_c('div',{staticClass:"h-5 group flex flex-col justify-center"},[(!!_vm.comment)?_c('span',{staticClass:"absolute hidden rounded-lg transform -translate-y-8 bg-gray-400 px-2 py-1 text-center text-sm text-white group-hover:flex"},[_vm._v(" "+_vm._s(_vm.comment)+" ")]):_vm._e(),(_vm.stereotype)?_c('label',{staticClass:"interface"},[_vm._v("«"+_vm._s(_vm.stereotype)+"»")]):_vm._e(),_c('label',{staticClass:"name"},[_vm._v(_vm._s(_vm.entity.label || _vm.entity.name))])])])}
 var staticRenderFns = []
 
 
@@ -1357,7 +1351,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "2c531bb2",
+  "45e3abbb",
   null
   
 )
@@ -25285,16 +25279,6 @@ __webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
 
-/***/ }),
-
-/***/ 9066:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
 /***/ }),
 
 /***/ 2253:
@@ -26337,26 +26321,26 @@ var _vue = _interopRequireDefault(__webpack_require__(3797));
 var _vuex = _interopRequireDefault(__webpack_require__(629));
 var _Store = _interopRequireDefault(__webpack_require__(7150));
 var _DiagramFrame = _interopRequireDefault(__webpack_require__(993));
+var _SeqDiagram = _interopRequireDefault(__webpack_require__(8669));
 __webpack_require__(1049);
 __webpack_require__(7077);
 __webpack_require__(2613);
 __webpack_require__(2253);
 __webpack_require__(9498);
 __webpack_require__(4511);
-__webpack_require__(9066);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const logger = _logger.default.child({
-  component: 'core'
+  name: 'core'
 });
 _vue.default.use(_vuex.default);
 class ZenUml {
-  constructor(el) {
+  constructor(el, naked = false) {
     this.el = el;
     this.store = (0, _Store.default)();
     this.app = new _vue.default({
       el: this.el,
       store: new _vuex.default.Store(this.store),
-      render: h => h(_DiagramFrame.default)
+      render: h => h(naked ? _SeqDiagram.default : _DiagramFrame.default)
     });
   }
   render(code, theme) {
@@ -26395,14 +26379,35 @@ Object.defineProperty(exports, "__esModule", ({
 exports["default"] = void 0;
 var _pino = _interopRequireDefault(__webpack_require__(6559));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * What do we get from 'pino'?
+ * - log level. The level is used in the prettify function to determine which log is printed to the console.
+ * - `child` method to create a child logger with a given name. The name is added to the log message with the prettify function.
+ */
 const logger = (0, _pino.default)({
-  level: 'debug',
-  browser: {
-    asObject: true,
-    serialize: true
-  }
+  level: 'warn'
 });
-var _default = logger;
+const LEVELS = ['log', 'trace', 'debug', 'info', 'warn', 'error'];
+function bind(logger, level) {
+  // @ts-ignore
+  logger[level] = (console[level] || console['log']).bind(console);
+}
+function bind2(logger, level, args) {
+  // @ts-ignore
+  logger[level] = (console[level] || console['log']).bind(console, args[0], args[1]);
+}
+function prettify(logger) {
+  LEVELS.forEach(level => bind(logger, level));
+  const childFn = logger.child;
+  logger.child = function (opts) {
+    const child = childFn.call(logger, opts);
+    LEVELS.forEach(level => bind2(child, level, ["%c" + opts.name || 0, 'color: #00f']));
+    return child;
+  };
+  return logger;
+}
+let rootLogger = prettify(logger);
+var _default = rootLogger;
 exports["default"] = _default;
 
 /***/ }),
@@ -27454,7 +27459,7 @@ Object.defineProperty(exports, "X", ({
   value: true
 }));
 exports.Z = void 0;
-var _Statement = _interopRequireDefault(__webpack_require__(4036));
+var _Statement = _interopRequireDefault(__webpack_require__(8884));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //
 //
@@ -27576,7 +27581,7 @@ exports.Z = void 0;
 //
 //
 
-const commitHash = "eacdbf6";
+const commitHash = "16dd97c";
 const gitBranch = "main";
 var _default = {
   name: "Debug",
@@ -27609,7 +27614,7 @@ exports.Z = void 0;
 var _vuex = __webpack_require__(629);
 var _Privacy = _interopRequireDefault(__webpack_require__(1933));
 var _DiagramTitle = _interopRequireDefault(__webpack_require__(4407));
-var _SeqDiagram = _interopRequireDefault(__webpack_require__(4586));
+var _SeqDiagram = _interopRequireDefault(__webpack_require__(8669));
 var _TipsDialog = _interopRequireDefault(__webpack_require__(3152));
 var _WidthProvider = _interopRequireDefault(__webpack_require__(7649));
 var htmlToImage = _interopRequireWildcard(__webpack_require__(6293));
@@ -28308,7 +28313,7 @@ Object.defineProperty(exports, "X", ({
   value: true
 }));
 exports.Z = void 0;
-var _Point = _interopRequireDefault(__webpack_require__(4431));
+var _Point = _interopRequireDefault(__webpack_require__(5668));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //
 //
@@ -28641,8 +28646,6 @@ exports.Z = void 0;
 //
 //
 //
-//
-//
 var _default = {
   name: 'self-invocation',
   props: ['content', 'assignee']
@@ -28661,7 +28664,7 @@ Object.defineProperty(exports, "X", ({
   value: true
 }));
 exports.Z = void 0;
-var _LifeLineLayer = _interopRequireDefault(__webpack_require__(3569));
+var _LifeLineLayer = _interopRequireDefault(__webpack_require__(7415));
 var _MessageLayer = _interopRequireDefault(__webpack_require__(2509));
 var _vuex = __webpack_require__(629);
 var _parser = __webpack_require__(2374);
@@ -28674,6 +28677,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
+//
 var _default = {
   name: 'seq-diagram',
   components: {
@@ -28707,7 +28711,7 @@ Object.defineProperty(exports, "X", ({
   value: true
 }));
 exports.Z = void 0;
-var _Creation = _interopRequireDefault(__webpack_require__(3051));
+var _Creation = _interopRequireDefault(__webpack_require__(4521));
 var _Interaction = _interopRequireDefault(__webpack_require__(5560));
 var _InteractionAsync = _interopRequireDefault(__webpack_require__(1496));
 var _FragmentAlt = _interopRequireDefault(__webpack_require__(4241));
@@ -28725,6 +28729,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
+//
+//
 var _default = {
   name: 'statement',
   props: ['context', 'selfCallIndent'],
@@ -28783,6 +28789,7 @@ var _Comment = _interopRequireDefault(__webpack_require__(6091));
 var _Message = _interopRequireDefault(__webpack_require__(4191));
 var _Occurrence = _interopRequireDefault(__webpack_require__(9189));
 var _CodeRange = __webpack_require__(363);
+var _Participant = _interopRequireDefault(__webpack_require__(7937));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //
 //
@@ -28809,12 +28816,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
-//
-//
-//
 
 const logger = _logger.default.child({
-  component: 'Creation'
+  name: 'Creation'
 });
 var _default = {
   name: 'creation',
@@ -28857,7 +28861,7 @@ var _default = {
   },
   mounted() {
     this.layoutMessageContainer();
-    logger.debug(`mounted for ${this.to}`);
+    logger.log(`mounted for ${this.to}`);
   },
   updated() {
     this.layoutMessageContainer();
@@ -28882,6 +28886,7 @@ var _default = {
     }
   },
   components: {
+    Participant: _Participant.default,
     Comment: _Comment.default,
     Occurrence: _Occurrence.default,
     Message: _Message.default
@@ -28905,7 +28910,7 @@ var _Comment = _interopRequireDefault(__webpack_require__(6091));
 var _Occurrence = _interopRequireDefault(__webpack_require__(9189));
 var _Message = _interopRequireDefault(__webpack_require__(4191));
 var _vuex = __webpack_require__(629);
-var _SelfInvocation = _interopRequireDefault(__webpack_require__(9122));
+var _SelfInvocation = _interopRequireDefault(__webpack_require__(6276));
 var _CodeRange = __webpack_require__(363);
 var _parser = __webpack_require__(2374);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -29047,7 +29052,7 @@ Object.defineProperty(exports, "X", ({
 exports.Z = void 0;
 var _logger = _interopRequireDefault(__webpack_require__(3416));
 var _vuex = __webpack_require__(629);
-var _Participant = _interopRequireDefault(__webpack_require__(2610));
+var _Participant = _interopRequireDefault(__webpack_require__(7937));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //
 //
@@ -29061,7 +29066,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 
 const logger = _logger.default.child({
-  component: 'LifeLine'
+  name: 'LifeLine'
 });
 var _default = {
   name: 'life-line',
@@ -29130,7 +29135,7 @@ Object.defineProperty(exports, "X", ({
 }));
 exports.Z = void 0;
 var _parser = __webpack_require__(2374);
-var _LifeLine = _interopRequireDefault(__webpack_require__(3908));
+var _LifeLine = _interopRequireDefault(__webpack_require__(9790));
 var _vuex = __webpack_require__(629);
 var _WidthProviderFunc = _interopRequireDefault(__webpack_require__(5831));
 var _Coordinate = __webpack_require__(9412);
@@ -29203,7 +29208,7 @@ exports.Z = void 0;
 var _logger = _interopRequireDefault(__webpack_require__(3416));
 var _index = __webpack_require__(2374);
 var _vuex = __webpack_require__(629);
-var _LifeLine = _interopRequireDefault(__webpack_require__(3908));
+var _LifeLine = _interopRequireDefault(__webpack_require__(9790));
 var _LifeLineGroup = _interopRequireDefault(__webpack_require__(5043));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //
@@ -29228,7 +29233,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 
 const logger = _logger.default.child({
-  component: 'LifeLineLayer'
+  name: 'LifeLineLayer'
 });
 var _default = {
   name: 'life-line-layer',
@@ -29306,9 +29311,6 @@ var _Color = __webpack_require__(7271);
 //
 //
 //
-//
-//
-//
 
 const iconPath = {
   actor: __webpack_require__(4347),