@zenuml/core 2.0.4 → 2.0.6

package/dist/zenuml/core.umd.js

@@ -770,7 +770,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 8655:
+/***/ 7669:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -783,8 +783,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 = []
 
 
@@ -792,10 +792,10 @@ var staticRenderFns = []
 var Pointvue_type_script_lang_js_ = __webpack_require__(6702);
 ;// 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-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.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-54.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-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.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-54.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);
@@ -814,7 +814,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "08af3d3e",
+  "094e5b26",
   null
   
 )
@@ -923,7 +923,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 5816:
+/***/ 1731:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -936,8 +936,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 = []
 
 
@@ -945,29 +945,23 @@ var staticRenderFns = []
 var SelfInvocationvue_type_script_lang_js_ = __webpack_require__(6822);
 ;// 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-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.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-54.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
   
 )
@@ -976,7 +970,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 4323:
+/***/ 2442:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -989,8 +983,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 = []
 
 
@@ -998,10 +992,10 @@ var staticRenderFns = []
 var SeqDiagramvue_type_script_lang_js_ = __webpack_require__(7125);
 ;// 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-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.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-54.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-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.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-54.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);
@@ -1029,7 +1023,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6753:
+/***/ 3147:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1042,8 +1036,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 = []
 
 
@@ -1051,10 +1045,10 @@ var staticRenderFns = []
 var Statementvue_type_script_lang_js_ = __webpack_require__(3234);
 ;// 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-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.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-54.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-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.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-54.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);
@@ -1082,7 +1076,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 5188:
+/***/ 4592:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1095,8 +1089,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 = []
 
 
@@ -1182,7 +1176,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 7479:
+/***/ 5236:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1195,7 +1189,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 = []
 
@@ -1204,10 +1198,10 @@ var staticRenderFns = []
 var LifeLinevue_type_script_lang_js_ = __webpack_require__(866);
 ;// 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-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.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-54.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-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.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-54.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);
@@ -1226,7 +1220,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "789d2d6c",
+  "0460f788",
   null
   
 )
@@ -1282,7 +1276,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6780:
+/***/ 9659:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1295,7 +1289,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 = []
 
@@ -1329,7 +1323,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6078:
+/***/ 9491:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1342,8 +1336,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 = []
 
 
@@ -1367,7 +1361,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "2c531bb2",
+  "45e3abbb",
   null
   
 )
@@ -25295,16 +25289,6 @@ __webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
 
-/***/ }),
-
-/***/ 9943:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
 /***/ }),
 
 /***/ 6279:
@@ -26347,26 +26331,26 @@ var _vue = _interopRequireDefault(__webpack_require__(7203));
 var _vuex = _interopRequireDefault(__webpack_require__(629));
 var _Store = _interopRequireDefault(__webpack_require__(8626));
 var _DiagramFrame = _interopRequireDefault(__webpack_require__(3252));
+var _SeqDiagram = _interopRequireDefault(__webpack_require__(2442));
 __webpack_require__(2690);
 __webpack_require__(9666);
 __webpack_require__(4184);
 __webpack_require__(6279);
 __webpack_require__(1014);
 __webpack_require__(2490);
-__webpack_require__(9943);
 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) {
@@ -26405,14 +26389,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;
 
 /***/ }),
@@ -27464,7 +27469,7 @@ Object.defineProperty(exports, "X", ({
   value: true
 }));
 exports.Z = void 0;
-var _Statement = _interopRequireDefault(__webpack_require__(6753));
+var _Statement = _interopRequireDefault(__webpack_require__(3147));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //
 //
@@ -27586,7 +27591,7 @@ exports.Z = void 0;
 //
 //
 
