@aiderdesk/aiderdesk 0.61.0-dev → 0.61.1

package/out/renderer/assets/{chunk-NQ4KR5QH-Bmqo2FpL.js → chunk-OYMX7WX6-Cpi4N3NO.js}

@@ -1,6 +1,6 @@
-import { g as getDiagramElement } from "./chunk-55IACEB6-oLT9lXTt.js";
-import { s as setupViewPortForSVG } from "./chunk-KX2RTZJC-D32tV7H-.js";
-import { _ as __name, l as log, c as getConfig2, r as render, u as utils_default, a as getAccTitle, b as setAccTitle, g as getAccDescription, s as setAccDescription, p as setDiagramTitle, q as getDiagramTitle, W as generateId, k as common_default, z as clear } from "./index-MDHavDF9.js";
+import { g as getDiagramElement } from "./chunk-55IACEB6-BzVYZvBM.js";
+import { s as setupViewPortForSVG } from "./chunk-EDXVE4YY-BryQl5Kv.js";
+import { _ as __name, l as log, c as getConfig2, r as render, u as utils_default, a as getAccTitle, b as setAccTitle, g as getAccDescription, s as setAccDescription, p as setDiagramTitle, q as getDiagramTitle, W as generateId, k as common_default, z as clear } from "./index-BL-57WPa.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;
@@ -803,7 +803,7 @@ var parser = (function() {
         }
       }, "anonymous"),
       rules: [/^(?:click\b)/i, /^(?:href\b)/i, /^(?:"[^"]*")/i, /^(?:default\b)/i, /^(?:.*direction\s+TB[^\n]*)/i, /^(?:.*direction\s+BT[^\n]*)/i, /^(?:.*direction\s+RL[^\n]*)/i, /^(?:.*direction\s+LR[^\n]*)/i, /^(?:%%(?!\{)[^\n]*)/i, /^(?:[^\}]%%[^\n]*)/i, /^(?:[\n]+)/i, /^(?:[\s]+)/i, /^(?:((?!\n)\s)+)/i, /^(?:#[^\n]*)/i, /^(?:%[^\n]*)/i, /^(?:scale\s+)/i, /^(?:\d+)/i, /^(?:\s+width\b)/i, /^(?:accTitle\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*\{\s*)/i, /^(?:[\}])/i, /^(?:[^\}]*)/i, /^(?:classDef\s+)/i, /^(?:DEFAULT\s+)/i, /^(?:\w+\s+)/i, /^(?:[^\n]*)/i, /^(?:class\s+)/i, /^(?:(\w+)+((,\s*\w+)*))/i, /^(?:[^\n]*)/i, /^(?:style\s+)/i, /^(?:[\w,]+\s+)/i, /^(?:[^\n]*)/i, /^(?:scale\s+)/i, /^(?:\d+)/i, /^(?:\s+width\b)/i, /^(?:state\s+)/i, /^(?:.*<<fork>>)/i, /^(?:.*<<join>>)/i, /^(?:.*<<choice>>)/i, /^(?:.*\[\[fork\]\])/i, /^(?:.*\[\[join\]\])/i, /^(?:.*\[\[choice\]\])/i, /^(?:.*direction\s+TB[^\n]*)/i, /^(?:.*direction\s+BT[^\n]*)/i, /^(?:.*direction\s+RL[^\n]*)/i, /^(?:.*direction\s+LR[^\n]*)/i, /^(?:["])/i, /^(?:\s*as\s+)/i, /^(?:[^\n\{]*)/i, /^(?:["])/i, /^(?:[^"]*)/i, /^(?:[^\n\s\{]+)/i, /^(?:\n)/i, /^(?:\{)/i, /^(?:%%(?!\{)[^\n]*)/i, /^(?:\})/i, /^(?:[\n])/i, /^(?:note\s+)/i, /^(?:left of\b)/i, /^(?:right of\b)/i, /^(?:")/i, /^(?:\s*as\s*)/i, /^(?:["])/i, /^(?:[^"]*)/i, /^(?:[^\n]*)/i, /^(?:\s*[^:\n\s\-]+)/i, /^(?:\s*:[^:\n;]+)/i, /^(?:[\s\S]*?end note\b)/i, /^(?:stateDiagram\s+)/i, /^(?:stateDiagram-v2\s+)/i, /^(?:hide empty description\b)/i, /^(?:\[\*\])/i, /^(?:[^:\n\s\-\{]+)/i, /^(?:\s*:(?:[^:\n;]|:[^:\n;])+)/i, /^(?:-->)/i, /^(?:--)/i, /^(?::::)/i, /^(?:$)/i, /^(?:.)/i],
-      conditions: { "LINE": { "rules": [12, 13], "inclusive": false }, "struct": { "rules": [12, 13, 25, 29, 32, 38, 45, 46, 47, 48, 57, 58, 59, 60, 74, 75, 76, 77, 78], "inclusive": false }, "FLOATING_NOTE_ID": { "rules": [67], "inclusive": false }, "FLOATING_NOTE": { "rules": [64, 65, 66], "inclusive": false }, "NOTE_TEXT": { "rules": [69, 70], "inclusive": false }, "NOTE_ID": { "rules": [68], "inclusive": false }, "NOTE": { "rules": [61, 62, 63], "inclusive": false }, "STYLEDEF_STYLEOPTS": { "rules": [], "inclusive": false }, "STYLEDEF_STYLES": { "rules": [34], "inclusive": false }, "STYLE_IDS": { "rules": [], "inclusive": false }, "STYLE": { "rules": [33], "inclusive": false }, "CLASS_STYLE": { "rules": [31], "inclusive": false }, "CLASS": { "rules": [30], "inclusive": false }, "CLASSDEFID": { "rules": [28], "inclusive": false }, "CLASSDEF": { "rules": [26, 27], "inclusive": false }, "acc_descr_multiline": { "rules": [23, 24], "inclusive": false }, "acc_descr": { "rules": [21], "inclusive": false }, "acc_title": { "rules": [19], "inclusive": false }, "SCALE": { "rules": [16, 17, 36, 37], "inclusive": false }, "ALIAS": { "rules": [], "inclusive": false }, "STATE_ID": { "rules": [51], "inclusive": false }, "STATE_STRING": { "rules": [52, 53], "inclusive": false }, "FORK_STATE": { "rules": [], "inclusive": false }, "STATE": { "rules": [12, 13, 39, 40, 41, 42, 43, 44, 49, 50, 54, 55, 56], "inclusive": false }, "ID": { "rules": [12, 13], "inclusive": false }, "INITIAL": { "rules": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 13, 14, 15, 18, 20, 22, 25, 29, 32, 35, 38, 56, 60, 71, 72, 73, 74, 75, 76, 77, 79, 80, 81], "inclusive": true } }
+      conditions: { "LINE": { "rules": [12, 13], "inclusive": false }, "struct": { "rules": [12, 13, 25, 29, 32, 38, 45, 46, 47, 48, 57, 58, 59, 60, 74, 75, 76, 77, 78, 79], "inclusive": false }, "FLOATING_NOTE_ID": { "rules": [67], "inclusive": false }, "FLOATING_NOTE": { "rules": [64, 65, 66], "inclusive": false }, "NOTE_TEXT": { "rules": [69, 70], "inclusive": false }, "NOTE_ID": { "rules": [68], "inclusive": false }, "NOTE": { "rules": [61, 62, 63], "inclusive": false }, "STYLEDEF_STYLEOPTS": { "rules": [], "inclusive": false }, "STYLEDEF_STYLES": { "rules": [34], "inclusive": false }, "STYLE_IDS": { "rules": [], "inclusive": false }, "STYLE": { "rules": [33], "inclusive": false }, "CLASS_STYLE": { "rules": [31], "inclusive": false }, "CLASS": { "rules": [30], "inclusive": false }, "CLASSDEFID": { "rules": [28], "inclusive": false }, "CLASSDEF": { "rules": [26, 27], "inclusive": false }, "acc_descr_multiline": { "rules": [23, 24], "inclusive": false }, "acc_descr": { "rules": [21], "inclusive": false }, "acc_title": { "rules": [19], "inclusive": false }, "SCALE": { "rules": [16, 17, 36, 37], "inclusive": false }, "ALIAS": { "rules": [], "inclusive": false }, "STATE_ID": { "rules": [51], "inclusive": false }, "STATE_STRING": { "rules": [52, 53], "inclusive": false }, "FORK_STATE": { "rules": [], "inclusive": false }, "STATE": { "rules": [12, 13, 39, 40, 41, 42, 43, 44, 49, 50, 54, 55, 56], "inclusive": false }, "ID": { "rules": [12, 13], "inclusive": false }, "INITIAL": { "rules": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 13, 14, 15, 18, 20, 22, 25, 29, 32, 35, 38, 56, 60, 71, 72, 73, 74, 75, 76, 77, 79, 80, 81], "inclusive": true } }
     };
     return lexer2;
   })();
