@aiderdesk/aiderdesk 0.61.0-dev → 0.61.0

package/out/renderer/assets/{kanban-definition-K7BYSVSG-Hfz2L6NS.js → kanban-definition-6JOO6SKY-ByvN0qaD.js}

@@ -1,5 +1,5 @@
-import { _ as __name, l as log, c as getConfig2, I as selectSvgElement, ak as insertCluster, al as insertNode, am as positionNode, Y as setupGraphViewbox, F as defaultConfig_default, i as sanitizeText, t as load, J as JSON_SCHEMA, $ as isDark, a0 as lighten, a1 as darken } from "./index-MDHavDF9.js";
-import { g as getIconStyles } from "./chunk-FMBD7UC4-B5k8rETe.js";
+import { _ as __name, l as log, c as getConfig2, I as selectSvgElement, ak as insertCluster, al as insertNode, am as positionNode, a1 as setupGraphViewbox, G as defaultConfig_default, i as sanitizeText, t as load, J as JSON_SCHEMA, Y as isDark, $ as lighten, a0 as darken } from "./index-BL-57WPa.js";
+import { g as getIconStyles } from "./chunk-FMBD7UC4-CRiLea_e.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;
@@ -881,6 +881,9 @@ var draw = /* @__PURE__ */ __name(async (text, id, _version, diagObj) => {
   const conf = getConfig2();
   conf.htmlLabels = false;
   const svg = selectSvgElement(id);
+  for (const node of data4Layout.nodes) {
+    node.domId = `${id}-${node.id}`;
+  }
   const sectionsElem = svg.append("g");
   sectionsElem.attr("class", "sections");
   const nodesElem = svg.append("g");

package/out/renderer/assets/{layout-B9K2VT39.js → layout-BpybWUv6.js}

@@ -1,7 +1,23 @@
-import { G as Graph } from "./graph-Dl5N6maZ.js";
-import { b as baseClone, n as castFunction, o as baseForOwn, e as baseIteratee, j as arrayMap, m as baseGet, p as hasIn, c as baseFlatten, q as toString, d as forEach, i as isUndefined, f as filter, v as values, r as reduce } from "./_baseUniq-Z8t1Ab1g.js";
-import { f as flatten, b as baseExtremum, a as baseLt, c as baseMap, d as basePickBy, t as toFinite, m as map, e as min, h as has, g as find, l as last, i as defaults } from "./_basePickBy-BWoXHZ8Z.js";
-import { c7 as setToString, c8 as overRest, c9 as baseFor, by as keysIn, ca as baseAssignValue, bD as identity, bC as isSymbol, bB as isArray, cb as baseUnary, bx as isIterateeCall, aV as baseRest, bG as assignValue, aX as constant, cc as merge } from "./index-MDHavDF9.js";
+import { b as baseClone, G as Graph, i as isUndefined, v as values } from "./graph-BFn23kR_.js";
+import { c as baseIteratee, i as baseFindIndex, j as castFunction, k as baseForOwn, l as hasPath, m as castPath, t as toKey, n as baseGet, d as arrayMap, o as hasIn, b as baseFlatten, p as toString, h as forEach, g as filter, r as reduce } from "./_baseUniq-BPF2Herp.js";
+import { f as flatten, b as baseExtremum, a as baseLt, c as baseMap, m as map, d as min } from "./min-DB8ixvoT.js";
+import { bV as toNumber, bW as setToString, bX as overRest, bC as baseRest, bY as isIterateeCall, bh as keysIn, bZ as eq, aK as isArrayLike, bg as keys, bP as baseFor, b_ as baseAssignValue, aN as identity, bu as isObject, bO as isIndex, bB as assignValue, aM as isSymbol, aL as isArray, bs as baseUnary, bE as constant, b$ as merge } from "./index-BL-57WPa.js";
+var INFINITY = 1 / 0, MAX_INTEGER = 17976931348623157e292;
+function toFinite(value) {
+  if (!value) {
+    return value === 0 ? value : 0;
+  }
+  value = toNumber(value);
+  if (value === INFINITY || value === -INFINITY) {
+    var sign = value < 0 ? -1 : 1;
+    return sign * MAX_INTEGER;
+  }
+  return value === value ? value : 0;
+}
+function toInteger(value) {
+  var result = toFinite(value), remainder = result % 1;
+  return result === result ? remainder ? result - remainder : result : 0;
+}
 function flatRest(func) {
   return setToString(overRest(func, void 0, flatten), func + "");
 }
@@ -9,6 +25,62 @@ var CLONE_DEEP_FLAG = 1, CLONE_SYMBOLS_FLAG = 4;
 function cloneDeep(value) {
   return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
 }
+var objectProto$1 = Object.prototype;
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+var defaults = baseRest(function(object, sources) {
+  object = Object(object);
+  var index = -1;
+  var length = sources.length;
+  var guard = length > 2 ? sources[2] : void 0;
+  if (guard && isIterateeCall(sources[0], sources[1], guard)) {
+    length = 1;
+  }
+  while (++index < length) {
+    var source = sources[index];
+    var props = keysIn(source);
+    var propsIndex = -1;
+    var propsLength = props.length;
+    while (++propsIndex < propsLength) {
+      var key = props[propsIndex];
+      var value = object[key];
+      if (value === void 0 || eq(value, objectProto$1[key]) && !hasOwnProperty$1.call(object, key)) {
+        object[key] = source[key];
+      }
+    }
+  }
+  return object;
+});
+function last(array) {
+  var length = array == null ? 0 : array.length;
+  return length ? array[length - 1] : void 0;
+}
+function createFind(findIndexFunc) {
+  return function(collection, predicate, fromIndex) {
+    var iterable = Object(collection);
+    if (!isArrayLike(collection)) {
+      var iteratee = baseIteratee(predicate);
+      collection = keys(collection);
+      predicate = function(key) {
+        return iteratee(iterable[key], key, iterable);
+      };
+    }
+    var index = findIndexFunc(collection, predicate, fromIndex);
+    return index > -1 ? iterable[iteratee ? collection[index] : index] : void 0;
+  };
+}
+var nativeMax$1 = Math.max;
+function findIndex(array, predicate, fromIndex) {
+  var length = array == null ? 0 : array.length;
+  if (!length) {
+    return -1;
+  }
+  var index = fromIndex == null ? 0 : toInteger(fromIndex);
+  if (index < 0) {
+    index = nativeMax$1(length + index, 0);
+  }
+  return baseFindIndex(array, baseIteratee(predicate), index);
+}
+var find = createFind(findIndex);
 function forIn(object, iteratee) {
   return object == null ? object : baseFor(object, castFunction(iteratee), keysIn);
 }
@@ -18,6 +90,14 @@ function forOwn(object, iteratee) {
 function baseGt(value, other) {
   return value > other;
 }
+var objectProto = Object.prototype;
+var hasOwnProperty = objectProto.hasOwnProperty;
+function baseHas(object, key) {
+  return object != null && hasOwnProperty.call(object, key);
+}
+function has(object, path) {
+  return object != null && hasPath(object, path, baseHas);
+}
 function mapValues(object, iteratee) {
   var result = {};
   iteratee = baseIteratee(iteratee);
@@ -32,6 +112,39 @@ function max(array) {
 function minBy(array, iteratee) {
   return array && array.length ? baseExtremum(array, baseIteratee(iteratee), baseLt) : void 0;
 }
+function baseSet(object, path, value, customizer) {
+  if (!isObject(object)) {
+    return object;
+  }
+  path = castPath(path, object);
+  var index = -1, length = path.length, lastIndex = length - 1, nested = object;
+  while (nested != null && ++index < length) {
+    var key = toKey(path[index]), newValue = value;
+    if (key === "__proto__" || key === "constructor" || key === "prototype") {
+      return object;
+    }
+    if (index != lastIndex) {
+      var objValue = nested[key];
+      newValue = void 0;
+      if (newValue === void 0) {
+        newValue = isObject(objValue) ? objValue : isIndex(path[index + 1]) ? [] : {};
+      }
+    }
+    assignValue(nested, key, newValue);
+    nested = nested[key];
+  }
+  return object;
+}
+function basePickBy(object, paths, predicate) {
+  var index = -1, length = paths.length, result = {};
+  while (++index < length) {
+    var path = paths[index], value = baseGet(object, path);
+    if (predicate(value, path)) {
+      baseSet(result, castPath(path, object), value);
+    }
+  }
+  return result;
+}
 function baseSortBy(array, comparer) {
   var length = array.length;
   array.sort(comparer);

package/out/renderer/assets/min-DB8ixvoT.js

@@ -0,0 +1,41 @@
+import { b as baseFlatten, a as baseEach, c as baseIteratee, d as arrayMap } from "./_baseUniq-BPF2Herp.js";
+import { aK as isArrayLike, aL as isArray, aM as isSymbol, aN as identity } from "./index-BL-57WPa.js";
+function flatten(array) {
+  var length = array == null ? 0 : array.length;
+  return length ? baseFlatten(array) : [];
+}
+function baseMap(collection, iteratee) {
+  var index = -1, result = isArrayLike(collection) ? Array(collection.length) : [];
+  baseEach(collection, function(value, key, collection2) {
+    result[++index] = iteratee(value, key, collection2);
+  });
+  return result;
+}
+function map(collection, iteratee) {
+  var func = isArray(collection) ? arrayMap : baseMap;
+  return func(collection, baseIteratee(iteratee));
+}
+function baseLt(value, other) {
+  return value < other;
+}
+function baseExtremum(array, iteratee, comparator) {
+  var index = -1, length = array.length;
+  while (++index < length) {
+    var value = array[index], current = iteratee(value);
+    if (current != null && (computed === void 0 ? current === current && !isSymbol(current) : comparator(current, computed))) {
+      var computed = current, result = value;
+    }
+  }
+  return result;
+}
+function min(array) {
+  return array && array.length ? baseExtremum(array, identity, baseLt) : void 0;
+}
+export {
+  baseLt as a,
+  baseExtremum as b,
+  baseMap as c,
+  min as d,
+  flatten as f,
+  map as m
+};

package/out/renderer/assets/{mindmap-definition-YRQLILUH-DDcS7_GH.js → mindmap-definition-QFDTVHPH-Do-I-At8.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, o as getRegisteredLayoutAlgorithm, r as render, F as defaultConfig_default, c as getConfig2, i as sanitizeText, ai as getUserDefinedConfig, aj as v4, $ as isDark, a0 as lighten, a1 as darken } 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, o as getRegisteredLayoutAlgorithm, r as render, D as getConfig, G as defaultConfig_default, c as getConfig2, i as sanitizeText, ai as getUserDefinedConfig, aj as v4, Y as isDark, $ as lighten, a0 as darken } 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) ;
@@ -807,6 +807,7 @@ var MindmapDB = class {
    * @param processedNodes - Array to collect processed nodes
    */
   flattenNodes(node, processedNodes) {
+    const conf = getConfig2();
     const cssClasses = ["mindmap-node"];
     if (node.isRoot === true) {
       cssClasses.push("section-root", "section--1");
@@ -818,6 +819,8 @@ var MindmapDB = class {
     }
     const classes = cssClasses.join(" ");
     const getShapeFromType = /* @__PURE__ */ __name((type) => {
+      const theme = conf.theme?.toLowerCase() ?? "";
+      const isReduxTheme = theme.includes("redux");
       switch (type) {
         case nodeType.CIRCLE:
           return "mindmapCircle";
@@ -832,7 +835,7 @@ var MindmapDB = class {
         case nodeType.HEXAGON:
           return "hexagon";
         case nodeType.DEFAULT:
-          return "defaultMindmapNode";
+          return isReduxTheme ? "rounded" : "defaultMindmapNode";
         case nodeType.NO_BORDER:
         default:
           return "rect";
@@ -850,7 +853,7 @@ var MindmapDB = class {
       padding: node.padding,
       cssClasses: classes,
       cssStyles: [],
-      look: "default",
+      look: conf.look,
       icon: node.icon,
       x: node.x,
       y: node.y,
@@ -876,6 +879,7 @@ var MindmapDB = class {
     if (!node.children) {
       return;
     }
+    const conf = getConfig2();
     for (const child of node.children) {
       let edgeClasses = "edge";
       if (child.section !== void 0) {
@@ -890,7 +894,7 @@ var MindmapDB = class {
         type: "normal",
         curve: "basis",
         thickness: "normal",
-        look: "default",
+        look: conf.look,
         classes: edgeClasses,
         // Store mindmap-specific data
         depth: node.level,
@@ -992,9 +996,20 @@ var draw = /* @__PURE__ */ __name(async (text, id, _version, diagObj) => {
     } else if (node.shape === "rect") {
       node.width = 0;
       node.padding = 10;
+    } else if (node.shape === "hexagon") {
+      node.width = 0;
+      node.height = 0;
     }
   });
   await render(data4Layout, svg);
+  const { themeVariables } = getConfig();
+  const { useGradient, gradientStart, gradientStop } = themeVariables;
+  if (useGradient && gradientStart && gradientStop) {
+    const svgId = svg.attr("id");
+    const gradient = svg.append("defs").append("linearGradient").attr("id", `${svgId}-gradient`).attr("gradientUnits", "objectBoundingBox").attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
+    gradient.append("stop").attr("offset", "0%").attr("stop-color", gradientStart).attr("stop-opacity", 1);
+    gradient.append("stop").attr("offset", "100%").attr("stop-color", gradientStop).attr("stop-opacity", 1);
+  }
   setupViewPortForSVG(
     svg,
     data4Layout.config.mindmap?.padding ?? defaultConfig_default.mindmap.padding,
@@ -1006,6 +1021,7 @@ var mindmapRenderer_default = {
   draw
 };
 var genSections = /* @__PURE__ */ __name((options) => {
+  const { theme, look } = options;
   let sections = "";
   for (let i = 0; i < options.THEME_COLOR_LIMIT; i++) {
     options["lineColor" + i] = options["lineColor" + i] || options["cScaleInv" + i];
@@ -1016,13 +1032,16 @@ var genSections = /* @__PURE__ */ __name((options) => {
     }
   }
   for (let i = 0; i < options.THEME_COLOR_LIMIT; i++) {
-    const sw = "" + (17 - 3 * i);
+    const sw = "" + (look === "neo" ? Math.max(10 - (i - 1) * 2, 2) : 17 - 3 * i);
     sections += `
     .section-${i - 1} rect, .section-${i - 1} path, .section-${i - 1} circle, .section-${i - 1} polygon, .section-${i - 1} path  {
       fill: ${options["cScale" + i]};
     }
     .section-${i - 1} text {
      fill: ${options["cScaleLabel" + i]};
+    }
+     .section-${i - 1} span {
+     color: ${options["cScaleLabel" + i]};
     }
     .node-icon-${i - 1} {
       font-size: 40px;
@@ -1045,11 +1064,40 @@ var genSections = /* @__PURE__ */ __name((options) => {
     .disabled text {
       fill: #efefef;
     }
+    [data-look="neo"].mindmap-node.section-${i - 1} rect, [data-look="neo"].mindmap-node.section-${i - 1} path, [data-look="neo"].mindmap-node.section-${i - 1} circle, [data-look="neo"].mindmap-node.section-${i - 1} polygon {
+      fill: ${theme === "redux" || theme === "redux-dark" || theme === "neutral" ? options.mainBkg : options["cScale" + i]};
+      stroke: ${theme === "redux" || theme === "redux-dark" ? options.nodeBorder : options["cScale" + i]};
+      stroke-width: ${options.strokeWidth ?? 2}px;
+    }
+    [data-look="neo"].section-edge-${i - 1}{
+      stroke: ${theme?.includes("redux") || theme === "neo-dark" ? options.nodeBorder : options["cScale" + i]};
+    }
+    [data-look="neo"].mindmap-node.section-${i - 1} text {
+     fill: ${theme === "redux" || theme === "redux-dark" ? options.nodeBorder : options["cScaleLabel" + (theme === "neutral" ? 1 : i)]};
+    }
     `;
   }
   return sections;
 }, "genSections");
-var getStyles = /* @__PURE__ */ __name((options) => `
+var genGradient = /* @__PURE__ */ __name((THEME_COLOR_LIMIT, svgId, mainBkg) => {
+  let sections = "";
+  for (let i = 0; i < THEME_COLOR_LIMIT; i++) {
+    sections += `
+    [data-look="neo"].mindmap-node.section-${i - 1} rect, [data-look="neo"].mindmap-node.section-${i - 1} path, [data-look="neo"].mindmap-node.section-${i - 1} circle, [data-look="neo"].mindmap-node.section-${i - 1} polygon {
+      stroke: url(${svgId}-gradient);
+      fill: ${mainBkg};
+    }
+    .section-${i - 1} line {
+      stroke-width: 0;
+    }`;
+  }
+  return sections;
+}, "genGradient");
+var getStyles = /* @__PURE__ */ __name((options) => {
+  const { theme } = options;
+  const svgId = options.svgId;
+  const scopedDropShadow = options.dropShadow ? options.dropShadow.replace("url(#drop-shadow)", `url(${svgId}-drop-shadow)`) : "none";
+  return `
   .edge {
     stroke-width: 3;
   }
@@ -1061,10 +1109,7 @@ var getStyles = /* @__PURE__ */ __name((options) => `
     fill: ${options.gitBranchLabel0};
   }
   .section-root span {
-    color: ${options.gitBranchLabel0};
-  }
-  .section-2 span {
-    color: ${options.gitBranchLabel0};
+    color: ${theme?.includes("redux") ? options.nodeBorder : options.gitBranchLabel0};
   }
   .icon-container {
     height:100%;
@@ -1082,7 +1127,18 @@ var getStyles = /* @__PURE__ */ __name((options) => `
     dominant-baseline: middle;
     text-align: center;
   }
-`, "getStyles");
+  [data-look="neo"].mindmap-node  {
+    filter: ${scopedDropShadow};
+  }
+  [data-look="neo"].mindmap-node.section-root rect, [data-look="neo"].mindmap-node.section-root path, [data-look="neo"].mindmap-node.section-root circle, [data-look="neo"].mindmap-node.section-root polygon  {
+    fill: ${theme?.includes("redux") ? options.mainBkg : options.git0};
+  }
+  [data-look="neo"].mindmap-node.section-root .text-inner-tspan {
+    fill:  ${theme?.includes("redux") ? options.nodeBorder : options["cScaleLabel" + (theme === "neutral" ? 1 : 0)]};
+  }
+  ${options.useGradient && svgId && options.mainBkg ? genGradient(options.THEME_COLOR_LIMIT, svgId, options.mainBkg) : ""}
+`;
+}, "getStyles");
 var styles_default = getStyles;
 var diagram = {
   get db() {

package/out/renderer/assets/{pieDiagram-SKSYHLDU-DwjEcJ0Q.js → pieDiagram-DEJITSTG-Cnpf6Gt6.js}

@@ -1,10 +1,9 @@
-import { ae as constant, a6 as tau, bq as array, g as getAccDescription, s as setAccDescription, a as getAccTitle, b as setAccTitle, q as getDiagramTitle, p as setDiagramTitle, _ as __name, l as log, c as getConfig2$1, E as cleanAndMerge, I as selectSvgElement, R as parseFontSize, br as ordinal, e as configureSvgSize, z as clear, F as defaultConfig_default } from "./index-MDHavDF9.js";
-import { p as populateCommonDb } from "./chunk-4BX2VUAB-ChcKNpL6.js";
-import { p as parse } from "./treemap-KZPCXAKY-W2a2L6ff.js";
-import { d as d3arc } from "./arc-CwESpVYE.js";
-import "./_baseUniq-Z8t1Ab1g.js";
-import "./_basePickBy-BWoXHZ8Z.js";
-import "./clone-D9a-uIZa.js";
+import { ae as constant, a6 as tau, aI as array, g as getAccDescription, s as setAccDescription, a as getAccTitle, b as setAccTitle, q as getDiagramTitle, p as setDiagramTitle, _ as __name, l as log, c as getConfig2$1, F as cleanAndMerge, I as selectSvgElement, R as parseFontSize, aJ as ordinal, e as configureSvgSize, z as clear, G as defaultConfig_default } from "./index-BL-57WPa.js";
+import { p as populateCommonDb } from "./chunk-4BX2VUAB-0KM14cFd.js";
+import { p as parse } from "./wardley-RL74JXVD-DTbxPMj9.js";
+import { d as d3arc } from "./arc-DfPLteHF.js";
+import "./min-DB8ixvoT.js";
+import "./_baseUniq-BPF2Herp.js";
 function descending(a, b) {
   return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN;
 }
@@ -146,8 +145,8 @@ var getStyles = /* @__PURE__ */ __name((options) => `
 var pieStyles_default = getStyles;
 var createPieArcs = /* @__PURE__ */ __name((sections2) => {
   const sum = [...sections2.values()].reduce((acc, val) => acc + val, 0);
-  const pieData = [...sections2.entries()].map(([label, value]) => ({ label, value })).filter((d) => d.value / sum * 100 >= 1).sort((a, b) => b.value - a.value);
-  const pie = d3pie().value((d) => d.value);
+  const pieData = [...sections2.entries()].map(([label, value]) => ({ label, value })).filter((d) => d.value / sum * 100 >= 1);
+  const pie = d3pie().value((d) => d.value).sort(null);
   return pie(pieData);
 }, "createPieArcs");
 var draw = /* @__PURE__ */ __name((text, id, _version, diagObj) => {
@@ -192,7 +191,9 @@ var draw = /* @__PURE__ */ __name((text, id, _version, diagObj) => {
     sum += section;
   });
   const filteredArcs = arcs.filter((datum) => (datum.data.value / sum * 100).toFixed(0) !== "0");
-  const color = ordinal(myGeneratedColors);
+  const color = ordinal(myGeneratedColors).domain([
+    ...sections2.keys()
+  ]);
   group.selectAll("mySlices").data(filteredArcs).enter().append("path").attr("d", arcGenerator).attr("fill", (datum) => {
     return color(datum.data.label);
   }).attr("class", "pieCircle");
@@ -201,7 +202,7 @@ var draw = /* @__PURE__ */ __name((text, id, _version, diagObj) => {
   }).attr("transform", (datum) => {
     return "translate(" + labelArcGenerator.centroid(datum) + ")";
   }).style("text-anchor", "middle").attr("class", "slice");
-  group.append("text").text(db2.getDiagramTitle()).attr("x", 0).attr("y", -400 / 2).attr("class", "pieTitleText");
+  const titleText = group.append("text").text(db2.getDiagramTitle()).attr("x", 0).attr("y", -400 / 2).attr("class", "pieTitleText");
   const allSectionData = [...sections2.entries()].map(([label, value]) => ({
     label,
     value
@@ -223,8 +224,14 @@ var draw = /* @__PURE__ */ __name((text, id, _version, diagObj) => {
   const longestTextWidth = Math.max(
     ...legend.selectAll("text").nodes().map((node) => node?.getBoundingClientRect().width ?? 0)
   );
-  const totalWidth = pieWidth + MARGIN + LEGEND_RECT_SIZE + LEGEND_SPACING + longestTextWidth;
-  svg.attr("viewBox", `0 0 ${totalWidth} ${height}`);
+  const chartAndLegendWidth = pieWidth + MARGIN + LEGEND_RECT_SIZE + LEGEND_SPACING + longestTextWidth;
+  const titleWidth = titleText.node()?.getBoundingClientRect().width ?? 0;
+  const titleLeft = pieWidth / 2 - titleWidth / 2;
+  const titleRight = pieWidth / 2 + titleWidth / 2;
+  const viewBoxX = Math.min(0, titleLeft);
+  const viewBoxRight = Math.max(chartAndLegendWidth, titleRight);
+  const totalWidth = viewBoxRight - viewBoxX;
+  svg.attr("viewBox", `${viewBoxX} 0 ${totalWidth} ${height}`);
   configureSvgSize(svg, height, totalWidth, pieConfig.useMaxWidth);
 }, "draw");
 var renderer = { draw };

package/out/renderer/assets/{quadrantDiagram-337W2JSQ-CpGqN7vo.js → quadrantDiagram-34T5L4WZ-VcOb1qLd.js}

@@ -1,4 +1,4 @@
-import { s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, c as getConfig2, l as log, d as select, e as configureSvgSize, z as clear, F as defaultConfig_default, K as linear, i as sanitizeText, L as getThemeVariables3 } from "./index-MDHavDF9.js";
+import { s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, c as getConfig2, l as log, d as select, e as configureSvgSize, z as clear, G as defaultConfig_default, K as linear, i as sanitizeText, L as getThemeVariables3 } 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) ;

package/out/renderer/assets/{requirementDiagram-Z7DCOOCP-qDRUf1ip.js → requirementDiagram-MS252O5E-VJs9Hpaw.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, b as setAccTitle, a as getAccTitle, s as setAccDescription, g as getAccDescription, p as setDiagramTitle, q as getDiagramTitle, c as getConfig2, l as log, z as clear, C as __export, o as getRegisteredLayoutAlgorithm, r as render, u as utils_default } 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, D as getConfig, b as setAccTitle, a as getAccTitle, s as setAccDescription, g as getAccDescription, p as setDiagramTitle, q as getDiagramTitle, c as getConfig2, l as log, z as clear, C as __export, o as getRegisteredLayoutAlgorithm, r as render, u as utils_default } 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) ;
@@ -1029,6 +1029,7 @@ var RequirementDB = class {
       node.cssClasses = requirement.classes.join(" ");
       node.shape = "requirementBox";
       node.look = config.look;
+      node.colorIndex = nodes.length;
       nodes.push(node);
     }
     for (const element of this.elements.values()) {
@@ -1038,6 +1039,7 @@ var RequirementDB = class {
       node.id = element.name;
       node.cssStyles = element.cssStyles;
       node.cssClasses = element.classes.join(" ");
+      node.colorIndex = nodes.length;
       nodes.push(node);
     }
     for (const relation of this.relations) {
@@ -1047,7 +1049,7 @@ var RequirementDB = class {
         id: `${relation.src}-${relation.dst}-${counter}`,
         start: this.requirements.get(relation.src)?.name ?? this.elements.get(relation.src)?.name,
         end: this.requirements.get(relation.dst)?.name ?? this.elements.get(relation.dst)?.name,
-        label: `«${relation.type}»`,
+        label: `<<${relation.type}>>`,
         classes: "relationshipLine",
         style: ["fill:none", isContains ? "" : "stroke-dasharray: 10,7"],
         labelpos: "c",
@@ -1065,8 +1067,36 @@ var RequirementDB = class {
     return { nodes, edges, other: {}, config, direction: this.getDirection() };
   }
 };
-var getStyles = /* @__PURE__ */ __name((options) => `
+var genColor = /* @__PURE__ */ __name((options) => {
+  const config = getConfig();
+  const { themeVariables, look } = config;
+  const { bkgColorArray, borderColorArray } = themeVariables;
+  if (!borderColorArray?.length) {
+    return "";
+  }
+  let sections = "";
+  for (let i = 0; i < options.THEME_COLOR_LIMIT; i++) {
+    sections += `
+
+    [data-look="${look}"][data-color-id="color-${i}"].node path {
+    stroke: ${borderColorArray[i]};
+    fill: ${bkgColorArray?.length ? bkgColorArray[i] : ""};
+    }
 
+    [data-look="${look}"][data-color-id="color-${i}"].node  rect {
+    stroke: ${borderColorArray[i]};
+    fill: ${bkgColorArray?.length ? bkgColorArray[i] : ""};
+     }
+    `;
+  }
+  return sections;
+}, "genColor");
+var getStyles = /* @__PURE__ */ __name((options) => {
+  const config = getConfig();
+  const { look, themeVariables } = config;
+  const { requirementEdgeLabelBackground } = themeVariables;
+  return `
+  ${genColor(options)}
   marker {
     fill: ${options.relationColor};
     stroke: ${options.relationColor};
@@ -1102,12 +1132,12 @@ var getStyles = /* @__PURE__ */ __name((options) => `
   }
   .relationshipLine {
     stroke: ${options.relationColor};
-    stroke-width: 1;
+    stroke-width: ${look === "neo" ? options.strokeWidth : "1px"};
   }
   .relationshipLabel {
     fill: ${options.relationLabelColor};
   }
-  .edgeLabel {
+    .edgeLabel {
     background-color: ${options.edgeLabelBackground};
   }
   .edgeLabel .label rect {
@@ -1129,10 +1159,11 @@ var getStyles = /* @__PURE__ */ __name((options) => `
     color: ${options.nodeTextColor || options.textColor};
   }
   .labelBkg {
-    background-color: ${options.edgeLabelBackground};
+    background-color: ${requirementEdgeLabelBackground ?? options.edgeLabelBackground};
   }
 
-`, "getStyles");
+`;
+}, "getStyles");
 var styles_default = getStyles;
 var requirementRenderer_exports = {};
 __export(requirementRenderer_exports, {
@@ -1141,14 +1172,14 @@ __export(requirementRenderer_exports, {
 var draw = /* @__PURE__ */ __name(async function(text, id, _version, diag) {
   log.info("REF0:");
   log.info("Drawing requirement diagram (unified)", id);
-  const { securityLevel, state: conf, layout } = getConfig2();
+  const { securityLevel, state: conf, layout, look } = getConfig2();
   const data4Layout = diag.db.getData();
   const svg = getDiagramElement(id, securityLevel);
   data4Layout.type = diag.type;
   data4Layout.layoutAlgorithm = getRegisteredLayoutAlgorithm(layout);
   data4Layout.nodeSpacing = conf?.nodeSpacing ?? 50;
   data4Layout.rankSpacing = conf?.rankSpacing ?? 50;
-  data4Layout.markers = ["requirement_contains", "requirement_arrow"];
+  data4Layout.markers = look === "neo" ? ["requirement_contains_neo", "requirement_arrow_neo"] : ["requirement_contains", "requirement_arrow"];
   data4Layout.diagramId = id;
   await render(data4Layout, svg);
   const padding = 8;

package/out/renderer/assets/{sankeyDiagram-WA2Y5GQK-DRKS8C1H.js → sankeyDiagram-XADWPNL6-BoXxgLvi.js}

@@ -1,4 +1,4 @@
-import { p as setDiagramTitle, q as getDiagramTitle, s as setAccDescription, g as getAccDescription, b as setAccTitle, a as getAccTitle, _ as __name, c as getConfig2, A as defaultConfig2, d as select, br as ordinal, Y as setupGraphViewbox, z as clear, k as common_default } from "./index-MDHavDF9.js";
+import { p as setDiagramTitle, q as getDiagramTitle, s as setAccDescription, g as getAccDescription, b as setAccTitle, a as getAccTitle, _ as __name, c as getConfig2, A as defaultConfig2, d as select, aJ as ordinal, a1 as setupGraphViewbox, z as clear, k as common_default } from "./index-BL-57WPa.js";
 function colors(specifier) {
   var n = specifier.length / 6 | 0, colors2 = new Array(n), i = 0;
   while (i < n) colors2[i] = "#" + specifier.slice(i * 6, ++i * 6);