-const commitHash = "eacdbf6";
+const commitHash = "16dd97c";
 const gitBranch = "main";
 var _default = {
   name: "Debug",
@@ -27619,7 +27624,7 @@ exports.Z = void 0;
 var _vuex = __webpack_require__(629);
 var _Privacy = _interopRequireDefault(__webpack_require__(7150));
 var _DiagramTitle = _interopRequireDefault(__webpack_require__(4703));
-var _SeqDiagram = _interopRequireDefault(__webpack_require__(4323));
+var _SeqDiagram = _interopRequireDefault(__webpack_require__(2442));
 var _TipsDialog = _interopRequireDefault(__webpack_require__(4362));
 var _WidthProvider = _interopRequireDefault(__webpack_require__(3883));
 var htmlToImage = _interopRequireWildcard(__webpack_require__(6293));
@@ -28318,7 +28323,7 @@ Object.defineProperty(exports, "X", ({
   value: true
 }));
 exports.Z = void 0;
-var _Point = _interopRequireDefault(__webpack_require__(8655));
+var _Point = _interopRequireDefault(__webpack_require__(7669));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //
 //
@@ -28651,8 +28656,6 @@ exports.Z = void 0;
 //
 //
 //
-//
-//
 var _default = {
   name: 'self-invocation',
   props: ['content', 'assignee']
@@ -28671,7 +28674,7 @@ Object.defineProperty(exports, "X", ({
   value: true
 }));
 exports.Z = void 0;
-var _LifeLineLayer = _interopRequireDefault(__webpack_require__(6780));
+var _LifeLineLayer = _interopRequireDefault(__webpack_require__(9659));
 var _MessageLayer = _interopRequireDefault(__webpack_require__(2028));
 var _vuex = __webpack_require__(629);
 var _parser = __webpack_require__(6121);
@@ -28684,6 +28687,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
+//
 var _default = {
   name: 'seq-diagram',
   components: {
@@ -28717,7 +28721,7 @@ Object.defineProperty(exports, "X", ({
   value: true
 }));
 exports.Z = void 0;
-var _Creation = _interopRequireDefault(__webpack_require__(5188));
+var _Creation = _interopRequireDefault(__webpack_require__(4592));
 var _Interaction = _interopRequireDefault(__webpack_require__(7680));
 var _InteractionAsync = _interopRequireDefault(__webpack_require__(3645));
 var _FragmentAlt = _interopRequireDefault(__webpack_require__(2226));
@@ -28735,6 +28739,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
+//
+//
 var _default = {
   name: 'statement',
   props: ['context', 'selfCallIndent'],
@@ -28793,6 +28799,7 @@ var _Comment = _interopRequireDefault(__webpack_require__(8340));
 var _Message = _interopRequireDefault(__webpack_require__(6334));
 var _Occurrence = _interopRequireDefault(__webpack_require__(1546));
 var _CodeRange = __webpack_require__(490);
+var _Participant = _interopRequireDefault(__webpack_require__(9491));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //
 //
@@ -28819,12 +28826,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
-//
-//
-//
 
 const logger = _logger.default.child({
-  component: 'Creation'
+  name: 'Creation'
 });
 var _default = {
   name: 'creation',
@@ -28867,7 +28871,7 @@ var _default = {
   },
   mounted() {
     this.layoutMessageContainer();
-    logger.debug(`mounted for ${this.to}`);
+    logger.log(`mounted for ${this.to}`);
   },
   updated() {
     this.layoutMessageContainer();
@@ -28892,6 +28896,7 @@ var _default = {
     }
   },
   components: {
+    Participant: _Participant.default,
     Comment: _Comment.default,
     Occurrence: _Occurrence.default,
     Message: _Message.default
@@ -28915,7 +28920,7 @@ var _Comment = _interopRequireDefault(__webpack_require__(8340));
 var _Occurrence = _interopRequireDefault(__webpack_require__(1546));
 var _Message = _interopRequireDefault(__webpack_require__(6334));
 var _vuex = __webpack_require__(629);
-var _SelfInvocation = _interopRequireDefault(__webpack_require__(5816));
+var _SelfInvocation = _interopRequireDefault(__webpack_require__(1731));
 var _CodeRange = __webpack_require__(490);
 var _parser = __webpack_require__(6121);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -29057,7 +29062,7 @@ Object.defineProperty(exports, "X", ({
 exports.Z = void 0;
 var _logger = _interopRequireDefault(__webpack_require__(6));
 var _vuex = __webpack_require__(629);
-var _Participant = _interopRequireDefault(__webpack_require__(6078));
+var _Participant = _interopRequireDefault(__webpack_require__(9491));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //
 //
@@ -29071,7 +29076,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 
 const logger = _logger.default.child({
-  component: 'LifeLine'
+  name: 'LifeLine'
 });
 var _default = {
   name: 'life-line',
@@ -29140,7 +29145,7 @@ Object.defineProperty(exports, "X", ({
 }));
 exports.Z = void 0;
 var _parser = __webpack_require__(6121);
-var _LifeLine = _interopRequireDefault(__webpack_require__(7479));
+var _LifeLine = _interopRequireDefault(__webpack_require__(5236));
 var _vuex = __webpack_require__(629);
 var _WidthProviderFunc = _interopRequireDefault(__webpack_require__(3693));
 var _Coordinate = __webpack_require__(8507);
@@ -29213,7 +29218,7 @@ exports.Z = void 0;
 var _logger = _interopRequireDefault(__webpack_require__(6));
 var _index = __webpack_require__(6121);
 var _vuex = __webpack_require__(629);
-var _LifeLine = _interopRequireDefault(__webpack_require__(7479));
+var _LifeLine = _interopRequireDefault(__webpack_require__(5236));
 var _LifeLineGroup = _interopRequireDefault(__webpack_require__(4063));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //
@@ -29238,7 +29243,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',
@@ -29316,9 +29321,6 @@ var _Color = __webpack_require__(660);
 //
 //
 //
-//
-//
-//
 
 const iconPath = {
   actor: __webpack_require__(4347),