@aiderdesk/aiderdesk 0.61.0-dev → 0.61.0

package/out/renderer/assets/{erDiagram-INFDFZHY-DGlgjHOQ.js → erDiagram-SMLLAGMA-Dvf_c-7M.js}

@@ -1,7 +1,7 @@
-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, x as getEdgeId, B as rgba, C as __export, o as getRegisteredLayoutAlgorithm, r as render, d as select, u as utils_default } from "./index-MDHavDF9.js";
-import { c as channel } from "./channel-C9hJq_Xr.js";
+import { g as getDiagramElement } from "./chunk-55IACEB6-BzVYZvBM.js";
+import { s as setupViewPortForSVG } from "./chunk-EDXVE4YY-BryQl5Kv.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, x as getEdgeId, B as rgba, C as __export, o as getRegisteredLayoutAlgorithm, r as render, d as select, u as utils_default } from "./index-BL-57WPa.js";
+import { c as channel } from "./channel-C5wwrRof.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;
@@ -786,45 +786,47 @@ var parser = (function() {
           case 59:
             return 68;
           case 60:
-            return 52;
+            return 68;
           case 61:
-            return 48;
+            return 52;
           case 62:
-            return 68;
+            return 48;
           case 63:
-            return 65;
+            return 68;
           case 64:
-            return 66;
+            return 65;
           case 65:
-            return 67;
+            return 66;
           case 66:
-            return 69;
+            return 67;
           case 67:
-            return 70;
+            return 69;
           case 68:
-            return 71;
+            return 70;
           case 69:
             return 71;
           case 70:
-            return 70;
+            return 71;
           case 71:
             return 70;
           case 72:
             return 70;
           case 73:
-            return 41;
+            return 70;
           case 74:
-            return 47;
+            return 41;
           case 75:
-            return 40;
+            return 47;
           case 76:
-            return yy_.yytext[0];
+            return 40;
           case 77:
+            return yy_.yytext[0];
+          case 78:
             return 6;
         }
       }, "anonymous"),