@@ -886,7 +886,12 @@ var draw = /* @__PURE__ */ __name(async function(text, id, _version, diag) {
   data4Layout.layoutAlgorithm = layout;
   data4Layout.nodeSpacing = conf?.nodeSpacing || 50;
   data4Layout.rankSpacing = conf?.rankSpacing || 50;
-  data4Layout.markers = ["barb"];
+  const config = getConfig2();
+  if (config.look === "neo") {
+    data4Layout.markers = ["barbNeo"];
+  } else {
+    data4Layout.markers = ["barb"];
+  }
   data4Layout.diagramId = id;
   await render(data4Layout, svg);
   const padding = 8;
@@ -982,12 +987,13 @@ var setupDoc = /* @__PURE__ */ __name((parentParsedItem, doc, diagramStates, nod
             look,
             classes
           );
+          const isNeo = look === "neo";
           const edgeData = {
             id: "edge" + graphItemCount,
             start: item.state1.id,
             end: item.state2.id,
             arrowhead: "normal",
-            arrowTypeEnd: "arrow_barb",
+            arrowTypeEnd: isNeo ? "arrow_barb_neo" : "arrow_barb",
             style: G_EDGE_STYLE,
             labelStyle: "",
             label: common_default.sanitizeText(item.description ?? "", getConfig2()),
@@ -1699,7 +1705,7 @@ var StateDB = class {
   }
 };
 var getStyles = /* @__PURE__ */ __name((options) => `
-defs #statediagram-barbEnd {
+defs [id$="-barbEnd"] {
     fill: ${options.transitionColor};
     stroke: ${options.transitionColor};
   }
@@ -1726,12 +1732,12 @@ g.stateGroup rect {
 
 g.stateGroup line {
   stroke: ${options.lineColor};
-  stroke-width: 1;
+  stroke-width: ${options.strokeWidth || 1};
 }
 
 .transition {
   stroke: ${options.transitionColor};
-  stroke-width: 1;
+  stroke-width: ${options.strokeWidth || 1};
   fill: none;
 }
 
@@ -1816,21 +1822,21 @@ g.stateGroup line {
 .node rect {
   fill: ${options.stateBkg || options.mainBkg};
   stroke: ${options.stateBorder || options.nodeBorder};
-  stroke-width: 1px;
+  stroke-width: ${options.strokeWidth || 1}px;
 }
 .node polygon {
   fill: ${options.mainBkg};
   stroke: ${options.stateBorder || options.nodeBorder};;
-  stroke-width: 1px;
+  stroke-width: ${options.strokeWidth || 1}px;
 }
-#statediagram-barbEnd {
+[id$="-barbEnd"] {
   fill: ${options.lineColor};
 }
 
 .statediagram-cluster rect {
   fill: ${options.compositeTitleBackground};
   stroke: ${options.stateBorder || options.nodeBorder};
-  stroke-width: 1px;
+  stroke-width: ${options.strokeWidth || 1}px;
 }
 
 .cluster-label, .nodeLabel {
@@ -1901,10 +1907,10 @@ g.stateGroup line {
   color: red; // ${options.noteTextColor};
 }
 
-#dependencyStart, #dependencyEnd {
+[id$="-dependencyStart"], [id$="-dependencyEnd"] {
   fill: ${options.lineColor};
   stroke: ${options.lineColor};
-  stroke-width: 1;
+  stroke-width: ${options.strokeWidth || 1};
 }
 
 .statediagramTitleText {
@@ -1912,6 +1918,17 @@ g.stateGroup line {
   font-size: 18px;
   fill: ${options.textColor};
 }
+
+[data-look="neo"].statediagram-cluster rect {
+  fill: ${options.mainBkg};
+  stroke: ${options.useGradient ? "url(" + options.svgId + "-gradient)" : options.stateBorder || options.nodeBorder};
+  stroke-width: ${options.strokeWidth ?? 1};
+}
+[data-look="neo"].statediagram-cluster rect.outer {
+  rx: ${options.radius}px;
+  ry: ${options.radius}px;
+  filter: ${options.dropShadow ? options.dropShadow.replace("url(#drop-shadow)", `url(${options.svgId}-drop-shadow)`) : "none"}
+}
 `, "getStyles");
 var styles_default = getStyles;
 export {

package/out/renderer/assets/{chunk-QZHKN3VN-8BpGifjS.js → chunk-QZHKN3VN-BT8kABWC.js}

@@ -1,4 +1,4 @@
-import { _ as __name } from "./index-MDHavDF9.js";
+import { _ as __name } from "./index-BL-57WPa.js";
 var ImperativeState = class {
   /**
    * @param init - Function that creates the default state.

package/out/renderer/assets/{chunk-JSJVCQXG-DtjSx6Cj.js → chunk-YZCP3GAM-OLZV_Sef.js}

@@ -1,4 +1,4 @@
-import { _ as __name, d as select, X as lineBreakRegex, j as distExports } from "./index-MDHavDF9.js";
+import { _ as __name, d as select, X as lineBreakRegex, j as distExports } from "./index-BL-57WPa.js";
 var drawRect = /* @__PURE__ */ __name((element, rectData) => {
   const rectElement = element.append("rect");
   rectElement.attr("x", rectData.x);

package/out/renderer/assets/{classDiagram-VBA2DB6C-BxRSSb9e.js → classDiagram-6PBFFD2Q-VdE6G90i.js}

@@ -1,9 +1,9 @@
-import { s as styles_default, c as classRenderer_v3_unified_default, a as classDiagram_default, C as ClassDB } from "./chunk-WL4C6EOR-vhby2fZi.js";
-import { _ as __name } from "./index-MDHavDF9.js";
-import "./chunk-FMBD7UC4-B5k8rETe.js";
-import "./chunk-JSJVCQXG-DtjSx6Cj.js";
-import "./chunk-55IACEB6-oLT9lXTt.js";
-import "./chunk-KX2RTZJC-D32tV7H-.js";
+import { s as styles_default, c as classRenderer_v3_unified_default, a as classDiagram_default, C as ClassDB } from "./chunk-4TB4RGXK-CmVtCVL4.js";
+import { _ as __name } from "./index-BL-57WPa.js";
+import "./chunk-FMBD7UC4-CRiLea_e.js";
+import "./chunk-YZCP3GAM-OLZV_Sef.js";
+import "./chunk-55IACEB6-BzVYZvBM.js";
+import "./chunk-EDXVE4YY-BryQl5Kv.js";
 var diagram = {
   parser: classDiagram_default,
   get db() {

package/out/renderer/assets/{classDiagram-v2-RAHNMMFH-BxRSSb9e.js → classDiagram-v2-HSJHXN6E-VdE6G90i.js}

@@ -1,9 +1,9 @@
-import { s as styles_default, c as classRenderer_v3_unified_default, a as classDiagram_default, C as ClassDB } from "./chunk-WL4C6EOR-vhby2fZi.js";
-import { _ as __name } from "./index-MDHavDF9.js";
-import "./chunk-FMBD7UC4-B5k8rETe.js";
-import "./chunk-JSJVCQXG-DtjSx6Cj.js";
-import "./chunk-55IACEB6-oLT9lXTt.js";
-import "./chunk-KX2RTZJC-D32tV7H-.js";
+import { s as styles_default, c as classRenderer_v3_unified_default, a as classDiagram_default, C as ClassDB } from "./chunk-4TB4RGXK-CmVtCVL4.js";
+import { _ as __name } from "./index-BL-57WPa.js";
+import "./chunk-FMBD7UC4-CRiLea_e.js";
+import "./chunk-YZCP3GAM-OLZV_Sef.js";
+import "./chunk-55IACEB6-BzVYZvBM.js";
+import "./chunk-EDXVE4YY-BryQl5Kv.js";
 var diagram = {
   parser: classDiagram_default,
   get db() {

package/out/renderer/assets/{clone-D9a-uIZa.js → clone-DwQZ86nS.js}

@@ -1,4 +1,4 @@
-import { b as baseClone } from "./_baseUniq-Z8t1Ab1g.js";
+import { b as baseClone } from "./graph-BFn23kR_.js";
 var CLONE_SYMBOLS_FLAG = 4;
 function clone(value) {
   return baseClone(value, CLONE_SYMBOLS_FLAG);

package/out/renderer/assets/{cose-bilkent-S5V4N54A-CUqqQ-6R.js → cose-bilkent-S5V4N54A-BEcAKM9H.js}

@@ -1,4 +1,4 @@
-import { bs as getDefaultExportFromCjs, _ as __name, l as log, d as select } from "./index-MDHavDF9.js";
+import { aO as getDefaultExportFromCjs, _ as __name, l as log, d as select } from "./index-BL-57WPa.js";
 import { c as cytoscape$1 } from "./cytoscape.esm-Bm8DJGmZ.js";
 var cytoscapeCoseBilkent$1 = { exports: {} };
 var coseBase$1 = { exports: {} };

package/out/renderer/assets/{dagre-KLK3FWXG-ORIwMMhq.js → dagre-KV5264BT-BcFQYL1M.js}

@@ -1,9 +1,9 @@
-import { _ as __name, bg as markers_default, bh as clear2, bi as clear, bj as clear$1, l as log, c as getConfig2, bk as updateNodeBounds, bl as setNodeElem, al as insertNode, ar as getSubGraphTitleMargins, am as positionNode, ak as insertCluster, bm as insertEdge, bn as positionEdgeLabel, bo as insertEdgeLabel } from "./index-MDHavDF9.js";
-import { G as Graph } from "./graph-Dl5N6maZ.js";
-import { l as layout } from "./layout-B9K2VT39.js";
-import { i as isUndefined } from "./_baseUniq-Z8t1Ab1g.js";
-import { c as clone } from "./clone-D9a-uIZa.js";
-import { m as map } from "./_basePickBy-BWoXHZ8Z.js";
+import { _ as __name, ay as markers_default, az as clear2, aA as clear, aB as clear$1, l as log, c as getConfig2, aC as updateNodeBounds, aD as setNodeElem, al as insertNode, ar as getSubGraphTitleMargins, am as positionNode, ak as insertCluster, aE as insertEdge, aF as positionEdgeLabel, aG as insertEdgeLabel } from "./index-BL-57WPa.js";
+import { i as isUndefined, G as Graph } from "./graph-BFn23kR_.js";
+import { l as layout } from "./layout-BpybWUv6.js";
+import { c as clone } from "./clone-DwQZ86nS.js";
+import { m as map } from "./min-DB8ixvoT.js";
+import "./_baseUniq-BPF2Herp.js";
 function write(g) {
   var json = {
     options: {

package/out/renderer/assets/diagram-5BDNPKRD-GrUNdC1u.js

@@ -0,0 +1,171 @@
+import { p as setDiagramTitle, b as setAccTitle, s as setAccDescription, q as getDiagramTitle, g as getAccDescription, a as getAccTitle, _ as __name, F as cleanAndMerge, l as log, I as selectSvgElement, e as configureSvgSize, D as getConfig, G as defaultConfig_default, z as clear } from "./index-BL-57WPa.js";
+import { p as populateCommonDb } from "./chunk-4BX2VUAB-0KM14cFd.js";
+import { I as ImperativeState } from "./chunk-QZHKN3VN-BT8kABWC.js";
+import { p as parse } from "./wardley-RL74JXVD-DTbxPMj9.js";
+import "./min-DB8ixvoT.js";
+import "./_baseUniq-BPF2Herp.js";
+var state = new ImperativeState(() => ({
+  cnt: 1,
+  stack: [
+    {
+      id: 0,
+      level: -1,
+      name: "/",
+      children: []
+    }
+  ]
+}));
+var clear2 = /* @__PURE__ */ __name(() => {
+  state.reset();
+  clear();
+}, "clear");
+var getRoot = /* @__PURE__ */ __name(() => {
+  return state.records.stack[0];
+}, "getRoot");
+var getCount = /* @__PURE__ */ __name(() => state.records.cnt, "getCount");
+var defaultConfig = defaultConfig_default.treeView;
+var getConfig2 = /* @__PURE__ */ __name(() => {
+  return cleanAndMerge(defaultConfig, getConfig().treeView);
+}, "getConfig");
+var addNode = /* @__PURE__ */ __name((level, name) => {
+  while (level <= state.records.stack[state.records.stack.length - 1].level) {
+    state.records.stack.pop();
+  }
+  const node = {
+    id: state.records.cnt++,
+    level,
+    name,
+    children: []
+  };
+  state.records.stack[state.records.stack.length - 1].children.push(node);
+  state.records.stack.push(node);
+}, "addNode");
+var db = {
+  clear: clear2,
+  addNode,
+  getRoot,
+  getCount,
+  getConfig: getConfig2,
+  getAccTitle,
+  getAccDescription,
+  getDiagramTitle,
+  setAccDescription,
+  setAccTitle,
+  setDiagramTitle
+};
+var db_default = db;
+var populate = /* @__PURE__ */ __name((ast) => {
+  populateCommonDb(ast, db_default);
+  ast.nodes.map((node) => db_default.addNode(node.indent ? parseInt(node.indent) : 0, node.name));
+}, "populate");
+var parser = {
+  parse: /* @__PURE__ */ __name(async (input) => {
+    const ast = await parse("treeView", input);
+    log.debug(ast);
+    populate(ast);
+  }, "parse")
+};
+var positionLabel = /* @__PURE__ */ __name((x, y, node, domElem, config) => {
+  const label = domElem.append("text").text(node.name).attr("dominant-baseline", "middle").attr("class", "treeView-node-label");
+  const { height: labelHeight, width: labelWidth } = label.node().getBBox();
+  const height = labelHeight + config.paddingY * 2;
+  const width = labelWidth + config.paddingX * 2;
+  label.attr("x", x + config.paddingX);
+  label.attr("y", y + height / 2);
+  node.BBox = {
+    x,
+    y,
+    width,
+    height
+  };
+}, "positionLabel");
+var positionLine = /* @__PURE__ */ __name((domElem, x1, y1, x2, y2, lineThickness) => {
+  return domElem.append("line").attr("x1", x1).attr("y1", y1).attr("x2", x2).attr("y2", y2).attr("stroke-width", lineThickness).attr("class", "treeView-node-line");
+}, "positionLine");
+var drawTree = /* @__PURE__ */ __name((elem, root, config) => {
+  let totalHeight = 0;
+  let totalWidth = 0;
+  const drawNode = /* @__PURE__ */ __name((elem2, node, config2, depth) => {
+    const indent = depth * (config2.rowIndent + config2.paddingX);
+    positionLabel(indent, totalHeight, node, elem2, config2);
+    const { height, width } = node.BBox;
+    positionLine(
+      elem2,
+      indent - config2.rowIndent,
+      totalHeight + height / 2,
+      indent,
+      totalHeight + height / 2,
+      config2.lineThickness
+    );
+    totalWidth = Math.max(totalWidth, indent + width);
+    totalHeight += height;
+  }, "drawNode");
+  const processNode = /* @__PURE__ */ __name((node, depth = 0) => {
+    drawNode(elem, node, config, depth);
+    node.children.forEach((child) => {
+      processNode(child, depth + 1);
+    });
+    const { x, y, height } = node.BBox;
+    if (node.children.length) {
+      const { y: endY, height: endHeight } = node.children[node.children.length - 1].BBox;
+      positionLine(
+        elem,
+        x + config.paddingX,
+        y + height,
+        x + config.paddingX,
+        endY + endHeight / 2 + config.lineThickness / 2,
+        config.lineThickness
+      );
+    }
+  }, "processNode");
+  processNode(root);
+  return { totalHeight, totalWidth };
+}, "drawTree");
+var draw = /* @__PURE__ */ __name((text, id, _ver, diagObj) => {
+  log.debug("Rendering treeView diagram\n" + text);
+  const db2 = diagObj.db;
+  const root = db2.getRoot();
+  const config = db2.getConfig();
+  const svg = selectSvgElement(id);
+  const treeElem = svg.append("g");
+  treeElem.attr("class", "tree-view");
+  const { totalHeight, totalWidth } = drawTree(treeElem, root, config);
+  svg.attr("viewBox", `-${config.lineThickness / 2} 0 ${totalWidth} ${totalHeight}`);
+  configureSvgSize(svg, totalHeight, totalWidth, config.useMaxWidth);
+}, "draw");
+var renderer = {
+  draw
+};
+var renderer_default = renderer;
+var defaultTreeViewDiagramStyles = {
+  labelFontSize: "16px",
+  labelColor: "black",
+  lineColor: "black"
+};
+var styles = /* @__PURE__ */ __name(({
+  treeView
+}) => {
+  const { labelFontSize, labelColor, lineColor } = cleanAndMerge(
+    defaultTreeViewDiagramStyles,
+    treeView
+  );
+  return `
+    .treeView-node-label {
+        font-size: ${labelFontSize};
+        fill: ${labelColor};
+    }
+    .treeView-node-line {
+        stroke: ${lineColor};
+    }
+    `;
+}, "styles");
+var styles_default = styles;
+var diagram = {
+  db: db_default,
+  renderer: renderer_default,
+  parser,
+  styles: styles_default
+};
+export {
+  diagram
+};

package/out/renderer/assets/{diagram-E7M64L7V-bS9HcoDQ.js → diagram-G4DWMVQ6-CG4S-ov5.js}

@@ -1,10 +1,9 @@
-import { _ as __name, E as cleanAndMerge, G as getConfig, I as selectSvgElement, e as configureSvgSize, c4 as format, l as log, br as ordinal, c5 as styles2String, d as select, b as setAccTitle, a as getAccTitle, p as setDiagramTitle, q as getDiagramTitle, g as getAccDescription, s as setAccDescription, F as defaultConfig_default, c6 as isLabelStyle, z as clear } from "./index-MDHavDF9.js";
-import { s as setupViewPortForSVG } from "./chunk-KX2RTZJC-D32tV7H-.js";
-import { p as populateCommonDb } from "./chunk-4BX2VUAB-ChcKNpL6.js";
-import { p as parse } from "./treemap-KZPCXAKY-W2a2L6ff.js";
-import "./_baseUniq-Z8t1Ab1g.js";
-import "./_basePickBy-BWoXHZ8Z.js";
-import "./clone-D9a-uIZa.js";
+import { _ as __name, L as getThemeVariables3, D as getConfig, F as cleanAndMerge, I as selectSvgElement, e as configureSvgSize, bH as format, l as log, aJ as ordinal, bI as styles2String, d as select, b as setAccTitle, a as getAccTitle, p as setDiagramTitle, q as getDiagramTitle, g as getAccDescription, s as setAccDescription, G as defaultConfig_default, bJ as isLabelStyle, z as clear } from "./index-BL-57WPa.js";
+import { s as setupViewPortForSVG } from "./chunk-EDXVE4YY-BryQl5Kv.js";
+import { p as populateCommonDb } from "./chunk-4BX2VUAB-0KM14cFd.js";
+import { p as parse } from "./wardley-RL74JXVD-DTbxPMj9.js";
+import "./min-DB8ixvoT.js";
+import "./_baseUniq-BPF2Herp.js";
 function count(node) {
   var sum = 0, children = node.children, i = children && children.length;
   if (!i) sum = 1;
@@ -798,17 +797,20 @@ var defaultTreemapStyleOptions = {
   leafStrokeColor: "black",
   leafStrokeWidth: "1",
   leafFillColor: "#efefef",
-  labelColor: "black",
   labelFontSize: "12px",
   valueFontSize: "10px",
-  valueColor: "black",
-  titleColor: "black",
   titleFontSize: "14px"
 };
 var getStyles = /* @__PURE__ */ __name(({
   treemap: treemap2
 } = {}) => {
+  const defaultThemeVariables = getThemeVariables3();
+  const currentConfig = getConfig();
+  const themeVariables = cleanAndMerge(defaultThemeVariables, currentConfig.themeVariables);
   const options = cleanAndMerge(defaultTreemapStyleOptions, treemap2);
+  const titleColor = options.titleColor ?? themeVariables.titleColor;
+  const labelColor = options.labelColor ?? themeVariables.textColor;
+  const valueColor = options.valueColor ?? themeVariables.textColor;
   return `
   .treemapNode.section {
     stroke: ${options.sectionStrokeColor};
@@ -821,15 +823,15 @@ var getStyles = /* @__PURE__ */ __name(({
     fill: ${options.leafFillColor};
   }
   .treemapLabel {
-    fill: ${options.labelColor};
+    fill: ${labelColor};
     font-size: ${options.labelFontSize};
   }
   .treemapValue {
-    fill: ${options.valueColor};
+    fill: ${valueColor};
     font-size: ${options.valueFontSize};
   }
   .treemapTitle {
-    fill: ${options.titleColor};
+    fill: ${titleColor};
     font-size: ${options.titleFontSize};
   }
   `;

package/out/renderer/assets/{diagram-IFDJBPK2-BRlTIR0J.js → diagram-MMDJMWI5-9ogY3MRC.js}

@@ -1,9 +1,8 @@
-import { s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, I as selectSvgElement, z as clear, E as cleanAndMerge, F as defaultConfig_default, G as getConfig, l as log, L as getThemeVariables3, e as configureSvgSize } from "./index-MDHavDF9.js";
-import { p as populateCommonDb } from "./chunk-4BX2VUAB-ChcKNpL6.js";
-import { p as parse } from "./treemap-KZPCXAKY-W2a2L6ff.js";
-import "./_baseUniq-Z8t1Ab1g.js";
-import "./_basePickBy-BWoXHZ8Z.js";
-import "./clone-D9a-uIZa.js";
+import { s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, I as selectSvgElement, z as clear, F as cleanAndMerge, G as defaultConfig_default, D as getConfig, l as log, L as getThemeVariables3, e as configureSvgSize } from "./index-BL-57WPa.js";
+import { p as populateCommonDb } from "./chunk-4BX2VUAB-0KM14cFd.js";
+import { p as parse } from "./wardley-RL74JXVD-DTbxPMj9.js";
+import "./min-DB8ixvoT.js";
+import "./_baseUniq-BPF2Herp.js";
 var defaultOptions = {
   showLegend: true,
   ticks: 5,

package/out/renderer/assets/{diagram-P4PSJMXO-jsjGwH-p.js → diagram-TYMM5635-Ck7mI1bS.js}

@@ -1,9 +1,8 @@
-import { _ as __name, E as cleanAndMerge, I as selectSvgElement, e as configureSvgSize, l as log, b as setAccTitle, a as getAccTitle, p as setDiagramTitle, q as getDiagramTitle, g as getAccDescription, s as setAccDescription, F as defaultConfig_default, G as getConfig, z as clear } from "./index-MDHavDF9.js";
-import { p as populateCommonDb } from "./chunk-4BX2VUAB-ChcKNpL6.js";
-import { p as parse } from "./treemap-KZPCXAKY-W2a2L6ff.js";
-import "./_baseUniq-Z8t1Ab1g.js";
-import "./_basePickBy-BWoXHZ8Z.js";
-import "./clone-D9a-uIZa.js";
+import { _ as __name, F as cleanAndMerge, I as selectSvgElement, e as configureSvgSize, l as log, b as setAccTitle, a as getAccTitle, p as setDiagramTitle, q as getDiagramTitle, g as getAccDescription, s as setAccDescription, G as defaultConfig_default, D as getConfig, z as clear } from "./index-BL-57WPa.js";
+import { p as populateCommonDb } from "./chunk-4BX2VUAB-0KM14cFd.js";
+import { p as parse } from "./wardley-RL74JXVD-DTbxPMj9.js";
+import "./min-DB8ixvoT.js";
+import "./_baseUniq-BPF2Herp.js";
 var DEFAULT_PACKET_CONFIG = defaultConfig_default.packet;
 var PacketDB = class {
   constructor() {