@readme/markdown 9.3.0 → 9.3.2

package/dist/881.node.js

@@ -3,83 +3,130 @@ exports.id = 881;
 exports.ids = [881];
 exports.modules = {
 
-/***/ 8881:
+/***/ 9881:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   diagram: () => (/* binding */ diagram)
 /* harmony export */ });
-/* harmony import */ var _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6322);
-/* harmony import */ var d3__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8066);
-/* harmony import */ var khroma__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5099);
-/* harmony import */ var khroma__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7470);
-/* harmony import */ var khroma__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8750);
+/* harmony import */ var _chunk_C3MQ5ANM_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6499);
+/* harmony import */ var _chunk_O4NI6UNU_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8430);
+/* harmony import */ var _chunk_7B677QYD_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3113);
+/* harmony import */ var _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3804);
+/* harmony import */ var d3__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8066);
 
 
-// src/diagrams/timeline/parser/timeline.jison
+
+
+
+// src/diagrams/xychart/parser/xychart.jison
 var parser = function() {
-  var o = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(k, v, o2, l) {
+  var o = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;
     return o2;
-  }, "o"), $V0 = [6, 8, 10, 11, 12, 14, 16, 17, 20, 21], $V1 = [1, 9], $V2 = [1, 10], $V3 = [1, 11], $V4 = [1, 12], $V5 = [1, 13], $V6 = [1, 16], $V7 = [1, 17];
+  }, "o"), $V0 = [1, 10, 12, 14, 16, 18, 19, 21, 23], $V1 = [2, 6], $V2 = [1, 3], $V3 = [1, 5], $V4 = [1, 6], $V5 = [1, 7], $V6 = [1, 5, 10, 12, 14, 16, 18, 19, 21, 23, 34, 35, 36], $V7 = [1, 25], $V8 = [1, 26], $V9 = [1, 28], $Va = [1, 29], $Vb = [1, 30], $Vc = [1, 31], $Vd = [1, 32], $Ve = [1, 33], $Vf = [1, 34], $Vg = [1, 35], $Vh = [1, 36], $Vi = [1, 37], $Vj = [1, 43], $Vk = [1, 42], $Vl = [1, 47], $Vm = [1, 50], $Vn = [1, 10, 12, 14, 16, 18, 19, 21, 23, 34, 35, 36], $Vo = [1, 10, 12, 14, 16, 18, 19, 21, 23, 24, 26, 27, 28, 34, 35, 36], $Vp = [1, 10, 12, 14, 16, 18, 19, 21, 23, 24, 26, 27, 28, 34, 35, 36, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50], $Vq = [1, 64];
   var parser2 = {
-    trace: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function trace() {
+    trace: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function trace() {
     }, "trace"),
     yy: {},
-    symbols_: { "error": 2, "start": 3, "timeline": 4, "document": 5, "EOF": 6, "line": 7, "SPACE": 8, "statement": 9, "NEWLINE": 10, "title": 11, "acc_title": 12, "acc_title_value": 13, "acc_descr": 14, "acc_descr_value": 15, "acc_descr_multiline_value": 16, "section": 17, "period_statement": 18, "event_statement": 19, "period": 20, "event": 21, "$accept": 0, "$end": 1 },
-    terminals_: { 2: "error", 4: "timeline", 6: "EOF", 8: "SPACE", 10: "NEWLINE", 11: "title", 12: "acc_title", 13: "acc_title_value", 14: "acc_descr", 15: "acc_descr_value", 16: "acc_descr_multiline_value", 17: "section", 20: "period", 21: "event" },
-    productions_: [0, [3, 3], [5, 0], [5, 2], [7, 2], [7, 1], [7, 1], [7, 1], [9, 1], [9, 2], [9, 2], [9, 1], [9, 1], [9, 1], [9, 1], [18, 1], [19, 1]],
-    performAction: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function anonymous(yytext, yyleng, yylineno, yy, yystate, $$, _$) {
+    symbols_: { "error": 2, "start": 3, "eol": 4, "XYCHART": 5, "chartConfig": 6, "document": 7, "CHART_ORIENTATION": 8, "statement": 9, "title": 10, "text": 11, "X_AXIS": 12, "parseXAxis": 13, "Y_AXIS": 14, "parseYAxis": 15, "LINE": 16, "plotData": 17, "BAR": 18, "acc_title": 19, "acc_title_value": 20, "acc_descr": 21, "acc_descr_value": 22, "acc_descr_multiline_value": 23, "SQUARE_BRACES_START": 24, "commaSeparatedNumbers": 25, "SQUARE_BRACES_END": 26, "NUMBER_WITH_DECIMAL": 27, "COMMA": 28, "xAxisData": 29, "bandData": 30, "ARROW_DELIMITER": 31, "commaSeparatedTexts": 32, "yAxisData": 33, "NEWLINE": 34, "SEMI": 35, "EOF": 36, "alphaNum": 37, "STR": 38, "MD_STR": 39, "alphaNumToken": 40, "AMP": 41, "NUM": 42, "ALPHA": 43, "PLUS": 44, "EQUALS": 45, "MULT": 46, "DOT": 47, "BRKT": 48, "MINUS": 49, "UNDERSCORE": 50, "$accept": 0, "$end": 1 },
+    terminals_: { 2: "error", 5: "XYCHART", 8: "CHART_ORIENTATION", 10: "title", 12: "X_AXIS", 14: "Y_AXIS", 16: "LINE", 18: "BAR", 19: "acc_title", 20: "acc_title_value", 21: "acc_descr", 22: "acc_descr_value", 23: "acc_descr_multiline_value", 24: "SQUARE_BRACES_START", 26: "SQUARE_BRACES_END", 27: "NUMBER_WITH_DECIMAL", 28: "COMMA", 31: "ARROW_DELIMITER", 34: "NEWLINE", 35: "SEMI", 36: "EOF", 38: "STR", 39: "MD_STR", 41: "AMP", 42: "NUM", 43: "ALPHA", 44: "PLUS", 45: "EQUALS", 46: "MULT", 47: "DOT", 48: "BRKT", 49: "MINUS", 50: "UNDERSCORE" },
+    productions_: [0, [3, 2], [3, 3], [3, 2], [3, 1], [6, 1], [7, 0], [7, 2], [9, 2], [9, 2], [9, 2], [9, 2], [9, 2], [9, 3], [9, 2], [9, 3], [9, 2], [9, 2], [9, 1], [17, 3], [25, 3], [25, 1], [13, 1], [13, 2], [13, 1], [29, 1], [29, 3], [30, 3], [32, 3], [32, 1], [15, 1], [15, 2], [15, 1], [33, 3], [4, 1], [4, 1], [4, 1], [11, 1], [11, 1], [11, 1], [37, 1], [37, 2], [40, 1], [40, 1], [40, 1], [40, 1], [40, 1], [40, 1], [40, 1], [40, 1], [40, 1], [40, 1]],
+    performAction: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function anonymous(yytext, yyleng, yylineno, yy, yystate, $$, _$) {
       var $0 = $$.length - 1;
       switch (yystate) {
-        case 1:
-          return $$[$0 - 1];
+        case 5:
+          yy.setOrientation($$[$0]);
           break;
-        case 2:
-          this.$ = [];
+        case 9:
+          yy.setDiagramTitle($$[$0].text.trim());
           break;
-        case 3:
-          $$[$0 - 1].push($$[$0]);
-          this.$ = $$[$0 - 1];
+        case 12:
+          yy.setLineData({ text: "", type: "text" }, $$[$0]);
           break;
-        case 4:
-        case 5:
-          this.$ = $$[$0];
+        case 13:
+          yy.setLineData($$[$0 - 1], $$[$0]);
           break;
-        case 6:
-        case 7:
-          this.$ = [];
+        case 14:
+          yy.setBarData({ text: "", type: "text" }, $$[$0]);
           break;
-        case 8:
-          yy.getCommonDb().setDiagramTitle($$[$0].substr(6));
-          this.$ = $$[$0].substr(6);
+        case 15:
+          yy.setBarData($$[$0 - 1], $$[$0]);
           break;
-        case 9:
+        case 16:
           this.$ = $$[$0].trim();
-          yy.getCommonDb().setAccTitle(this.$);
+          yy.setAccTitle(this.$);
           break;
-        case 10:
-        case 11:
+        case 17:
+        case 18:
           this.$ = $$[$0].trim();
-          yy.getCommonDb().setAccDescription(this.$);
+          yy.setAccDescription(this.$);
           break;
-        case 12:
-          yy.addSection($$[$0].substr(8));
-          this.$ = $$[$0].substr(8);
+        case 19:
+          this.$ = $$[$0 - 1];
           break;
-        case 15:
-          yy.addTask($$[$0], 0, "");
-          this.$ = $$[$0];
+        case 20:
+          this.$ = [Number($$[$0 - 2]), ...$$[$0]];
           break;
-        case 16:
-          yy.addEvent($$[$0].substr(2));
+        case 21:
+          this.$ = [Number($$[$0])];
+          break;
+        case 22:
+          yy.setXAxisTitle($$[$0]);
+          break;
+        case 23:
+          yy.setXAxisTitle($$[$0 - 1]);
+          break;
+        case 24:
+          yy.setXAxisTitle({ type: "text", text: "" });
+          break;
+        case 25:
+          yy.setXAxisBand($$[$0]);
+          break;
+        case 26:
+          yy.setXAxisRangeData(Number($$[$0 - 2]), Number($$[$0]));
+          break;
+        case 27:
+          this.$ = $$[$0 - 1];
+          break;
+        case 28:
+          this.$ = [$$[$0 - 2], ...$$[$0]];
+          break;
+        case 29:
+          this.$ = [$$[$0]];
+          break;
+        case 30:
+          yy.setYAxisTitle($$[$0]);
+          break;
+        case 31:
+          yy.setYAxisTitle($$[$0 - 1]);
+          break;
+        case 32:
+          yy.setYAxisTitle({ type: "text", text: "" });
+          break;
+        case 33:
+          yy.setYAxisRangeData(Number($$[$0 - 2]), Number($$[$0]));
+          break;
+        case 37:
+          this.$ = { text: $$[$0], type: "text" };
+          break;
+        case 38:
+          this.$ = { text: $$[$0], type: "text" };
+          break;
+        case 39:
+          this.$ = { text: $$[$0], type: "markdown" };
+          break;
+        case 40:
           this.$ = $$[$0];
           break;
+        case 41:
+          this.$ = $$[$0 - 1] + "" + $$[$0];
+          break;
       }
     }, "anonymous"),
-    table: [{ 3: 1, 4: [1, 2] }, { 1: [3] }, o($V0, [2, 2], { 5: 3 }), { 6: [1, 4], 7: 5, 8: [1, 6], 9: 7, 10: [1, 8], 11: $V1, 12: $V2, 14: $V3, 16: $V4, 17: $V5, 18: 14, 19: 15, 20: $V6, 21: $V7 }, o($V0, [2, 7], { 1: [2, 1] }), o($V0, [2, 3]), { 9: 18, 11: $V1, 12: $V2, 14: $V3, 16: $V4, 17: $V5, 18: 14, 19: 15, 20: $V6, 21: $V7 }, o($V0, [2, 5]), o($V0, [2, 6]), o($V0, [2, 8]), { 13: [1, 19] }, { 15: [1, 20] }, o($V0, [2, 11]), o($V0, [2, 12]), o($V0, [2, 13]), o($V0, [2, 14]), o($V0, [2, 15]), o($V0, [2, 16]), o($V0, [2, 4]), o($V0, [2, 9]), o($V0, [2, 10])],
-    defaultActions: {},
-    parseError: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function parseError(str, hash) {
+    table: [o($V0, $V1, { 3: 1, 4: 2, 7: 4, 5: $V2, 34: $V3, 35: $V4, 36: $V5 }), { 1: [3] }, o($V0, $V1, { 4: 2, 7: 4, 3: 8, 5: $V2, 34: $V3, 35: $V4, 36: $V5 }), o($V0, $V1, { 4: 2, 7: 4, 6: 9, 3: 10, 5: $V2, 8: [1, 11], 34: $V3, 35: $V4, 36: $V5 }), { 1: [2, 4], 9: 12, 10: [1, 13], 12: [1, 14], 14: [1, 15], 16: [1, 16], 18: [1, 17], 19: [1, 18], 21: [1, 19], 23: [1, 20] }, o($V6, [2, 34]), o($V6, [2, 35]), o($V6, [2, 36]), { 1: [2, 1] }, o($V0, $V1, { 4: 2, 7: 4, 3: 21, 5: $V2, 34: $V3, 35: $V4, 36: $V5 }), { 1: [2, 3] }, o($V6, [2, 5]), o($V0, [2, 7], { 4: 22, 34: $V3, 35: $V4, 36: $V5 }), { 11: 23, 37: 24, 38: $V7, 39: $V8, 40: 27, 41: $V9, 42: $Va, 43: $Vb, 44: $Vc, 45: $Vd, 46: $Ve, 47: $Vf, 48: $Vg, 49: $Vh, 50: $Vi }, { 11: 39, 13: 38, 24: $Vj, 27: $Vk, 29: 40, 30: 41, 37: 24, 38: $V7, 39: $V8, 40: 27, 41: $V9, 42: $Va, 43: $Vb, 44: $Vc, 45: $Vd, 46: $Ve, 47: $Vf, 48: $Vg, 49: $Vh, 50: $Vi }, { 11: 45, 15: 44, 27: $Vl, 33: 46, 37: 24, 38: $V7, 39: $V8, 40: 27, 41: $V9, 42: $Va, 43: $Vb, 44: $Vc, 45: $Vd, 46: $Ve, 47: $Vf, 48: $Vg, 49: $Vh, 50: $Vi }, { 11: 49, 17: 48, 24: $Vm, 37: 24, 38: $V7, 39: $V8, 40: 27, 41: $V9, 42: $Va, 43: $Vb, 44: $Vc, 45: $Vd, 46: $Ve, 47: $Vf, 48: $Vg, 49: $Vh, 50: $Vi }, { 11: 52, 17: 51, 24: $Vm, 37: 24, 38: $V7, 39: $V8, 40: 27, 41: $V9, 42: $Va, 43: $Vb, 44: $Vc, 45: $Vd, 46: $Ve, 47: $Vf, 48: $Vg, 49: $Vh, 50: $Vi }, { 20: [1, 53] }, { 22: [1, 54] }, o($Vn, [2, 18]), { 1: [2, 2] }, o($Vn, [2, 8]), o($Vn, [2, 9]), o($Vo, [2, 37], { 40: 55, 41: $V9, 42: $Va, 43: $Vb, 44: $Vc, 45: $Vd, 46: $Ve, 47: $Vf, 48: $Vg, 49: $Vh, 50: $Vi }), o($Vo, [2, 38]), o($Vo, [2, 39]), o($Vp, [2, 40]), o($Vp, [2, 42]), o($Vp, [2, 43]), o($Vp, [2, 44]), o($Vp, [2, 45]), o($Vp, [2, 46]), o($Vp, [2, 47]), o($Vp, [2, 48]), o($Vp, [2, 49]), o($Vp, [2, 50]), o($Vp, [2, 51]), o($Vn, [2, 10]), o($Vn, [2, 22], { 30: 41, 29: 56, 24: $Vj, 27: $Vk }), o($Vn, [2, 24]), o($Vn, [2, 25]), { 31: [1, 57] }, { 11: 59, 32: 58, 37: 24, 38: $V7, 39: $V8, 40: 27, 41: $V9, 42: $Va, 43: $Vb, 44: $Vc, 45: $Vd, 46: $Ve, 47: $Vf, 48: $Vg, 49: $Vh, 50: $Vi }, o($Vn, [2, 11]), o($Vn, [2, 30], { 33: 60, 27: $Vl }), o($Vn, [2, 32]), { 31: [1, 61] }, o($Vn, [2, 12]), { 17: 62, 24: $Vm }, { 25: 63, 27: $Vq }, o($Vn, [2, 14]), { 17: 65, 24: $Vm }, o($Vn, [2, 16]), o($Vn, [2, 17]), o($Vp, [2, 41]), o($Vn, [2, 23]), { 27: [1, 66] }, { 26: [1, 67] }, { 26: [2, 29], 28: [1, 68] }, o($Vn, [2, 31]), { 27: [1, 69] }, o($Vn, [2, 13]), { 26: [1, 70] }, { 26: [2, 21], 28: [1, 71] }, o($Vn, [2, 15]), o($Vn, [2, 26]), o($Vn, [2, 27]), { 11: 59, 32: 72, 37: 24, 38: $V7, 39: $V8, 40: 27, 41: $V9, 42: $Va, 43: $Vb, 44: $Vc, 45: $Vd, 46: $Ve, 47: $Vf, 48: $Vg, 49: $Vh, 50: $Vi }, o($Vn, [2, 33]), o($Vn, [2, 19]), { 25: 73, 27: $Vq }, { 26: [2, 28] }, { 26: [2, 20] }],
+    defaultActions: { 8: [2, 1], 10: [2, 3], 21: [2, 2], 72: [2, 28], 73: [2, 20] },
+    parseError: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function parseError(str, hash) {
       if (hash.recoverable) {
         this.trace(str);
       } else {
@@ -88,7 +135,7 @@ var parser = function() {
         throw error;
       }
     }, "parseError"),
-    parse: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function parse(input) {
+    parse: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function parse(input) {
       var self = this, stack = [0], tstack = [], vstack = [null], lstack = [], table = this.table, yytext = "", yylineno = 0, yyleng = 0, recovering = 0, TERROR = 2, EOF = 1;
       var args = lstack.slice.call(arguments, 1);
       var lexer2 = Object.create(this.lexer);
@@ -117,7 +164,7 @@ var parser = function() {
         vstack.length = vstack.length - n;
         lstack.length = lstack.length - n;
       }
-      (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(popStack, "popStack");
+      (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(popStack, "popStack");
       function lex() {
         var token;
         token = tstack.pop() || lexer2.lex() || EOF;
@@ -130,7 +177,7 @@ var parser = function() {
         }
         return token;
       }
-      (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(lex, "lex");
+      (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(lex, "lex");
       var symbol, preErrorSymbol, state, action, a, r, yyval = {}, p, len, newState, expected;
       while (true) {
         state = stack[stack.length - 1];
@@ -234,7 +281,7 @@ var parser = function() {
   var lexer = /* @__PURE__ */ function() {
     var lexer2 = {
       EOF: 1,
-      parseError: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function parseError(str, hash) {
+      parseError: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function parseError(str, hash) {
         if (this.yy.parser) {
           this.yy.parser.parseError(str, hash);
         } else {
@@ -242,7 +289,7 @@ var parser = function() {
         }
       }, "parseError"),
       // resets the lexer, sets new input
-      setInput: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(input, yy) {
+      setInput: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function(input, yy) {
         this.yy = yy || this.yy || {};
         this._input = input;
         this._more = this._backtrack = this.done = false;
@@ -262,7 +309,7 @@ var parser = function() {
         return this;
       }, "setInput"),
       // consumes and returns one char from the input
-      input: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
+      input: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function() {
         var ch = this._input[0];
         this.yytext += ch;
         this.yyleng++;
@@ -283,7 +330,7 @@ var parser = function() {
         return ch;
       }, "input"),
       // unshifts one char (or a string) into the input
-      unput: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(ch) {
+      unput: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function(ch) {
         var len = ch.length;
         var lines = ch.split(/(?:\r\n?|\n)/g);
         this._input = ch + this._input;
@@ -309,12 +356,12 @@ var parser = function() {
         return this;
       }, "unput"),
       // When called from action, caches matched text and appends it on next action
-      more: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
+      more: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function() {
         this._more = true;
         return this;
       }, "more"),
       // When called from action, signals the lexer that this rule fails to match the input, so the next matching rule (regex) should be tested instead.
-      reject: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
+      reject: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function() {
         if (this.options.backtrack_lexer) {
           this._backtrack = true;
         } else {
@@ -327,16 +374,16 @@ var parser = function() {
         return this;
       }, "reject"),
       // retain first n characters of the match
-      less: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(n) {
+      less: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function(n) {
         this.unput(this.match.slice(n));
       }, "less"),
       // displays already matched input, i.e. for error messages
-      pastInput: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
+      pastInput: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function() {
         var past = this.matched.substr(0, this.matched.length - this.match.length);
         return (past.length > 20 ? "..." : "") + past.substr(-20).replace(/\n/g, "");
       }, "pastInput"),
       // displays upcoming input, i.e. for error messages
-      upcomingInput: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
+      upcomingInput: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function() {
         var next = this.match;
         if (next.length < 20) {
           next += this._input.substr(0, 20 - next.length);
@@ -344,13 +391,13 @@ var parser = function() {
         return (next.substr(0, 20) + (next.length > 20 ? "..." : "")).replace(/\n/g, "");
       }, "upcomingInput"),
       // displays the character position where the lexing error occurred, i.e. for error messages
-      showPosition: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
+      showPosition: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function() {
         var pre = this.pastInput();
         var c = new Array(pre.length + 1).join("-");
         return pre + this.upcomingInput() + "\n" + c + "^";
       }, "showPosition"),
       // test the lexed token: return FALSE when not a match, otherwise return token
-      test_match: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(match, indexed_rule) {
+      test_match: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function(match, indexed_rule) {
         var token, lines, backup;
         if (this.options.backtrack_lexer) {
           backup = {
@@ -413,7 +460,7 @@ var parser = function() {
         return false;
       }, "test_match"),
       // return next match in input
-      next: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
+      next: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function() {
         if (this.done) {
           return this.EOF;
         }
@@ -464,7 +511,7 @@ var parser = function() {
         }
       }, "next"),
       // return next match that has a token
-      lex: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function lex() {
+      lex: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function lex() {
         var r = this.next();
         if (r) {
           return r;
@@ -473,11 +520,11 @@ var parser = function() {
         }
       }, "lex"),
       // activates a new lexer condition state (pushes the new lexer condition state onto the condition stack)
-      begin: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function begin(condition) {
+      begin: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function begin(condition) {
         this.conditionStack.push(condition);
       }, "begin"),
       // pop the previously active lexer condition state off the condition stack
-      popState: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function popState() {
+      popState: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function popState() {
         var n = this.conditionStack.length - 1;
         if (n > 0) {
           return this.conditionStack.pop();
@@ -486,7 +533,7 @@ var parser = function() {
         }
       }, "popState"),
       // produce the lexer rule set which is active for the currently active lexer condition state
-      _currentRules: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function _currentRules() {
+      _currentRules: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function _currentRules() {
         if (this.conditionStack.length && this.conditionStack[this.conditionStack.length - 1]) {
           return this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules;
         } else {
@@ -494,7 +541,7 @@ var parser = function() {
         }
       }, "_currentRules"),
       // return the currently active lexer condition state; when an index argument is provided it produces the N-th previous condition state, if available
-      topState: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function topState(n) {
+      topState: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function topState(n) {
         n = this.conditionStack.length - 1 - Math.abs(n || 0);
         if (n >= 0) {
           return this.conditionStack[n];
@@ -503,15 +550,15 @@ var parser = function() {
         }
       }, "topState"),
       // alias for begin(condition)
-      pushState: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function pushState(condition) {
+      pushState: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function pushState(condition) {
         this.begin(condition);
       }, "pushState"),
       // return the number of states currently on the stack
-      stateStackSize: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function stateStackSize() {
+      stateStackSize: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function stateStackSize() {
         return this.conditionStack.length;
       }, "stateStackSize"),
       options: { "case-insensitive": true },
-      performAction: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function anonymous(yy, yy_, $avoiding_name_collisions, YY_START) {
+      performAction: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function anonymous(yy, yy_, $avoiding_name_collisions, YY_START) {
         var YYSTATE = YY_START;
         switch ($avoiding_name_collisions) {
           case 0:
@@ -519,36 +566,39 @@ var parser = function() {
           case 1:
             break;
           case 2:
-            return 10;
+            this.popState();
+            return 34;
             break;
           case 3:
+            this.popState();
+            return 34;
             break;
           case 4:
+            return 34;
             break;
           case 5:
-            return 4;
             break;
           case 6:
-            return 11;
+            return 10;
             break;
           case 7:
-            this.begin("acc_title");
-            return 12;
+            this.pushState("acc_title");
+            return 19;
             break;
           case 8:
             this.popState();
             return "acc_title_value";
             break;
           case 9:
-            this.begin("acc_descr");
-            return 14;
+            this.pushState("acc_descr");
+            return 21;
             break;
           case 10:
             this.popState();
             return "acc_descr_value";
             break;
           case 11:
-            this.begin("acc_descr_multiline");
+            this.pushState("acc_descr_multiline");
             break;
           case 12:
             this.popState();
@@ -557,24 +607,111 @@ var parser = function() {
             return "acc_descr_multiline_value";
             break;
           case 14:
-            return 17;
+            return 5;
             break;
           case 15:
-            return 21;
+            return 8;
             break;
           case 16:
-            return 20;
+            this.pushState("axis_data");
+            return "X_AXIS";
             break;
           case 17:
-            return 6;
+            this.pushState("axis_data");
+            return "Y_AXIS";
             break;
           case 18:
-            return "INVALID";
+            this.pushState("axis_band_data");
+            return 24;
+            break;
+          case 19:
+            return 31;
+            break;
+          case 20:
+            this.pushState("data");
+            return 16;
+            break;
+          case 21:
+            this.pushState("data");
+            return 18;
+            break;
+          case 22:
+            this.pushState("data_inner");
+            return 24;
+            break;
+          case 23:
+            return 27;
+            break;
+          case 24:
+            this.popState();
+            return 26;
+            break;
+          case 25:
+            this.popState();
+            break;
+          case 26:
+            this.pushState("string");
+            break;
+          case 27:
+            this.popState();
+            break;
+          case 28:
+            return "STR";
+            break;
+          case 29:
+            return 24;
+            break;
+          case 30:
+            return 26;
+            break;
+          case 31:
+            return 43;
+            break;
+          case 32:
+            return "COLON";
+            break;
+          case 33:
+            return 44;
+            break;
+          case 34:
+            return 28;
+            break;
+          case 35:
+            return 45;
+            break;
+          case 36:
+            return 46;
+            break;
+          case 37:
+            return 48;
+            break;
+          case 38:
+            return 50;
+            break;
+          case 39:
+            return 47;
+            break;
+          case 40:
+            return 41;
+            break;
+          case 41:
+            return 49;
+            break;
+          case 42:
+            return 42;
+            break;
+          case 43:
+            break;
+          case 44:
+            return 35;
+            break;
+          case 45:
+            return 36;
             break;
         }
       }, "anonymous"),
-      rules: [/^(?:%(?!\{)[^\n]*)/i, /^(?:[^\}]%%[^\n]*)/i, /^(?:[\n]+)/i, /^(?:\s+)/i, /^(?:#[^\n]*)/i, /^(?:timeline\b)/i, /^(?:title\s[^\n]+)/i, /^(?:accTitle\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*\{\s*)/i, /^(?:[\}])/i, /^(?:[^\}]*)/i, /^(?:section\s[^:\n]+)/i, /^(?::\s[^:\n]+)/i, /^(?:[^#:\n]+)/i, /^(?:$)/i, /^(?:.)/i],
-      conditions: { "acc_descr_multiline": { "rules": [12, 13], "inclusive": false }, "acc_descr": { "rules": [10], "inclusive": false }, "acc_title": { "rules": [8], "inclusive": false }, "INITIAL": { "rules": [0, 1, 2, 3, 4, 5, 6, 7, 9, 11, 14, 15, 16, 17, 18], "inclusive": true } }
+      rules: [/^(?:%%(?!\{)[^\n]*)/i, /^(?:[^\}]%%[^\n]*)/i, /^(?:(\r?\n))/i, /^(?:(\r?\n))/i, /^(?:[\n\r]+)/i, /^(?:%%[^\n]*)/i, /^(?:title\b)/i, /^(?:accTitle\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*\{\s*)/i, /^(?:\{)/i, /^(?:[^\}]*)/i, /^(?:xychart-beta\b)/i, /^(?:(?:vertical|horizontal))/i, /^(?:x-axis\b)/i, /^(?:y-axis\b)/i, /^(?:\[)/i, /^(?:-->)/i, /^(?:line\b)/i, /^(?:bar\b)/i, /^(?:\[)/i, /^(?:[+-]?(?:\d+(?:\.\d+)?|\.\d+))/i, /^(?:\])/i, /^(?:(?:`\)                                    \{ this\.pushState\(md_string\); \}\n<md_string>\(\?:\(\?!`"\)\.\)\+                  \{ return MD_STR; \}\n<md_string>\(\?:`))/i, /^(?:["])/i, /^(?:["])/i, /^(?:[^"]*)/i, /^(?:\[)/i, /^(?:\])/i, /^(?:[A-Za-z]+)/i, /^(?::)/i, /^(?:\+)/i, /^(?:,)/i, /^(?:=)/i, /^(?:\*)/i, /^(?:#)/i, /^(?:[\_])/i, /^(?:\.)/i, /^(?:&)/i, /^(?:-)/i, /^(?:[0-9]+)/i, /^(?:\s+)/i, /^(?:;)/i, /^(?:$)/i],
+      conditions: { "data_inner": { "rules": [0, 1, 4, 5, 6, 7, 9, 11, 14, 15, 16, 17, 20, 21, 23, 24, 25, 26, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45], "inclusive": true }, "data": { "rules": [0, 1, 3, 4, 5, 6, 7, 9, 11, 14, 15, 16, 17, 20, 21, 22, 25, 26, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45], "inclusive": true }, "axis_band_data": { "rules": [0, 1, 4, 5, 6, 7, 9, 11, 14, 15, 16, 17, 20, 21, 24, 25, 26, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45], "inclusive": true }, "axis_data": { "rules": [0, 1, 2, 4, 5, 6, 7, 9, 11, 14, 15, 16, 17, 18, 19, 20, 21, 23, 25, 26, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45], "inclusive": true }, "acc_descr_multiline": { "rules": [12, 13], "inclusive": false }, "acc_descr": { "rules": [10], "inclusive": false }, "acc_title": { "rules": [8], "inclusive": false }, "title": { "rules": [], "inclusive": false }, "md_string": { "rules": [], "inclusive": false }, "string": { "rules": [27, 28], "inclusive": false }, "INITIAL": { "rules": [0, 1, 4, 5, 6, 7, 9, 11, 14, 15, 16, 17, 20, 21, 25, 26, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45], "inclusive": true } }
     };
     return lexer2;
   }();
@@ -582,693 +719,1180 @@ var parser = function() {
   function Parser() {
     this.yy = {};
   }
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(Parser, "Parser");
+  (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(Parser, "Parser");
   Parser.prototype = parser2;
   parser2.Parser = Parser;
   return new Parser();
 }();
 parser.parser = parser;
-var timeline_default = parser;
+var xychart_default = parser;
 
-// src/diagrams/timeline/timelineDb.js
-var timelineDb_exports = {};
-(0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__export */ .VA)(timelineDb_exports, {
-  addEvent: () => addEvent,
-  addSection: () => addSection,
-  addTask: () => addTask,
-  addTaskOrg: () => addTaskOrg,
-  clear: () => clear2,
-  default: () => timelineDb_default,
-  getCommonDb: () => getCommonDb,
-  getSections: () => getSections,
-  getTasks: () => getTasks
-});
-var currentSection = "";
-var currentTaskId = 0;
-var sections = [];
-var tasks = [];
-var rawTasks = [];
-var getCommonDb = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(() => _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .commonDb_exports */ .Wt, "getCommonDb");
-var clear2 = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
-  sections.length = 0;
-  tasks.length = 0;
-  currentSection = "";
-  rawTasks.length = 0;
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .clear */ .IU)();
-}, "clear");
-var addSection = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(txt) {
-  currentSection = txt;
-  sections.push(txt);
-}, "addSection");
-var getSections = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
-  return sections;
-}, "getSections");
-var getTasks = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
-  let allItemsProcessed = compileTasks();
-  const maxDepth = 100;
-  let iterationCount = 0;
-  while (!allItemsProcessed && iterationCount < maxDepth) {
-    allItemsProcessed = compileTasks();
-    iterationCount++;
-  }
-  tasks.push(...rawTasks);
-  return tasks;
-}, "getTasks");
-var addTask = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(period, length, event) {
-  const rawTask = {
-    id: currentTaskId++,
-    section: currentSection,
-    type: currentSection,
-    task: period,
-    score: length ? length : 0,
-    //if event is defined, then add it the events array
-    events: event ? [event] : []
-  };
-  rawTasks.push(rawTask);
-}, "addTask");
-var addEvent = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(event) {
-  const currentTask = rawTasks.find((task) => task.id === currentTaskId - 1);
-  currentTask.events.push(event);
-}, "addEvent");
-var addTaskOrg = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(descr) {
-  const newTask = {
-    section: currentSection,
-    type: currentSection,
-    description: descr,
-    task: descr,
-    classes: []
-  };
-  tasks.push(newTask);
-}, "addTaskOrg");
-var compileTasks = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
-  const compileTask = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(pos) {
-    return rawTasks[pos].processed;
-  }, "compileTask");
-  let allProcessed = true;
-  for (const [i, rawTask] of rawTasks.entries()) {
-    compileTask(i);
-    allProcessed = allProcessed && rawTask.processed;
-  }
-  return allProcessed;
-}, "compileTasks");
-var timelineDb_default = {
-  clear: clear2,
-  getCommonDb,
-  addSection,
-  getSections,
-  getTasks,
-  addTask,
-  addTaskOrg,
-  addEvent
-};
+// src/diagrams/xychart/chartBuilder/interfaces.ts
+function isBarPlot(data) {
+  return data.type === "bar";
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(isBarPlot, "isBarPlot");
+function isBandAxisData(data) {
+  return data.type === "band";
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(isBandAxisData, "isBandAxisData");
+function isLinearAxisData(data) {
+  return data.type === "linear";
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(isLinearAxisData, "isLinearAxisData");
 
-// src/diagrams/timeline/timelineRenderer.ts
+// src/diagrams/xychart/chartBuilder/textDimensionCalculator.ts
+var TextDimensionCalculatorWithFont = class {
+  constructor(parentGroup) {
+    this.parentGroup = parentGroup;
+  }
+  static {
+    (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(this, "TextDimensionCalculatorWithFont");
+  }
+  getMaxDimension(texts, fontSize) {
+    if (!this.parentGroup) {
+      return {
+        width: texts.reduce((acc, cur) => Math.max(cur.length, acc), 0) * fontSize,
+        height: fontSize
+      };
+    }
+    const dimension = {
+      width: 0,
+      height: 0
+    };
+    const elem = this.parentGroup.append("g").attr("visibility", "hidden").attr("font-size", fontSize);
+    for (const t of texts) {
+      const bbox = (0,_chunk_C3MQ5ANM_mjs__WEBPACK_IMPORTED_MODULE_0__/* .computeDimensionOfText */ .W6)(elem, 1, t);
+      const width = bbox ? bbox.width : t.length * fontSize;
+      const height = bbox ? bbox.height : fontSize;
+      dimension.width = Math.max(dimension.width, width);
+      dimension.height = Math.max(dimension.height, height);
+    }
+    elem.remove();
+    return dimension;
+  }
+};
 
+// src/diagrams/xychart/chartBuilder/components/axis/bandAxis.ts
 
-// src/diagrams/timeline/svgDraw.js
 
-var MAX_SECTIONS = 12;
-var drawRect = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(elem, rectData) {
-  const rectElem = elem.append("rect");
-  rectElem.attr("x", rectData.x);
-  rectElem.attr("y", rectData.y);
-  rectElem.attr("fill", rectData.fill);
-  rectElem.attr("stroke", rectData.stroke);
-  rectElem.attr("width", rectData.width);
-  rectElem.attr("height", rectData.height);
-  rectElem.attr("rx", rectData.rx);
-  rectElem.attr("ry", rectData.ry);
-  if (rectData.class !== void 0) {
-    rectElem.attr("class", rectData.class);
-  }
-  return rectElem;
-}, "drawRect");
-var drawFace = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(element, faceData) {
-  const radius = 15;
-  const circleElement = element.append("circle").attr("cx", faceData.cx).attr("cy", faceData.cy).attr("class", "face").attr("r", radius).attr("stroke-width", 2).attr("overflow", "visible");
-  const face = element.append("g");
-  face.append("circle").attr("cx", faceData.cx - radius / 3).attr("cy", faceData.cy - radius / 3).attr("r", 1.5).attr("stroke-width", 2).attr("fill", "#666").attr("stroke", "#666");
-  face.append("circle").attr("cx", faceData.cx + radius / 3).attr("cy", faceData.cy - radius / 3).attr("r", 1.5).attr("stroke-width", 2).attr("fill", "#666").attr("stroke", "#666");
-  function smile(face2) {
-    const arc = (0,d3__WEBPACK_IMPORTED_MODULE_1__/* .arc */ .JLW)().startAngle(Math.PI / 2).endAngle(3 * (Math.PI / 2)).innerRadius(radius / 2).outerRadius(radius / 2.2);
-    face2.append("path").attr("class", "mouth").attr("d", arc).attr("transform", "translate(" + faceData.cx + "," + (faceData.cy + 2) + ")");
-  }
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(smile, "smile");
-  function sad(face2) {
-    const arc = (0,d3__WEBPACK_IMPORTED_MODULE_1__/* .arc */ .JLW)().startAngle(3 * Math.PI / 2).endAngle(5 * (Math.PI / 2)).innerRadius(radius / 2).outerRadius(radius / 2.2);
-    face2.append("path").attr("class", "mouth").attr("d", arc).attr("transform", "translate(" + faceData.cx + "," + (faceData.cy + 7) + ")");
-  }
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(sad, "sad");
-  function ambivalent(face2) {
-    face2.append("line").attr("class", "mouth").attr("stroke", 2).attr("x1", faceData.cx - 5).attr("y1", faceData.cy + 7).attr("x2", faceData.cx + 5).attr("y2", faceData.cy + 7).attr("class", "mouth").attr("stroke-width", "1px").attr("stroke", "#666");
-  }
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(ambivalent, "ambivalent");
-  if (faceData.score > 3) {
-    smile(face);
-  } else if (faceData.score < 3) {
-    sad(face);
-  } else {
-    ambivalent(face);
-  }
-  return circleElement;
-}, "drawFace");
-var drawCircle = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(element, circleData) {
-  const circleElement = element.append("circle");
-  circleElement.attr("cx", circleData.cx);
-  circleElement.attr("cy", circleData.cy);
-  circleElement.attr("class", "actor-" + circleData.pos);
-  circleElement.attr("fill", circleData.fill);
-  circleElement.attr("stroke", circleData.stroke);
-  circleElement.attr("r", circleData.r);
-  if (circleElement.class !== void 0) {
-    circleElement.attr("class", circleElement.class);
-  }
-  if (circleData.title !== void 0) {
-    circleElement.append("title").text(circleData.title);
-  }
-  return circleElement;
-}, "drawCircle");
-var drawText = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(elem, textData) {
-  const nText = textData.text.replace(/<br\s*\/?>/gi, " ");
-  const textElem = elem.append("text");
-  textElem.attr("x", textData.x);
-  textElem.attr("y", textData.y);
-  textElem.attr("class", "legend");
-  textElem.style("text-anchor", textData.anchor);
-  if (textData.class !== void 0) {
-    textElem.attr("class", textData.class);
-  }
-  const span = textElem.append("tspan");
-  span.attr("x", textData.x + textData.textMargin * 2);
-  span.text(nText);
-  return textElem;
-}, "drawText");
-var drawLabel = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(elem, txtObject) {
-  function genPoints(x, y, width, height, cut) {
-    return x + "," + y + " " + (x + width) + "," + y + " " + (x + width) + "," + (y + height - cut) + " " + (x + width - cut * 1.2) + "," + (y + height) + " " + x + "," + (y + height);
-  }
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(genPoints, "genPoints");
-  const polygon = elem.append("polygon");
-  polygon.attr("points", genPoints(txtObject.x, txtObject.y, 50, 20, 7));
-  polygon.attr("class", "labelBox");
-  txtObject.y = txtObject.y + txtObject.labelMargin;
-  txtObject.x = txtObject.x + 0.5 * txtObject.labelMargin;
-  drawText(elem, txtObject);
-}, "drawLabel");
-var drawSection = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(elem, section, conf) {
-  const g = elem.append("g");
-  const rect = getNoteRect();
-  rect.x = section.x;
-  rect.y = section.y;
-  rect.fill = section.fill;
-  rect.width = conf.width;
-  rect.height = conf.height;
-  rect.class = "journey-section section-type-" + section.num;
-  rect.rx = 3;
-  rect.ry = 3;
-  drawRect(g, rect);
-  _drawTextCandidateFunc(conf)(
-    section.text,
-    g,
-    rect.x,
-    rect.y,
-    rect.width,
-    rect.height,
-    { class: "journey-section section-type-" + section.num },
-    conf,
-    section.colour
-  );
-}, "drawSection");
-var taskCount = -1;
-var drawTask = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(elem, task, conf) {
-  const center = task.x + conf.width / 2;
-  const g = elem.append("g");
-  taskCount++;
-  const maxHeight = 300 + 5 * 30;
-  g.append("line").attr("id", "task" + taskCount).attr("x1", center).attr("y1", task.y).attr("x2", center).attr("y2", maxHeight).attr("class", "task-line").attr("stroke-width", "1px").attr("stroke-dasharray", "4 2").attr("stroke", "#666");
-  drawFace(g, {
-    cx: center,
-    cy: 300 + (5 - task.score) * 30,
-    score: task.score
-  });
-  const rect = getNoteRect();
-  rect.x = task.x;
-  rect.y = task.y;
-  rect.fill = task.fill;
-  rect.width = conf.width;
-  rect.height = conf.height;
-  rect.class = "task task-type-" + task.num;
-  rect.rx = 3;
-  rect.ry = 3;
-  drawRect(g, rect);
-  _drawTextCandidateFunc(conf)(
-    task.task,
-    g,
-    rect.x,
-    rect.y,
-    rect.width,
-    rect.height,
-    { class: "task" },
-    conf,
-    task.colour
-  );
-}, "drawTask");
-var drawBackgroundRect = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(elem, bounds) {
-  const rectElem = drawRect(elem, {
-    x: bounds.startx,
-    y: bounds.starty,
-    width: bounds.stopx - bounds.startx,
-    height: bounds.stopy - bounds.starty,
-    fill: bounds.fill,
-    class: "rect"
-  });
-  rectElem.lower();
-}, "drawBackgroundRect");
-var getTextObj = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
-  return {
-    x: 0,
-    y: 0,
-    fill: void 0,
-    "text-anchor": "start",
-    width: 100,
-    height: 100,
-    textMargin: 0,
-    rx: 0,
-    ry: 0
-  };
-}, "getTextObj");
-var getNoteRect = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function() {
-  return {
-    x: 0,
-    y: 0,
-    width: 100,
-    anchor: "start",
-    height: 100,
-    rx: 0,
-    ry: 0
-  };
-}, "getNoteRect");
-var _drawTextCandidateFunc = /* @__PURE__ */ function() {
-  function byText(content, g, x, y, width, height, textAttrs, colour) {
-    const text = g.append("text").attr("x", x + width / 2).attr("y", y + height / 2 + 5).style("font-color", colour).style("text-anchor", "middle").text(content);
-    _setTextAttrs(text, textAttrs);
-  }
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(byText, "byText");
-  function byTspan(content, g, x, y, width, height, textAttrs, conf, colour) {
-    const { taskFontSize, taskFontFamily } = conf;
-    const lines = content.split(/<br\s*\/?>/gi);
-    for (let i = 0; i < lines.length; i++) {
-      const dy = i * taskFontSize - taskFontSize * (lines.length - 1) / 2;
-      const text = g.append("text").attr("x", x + width / 2).attr("y", y).attr("fill", colour).style("text-anchor", "middle").style("font-size", taskFontSize).style("font-family", taskFontFamily);
-      text.append("tspan").attr("x", x + width / 2).attr("dy", dy).text(lines[i]);
-      text.attr("y", y + height / 2).attr("dominant-baseline", "central").attr("alignment-baseline", "central");
-      _setTextAttrs(text, textAttrs);
+// src/diagrams/xychart/chartBuilder/components/axis/baseAxis.ts
+var BAR_WIDTH_TO_TICK_WIDTH_RATIO = 0.7;
+var MAX_OUTER_PADDING_PERCENT_FOR_WRT_LABEL = 0.2;
+var BaseAxis = class {
+  constructor(axisConfig, title, textDimensionCalculator, axisThemeConfig) {
+    this.axisConfig = axisConfig;
+    this.title = title;
+    this.textDimensionCalculator = textDimensionCalculator;
+    this.axisThemeConfig = axisThemeConfig;
+    this.boundingRect = { x: 0, y: 0, width: 0, height: 0 };
+    this.axisPosition = "left";
+    this.showTitle = false;
+    this.showLabel = false;
+    this.showTick = false;
+    this.showAxisLine = false;
+    this.outerPadding = 0;
+    this.titleTextHeight = 0;
+    this.labelTextHeight = 0;
+    this.range = [0, 10];
+    this.boundingRect = { x: 0, y: 0, width: 0, height: 0 };
+    this.axisPosition = "left";
+  }
+  static {
+    (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(this, "BaseAxis");
+  }
+  setRange(range) {
+    this.range = range;
+    if (this.axisPosition === "left" || this.axisPosition === "right") {
+      this.boundingRect.height = range[1] - range[0];
+    } else {
+      this.boundingRect.width = range[1] - range[0];
+    }
+    this.recalculateScale();
+  }
+  getRange() {
+    return [this.range[0] + this.outerPadding, this.range[1] - this.outerPadding];
+  }
+  setAxisPosition(axisPosition) {
+    this.axisPosition = axisPosition;
+    this.setRange(this.range);
+  }
+  getTickDistance() {
+    const range = this.getRange();
+    return Math.abs(range[0] - range[1]) / this.getTickValues().length;
+  }
+  getAxisOuterPadding() {
+    return this.outerPadding;
+  }
+  getLabelDimension() {
+    return this.textDimensionCalculator.getMaxDimension(
+      this.getTickValues().map((tick) => tick.toString()),
+      this.axisConfig.labelFontSize
+    );
+  }
+  recalculateOuterPaddingToDrawBar() {
+    if (BAR_WIDTH_TO_TICK_WIDTH_RATIO * this.getTickDistance() > this.outerPadding * 2) {
+      this.outerPadding = Math.floor(BAR_WIDTH_TO_TICK_WIDTH_RATIO * this.getTickDistance() / 2);
     }
+    this.recalculateScale();
   }
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(byTspan, "byTspan");
-  function byFo(content, g, x, y, width, height, textAttrs, conf) {
-    const body = g.append("switch");
-    const f = body.append("foreignObject").attr("x", x).attr("y", y).attr("width", width).attr("height", height).attr("position", "fixed");
-    const text = f.append("xhtml:div").style("display", "table").style("height", "100%").style("width", "100%");
-    text.append("div").attr("class", "label").style("display", "table-cell").style("text-align", "center").style("vertical-align", "middle").text(content);
-    byTspan(content, body, x, y, width, height, textAttrs, conf);
-    _setTextAttrs(text, textAttrs);
-  }
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(byFo, "byFo");
-  function _setTextAttrs(toText, fromTextAttrsDict) {
-    for (const key in fromTextAttrsDict) {
-      if (key in fromTextAttrsDict) {
-        toText.attr(key, fromTextAttrsDict[key]);
+  calculateSpaceIfDrawnHorizontally(availableSpace) {
+    let availableHeight = availableSpace.height;
+    if (this.axisConfig.showAxisLine && availableHeight > this.axisConfig.axisLineWidth) {
+      availableHeight -= this.axisConfig.axisLineWidth;
+      this.showAxisLine = true;
+    }
+    if (this.axisConfig.showLabel) {
+      const spaceRequired = this.getLabelDimension();
+      const maxPadding = MAX_OUTER_PADDING_PERCENT_FOR_WRT_LABEL * availableSpace.width;
+      this.outerPadding = Math.min(spaceRequired.width / 2, maxPadding);
+      const heightRequired = spaceRequired.height + this.axisConfig.labelPadding * 2;
+      this.labelTextHeight = spaceRequired.height;
+      if (heightRequired <= availableHeight) {
+        availableHeight -= heightRequired;
+        this.showLabel = true;
       }
     }
+    if (this.axisConfig.showTick && availableHeight >= this.axisConfig.tickLength) {
+      this.showTick = true;
+      availableHeight -= this.axisConfig.tickLength;
+    }
+    if (this.axisConfig.showTitle && this.title) {
+      const spaceRequired = this.textDimensionCalculator.getMaxDimension(
+        [this.title],
+        this.axisConfig.titleFontSize
+      );
+      const heightRequired = spaceRequired.height + this.axisConfig.titlePadding * 2;
+      this.titleTextHeight = spaceRequired.height;
+      if (heightRequired <= availableHeight) {
+        availableHeight -= heightRequired;
+        this.showTitle = true;
+      }
+    }
+    this.boundingRect.width = availableSpace.width;
+    this.boundingRect.height = availableSpace.height - availableHeight;
   }
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(_setTextAttrs, "_setTextAttrs");
-  return function(conf) {
-    return conf.textPlacement === "fo" ? byFo : conf.textPlacement === "old" ? byText : byTspan;
-  };
-}();
-var initGraphics = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(graphics) {
-  graphics.append("defs").append("marker").attr("id", "arrowhead").attr("refX", 5).attr("refY", 2).attr("markerWidth", 6).attr("markerHeight", 4).attr("orient", "auto").append("path").attr("d", "M 0,0 V 4 L6,2 Z");
-}, "initGraphics");
-function wrap(text, width) {
-  text.each(function() {
-    var text2 = (0,d3__WEBPACK_IMPORTED_MODULE_1__/* .select */ .Ltv)(this), words = text2.text().split(/(\s+|<br>)/).reverse(), word, line = [], lineHeight = 1.1, y = text2.attr("y"), dy = parseFloat(text2.attr("dy")), tspan = text2.text(null).append("tspan").attr("x", 0).attr("y", y).attr("dy", dy + "em");
-    for (let j = 0; j < words.length; j++) {
-      word = words[words.length - 1 - j];
-      line.push(word);
-      tspan.text(line.join(" ").trim());
-      if (tspan.node().getComputedTextLength() > width || word === "<br>") {
-        line.pop();
-        tspan.text(line.join(" ").trim());
-        if (word === "<br>") {
-          line = [""];
-        } else {
-          line = [word];
-        }
-        tspan = text2.append("tspan").attr("x", 0).attr("y", y).attr("dy", lineHeight + "em").text(word);
+  calculateSpaceIfDrawnVertical(availableSpace) {
+    let availableWidth = availableSpace.width;
+    if (this.axisConfig.showAxisLine && availableWidth > this.axisConfig.axisLineWidth) {
+      availableWidth -= this.axisConfig.axisLineWidth;
+      this.showAxisLine = true;
+    }
+    if (this.axisConfig.showLabel) {
+      const spaceRequired = this.getLabelDimension();
+      const maxPadding = MAX_OUTER_PADDING_PERCENT_FOR_WRT_LABEL * availableSpace.height;
+      this.outerPadding = Math.min(spaceRequired.height / 2, maxPadding);
+      const widthRequired = spaceRequired.width + this.axisConfig.labelPadding * 2;
+      if (widthRequired <= availableWidth) {
+        availableWidth -= widthRequired;
+        this.showLabel = true;
       }
     }
-  });
-}
-(0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(wrap, "wrap");
-var drawNode = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(elem, node, fullSection, conf) {
-  const section = fullSection % MAX_SECTIONS - 1;
-  const nodeElem = elem.append("g");
-  node.section = section;
-  nodeElem.attr(
-    "class",
-    (node.class ? node.class + " " : "") + "timeline-node " + ("section-" + section)
-  );
-  const bkgElem = nodeElem.append("g");
-  const textElem = nodeElem.append("g");
-  const txt = textElem.append("text").text(node.descr).attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle").call(wrap, node.width);
-  const bbox = txt.node().getBBox();
-  const fontSize = conf.fontSize?.replace ? conf.fontSize.replace("px", "") : conf.fontSize;
-  node.height = bbox.height + fontSize * 1.1 * 0.5 + node.padding;
-  node.height = Math.max(node.height, node.maxHeight);
-  node.width = node.width + 2 * node.padding;
-  textElem.attr("transform", "translate(" + node.width / 2 + ", " + node.padding / 2 + ")");
-  defaultBkg(bkgElem, node, section, conf);
-  return node;
-}, "drawNode");
-var getVirtualNodeHeight = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(elem, node, conf) {
-  const textElem = elem.append("g");
-  const txt = textElem.append("text").text(node.descr).attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle").call(wrap, node.width);
-  const bbox = txt.node().getBBox();
-  const fontSize = conf.fontSize?.replace ? conf.fontSize.replace("px", "") : conf.fontSize;
-  textElem.remove();
-  return bbox.height + fontSize * 1.1 * 0.5 + node.padding;
-}, "getVirtualNodeHeight");
-var defaultBkg = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(elem, node, section) {
-  const rd = 5;
-  elem.append("path").attr("id", "node-" + node.id).attr("class", "node-bkg node-" + node.type).attr(
-    "d",
-    `M0 ${node.height - rd} v${-node.height + 2 * rd} q0,-5 5,-5 h${node.width - 2 * rd} q5,0 5,5 v${node.height - rd} H0 Z`
-  );
-  elem.append("line").attr("class", "node-line-" + section).attr("x1", 0).attr("y1", node.height).attr("x2", node.width).attr("y2", node.height);
-}, "defaultBkg");
-var svgDraw_default = {
-  drawRect,
-  drawCircle,
-  drawSection,
-  drawText,
-  drawLabel,
-  drawTask,
-  drawBackgroundRect,
-  getTextObj,
-  getNoteRect,
-  initGraphics,
-  drawNode,
-  getVirtualNodeHeight
+    if (this.axisConfig.showTick && availableWidth >= this.axisConfig.tickLength) {
+      this.showTick = true;
+      availableWidth -= this.axisConfig.tickLength;
+    }
+    if (this.axisConfig.showTitle && this.title) {
+      const spaceRequired = this.textDimensionCalculator.getMaxDimension(
+        [this.title],
+        this.axisConfig.titleFontSize
+      );
+      const widthRequired = spaceRequired.height + this.axisConfig.titlePadding * 2;
+      this.titleTextHeight = spaceRequired.height;
+      if (widthRequired <= availableWidth) {
+        availableWidth -= widthRequired;
+        this.showTitle = true;
+      }
+    }
+    this.boundingRect.width = availableSpace.width - availableWidth;
+    this.boundingRect.height = availableSpace.height;
+  }
+  calculateSpace(availableSpace) {
+    if (this.axisPosition === "left" || this.axisPosition === "right") {
+      this.calculateSpaceIfDrawnVertical(availableSpace);
+    } else {
+      this.calculateSpaceIfDrawnHorizontally(availableSpace);
+    }
+    this.recalculateScale();
+    return {
+      width: this.boundingRect.width,
+      height: this.boundingRect.height
+    };
+  }
+  setBoundingBoxXY(point) {
+    this.boundingRect.x = point.x;
+    this.boundingRect.y = point.y;
+  }
+  getDrawableElementsForLeftAxis() {
+    const drawableElement = [];
+    if (this.showAxisLine) {
+      const x = this.boundingRect.x + this.boundingRect.width - this.axisConfig.axisLineWidth / 2;
+      drawableElement.push({
+        type: "path",
+        groupTexts: ["left-axis", "axisl-line"],
+        data: [
+          {
+            path: `M ${x},${this.boundingRect.y} L ${x},${this.boundingRect.y + this.boundingRect.height} `,
+            strokeFill: this.axisThemeConfig.axisLineColor,
+            strokeWidth: this.axisConfig.axisLineWidth
+          }
+        ]
+      });
+    }
+    if (this.showLabel) {
+      drawableElement.push({
+        type: "text",
+        groupTexts: ["left-axis", "label"],
+        data: this.getTickValues().map((tick) => ({
+          text: tick.toString(),
+          x: this.boundingRect.x + this.boundingRect.width - (this.showLabel ? this.axisConfig.labelPadding : 0) - (this.showTick ? this.axisConfig.tickLength : 0) - (this.showAxisLine ? this.axisConfig.axisLineWidth : 0),
+          y: this.getScaleValue(tick),
+          fill: this.axisThemeConfig.labelColor,
+          fontSize: this.axisConfig.labelFontSize,
+          rotation: 0,
+          verticalPos: "middle",
+          horizontalPos: "right"
+        }))
+      });
+    }
+    if (this.showTick) {
+      const x = this.boundingRect.x + this.boundingRect.width - (this.showAxisLine ? this.axisConfig.axisLineWidth : 0);
+      drawableElement.push({
+        type: "path",
+        groupTexts: ["left-axis", "ticks"],
+        data: this.getTickValues().map((tick) => ({
+          path: `M ${x},${this.getScaleValue(tick)} L ${x - this.axisConfig.tickLength},${this.getScaleValue(tick)}`,
+          strokeFill: this.axisThemeConfig.tickColor,
+          strokeWidth: this.axisConfig.tickWidth
+        }))
+      });
+    }
+    if (this.showTitle) {
+      drawableElement.push({
+        type: "text",
+        groupTexts: ["left-axis", "title"],
+        data: [
+          {
+            text: this.title,
+            x: this.boundingRect.x + this.axisConfig.titlePadding,
+            y: this.boundingRect.y + this.boundingRect.height / 2,
+            fill: this.axisThemeConfig.titleColor,
+            fontSize: this.axisConfig.titleFontSize,
+            rotation: 270,
+            verticalPos: "top",
+            horizontalPos: "center"
+          }
+        ]
+      });
+    }
+    return drawableElement;
+  }
+  getDrawableElementsForBottomAxis() {
+    const drawableElement = [];
+    if (this.showAxisLine) {
+      const y = this.boundingRect.y + this.axisConfig.axisLineWidth / 2;
+      drawableElement.push({
+        type: "path",
+        groupTexts: ["bottom-axis", "axis-line"],
+        data: [
+          {
+            path: `M ${this.boundingRect.x},${y} L ${this.boundingRect.x + this.boundingRect.width},${y}`,
+            strokeFill: this.axisThemeConfig.axisLineColor,
+            strokeWidth: this.axisConfig.axisLineWidth
+          }
+        ]
+      });
+    }
+    if (this.showLabel) {
+      drawableElement.push({
+        type: "text",
+        groupTexts: ["bottom-axis", "label"],
+        data: this.getTickValues().map((tick) => ({
+          text: tick.toString(),
+          x: this.getScaleValue(tick),
+          y: this.boundingRect.y + this.axisConfig.labelPadding + (this.showTick ? this.axisConfig.tickLength : 0) + (this.showAxisLine ? this.axisConfig.axisLineWidth : 0),
+          fill: this.axisThemeConfig.labelColor,
+          fontSize: this.axisConfig.labelFontSize,
+          rotation: 0,
+          verticalPos: "top",
+          horizontalPos: "center"
+        }))
+      });
+    }
+    if (this.showTick) {
+      const y = this.boundingRect.y + (this.showAxisLine ? this.axisConfig.axisLineWidth : 0);
+      drawableElement.push({
+        type: "path",
+        groupTexts: ["bottom-axis", "ticks"],
+        data: this.getTickValues().map((tick) => ({
+          path: `M ${this.getScaleValue(tick)},${y} L ${this.getScaleValue(tick)},${y + this.axisConfig.tickLength}`,
+          strokeFill: this.axisThemeConfig.tickColor,
+          strokeWidth: this.axisConfig.tickWidth
+        }))
+      });
+    }
+    if (this.showTitle) {
+      drawableElement.push({
+        type: "text",
+        groupTexts: ["bottom-axis", "title"],
+        data: [
+          {
+            text: this.title,
+            x: this.range[0] + (this.range[1] - this.range[0]) / 2,
+            y: this.boundingRect.y + this.boundingRect.height - this.axisConfig.titlePadding - this.titleTextHeight,
+            fill: this.axisThemeConfig.titleColor,
+            fontSize: this.axisConfig.titleFontSize,
+            rotation: 0,
+            verticalPos: "top",
+            horizontalPos: "center"
+          }
+        ]
+      });
+    }
+    return drawableElement;
+  }
+  getDrawableElementsForTopAxis() {
+    const drawableElement = [];
+    if (this.showAxisLine) {
+      const y = this.boundingRect.y + this.boundingRect.height - this.axisConfig.axisLineWidth / 2;
+      drawableElement.push({
+        type: "path",
+        groupTexts: ["top-axis", "axis-line"],
+        data: [
+          {
+            path: `M ${this.boundingRect.x},${y} L ${this.boundingRect.x + this.boundingRect.width},${y}`,
+            strokeFill: this.axisThemeConfig.axisLineColor,
+            strokeWidth: this.axisConfig.axisLineWidth
+          }
+        ]
+      });
+    }
+    if (this.showLabel) {
+      drawableElement.push({
+        type: "text",
+        groupTexts: ["top-axis", "label"],
+        data: this.getTickValues().map((tick) => ({
+          text: tick.toString(),
+          x: this.getScaleValue(tick),
+          y: this.boundingRect.y + (this.showTitle ? this.titleTextHeight + this.axisConfig.titlePadding * 2 : 0) + this.axisConfig.labelPadding,
+          fill: this.axisThemeConfig.labelColor,
+          fontSize: this.axisConfig.labelFontSize,
+          rotation: 0,
+          verticalPos: "top",
+          horizontalPos: "center"
+        }))
+      });
+    }
+    if (this.showTick) {
+      const y = this.boundingRect.y;
+      drawableElement.push({
+        type: "path",
+        groupTexts: ["top-axis", "ticks"],
+        data: this.getTickValues().map((tick) => ({
+          path: `M ${this.getScaleValue(tick)},${y + this.boundingRect.height - (this.showAxisLine ? this.axisConfig.axisLineWidth : 0)} L ${this.getScaleValue(tick)},${y + this.boundingRect.height - this.axisConfig.tickLength - (this.showAxisLine ? this.axisConfig.axisLineWidth : 0)}`,
+          strokeFill: this.axisThemeConfig.tickColor,
+          strokeWidth: this.axisConfig.tickWidth
+        }))
+      });
+    }
+    if (this.showTitle) {
+      drawableElement.push({
+        type: "text",
+        groupTexts: ["top-axis", "title"],
+        data: [
+          {
+            text: this.title,
+            x: this.boundingRect.x + this.boundingRect.width / 2,
+            y: this.boundingRect.y + this.axisConfig.titlePadding,
+            fill: this.axisThemeConfig.titleColor,
+            fontSize: this.axisConfig.titleFontSize,
+            rotation: 0,
+            verticalPos: "top",
+            horizontalPos: "center"
+          }
+        ]
+      });
+    }
+    return drawableElement;
+  }
+  getDrawableElements() {
+    if (this.axisPosition === "left") {
+      return this.getDrawableElementsForLeftAxis();
+    }
+    if (this.axisPosition === "right") {
+      throw Error("Drawing of right axis is not implemented");
+    }
+    if (this.axisPosition === "bottom") {
+      return this.getDrawableElementsForBottomAxis();
+    }
+    if (this.axisPosition === "top") {
+      return this.getDrawableElementsForTopAxis();
+    }
+    return [];
+  }
 };
 
-// src/diagrams/timeline/timelineRenderer.ts
-var draw = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(text, id, version, diagObj) {
-  const conf = (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .getConfig2 */ .D7)();
-  const LEFT_MARGIN = conf.leftMargin ?? 50;
-  _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("timeline", diagObj.db);
-  const securityLevel = conf.securityLevel;
-  let sandboxElement;
-  if (securityLevel === "sandbox") {
-    sandboxElement = (0,d3__WEBPACK_IMPORTED_MODULE_1__/* .select */ .Ltv)("#i" + id);
-  }
-  const root = securityLevel === "sandbox" ? (0,d3__WEBPACK_IMPORTED_MODULE_1__/* .select */ .Ltv)(sandboxElement.nodes()[0].contentDocument.body) : (0,d3__WEBPACK_IMPORTED_MODULE_1__/* .select */ .Ltv)("body");
-  const svg = root.select("#" + id);
-  svg.append("g");
-  const tasks2 = diagObj.db.getTasks();
-  const title = diagObj.db.getCommonDb().getDiagramTitle();
-  _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("task", tasks2);
-  svgDraw_default.initGraphics(svg);
-  const sections2 = diagObj.db.getSections();
-  _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("sections", sections2);
-  let maxSectionHeight = 0;
-  let maxTaskHeight = 0;
-  let depthY = 0;
-  let sectionBeginY = 0;
-  let masterX = 50 + LEFT_MARGIN;
-  let masterY = 50;
-  sectionBeginY = 50;
-  let sectionNumber = 0;
-  let hasSections = true;
-  sections2.forEach(function(section) {
-    const sectionNode = {
-      number: sectionNumber,
-      descr: section,
-      section: sectionNumber,
-      width: 150,
-      padding: 20,
-      maxHeight: maxSectionHeight
-    };
-    const sectionHeight = svgDraw_default.getVirtualNodeHeight(svg, sectionNode, conf);
-    _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("sectionHeight before draw", sectionHeight);
-    maxSectionHeight = Math.max(maxSectionHeight, sectionHeight + 20);
-  });
-  let maxEventCount = 0;
-  let maxEventLineLength = 0;
-  _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("tasks.length", tasks2.length);
-  for (const [i, task] of tasks2.entries()) {
-    const taskNode = {
-      number: i,
-      descr: task,
-      section: task.section,
-      width: 150,
-      padding: 20,
-      maxHeight: maxTaskHeight
-    };
-    const taskHeight = svgDraw_default.getVirtualNodeHeight(svg, taskNode, conf);
-    _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("taskHeight before draw", taskHeight);
-    maxTaskHeight = Math.max(maxTaskHeight, taskHeight + 20);
-    maxEventCount = Math.max(maxEventCount, task.events.length);
-    let maxEventLineLengthTemp = 0;
-    for (const event of task.events) {
-      const eventNode = {
-        descr: event,
-        section: task.section,
-        number: task.section,
-        width: 150,
-        padding: 20,
-        maxHeight: 50
-      };
-      maxEventLineLengthTemp += svgDraw_default.getVirtualNodeHeight(svg, eventNode, conf);
+// src/diagrams/xychart/chartBuilder/components/axis/bandAxis.ts
+var BandAxis = class extends BaseAxis {
+  static {
+    (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(this, "BandAxis");
+  }
+  constructor(axisConfig, axisThemeConfig, categories, title, textDimensionCalculator) {
+    super(axisConfig, title, textDimensionCalculator, axisThemeConfig);
+    this.categories = categories;
+    this.scale = (0,d3__WEBPACK_IMPORTED_MODULE_4__/* .scaleBand */ .WH)().domain(this.categories).range(this.getRange());
+  }
+  setRange(range) {
+    super.setRange(range);
+  }
+  recalculateScale() {
+    this.scale = (0,d3__WEBPACK_IMPORTED_MODULE_4__/* .scaleBand */ .WH)().domain(this.categories).range(this.getRange()).paddingInner(1).paddingOuter(0).align(0.5);
+    _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .log */ .Rm.trace("BandAxis axis final categories, range: ", this.categories, this.getRange());
+  }
+  getTickValues() {
+    return this.categories;
+  }
+  getScaleValue(value) {
+    return this.scale(value) ?? this.getRange()[0];
+  }
+};
+
+// src/diagrams/xychart/chartBuilder/components/axis/linearAxis.ts
+
+var LinearAxis = class extends BaseAxis {
+  static {
+    (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(this, "LinearAxis");
+  }
+  constructor(axisConfig, axisThemeConfig, domain, title, textDimensionCalculator) {
+    super(axisConfig, title, textDimensionCalculator, axisThemeConfig);
+    this.domain = domain;
+    this.scale = (0,d3__WEBPACK_IMPORTED_MODULE_4__/* .scaleLinear */ .m4Y)().domain(this.domain).range(this.getRange());
+  }
+  getTickValues() {
+    return this.scale.ticks();
+  }
+  recalculateScale() {
+    const domain = [...this.domain];
+    if (this.axisPosition === "left") {
+      domain.reverse();
     }
-    maxEventLineLength = Math.max(maxEventLineLength, maxEventLineLengthTemp);
-  }
-  _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("maxSectionHeight before draw", maxSectionHeight);
-  _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("maxTaskHeight before draw", maxTaskHeight);
-  if (sections2 && sections2.length > 0) {
-    sections2.forEach((section) => {
-      const tasksForSection = tasks2.filter((task) => task.section === section);
-      const sectionNode = {
-        number: sectionNumber,
-        descr: section,
-        section: sectionNumber,
-        width: 200 * Math.max(tasksForSection.length, 1) - 50,
-        padding: 20,
-        maxHeight: maxSectionHeight
-      };
-      _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("sectionNode", sectionNode);
-      const sectionNodeWrapper = svg.append("g");
-      const node = svgDraw_default.drawNode(sectionNodeWrapper, sectionNode, sectionNumber, conf);
-      _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("sectionNode output", node);
-      sectionNodeWrapper.attr("transform", `translate(${masterX}, ${sectionBeginY})`);
-      masterY += maxSectionHeight + 50;
-      if (tasksForSection.length > 0) {
-        drawTasks(
-          svg,
-          tasksForSection,
-          sectionNumber,
-          masterX,
-          masterY,
-          maxTaskHeight,
-          conf,
-          maxEventCount,
-          maxEventLineLength,
-          maxSectionHeight,
-          false
-        );
-      }
-      masterX += 200 * Math.max(tasksForSection.length, 1);
-      masterY = sectionBeginY;
-      sectionNumber++;
-    });
-  } else {
-    hasSections = false;
-    drawTasks(
-      svg,
-      tasks2,
-      sectionNumber,
-      masterX,
-      masterY,
-      maxTaskHeight,
-      conf,
-      maxEventCount,
-      maxEventLineLength,
-      maxSectionHeight,
-      true
+    this.scale = (0,d3__WEBPACK_IMPORTED_MODULE_4__/* .scaleLinear */ .m4Y)().domain(domain).range(this.getRange());
+  }
+  getScaleValue(value) {
+    return this.scale(value);
+  }
+};
+
+// src/diagrams/xychart/chartBuilder/components/axis/index.ts
+function getAxis(data, axisConfig, axisThemeConfig, tmpSVGGroup2) {
+  const textDimensionCalculator = new TextDimensionCalculatorWithFont(tmpSVGGroup2);
+  if (isBandAxisData(data)) {
+    return new BandAxis(
+      axisConfig,
+      axisThemeConfig,
+      data.categories,
+      data.title,
+      textDimensionCalculator
     );
   }
-  const box = svg.node().getBBox();
-  _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("bounds", box);
-  if (title) {
-    svg.append("text").text(title).attr("x", box.width / 2 - LEFT_MARGIN).attr("font-size", "4ex").attr("font-weight", "bold").attr("y", 20);
-  }
-  depthY = hasSections ? maxSectionHeight + maxTaskHeight + 150 : maxTaskHeight + 100;
-  const lineWrapper = svg.append("g").attr("class", "lineWrapper");
-  lineWrapper.append("line").attr("x1", LEFT_MARGIN).attr("y1", depthY).attr("x2", box.width + 3 * LEFT_MARGIN).attr("y2", depthY).attr("stroke-width", 4).attr("stroke", "black").attr("marker-end", "url(#arrowhead)");
-  (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .setupGraphViewbox */ .ot)(
-    void 0,
-    svg,
-    conf.timeline?.padding ?? 50,
-    conf.timeline?.useMaxWidth ?? false
+  return new LinearAxis(
+    axisConfig,
+    axisThemeConfig,
+    [data.min, data.max],
+    data.title,
+    textDimensionCalculator
   );
-}, "draw");
-var drawTasks = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(diagram2, tasks2, sectionColor, masterX, masterY, maxTaskHeight, conf, maxEventCount, maxEventLineLength, maxSectionHeight, isWithoutSections) {
-  for (const task of tasks2) {
-    const taskNode = {
-      descr: task.task,
-      section: sectionColor,
-      number: sectionColor,
-      width: 150,
-      padding: 20,
-      maxHeight: maxTaskHeight
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getAxis, "getAxis");
+
+// src/diagrams/xychart/chartBuilder/components/chartTitle.ts
+var ChartTitle = class {
+  constructor(textDimensionCalculator, chartConfig, chartData, chartThemeConfig) {
+    this.textDimensionCalculator = textDimensionCalculator;
+    this.chartConfig = chartConfig;
+    this.chartData = chartData;
+    this.chartThemeConfig = chartThemeConfig;
+    this.boundingRect = {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
     };
-    _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("taskNode", taskNode);
-    const taskWrapper = diagram2.append("g").attr("class", "taskWrapper");
-    const node = svgDraw_default.drawNode(taskWrapper, taskNode, sectionColor, conf);
-    const taskHeight = node.height;
-    _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("taskHeight after draw", taskHeight);
-    taskWrapper.attr("transform", `translate(${masterX}, ${masterY})`);
-    maxTaskHeight = Math.max(maxTaskHeight, taskHeight);
-    if (task.events) {
-      const lineWrapper = diagram2.append("g").attr("class", "lineWrapper");
-      let lineLength = maxTaskHeight;
-      masterY += 100;
-      lineLength = lineLength + drawEvents(diagram2, task.events, sectionColor, masterX, masterY, conf);
-      masterY -= 100;
-      lineWrapper.append("line").attr("x1", masterX + 190 / 2).attr("y1", masterY + maxTaskHeight).attr("x2", masterX + 190 / 2).attr(
-        "y2",
-        masterY + maxTaskHeight + (isWithoutSections ? maxTaskHeight : maxSectionHeight) + maxEventLineLength + 120
-      ).attr("stroke-width", 2).attr("stroke", "black").attr("marker-end", "url(#arrowhead)").attr("stroke-dasharray", "5,5");
+    this.showChartTitle = false;
+  }
+  static {
+    (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(this, "ChartTitle");
+  }
+  setBoundingBoxXY(point) {
+    this.boundingRect.x = point.x;
+    this.boundingRect.y = point.y;
+  }
+  calculateSpace(availableSpace) {
+    const titleDimension = this.textDimensionCalculator.getMaxDimension(
+      [this.chartData.title],
+      this.chartConfig.titleFontSize
+    );
+    const widthRequired = Math.max(titleDimension.width, availableSpace.width);
+    const heightRequired = titleDimension.height + 2 * this.chartConfig.titlePadding;
+    if (titleDimension.width <= widthRequired && titleDimension.height <= heightRequired && this.chartConfig.showTitle && this.chartData.title) {
+      this.boundingRect.width = widthRequired;
+      this.boundingRect.height = heightRequired;
+      this.showChartTitle = true;
     }
-    masterX = masterX + 200;
-    if (isWithoutSections && !conf.timeline?.disableMulticolor) {
-      sectionColor++;
+    return {
+      width: this.boundingRect.width,
+      height: this.boundingRect.height
+    };
+  }
+  getDrawableElements() {
+    const drawableElem = [];
+    if (this.showChartTitle) {
+      drawableElem.push({
+        groupTexts: ["chart-title"],
+        type: "text",
+        data: [
+          {
+            fontSize: this.chartConfig.titleFontSize,
+            text: this.chartData.title,
+            verticalPos: "middle",
+            horizontalPos: "center",
+            x: this.boundingRect.x + this.boundingRect.width / 2,
+            y: this.boundingRect.y + this.boundingRect.height / 2,
+            fill: this.chartThemeConfig.titleColor,
+            rotation: 0
+          }
+        ]
+      });
     }
+    return drawableElem;
   }
-  masterY = masterY - 10;
-}, "drawTasks");
-var drawEvents = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(function(diagram2, events, sectionColor, masterX, masterY, conf) {
-  let maxEventHeight = 0;
-  const eventBeginY = masterY;
-  masterY = masterY + 100;
-  for (const event of events) {
-    const eventNode = {
-      descr: event,
-      section: sectionColor,
-      number: sectionColor,
-      width: 150,
-      padding: 20,
-      maxHeight: 50
-    };
-    _chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .log */ .Rm.debug("eventNode", eventNode);
-    const eventWrapper = diagram2.append("g").attr("class", "eventWrapper");
-    const node = svgDraw_default.drawNode(eventWrapper, eventNode, sectionColor, conf);
-    const eventHeight = node.height;
-    maxEventHeight = maxEventHeight + eventHeight;
-    eventWrapper.attr("transform", `translate(${masterX}, ${masterY})`);
-    masterY = masterY + 10 + eventHeight;
-  }
-  masterY = eventBeginY;
-  return maxEventHeight;
-}, "drawEvents");
-var timelineRenderer_default = {
-  setConf: /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(() => {
-  }, "setConf"),
-  draw
 };
+function getChartTitleComponent(chartConfig, chartData, chartThemeConfig, tmpSVGGroup2) {
+  const textDimensionCalculator = new TextDimensionCalculatorWithFont(tmpSVGGroup2);
+  return new ChartTitle(textDimensionCalculator, chartConfig, chartData, chartThemeConfig);
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getChartTitleComponent, "getChartTitleComponent");
 
-// src/diagrams/timeline/styles.js
+// src/diagrams/xychart/chartBuilder/components/plot/linePlot.ts
 
-var genSections = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)((options) => {
-  let sections2 = "";
-  for (let i = 0; i < options.THEME_COLOR_LIMIT; i++) {
-    options["lineColor" + i] = options["lineColor" + i] || options["cScaleInv" + i];
-    if ((0,khroma__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A)(options["lineColor" + i])) {
-      options["lineColor" + i] = (0,khroma__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)(options["lineColor" + i], 20);
+var LinePlot = class {
+  constructor(plotData, xAxis, yAxis, orientation, plotIndex2) {
+    this.plotData = plotData;
+    this.xAxis = xAxis;
+    this.yAxis = yAxis;
+    this.orientation = orientation;
+    this.plotIndex = plotIndex2;
+  }
+  static {
+    (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(this, "LinePlot");
+  }
+  getDrawableElement() {
+    const finalData = this.plotData.data.map((d) => [
+      this.xAxis.getScaleValue(d[0]),
+      this.yAxis.getScaleValue(d[1])
+    ]);
+    let path;
+    if (this.orientation === "horizontal") {
+      path = (0,d3__WEBPACK_IMPORTED_MODULE_4__/* .line */ .n8j)().y((d) => d[0]).x((d) => d[1])(finalData);
     } else {
-      options["lineColor" + i] = (0,khroma__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)(options["lineColor" + i], 20);
+      path = (0,d3__WEBPACK_IMPORTED_MODULE_4__/* .line */ .n8j)().x((d) => d[0]).y((d) => d[1])(finalData);
     }
+    if (!path) {
+      return [];
+    }
+    return [
+      {
+        groupTexts: ["plot", `line-plot-${this.plotIndex}`],
+        type: "path",
+        data: [
+          {
+            path,
+            strokeFill: this.plotData.strokeFill,
+            strokeWidth: this.plotData.strokeWidth
+          }
+        ]
+      }
+    ];
+  }
+};
+
+// src/diagrams/xychart/chartBuilder/components/plot/barPlot.ts
+var BarPlot = class {
+  constructor(barData, boundingRect, xAxis, yAxis, orientation, plotIndex2) {
+    this.barData = barData;
+    this.boundingRect = boundingRect;
+    this.xAxis = xAxis;
+    this.yAxis = yAxis;
+    this.orientation = orientation;
+    this.plotIndex = plotIndex2;
+  }
+  static {
+    (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(this, "BarPlot");
+  }
+  getDrawableElement() {
+    const finalData = this.barData.data.map((d) => [
+      this.xAxis.getScaleValue(d[0]),
+      this.yAxis.getScaleValue(d[1])
+    ]);
+    const barPaddingPercent = 0.05;
+    const barWidth = Math.min(this.xAxis.getAxisOuterPadding() * 2, this.xAxis.getTickDistance()) * (1 - barPaddingPercent);
+    const barWidthHalf = barWidth / 2;
+    if (this.orientation === "horizontal") {
+      return [
+        {
+          groupTexts: ["plot", `bar-plot-${this.plotIndex}`],
+          type: "rect",
+          data: finalData.map((data) => ({
+            x: this.boundingRect.x,
+            y: data[0] - barWidthHalf,
+            height: barWidth,
+            width: data[1] - this.boundingRect.x,
+            fill: this.barData.fill,
+            strokeWidth: 0,
+            strokeFill: this.barData.fill
+          }))
+        }
+      ];
+    }
+    return [
+      {
+        groupTexts: ["plot", `bar-plot-${this.plotIndex}`],
+        type: "rect",
+        data: finalData.map((data) => ({
+          x: data[0] - barWidthHalf,
+          y: data[1],
+          width: barWidth,
+          height: this.boundingRect.y + this.boundingRect.height - data[1],
+          fill: this.barData.fill,
+          strokeWidth: 0,
+          strokeFill: this.barData.fill
+        }))
+      }
+    ];
+  }
+};
+
+// src/diagrams/xychart/chartBuilder/components/plot/index.ts
+var BasePlot = class {
+  constructor(chartConfig, chartData, chartThemeConfig) {
+    this.chartConfig = chartConfig;
+    this.chartData = chartData;
+    this.chartThemeConfig = chartThemeConfig;
+    this.boundingRect = {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    };
+  }
+  static {
+    (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(this, "BasePlot");
+  }
+  setAxes(xAxis, yAxis) {
+    this.xAxis = xAxis;
+    this.yAxis = yAxis;
+  }
+  setBoundingBoxXY(point) {
+    this.boundingRect.x = point.x;
+    this.boundingRect.y = point.y;
+  }
+  calculateSpace(availableSpace) {
+    this.boundingRect.width = availableSpace.width;
+    this.boundingRect.height = availableSpace.height;
+    return {
+      width: this.boundingRect.width,
+      height: this.boundingRect.height
+    };
+  }
+  getDrawableElements() {
+    if (!(this.xAxis && this.yAxis)) {
+      throw Error("Axes must be passed to render Plots");
+    }
+    const drawableElem = [];
+    for (const [i, plot] of this.chartData.plots.entries()) {
+      switch (plot.type) {
+        case "line":
+          {
+            const linePlot = new LinePlot(
+              plot,
+              this.xAxis,
+              this.yAxis,
+              this.chartConfig.chartOrientation,
+              i
+            );
+            drawableElem.push(...linePlot.getDrawableElement());
+          }
+          break;
+        case "bar":
+          {
+            const barPlot = new BarPlot(
+              plot,
+              this.boundingRect,
+              this.xAxis,
+              this.yAxis,
+              this.chartConfig.chartOrientation,
+              i
+            );
+            drawableElem.push(...barPlot.getDrawableElement());
+          }
+          break;
+      }
+    }
+    return drawableElem;
+  }
+};
+function getPlotComponent(chartConfig, chartData, chartThemeConfig) {
+  return new BasePlot(chartConfig, chartData, chartThemeConfig);
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getPlotComponent, "getPlotComponent");
+
+// src/diagrams/xychart/chartBuilder/orchestrator.ts
+var Orchestrator = class {
+  constructor(chartConfig, chartData, chartThemeConfig, tmpSVGGroup2) {
+    this.chartConfig = chartConfig;
+    this.chartData = chartData;
+    this.componentStore = {
+      title: getChartTitleComponent(chartConfig, chartData, chartThemeConfig, tmpSVGGroup2),
+      plot: getPlotComponent(chartConfig, chartData, chartThemeConfig),
+      xAxis: getAxis(
+        chartData.xAxis,
+        chartConfig.xAxis,
+        {
+          titleColor: chartThemeConfig.xAxisTitleColor,
+          labelColor: chartThemeConfig.xAxisLabelColor,
+          tickColor: chartThemeConfig.xAxisTickColor,
+          axisLineColor: chartThemeConfig.xAxisLineColor
+        },
+        tmpSVGGroup2
+      ),
+      yAxis: getAxis(
+        chartData.yAxis,
+        chartConfig.yAxis,
+        {
+          titleColor: chartThemeConfig.yAxisTitleColor,
+          labelColor: chartThemeConfig.yAxisLabelColor,
+          tickColor: chartThemeConfig.yAxisTickColor,
+          axisLineColor: chartThemeConfig.yAxisLineColor
+        },
+        tmpSVGGroup2
+      )
+    };
+  }
+  static {
+    (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(this, "Orchestrator");
   }
-  for (let i = 0; i < options.THEME_COLOR_LIMIT; i++) {
-    const sw = "" + (17 - 3 * i);
-    sections2 += `
-    .section-${i - 1} rect, .section-${i - 1} path, .section-${i - 1} circle, .section-${i - 1} path  {
-      fill: ${options["cScale" + i]};
+  calculateVerticalSpace() {
+    let availableWidth = this.chartConfig.width;
+    let availableHeight = this.chartConfig.height;
+    let plotX = 0;
+    let plotY = 0;
+    let chartWidth = Math.floor(availableWidth * this.chartConfig.plotReservedSpacePercent / 100);
+    let chartHeight = Math.floor(
+      availableHeight * this.chartConfig.plotReservedSpacePercent / 100
+    );
+    let spaceUsed = this.componentStore.plot.calculateSpace({
+      width: chartWidth,
+      height: chartHeight
+    });
+    availableWidth -= spaceUsed.width;
+    availableHeight -= spaceUsed.height;
+    spaceUsed = this.componentStore.title.calculateSpace({
+      width: this.chartConfig.width,
+      height: availableHeight
+    });
+    plotY = spaceUsed.height;
+    availableHeight -= spaceUsed.height;
+    this.componentStore.xAxis.setAxisPosition("bottom");
+    spaceUsed = this.componentStore.xAxis.calculateSpace({
+      width: availableWidth,
+      height: availableHeight
+    });
+    availableHeight -= spaceUsed.height;
+    this.componentStore.yAxis.setAxisPosition("left");
+    spaceUsed = this.componentStore.yAxis.calculateSpace({
+      width: availableWidth,
+      height: availableHeight
+    });
+    plotX = spaceUsed.width;
+    availableWidth -= spaceUsed.width;
+    if (availableWidth > 0) {
+      chartWidth += availableWidth;
+      availableWidth = 0;
     }
-    .section-${i - 1} text {
-     fill: ${options["cScaleLabel" + i]};
+    if (availableHeight > 0) {
+      chartHeight += availableHeight;
+      availableHeight = 0;
     }
-    .node-icon-${i - 1} {
-      font-size: 40px;
-      color: ${options["cScaleLabel" + i]};
+    this.componentStore.plot.calculateSpace({
+      width: chartWidth,
+      height: chartHeight
+    });
+    this.componentStore.plot.setBoundingBoxXY({ x: plotX, y: plotY });
+    this.componentStore.xAxis.setRange([plotX, plotX + chartWidth]);
+    this.componentStore.xAxis.setBoundingBoxXY({ x: plotX, y: plotY + chartHeight });
+    this.componentStore.yAxis.setRange([plotY, plotY + chartHeight]);
+    this.componentStore.yAxis.setBoundingBoxXY({ x: 0, y: plotY });
+    if (this.chartData.plots.some((p) => isBarPlot(p))) {
+      this.componentStore.xAxis.recalculateOuterPaddingToDrawBar();
     }
-    .section-edge-${i - 1}{
-      stroke: ${options["cScale" + i]};
+  }
+  calculateHorizontalSpace() {
+    let availableWidth = this.chartConfig.width;
+    let availableHeight = this.chartConfig.height;
+    let titleYEnd = 0;
+    let plotX = 0;
+    let plotY = 0;
+    let chartWidth = Math.floor(availableWidth * this.chartConfig.plotReservedSpacePercent / 100);
+    let chartHeight = Math.floor(
+      availableHeight * this.chartConfig.plotReservedSpacePercent / 100
+    );
+    let spaceUsed = this.componentStore.plot.calculateSpace({
+      width: chartWidth,
+      height: chartHeight
+    });
+    availableWidth -= spaceUsed.width;
+    availableHeight -= spaceUsed.height;
+    spaceUsed = this.componentStore.title.calculateSpace({
+      width: this.chartConfig.width,
+      height: availableHeight
+    });
+    titleYEnd = spaceUsed.height;
+    availableHeight -= spaceUsed.height;
+    this.componentStore.xAxis.setAxisPosition("left");
+    spaceUsed = this.componentStore.xAxis.calculateSpace({
+      width: availableWidth,
+      height: availableHeight
+    });
+    availableWidth -= spaceUsed.width;
+    plotX = spaceUsed.width;
+    this.componentStore.yAxis.setAxisPosition("top");
+    spaceUsed = this.componentStore.yAxis.calculateSpace({
+      width: availableWidth,
+      height: availableHeight
+    });
+    availableHeight -= spaceUsed.height;
+    plotY = titleYEnd + spaceUsed.height;
+    if (availableWidth > 0) {
+      chartWidth += availableWidth;
+      availableWidth = 0;
     }
-    .edge-depth-${i - 1}{
-      stroke-width: ${sw};
+    if (availableHeight > 0) {
+      chartHeight += availableHeight;
+      availableHeight = 0;
     }
-    .section-${i - 1} line {
-      stroke: ${options["cScaleInv" + i]} ;
-      stroke-width: 3;
+    this.componentStore.plot.calculateSpace({
+      width: chartWidth,
+      height: chartHeight
+    });
+    this.componentStore.plot.setBoundingBoxXY({ x: plotX, y: plotY });
+    this.componentStore.yAxis.setRange([plotX, plotX + chartWidth]);
+    this.componentStore.yAxis.setBoundingBoxXY({ x: plotX, y: titleYEnd });
+    this.componentStore.xAxis.setRange([plotY, plotY + chartHeight]);
+    this.componentStore.xAxis.setBoundingBoxXY({ x: 0, y: plotY });
+    if (this.chartData.plots.some((p) => isBarPlot(p))) {
+      this.componentStore.xAxis.recalculateOuterPaddingToDrawBar();
     }
-
-    .lineWrapper line{
-      stroke: ${options["cScaleLabel" + i]} ;
+  }
+  calculateSpace() {
+    if (this.chartConfig.chartOrientation === "horizontal") {
+      this.calculateHorizontalSpace();
+    } else {
+      this.calculateVerticalSpace();
     }
-
-    .disabled, .disabled circle, .disabled text {
-      fill: lightgray;
+  }
+  getDrawableElement() {
+    this.calculateSpace();
+    const drawableElem = [];
+    this.componentStore.plot.setAxes(this.componentStore.xAxis, this.componentStore.yAxis);
+    for (const component of Object.values(this.componentStore)) {
+      drawableElem.push(...component.getDrawableElements());
     }
-    .disabled text {
-      fill: #efefef;
+    return drawableElem;
+  }
+};
+
+// src/diagrams/xychart/chartBuilder/index.ts
+var XYChartBuilder = class {
+  static {
+    (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(this, "XYChartBuilder");
+  }
+  static build(config, chartData, chartThemeConfig, tmpSVGGroup2) {
+    const orchestrator = new Orchestrator(config, chartData, chartThemeConfig, tmpSVGGroup2);
+    return orchestrator.getDrawableElement();
+  }
+};
+
+// src/diagrams/xychart/xychartDb.ts
+var plotIndex = 0;
+var tmpSVGGroup;
+var xyChartConfig = getChartDefaultConfig();
+var xyChartThemeConfig = getChartDefaultThemeConfig();
+var xyChartData = getChartDefaultData();
+var plotColorPalette = xyChartThemeConfig.plotColorPalette.split(",").map((color) => color.trim());
+var hasSetXAxis = false;
+var hasSetYAxis = false;
+function getChartDefaultThemeConfig() {
+  const defaultThemeVariables = (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getThemeVariables */ .P$)();
+  const config = (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getConfig */ .zj)();
+  return (0,_chunk_O4NI6UNU_mjs__WEBPACK_IMPORTED_MODULE_1__/* .cleanAndMerge */ .$t)(defaultThemeVariables.xyChart, config.themeVariables.xyChart);
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getChartDefaultThemeConfig, "getChartDefaultThemeConfig");
+function getChartDefaultConfig() {
+  const config = (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getConfig */ .zj)();
+  return (0,_chunk_O4NI6UNU_mjs__WEBPACK_IMPORTED_MODULE_1__/* .cleanAndMerge */ .$t)(
+    _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .defaultConfig_default */ .UI.xyChart,
+    config.xyChart
+  );
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getChartDefaultConfig, "getChartDefaultConfig");
+function getChartDefaultData() {
+  return {
+    yAxis: {
+      type: "linear",
+      title: "",
+      min: Infinity,
+      max: -Infinity
+    },
+    xAxis: {
+      type: "band",
+      title: "",
+      categories: []
+    },
+    title: "",
+    plots: []
+  };
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getChartDefaultData, "getChartDefaultData");
+function textSanitizer(text) {
+  const config = (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getConfig */ .zj)();
+  return (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .sanitizeText */ .jZ)(text.trim(), config);
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(textSanitizer, "textSanitizer");
+function setTmpSVGG(SVGG) {
+  tmpSVGGroup = SVGG;
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(setTmpSVGG, "setTmpSVGG");
+function setOrientation(orientation) {
+  if (orientation === "horizontal") {
+    xyChartConfig.chartOrientation = "horizontal";
+  } else {
+    xyChartConfig.chartOrientation = "vertical";
+  }
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(setOrientation, "setOrientation");
+function setXAxisTitle(title) {
+  xyChartData.xAxis.title = textSanitizer(title.text);
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(setXAxisTitle, "setXAxisTitle");
+function setXAxisRangeData(min, max) {
+  xyChartData.xAxis = { type: "linear", title: xyChartData.xAxis.title, min, max };
+  hasSetXAxis = true;
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(setXAxisRangeData, "setXAxisRangeData");
+function setXAxisBand(categories) {
+  xyChartData.xAxis = {
+    type: "band",
+    title: xyChartData.xAxis.title,
+    categories: categories.map((c) => textSanitizer(c.text))
+  };
+  hasSetXAxis = true;
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(setXAxisBand, "setXAxisBand");
+function setYAxisTitle(title) {
+  xyChartData.yAxis.title = textSanitizer(title.text);
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(setYAxisTitle, "setYAxisTitle");
+function setYAxisRangeData(min, max) {
+  xyChartData.yAxis = { type: "linear", title: xyChartData.yAxis.title, min, max };
+  hasSetYAxis = true;
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(setYAxisRangeData, "setYAxisRangeData");
+function setYAxisRangeFromPlotData(data) {
+  const minValue = Math.min(...data);
+  const maxValue = Math.max(...data);
+  const prevMinValue = isLinearAxisData(xyChartData.yAxis) ? xyChartData.yAxis.min : Infinity;
+  const prevMaxValue = isLinearAxisData(xyChartData.yAxis) ? xyChartData.yAxis.max : -Infinity;
+  xyChartData.yAxis = {
+    type: "linear",
+    title: xyChartData.yAxis.title,
+    min: Math.min(prevMinValue, minValue),
+    max: Math.max(prevMaxValue, maxValue)
+  };
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(setYAxisRangeFromPlotData, "setYAxisRangeFromPlotData");
+function transformDataWithoutCategory(data) {
+  let retData = [];
+  if (data.length === 0) {
+    return retData;
+  }
+  if (!hasSetXAxis) {
+    const prevMinValue = isLinearAxisData(xyChartData.xAxis) ? xyChartData.xAxis.min : Infinity;
+    const prevMaxValue = isLinearAxisData(xyChartData.xAxis) ? xyChartData.xAxis.max : -Infinity;
+    setXAxisRangeData(Math.min(prevMinValue, 1), Math.max(prevMaxValue, data.length));
+  }
+  if (!hasSetYAxis) {
+    setYAxisRangeFromPlotData(data);
+  }
+  if (isBandAxisData(xyChartData.xAxis)) {
+    retData = xyChartData.xAxis.categories.map((c, i) => [c, data[i]]);
+  }
+  if (isLinearAxisData(xyChartData.xAxis)) {
+    const min = xyChartData.xAxis.min;
+    const max = xyChartData.xAxis.max;
+    const step = (max - min) / (data.length - 1);
+    const categories = [];
+    for (let i = min; i <= max; i += step) {
+      categories.push(`${i}`);
     }
-    `;
+    retData = categories.map((c, i) => [c, data[i]]);
   }
-  return sections2;
-}, "genSections");
-var getStyles = /* @__PURE__ */ (0,_chunk_S24QXQKS_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)((options) => `
-  .edge {
-    stroke-width: 3;
+  return retData;
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(transformDataWithoutCategory, "transformDataWithoutCategory");
+function getPlotColorFromPalette(plotIndex2) {
+  return plotColorPalette[plotIndex2 === 0 ? 0 : plotIndex2 % plotColorPalette.length];
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getPlotColorFromPalette, "getPlotColorFromPalette");
+function setLineData(title, data) {
+  const plotData = transformDataWithoutCategory(data);
+  xyChartData.plots.push({
+    type: "line",
+    strokeFill: getPlotColorFromPalette(plotIndex),
+    strokeWidth: 2,
+    data: plotData
+  });
+  plotIndex++;
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(setLineData, "setLineData");
+function setBarData(title, data) {
+  const plotData = transformDataWithoutCategory(data);
+  xyChartData.plots.push({
+    type: "bar",
+    fill: getPlotColorFromPalette(plotIndex),
+    data: plotData
+  });
+  plotIndex++;
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(setBarData, "setBarData");
+function getDrawableElem() {
+  if (xyChartData.plots.length === 0) {
+    throw Error("No Plot to render, please provide a plot with some data");
   }
-  ${genSections(options)}
-  .section-root rect, .section-root path, .section-root circle  {
-    fill: ${options.git0};
+  xyChartData.title = (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getDiagramTitle */ .ab)();
+  return XYChartBuilder.build(xyChartConfig, xyChartData, xyChartThemeConfig, tmpSVGGroup);
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getDrawableElem, "getDrawableElem");
+function getChartThemeConfig() {
+  return xyChartThemeConfig;
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getChartThemeConfig, "getChartThemeConfig");
+function getChartConfig() {
+  return xyChartConfig;
+}
+(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getChartConfig, "getChartConfig");
+var clear2 = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(function() {
+  (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .clear */ .IU)();
+  plotIndex = 0;
+  xyChartConfig = getChartDefaultConfig();
+  xyChartData = getChartDefaultData();
+  xyChartThemeConfig = getChartDefaultThemeConfig();
+  plotColorPalette = xyChartThemeConfig.plotColorPalette.split(",").map((color) => color.trim());
+  hasSetXAxis = false;
+  hasSetYAxis = false;
+}, "clear");
+var xychartDb_default = {
+  getDrawableElem,
+  clear: clear2,
+  setAccTitle: _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .setAccTitle */ .SV,
+  getAccTitle: _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getAccTitle */ .iN,
+  setDiagramTitle: _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .setDiagramTitle */ .ke,
+  getDiagramTitle: _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getDiagramTitle */ .ab,
+  getAccDescription: _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getAccDescription */ .m7,
+  setAccDescription: _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .setAccDescription */ .EI,
+  setOrientation,
+  setXAxisTitle,
+  setXAxisRangeData,
+  setXAxisBand,
+  setYAxisTitle,
+  setYAxisRangeData,
+  setLineData,
+  setBarData,
+  setTmpSVGG,
+  getChartThemeConfig,
+  getChartConfig
+};
+
+// src/diagrams/xychart/xychartRenderer.ts
+var draw = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)((txt, id, _version, diagObj) => {
+  const db = diagObj.db;
+  const themeConfig = db.getChartThemeConfig();
+  const chartConfig = db.getChartConfig();
+  function getDominantBaseLine(horizontalPos) {
+    return horizontalPos === "top" ? "text-before-edge" : "middle";
   }
-  .section-root text {
-    fill: ${options.gitBranchLabel0};
+  (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getDominantBaseLine, "getDominantBaseLine");
+  function getTextAnchor(verticalPos) {
+    return verticalPos === "left" ? "start" : verticalPos === "right" ? "end" : "middle";
   }
-  .icon-container {
-    height:100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getTextAnchor, "getTextAnchor");
+  function getTextTransformation(data) {
+    return `translate(${data.x}, ${data.y}) rotate(${data.rotation || 0})`;
   }
-  .edge {
-    fill: none;
+  (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getTextTransformation, "getTextTransformation");
+  _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .log */ .Rm.debug("Rendering xychart chart\n" + txt);
+  const svg = (0,_chunk_7B677QYD_mjs__WEBPACK_IMPORTED_MODULE_2__/* .selectSvgElement */ .D)(id);
+  const group = svg.append("g").attr("class", "main");
+  const background = group.append("rect").attr("width", chartConfig.width).attr("height", chartConfig.height).attr("class", "background");
+  (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .configureSvgSize */ .a$)(svg, chartConfig.height, chartConfig.width, true);
+  svg.attr("viewBox", `0 0 ${chartConfig.width} ${chartConfig.height}`);
+  background.attr("fill", themeConfig.backgroundColor);
+  db.setTmpSVGG(svg.append("g").attr("class", "mermaid-tmp-group"));
+  const shapes = db.getDrawableElem();
+  const groups = {};
+  function getGroup(gList) {
+    let elem = group;
+    let prefix = "";
+    for (const [i] of gList.entries()) {
+      let parent = group;
+      if (i > 0 && groups[prefix]) {
+        parent = groups[prefix];
+      }
+      prefix += gList[i];
+      elem = groups[prefix];
+      if (!elem) {
+        elem = groups[prefix] = parent.append("g").attr("class", gList[i]);
+      }
+    }
+    return elem;
   }
-  .eventWrapper  {
-   filter: brightness(120%);
+  (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/* .__name */ .K2)(getGroup, "getGroup");
+  for (const shape of shapes) {
+    if (shape.data.length === 0) {
+      continue;
+    }
+    const shapeGroup = getGroup(shape.groupTexts);
+    switch (shape.type) {
+      case "rect":
+        shapeGroup.selectAll("rect").data(shape.data).enter().append("rect").attr("x", (data) => data.x).attr("y", (data) => data.y).attr("width", (data) => data.width).attr("height", (data) => data.height).attr("fill", (data) => data.fill).attr("stroke", (data) => data.strokeFill).attr("stroke-width", (data) => data.strokeWidth);
+        break;
+      case "text":
+        shapeGroup.selectAll("text").data(shape.data).enter().append("text").attr("x", 0).attr("y", 0).attr("fill", (data) => data.fill).attr("font-size", (data) => data.fontSize).attr("dominant-baseline", (data) => getDominantBaseLine(data.verticalPos)).attr("text-anchor", (data) => getTextAnchor(data.horizontalPos)).attr("transform", (data) => getTextTransformation(data)).text((data) => data.text);
+        break;
+      case "path":
+        shapeGroup.selectAll("path").data(shape.data).enter().append("path").attr("d", (data) => data.path).attr("fill", (data) => data.fill ? data.fill : "none").attr("stroke", (data) => data.strokeFill).attr("stroke-width", (data) => data.strokeWidth);
+        break;
+    }
   }
-`, "getStyles");
-var styles_default = getStyles;
+}, "draw");
+var xychartRenderer_default = {
+  draw
+};
 
-// src/diagrams/timeline/timeline-definition.ts
+// src/diagrams/xychart/xychartDiagram.ts
 var diagram = {
-  db: timelineDb_exports,
-  renderer: timelineRenderer_default,
-  parser: timeline_default,
-  styles: styles_default
+  parser: xychart_default,
+  db: xychartDb_default,
+  renderer: xychartRenderer_default
 };