-      rules: [/^(?:accTitle\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*\{\s*)/i, /^(?:[\}])/i, /^(?:[^\}]*)/i, /^(?:.*direction\s+TB[^\n]*)/i, /^(?:.*direction\s+BT[^\n]*)/i, /^(?:.*direction\s+RL[^\n]*)/i, /^(?:.*direction\s+LR[^\n]*)/i, /^(?:[\n]+)/i, /^(?:\s+)/i, /^(?:[\s]+)/i, /^(?:"[^"%\r\n\v\b\\]+")/i, /^(?:"[^"]*")/i, /^(?:erDiagram\b)/i, /^(?:\{)/i, /^(?:#)/i, /^(?:#)/i, /^(?:,)/i, /^(?::::)/i, /^(?::)/i, /^(?:\s+)/i, /^(?:\b((?:PK)|(?:FK)|(?:UK))\b)/i, /^(?:([^\s]*)[~].*[~]([^\s]*))/i, /^(?:([\*A-Za-z_\u00C0-\uFFFF][A-Za-z0-9\-\_\[\]\(\)\u00C0-\uFFFF\*]*))/i, /^(?:"[^"]*")/i, /^(?:[\n]+)/i, /^(?:\})/i, /^(?:.)/i, /^(?:\[)/i, /^(?:\])/i, /^(?:style\b)/i, /^(?:[\n]+)/i, /^(?:\s+)/i, /^(?::)/i, /^(?:,)/i, /^(?:#)/i, /^(?:classDef\b)/i, /^(?:class\b)/i, /^(?:one or zero\b)/i, /^(?:one or more\b)/i, /^(?:one or many\b)/i, /^(?:1\+)/i, /^(?:\|o\b)/i, /^(?:zero or one\b)/i, /^(?:zero or more\b)/i, /^(?:zero or many\b)/i, /^(?:0\+)/i, /^(?:\}o\b)/i, /^(?:many\(0\))/i, /^(?:many\(1\))/i, /^(?:many\b)/i, /^(?:\}\|)/i, /^(?:one\b)/i, /^(?:only one\b)/i, /^(?:[0-9]+\.[0-9]+)/i, /^(?:1(?=\s+[A-Za-z_"']))/i, /^(?:1(?=(--|\.\.|\.-|-\.)))/i, /^(?:1\b)/i, /^(?:[0-9]+)/i, /^(?:\|\|)/i, /^(?:o\|)/i, /^(?:o\{)/i, /^(?:\|\{)/i, /^(?:u(?=[\.\-\|]))/i, /^(?:\.\.)/i, /^(?:--)/i, /^(?:to\b)/i, /^(?:optionally to\b)/i, /^(?:\.-)/i, /^(?:-\.)/i, /^(?:([^\x00-\x7F]|\w|-|\*)+)/i, /^(?:;)/i, /^(?:([^\x00-\x7F]|\w|-|\*|\.)+)/i, /^(?:.)/i, /^(?:$)/i],
-      conditions: { "style": { "rules": [34, 35, 36, 37, 38, 73, 74], "inclusive": false }, "acc_descr_multiline": { "rules": [5, 6], "inclusive": false }, "acc_descr": { "rules": [3], "inclusive": false }, "acc_title": { "rules": [1], "inclusive": false }, "block": { "rules": [23, 24, 25, 26, 27, 28, 29, 30], "inclusive": false }, "INITIAL": { "rules": [0, 2, 4, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 31, 32, 33, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 75, 76, 77], "inclusive": true } }
+      rules: [/^(?:accTitle\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*\{\s*)/i, /^(?:[\}])/i, /^(?:[^\}]*)/i, /^(?:.*direction\s+TB[^\n]*)/i, /^(?:.*direction\s+BT[^\n]*)/i, /^(?:.*direction\s+RL[^\n]*)/i, /^(?:.*direction\s+LR[^\n]*)/i, /^(?:[\n]+)/i, /^(?:\s+)/i, /^(?:[\s]+)/i, /^(?:"[^"%\r\n\v\b\\]+")/i, /^(?:"[^"]*")/i, /^(?:erDiagram\b)/i, /^(?:\{)/i, /^(?:#)/i, /^(?:#)/i, /^(?:,)/i, /^(?::::)/i, /^(?::)/i, /^(?:\s+)/i, /^(?:\b((?:PK)|(?:FK)|(?:UK))\b)/i, /^(?:([^\s]*)[~].*[~]([^\s]*))/i, /^(?:([\*A-Za-z_\u00C0-\uFFFF][A-Za-z0-9\-\_\[\]\(\)\u00C0-\uFFFF\*]*))/i, /^(?:"[^"]*")/i, /^(?:[\n]+)/i, /^(?:\})/i, /^(?:.)/i, /^(?:\[)/i, /^(?:\])/i, /^(?:style\b)/i, /^(?:[\n]+)/i, /^(?:\s+)/i, /^(?::)/i, /^(?:,)/i, /^(?:#)/i, /^(?:classDef\b)/i, /^(?:class\b)/i, /^(?:one or zero\b)/i, /^(?:one or more\b)/i, /^(?:one or many\b)/i, /^(?:1\+)/i, /^(?:\|o\b)/i, /^(?:zero or one\b)/i, /^(?:zero or more\b)/i, /^(?:zero or many\b)/i, /^(?:0\+)/i, /^(?:\}o\b)/i, /^(?:many\(0\))/i, /^(?:many\(1\))/i, /^(?:many\b)/i, /^(?:\}\|)/i, /^(?:one\b)/i, /^(?:only one\b)/i, /^(?:[0-9]+\.[0-9]+)/i, /^(?:1(?=\s+[A-Za-z_"']))/i, /^(?:1(?=\s+[0-9]))/i, /^(?:1(?=(--|\.\.|\.-|-\.)))/i, /^(?:1\b)/i, /^(?:[0-9]+)/i, /^(?:\|\|)/i, /^(?:o\|)/i, /^(?:o\{)/i, /^(?:\|\{)/i, /^(?:u(?=[\.\-\|]))/i, /^(?:\.\.)/i, /^(?:--)/i, /^(?:to\b)/i, /^(?:optionally to\b)/i, /^(?:\.-)/i, /^(?:-\.)/i, /^(?:([^\x00-\x7F]|\w|-|\*)+)/i, /^(?:;)/i, /^(?:([^\x00-\x7F]|\w|-|\*|\.)+)/i, /^(?:.)/i, /^(?:$)/i],
+      conditions: { "style": { "rules": [34, 35, 36, 37, 38, 74, 75], "inclusive": false }, "acc_descr_multiline": { "rules": [5, 6], "inclusive": false }, "acc_descr": { "rules": [3], "inclusive": false }, "acc_title": { "rules": [1], "inclusive": false }, "block": { "rules": [23, 24, 25, 26, 27, 28, 29, 30], "inclusive": false }, "INITIAL": { "rules": [0, 2, 4, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 31, 32, 33, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 76, 77, 78], "inclusive": true } }
     };
     return lexer2;
   })();
@@ -1019,10 +1021,12 @@ var ErDB = class {
     const nodes = [];
     const edges = [];
     const config = getConfig2();
+    let colorIndex = 0;
     for (const entityKey of this.entities.keys()) {
       const entityNode = this.entities.get(entityKey);
       if (entityNode) {
         entityNode.cssCompiledStyles = this.getCompiledStyles(entityNode.cssClasses.split(" "));
+        entityNode.colorIndex = colorIndex++;
         nodes.push(entityNode);
       }
     }
@@ -1067,7 +1071,18 @@ var draw = /* @__PURE__ */ __name(async function(text, id, _version, diag) {
   data4Layout.config.flowchart.nodeSpacing = conf?.nodeSpacing || 140;
   data4Layout.config.flowchart.rankSpacing = conf?.rankSpacing || 80;
   data4Layout.direction = diag.db.getDirection();
-  data4Layout.markers = ["only_one", "zero_or_one", "one_or_more", "zero_or_more"];
+  const { config } = data4Layout;
+  const { look } = config;
+  if (look === "neo") {
+    data4Layout.markers = [
+      "only_one_neo",
+      "zero_or_one_neo",
+      "one_or_more_neo",
+      "zero_or_more_neo"
+    ];
+  } else {
+    data4Layout.markers = ["only_one", "zero_or_one", "one_or_more", "zero_or_more"];
+  }
   data4Layout.diagramId = id;
   await render(data4Layout, svg);
   if (data4Layout.layoutAlgorithm === "elk") {
@@ -1102,7 +1117,34 @@ var fade = /* @__PURE__ */ __name((color, opacity) => {
   const b = channel2(color, "b");
   return rgba(r, g, b, opacity);
 }, "fade");
-var getStyles = /* @__PURE__ */ __name((options) => `
+var COLOR_THEMES = /* @__PURE__ */ new Set(["redux-color", "redux-dark-color"]);
+var genColor = /* @__PURE__ */ __name((options) => {
+  const { theme, look, bkgColorArray, borderColorArray } = options;
+  if (!COLOR_THEMES.has(theme)) {
+    return "";
+  }
+  const hasBkgColors = bkgColorArray?.length > 0;
+  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]};
+    ${hasBkgColors ? `fill: ${bkgColorArray[i]};` : ""}
+    }
+
+    [data-look="${look}"][data-color-id="color-${i}"].node  rect {
+    stroke: ${borderColorArray[i]};
+    ${hasBkgColors ? `fill: ${bkgColorArray[i]};` : ""}
+     }
+    `;
+  }
+  return sections;
+}, "genColor");
+var getStyles = /* @__PURE__ */ __name((options) => {
+  const { look, theme, erEdgeLabelBackground, strokeWidth } = options;
+  return `
+    ${genColor(options)}
   .entityBox {
     fill: ${options.mainBkg};
     stroke: ${options.nodeBorder};
@@ -1118,7 +1160,17 @@ var getStyles = /* @__PURE__ */ __name((options) => `
   }
 
   .labelBkg {
-    background-color: ${fade(options.tertiaryColor, 0.5)};
+    background-color: ${COLOR_THEMES.has(theme) && erEdgeLabelBackground ? erEdgeLabelBackground : fade(options.tertiaryColor, 0.5)};
+  }
+
+  .edgeLabel {
+    background-color: ${COLOR_THEMES.has(theme) && erEdgeLabelBackground ? erEdgeLabelBackground : options.edgeLabelBackground};
+  }
+  .edgeLabel .label rect {
+    fill: ${COLOR_THEMES.has(theme) && erEdgeLabelBackground ? erEdgeLabelBackground : options.edgeLabelBackground};
+  }
+  .edgeLabel .label text {
+    fill: ${options.textColor};
   }
 
   .edgeLabel .label {
@@ -1142,12 +1194,12 @@ var getStyles = /* @__PURE__ */ __name((options) => `
   {
     fill: ${options.mainBkg};
     stroke: ${options.nodeBorder};
-    stroke-width: 1px;
+    stroke-width: ${look === "neo" ? strokeWidth : "1px"};
   }
 
   .relationshipLine {
     stroke: ${options.lineColor};
-    stroke-width: 1;
+    stroke-width: ${look === "neo" ? strokeWidth : "1px"};
     fill: none;
   }
 
@@ -1156,17 +1208,11 @@ var getStyles = /* @__PURE__ */ __name((options) => `
     stroke: ${options.lineColor} !important;
     stroke-width: 1;
   }
-    
-  .edgeLabel {
-    background-color: ${options.edgeLabelBackground};
-  }
-  .edgeLabel .label rect {
-    fill: ${options.edgeLabelBackground};
-  }
-  .edgeLabel .label text {
-    fill: ${options.textColor};
+  [data-look=neo].labelBkg {
+    background-color: ${fade(options.tertiaryColor, 0.5)};
   }
-`, "getStyles");
+`;
+}, "getStyles");
 var styles_default = getStyles;
 var diagram = {
   parser: erDiagram_default,

package/out/renderer/assets/{flowDiagram-PKNHOUZH-CzLC87bM.js → flowDiagram-DWJPFMVM-CPDjOXYp.js}

@@ -1,15 +1,16 @@
-import { g as getIconStyles } from "./chunk-FMBD7UC4-B5k8rETe.js";
-import { _ as __name, n as setConfig2, l as log, c as getConfig2, d as select, o as getRegisteredLayoutAlgorithm, r as render, u as utils_default, b as setAccTitle, s as setAccDescription, p as setDiagramTitle, a as getAccTitle, g as getAccDescription, q as getDiagramTitle, k as common_default, t as load, J as JSON_SCHEMA, v as isValidShape, x as getEdgeId, y as purify, z as clear, A as defaultConfig2, B as rgba } from "./index-MDHavDF9.js";
-import { c as createTooltip } from "./chunk-JSJVCQXG-DtjSx6Cj.js";
-import { g as getDiagramElement } from "./chunk-55IACEB6-oLT9lXTt.js";
-import { s as setupViewPortForSVG } from "./chunk-KX2RTZJC-D32tV7H-.js";
-import { c as channel } from "./channel-C9hJq_Xr.js";
+import { g as getIconStyles } from "./chunk-FMBD7UC4-CRiLea_e.js";
+import { _ as __name, n as setConfig2, l as log, c as getConfig2, o as getRegisteredLayoutAlgorithm, r as render, u as utils_default, b as setAccTitle, s as setAccDescription, p as setDiagramTitle, a as getAccTitle, g as getAccDescription, q as getDiagramTitle, k as common_default, t as load, J as JSON_SCHEMA, v as isValidShape, x as getEdgeId, d as select, y as purify, z as clear, A as defaultConfig2, B as rgba } from "./index-BL-57WPa.js";
+import { c as createTooltip } from "./chunk-YZCP3GAM-OLZV_Sef.js";
+import { g as getDiagramElement } from "./chunk-55IACEB6-BzVYZvBM.js";
+import { s as setupViewPortForSVG } from "./chunk-EDXVE4YY-BryQl5Kv.js";
+import { c as channel } from "./channel-C5wwrRof.js";
 var MERMAID_DOM_ID_PREFIX = "flowchart-";
 var FlowDB = class {
   // cspell:ignore funs
   constructor() {
     this.vertexCounter = 0;
     this.config = getConfig2();
+    this.diagramId = "";
     this.vertices = /* @__PURE__ */ new Map();
     this.edges = [];
     this.classes = /* @__PURE__ */ new Map();
@@ -65,18 +66,26 @@ var FlowDB = class {
         return "markdown";
     }
   }
+  /**
+   * Sets the diagram's SVG element ID, used to prefix domIds for uniqueness
+   * across multiple diagrams on the same page.
+   */
+  setDiagramId(svgElementId) {
+    this.diagramId = svgElementId;
+  }
   /**
    * Function to lookup domId from id in the graph definition.
+   * When diagramId is set, returns the prefixed version for DOM uniqueness.
    *
    * @param id - id of the node
    */
   lookUpDomId(id) {
     for (const vertex of this.vertices.values()) {
       if (vertex.id === id) {
-        return vertex.domId;
+        return this.diagramId ? `${this.diagramId}-${vertex.domId}` : vertex.domId;
       }
     }
-    return id;
+    return this.diagramId ? `${this.diagramId}-${id}` : id;
   }
   /**
    * Function called by parser when a node definition has been found
@@ -112,6 +121,11 @@ var FlowDB = class {
     let txt;
     let vertex = this.vertices.get(id);
     if (vertex === void 0) {
+      if (textObj === void 0 && type === void 0 && style !== void 0 && style !== null) {
+        log.warn(
+          `Style applied to unknown node "${id}". This may indicate a typo. The node will be created automatically.`
+        );
+      }
       vertex = {
         id,
         labelType: "text",
@@ -380,7 +394,6 @@ You have to call mermaid.initialize.`
     }
   }
   setClickFun(id, functionName, functionArgs) {
-    const domId = this.lookUpDomId(id);
     if (getConfig2().securityLevel !== "loose") {
       return;
     }
@@ -405,6 +418,7 @@ You have to call mermaid.initialize.`
     if (vertex) {
       vertex.haveCallback = true;
       this.funs.push(() => {
+        const domId = this.lookUpDomId(id);
         const elem = document.querySelector(`[id="${domId}"]`);
         if (elem !== null) {
           elem.addEventListener(
@@ -510,6 +524,7 @@ You have to call mermaid.initialize.`
     this.classes = /* @__PURE__ */ new Map();
     this.edges = [];
     this.funs = [this.setupToolTips.bind(this)];
+    this.diagramId = "";
     this.subGraphs = [];
     this.subGraphLookup = /* @__PURE__ */ new Map();
     this.subCount = 0;
@@ -961,11 +976,7 @@ var draw = /* @__PURE__ */ __name(async function(text, id, _version, diag) {
   log.info("REF0:");
   log.info("Drawing state diagram (v2)", id);
   const { securityLevel, flowchart: conf, layout } = getConfig2();
-  let sandboxElement;
-  if (securityLevel === "sandbox") {
-    sandboxElement = select("#i" + id);
-  }
-  const doc = securityLevel === "sandbox" ? sandboxElement.nodes()[0].contentDocument : document;
+  diag.db.setDiagramId(id);
   log.debug("Before getData: ");
   const data4Layout = diag.db.getData();
   log.debug("Data: ", data4Layout);
@@ -993,35 +1004,6 @@ var draw = /* @__PURE__ */ __name(async function(text, id, _version, diag) {
     diag.db.getDiagramTitle()
   );
   setupViewPortForSVG(svg, padding, "flowchart", conf?.useMaxWidth || false);
-  for (const vertex of data4Layout.nodes) {
-    const node = select(`#${id} [id="${vertex.id}"]`);
-    if (!node || !vertex.link) {
-      continue;
-    }
-    const link = doc.createElementNS("http://www.w3.org/2000/svg", "a");
-    link.setAttributeNS("http://www.w3.org/2000/svg", "class", vertex.cssClasses);
-    link.setAttributeNS("http://www.w3.org/2000/svg", "rel", "noopener");
-    if (securityLevel === "sandbox") {
-      link.setAttributeNS("http://www.w3.org/2000/svg", "target", "_top");
-    } else if (vertex.linkTarget) {
-      link.setAttributeNS("http://www.w3.org/2000/svg", "target", vertex.linkTarget);
-    }
-    const linkNode = node.insert(function() {
-      return link;
-    }, ":first-child");
-    const shape = node.select(".label-container");
-    if (shape) {
-      linkNode.append(function() {
-        return shape.node();
-      });
-    }
-    const label = node.select(".label");
-    if (label) {
-      linkNode.append(function() {
-        return label.node();
-      });
-    }
-  }
 }, "draw");
 var flowRenderer_v3_unified_default = {
   getClasses,
@@ -2204,7 +2186,7 @@ var getStyles = /* @__PURE__ */ __name((options) => `.label {
   .node path {
     fill: ${options.mainBkg};
     stroke: ${options.nodeBorder};
-    stroke-width: 1px;
+    stroke-width: ${options.strokeWidth ?? 1}px;
   }
   .rough-node .label text , .node .label text, .image-shape .label, .icon-shape .label {
     text-anchor: middle;
@@ -2242,7 +2224,7 @@ var getStyles = /* @__PURE__ */ __name((options) => `.label {
 
   .edgePath .path {
     stroke: ${options.lineColor};
-    stroke-width: 2.0px;
+    stroke-width: ${options.strokeWidth ?? 2}px;
   }
 
   .flowchart-link {

package/out/renderer/assets/{ganttDiagram-A5KZAMGK-BbDv36wT.js → ganttDiagram-T4ZO3ILL-B4dJrK-3.js}

@@ -1,4 +1,4 @@
-import { bH as Rgb, bI as rgbConvert, bJ as define, bK as extend, bL as Color, bM as nogamma, bN as hue, bs as getDefaultExportFromCjs, g as getAccDescription, s as setAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, c as getConfig2, d as select, bO as time, bP as min, bQ as max, e as configureSvgSize, K as linear, bR as dayjs2, l as log, bS as timeFormat, bT as timeMonth, bU as timeSunday, bV as timeSaturday, bW as timeFriday, bX as timeThursday, bY as timeWednesday, bZ as timeTuesday, b_ as timeMonday, b$ as timeDay, c0 as timeHour, c1 as timeMinute, c2 as second, c3 as millisecond, k as common_default, j as distExports, z as clear, u as utils_default } from "./index-MDHavDF9.js";
+import { aS as Rgb, aT as rgbConvert, aU as define, aV as extend, aW as Color, aX as nogamma, aY as hue, aO as getDefaultExportFromCjs, g as getAccDescription, s as setAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, c as getConfig2, d as select, aZ as time, a_ as min, a$ as max, e as configureSvgSize, K as linear, b0 as dayjs2, l as log, b1 as timeFormat, b2 as timeMonth, b3 as timeSunday, b4 as timeSaturday, b5 as timeFriday, b6 as timeThursday, b7 as timeWednesday, b8 as timeTuesday, b9 as timeMonday, ba as timeDay, bb as timeHour, bc as timeMinute, bd as second, be as millisecond, k as common_default, j as distExports, z as clear, u as utils_default } from "./index-BL-57WPa.js";
 const radians = Math.PI / 180;
 const degrees = 180 / Math.PI;
 const K = 18, Xn = 0.96422, Yn = 1, Zn = 0.82521, t0 = 4 / 29, t1 = 6 / 29, t2 = 3 * t1 * t1, t3 = t1 * t1 * t1;
@@ -1302,6 +1302,7 @@ var currentSection = "";
 var displayMode = "";
 var tags = ["active", "done", "crit", "milestone", "vert"];
 var funs = [];
+var diagramId = "";
 var inclusiveEndDates = false;
 var topAxis = false;
 var weekday = "sunday";
@@ -1327,10 +1328,14 @@ var clear2 = /* @__PURE__ */ __name(function() {
   topAxis = false;
   lastOrder = 0;
   links = /* @__PURE__ */ new Map();
+  diagramId = "";
   clear();
   weekday = "sunday";
   weekend = "saturday";
 }, "clear");
+var setDiagramId = /* @__PURE__ */ __name(function(id) {
+  diagramId = id;
+}, "setDiagramId");
 var setAxisFormat = /* @__PURE__ */ __name(function(txt) {
   axisFormat = txt;
 }, "setAxisFormat");
@@ -1804,7 +1809,8 @@ var setClickFun = /* @__PURE__ */ __name(function(id, functionName, functionArgs
 var pushFun = /* @__PURE__ */ __name(function(id, callbackFunction) {
   funs.push(
     function() {
-      const elem = document.querySelector(`[id="${id}"]`);
+      const prefixedId = diagramId ? `${diagramId}-${id}` : id;
+      const elem = document.querySelector(`[id="${prefixedId}"]`);
       if (elem !== null) {
         elem.addEventListener("click", function() {
           callbackFunction();
@@ -1812,7 +1818,8 @@ var pushFun = /* @__PURE__ */ __name(function(id, callbackFunction) {
       }
     },
     function() {
-      const elem = document.querySelector(`[id="${id}-text"]`);
+      const prefixedId = diagramId ? `${diagramId}-${id}` : id;
+      const elem = document.querySelector(`[id="${prefixedId}-text"]`);
       if (elem !== null) {
         elem.addEventListener("click", function() {
           callbackFunction();
@@ -1851,6 +1858,7 @@ var ganttDb_default = {
   getAccTitle,
   setDiagramTitle,
   getDiagramTitle,
+  setDiagramId,
   setDisplayMode,
   getDisplayMode,
   setAccDescription,
@@ -1926,6 +1934,7 @@ var w;
 var MAX_TICK_COUNT = 1e4;
 var draw = /* @__PURE__ */ __name(function(text, id, version, diagObj) {
   const conf = getConfig2().gantt;
+  diagObj.db.setDiagramId(id);
   const securityLevel = getConfig2().securityLevel;
   let sandboxElement;
   if (securityLevel === "sandbox") {
@@ -2039,7 +2048,7 @@ var draw = /* @__PURE__ */ __name(function(text, id, version, diagObj) {
     const rectangles = svg.append("g").selectAll("rect").data(theArray).enter();
     const links2 = diagObj.db.getLinks();
     rectangles.append("rect").attr("id", function(d) {
-      return d.id;
+      return id + "-" + d.id;
     }).attr("rx", 3).attr("ry", 3).attr("x", function(d) {
       if (d.milestone) {
         return timeScale(d.startTime) + theSidePad + 0.5 * (timeScale(d.endTime) - timeScale(d.startTime)) - 0.5 * theBarHeight;
@@ -2111,7 +2120,7 @@ var draw = /* @__PURE__ */ __name(function(text, id, version, diagObj) {
       return res + taskClass;
     });
     rectangles.append("text").attr("id", function(d) {
-      return d.id + "-text";
+      return id + "-" + d.id + "-text";
     }).text(function(d) {
       return d.task;
     }).attr("font-size", conf.fontSize).attr("x", function(d) {
@@ -2200,8 +2209,8 @@ var draw = /* @__PURE__ */ __name(function(text, id, version, diagObj) {
       rectangles.filter(function(d) {
         return links2.has(d.id);
       }).each(function(o) {
-        var taskRect = doc2.querySelector("#" + o.id);
-        var taskText = doc2.querySelector("#" + o.id + "-text");
+        var taskRect = doc2.querySelector("#" + CSS.escape(id + "-" + o.id));
+        var taskText = doc2.querySelector("#" + CSS.escape(id + "-" + o.id + "-text"));
         const oldParent = taskRect.parentNode;
         var Link = doc2.createElement("a");
         Link.setAttribute("xlink:href", links2.get(o.id));
@@ -2259,7 +2268,7 @@ var draw = /* @__PURE__ */ __name(function(text, id, version, diagObj) {
       d = d.add(1, "d");
     }
     const rectangles = svg.append("g").selectAll("rect").data(excludeRanges).enter();
-    rectangles.append("rect").attr("id", (d2) => "exclude-" + d2.start.format("YYYY-MM-DD")).attr("x", (d2) => timeScale(d2.start.startOf("day")) + theSidePad).attr("y", conf.gridLineStartPadding).attr("width", (d2) => timeScale(d2.end.endOf("day")) - timeScale(d2.start.startOf("day"))).attr("height", h2 - theTopPad - conf.gridLineStartPadding).attr("transform-origin", function(d2, i) {
+    rectangles.append("rect").attr("id", (d2) => id + "-exclude-" + d2.start.format("YYYY-MM-DD")).attr("x", (d2) => timeScale(d2.start.startOf("day")) + theSidePad).attr("y", conf.gridLineStartPadding).attr("width", (d2) => timeScale(d2.end.endOf("day")) - timeScale(d2.start.startOf("day"))).attr("height", h2 - theTopPad - conf.gridLineStartPadding).attr("transform-origin", function(d2, i) {
       return (timeScale(d2.start) + theSidePad + 0.5 * (timeScale(d2.end) - timeScale(d2.start))).toString() + "px " + (i * theGap + 0.5 * h2).toString() + "px";
     }).attr("class", "exclude-range");
   }