dominds 1.12.2 → 1.13.2

package/webapp/dist/assets/{blockDiagram-WCTKOSBZ-D8_SVEGn.js → blockDiagram-VD42YOAC-DvE0lybt.js}

@@ -1,9 +1,9 @@
-import { g as getIconStyles } from "./chunk-FMBD7UC4-BAtzNqV5.js";
-import { _ as __name, G as getConfig, d as select, e as configureSvgSize, l as log, z as clear, B as rgba, ai as getLineFunctionsWithOffset, R as line, S as curveBasis, c as getConfig2, O as getUrl, aj as getEffectiveHtmlLabels, ak as createText, al as computeLabelTransform, am as getSubGraphTitleMargins, u as utils_default, k as common_default, an as getStylesFromArray, i as sanitizeText, ao as decodeEntities, ap as configureLabelImages } from "./index-B219Q97D.js";
-import { c as clone } from "./clone-BcAwA2lT.js";
-import { G as Graph } from "./graph-CyYArI_M.js";
-import { c as channel } from "./channel-BI76pqQS.js";
-import "./_baseUniq-SGAsMSaE.js";
+import { g as getIconStyles } from "./chunk-FMBD7UC4-TX-LVAaV.js";
+import { _ as __name, F as getConfig, d as select, e as configureSvgSize, l as log, y as clear, A as rgba, ai as getLineFunctionsWithOffset, R as line, S as curveBasis, c as getConfig2, O as getUrl, aj as evaluate, ak as createText, al as getSubGraphTitleMargins, u as utils_default, k as common_default, am as replaceIconSubstring, an as decodeEntities, i as sanitizeText, ao as getStylesFromArray } from "./index-rYmIohM_.js";
+import { c as clone } from "./clone-Dk8cAI3I.js";
+import { G as Graph } from "./graph-DAMkuTbn.js";
+import { c as channel } from "./channel-DrTrnYx4.js";
+import "./_baseUniq-mfoKz4Wm.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;
@@ -1268,17 +1268,6 @@ var getStyles = /* @__PURE__ */ __name((options) => `.label {
 
   .edgeLabel {
     background-color: ${options.edgeLabelBackground};
-    /*
-     * This is for backward compatibility with existing code that didn't
-     * add a \`<p>\` around edge labels.
-     *
-     * TODO: We should probably remove this in a future release.
-     */
-    p {
-      margin: 0;
-      padding: 0;
-      display: inline;
-    }
     rect {
       opacity: 0.5;
       background-color: ${options.edgeLabelBackground};
@@ -1289,7 +1278,8 @@ var getStyles = /* @__PURE__ */ __name((options) => `.label {
 
   /* For html labels only */
   .labelBkg {
-    background-color: ${options.edgeLabelBackground};
+    background-color: ${fade(options.edgeLabelBackground, 0.5)};
+    // background-color:
   }
 
   .node .cluster {
@@ -1427,7 +1417,7 @@ var getMaxChildSize = /* @__PURE__ */ __name((block) => {
       continue;
     }
     if (width > maxWidth) {
-      maxWidth = width / (child.widthInColumns ?? 1);
+      maxWidth = width / (block.widthInColumns ?? 1);
     }
     if (height > maxHeight) {
       maxHeight = height;
@@ -1556,34 +1546,6 @@ function layoutBlocks(block, db2) {
     const width = block?.children[0]?.size?.width ?? 0;
     const widthOfChildren = block.children.length * width + (block.children.length - 1) * padding;
     log.debug("widthOfChildren 88", widthOfChildren, "posX");
-    const rowHeights = /* @__PURE__ */ new Map();
-    {
-      let colPos = 0;
-      for (const child of block.children) {
-        if (!child.size) {
-          continue;
-        }
-        const { py } = calculateBlockPosition(columns, colPos);
-        const currentMax = rowHeights.get(py) ?? 0;
-        if (child.size.height > currentMax) {
-          rowHeights.set(py, child.size.height);
-        }
-        let filled = child?.widthInColumns ?? 1;
-        if (columns > 0) {
-          filled = Math.min(filled, columns - colPos % columns);
-        }
-        colPos += filled;
-      }
-    }
-    const rowYOffsets = /* @__PURE__ */ new Map();
-    {
-      let offset = 0;
-      const rows = [...rowHeights.keys()].sort((a, b) => a - b);
-      for (const row of rows) {
-        rowYOffsets.set(row, offset);
-        offset += (rowHeights.get(row) ?? 0) + padding;
-      }
-    }
     let columnPos = 0;
     log.debug("abc91 block?.size?.x", block.id, block?.size?.x);
     let startingPosX = block?.size?.x ? block?.size?.x + (-block?.size?.width / 2 || 0) : -padding;
@@ -1610,9 +1572,7 @@ function layoutBlocks(block, db2) {
           `abc91 layout blocks (calc) px, pyid:${child.id} startingPos=X${startingPosX} new startingPosX${child.size.x} ${halfWidth} padding=${padding} width=${width2} halfWidth=${halfWidth} => x:${child.size.x} y:${child.size.y} ${child.widthInColumns} (width * (child?.w || 1)) / 2 ${width2 * (child?.widthInColumns ?? 1) / 2}`
         );
         startingPosX = child.size.x + halfWidth;
-        const rowYOffset = rowYOffsets.get(py) ?? 0;
-        const rowHeight = rowHeights.get(py) ?? height;
-        child.size.y = parent.size.y - parent.size.height / 2 + rowYOffset + rowHeight / 2 + padding;
+        child.size.y = parent.size.y - parent.size.height / 2 + py * (height + padding) + height / 2 + padding;
         log.debug(
           `abc88 layout blocks (calc) px, pyid:${child.id}startingPosX${startingPosX}${padding}${halfWidth}=>x:${child.size.x}y:${child.size.y}${child.widthInColumns}(width * (child?.w || 1)) / 2${width2 * (child?.widthInColumns ?? 1) / 2}`
         );
@@ -1671,26 +1631,71 @@ function layout(db2) {
   return { x: minX, y: minY, width, height };
 }
 __name(layout, "layout");
-var createLabel = /* @__PURE__ */ __name(async (element, _vertexText, style, isTitle = false, isNode = false) => {
+function applyStyle(dom, styleFn) {
+  if (styleFn) {
+    dom.attr("style", styleFn);
+  }
+}
+__name(applyStyle, "applyStyle");
+function addHtmlLabel(node, config2) {
+  const fo = select(document.createElementNS("http://www.w3.org/2000/svg", "foreignObject"));
+  const div = fo.append("xhtml:div");
+  const label = node.label;
+  const labelClass = node.isNode ? "nodeLabel" : "edgeLabel";
+  const span = div.append("span");
+  span.html(sanitizeText(label, config2));
+  applyStyle(span, node.labelStyle);
+  span.attr("class", labelClass);
+  applyStyle(div, node.labelStyle);
+  div.style("display", "inline-block");
+  div.style("white-space", "nowrap");
+  div.attr("xmlns", "http://www.w3.org/1999/xhtml");
+  return fo.node();
+}
+__name(addHtmlLabel, "addHtmlLabel");
+var createLabel = /* @__PURE__ */ __name(async (_vertexText, style, isTitle, isNode) => {
   let vertexText = _vertexText || "";
   if (typeof vertexText === "object") {
     vertexText = vertexText[0];
   }
   const config2 = getConfig2();
-  const useHtmlLabels = getEffectiveHtmlLabels(config2);
-  return await createText(
-    element,
-    vertexText,
-    {
-      style,
-      isTitle,
-      useHtmlLabels,
-      markdown: false,
+  if (evaluate(config2.flowchart.htmlLabels)) {
+    vertexText = vertexText.replace(/\\n|\n/g, "<br />");
+    log.debug("vertexText" + vertexText);
+    const label = await replaceIconSubstring(decodeEntities(vertexText));
+    const node = {
       isNode,
-      width: Number.POSITIVE_INFINITY
-    },
-    config2
-  );
+      label,
+      labelStyle: style.replace("fill:", "color:")
+    };
+    let vertexNode = addHtmlLabel(node, config2);
+    return vertexNode;
+  } else {
+    const svgLabel = document.createElementNS("http://www.w3.org/2000/svg", "text");
+    svgLabel.setAttribute("style", style.replace("color:", "fill:"));
+    let rows = [];
+    if (typeof vertexText === "string") {
+      rows = vertexText.split(/\\n|\n|<br\s*\/?>/gi);
+    } else if (Array.isArray(vertexText)) {
+      rows = vertexText;
+    } else {
+      rows = [];
+    }
+    for (const row of rows) {
+      const tspan = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+      tspan.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space", "preserve");
+      tspan.setAttribute("dy", "1em");
+      tspan.setAttribute("x", "0");
+      if (isTitle) {
+        tspan.setAttribute("class", "title-row");
+      } else {
+        tspan.setAttribute("class", "row");
+      }
+      tspan.textContent = row.trim();
+      svgLabel.appendChild(tspan);
+    }
+    return svgLabel;
+  }
 }, "createLabel");
 var createLabel_default = createLabel;
 var addEdgeMarkers = /* @__PURE__ */ __name((svgPath, edge, url, id, diagramType) => {
@@ -1725,61 +1730,40 @@ var edgeLabels = {};
 var terminalLabels = {};
 var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
   const config2 = getConfig2();
-  const useHtmlLabels = getEffectiveHtmlLabels(config2);
-  const edgeLabel = elem.insert("g").attr("class", "edgeLabel");
-  const label = edgeLabel.insert("g").attr("class", "label");
-  const isMarkdown = edge.labelType === "markdown";
-  const labelElement = await createText(
+  const useHtmlLabels = evaluate(config2.flowchart.htmlLabels);
+  const labelElement = edge.labelType === "markdown" ? createText(
     elem,
     edge.label,
     {
       style: edge.labelStyle,
       useHtmlLabels,
-      // TODO: The old code only set addSvgBackground when using markdown, but
-      // this function is only used by block diagrams which never use markdown.
-      addSvgBackground: isMarkdown,
-      isNode: false,
-      markdown: isMarkdown,
-      // If using markdown, wrap using default width
-      width: isMarkdown ? void 0 : Number.POSITIVE_INFINITY
+      addSvgBackground: true
     },
     config2
-  );
+  ) : await createLabel_default(edge.label, edge.labelStyle);
+  const edgeLabel = elem.insert("g").attr("class", "edgeLabel");
+  const label = edgeLabel.insert("g").attr("class", "label");
   label.node().appendChild(labelElement);
   let bbox = labelElement.getBBox();
-  let transformBbox = bbox;
   if (useHtmlLabels) {
     const div = labelElement.children[0];
     const dv = select(labelElement);
     bbox = div.getBoundingClientRect();
-    transformBbox = bbox;
     dv.attr("width", bbox.width);
     dv.attr("height", bbox.height);
-  } else {
-    const textEl = select(labelElement).select("text").node();
-    if (textEl && typeof textEl.getBBox === "function") {
-      transformBbox = textEl.getBBox();
-    }
   }
-  label.attr("transform", computeLabelTransform(transformBbox, useHtmlLabels));
+  label.attr("transform", "translate(" + -bbox.width / 2 + ", " + -bbox.height / 2 + ")");
   edgeLabels[edge.id] = edgeLabel;
   edge.width = bbox.width;
   edge.height = bbox.height;
   let fo;
   if (edge.startLabelLeft) {
+    const startLabelElement = await createLabel_default(edge.startLabelLeft, edge.labelStyle);
     const startEdgeLabelLeft = elem.insert("g").attr("class", "edgeTerminals");
     const inner = startEdgeLabelLeft.insert("g").attr("class", "inner");
-    const startLabelElement = await createLabel_default(inner, edge.startLabelLeft, edge.labelStyle);
-    fo = startLabelElement;
-    let slBox = startLabelElement.getBBox();
-    if (useHtmlLabels) {
-      const div = startLabelElement.children[0];
-      const dv = select(startLabelElement);
-      slBox = div.getBoundingClientRect();
-      dv.attr("width", slBox.width);
-      dv.attr("height", slBox.height);
-    }
-    inner.attr("transform", computeLabelTransform(slBox, useHtmlLabels));
+    fo = inner.node().appendChild(startLabelElement);
+    const slBox = startLabelElement.getBBox();
+    inner.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
     if (!terminalLabels[edge.id]) {
       terminalLabels[edge.id] = {};
     }
@@ -1787,24 +1771,13 @@ var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
     setTerminalWidth(fo, edge.startLabelLeft);
   }
   if (edge.startLabelRight) {
+    const startLabelElement = await createLabel_default(edge.startLabelRight, edge.labelStyle);
     const startEdgeLabelRight = elem.insert("g").attr("class", "edgeTerminals");
     const inner = startEdgeLabelRight.insert("g").attr("class", "inner");
-    const startLabelElement = await createLabel_default(
-      startEdgeLabelRight,
-      edge.startLabelRight,
-      edge.labelStyle
-    );
-    fo = startLabelElement;
+    fo = startEdgeLabelRight.node().appendChild(startLabelElement);
     inner.node().appendChild(startLabelElement);
-    let slBox = startLabelElement.getBBox();
-    if (useHtmlLabels) {
-      const div = startLabelElement.children[0];
-      const dv = select(startLabelElement);
-      slBox = div.getBoundingClientRect();
-      dv.attr("width", slBox.width);
-      dv.attr("height", slBox.height);
-    }
-    inner.attr("transform", computeLabelTransform(slBox, useHtmlLabels));
+    const slBox = startLabelElement.getBBox();
+    inner.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
     if (!terminalLabels[edge.id]) {
       terminalLabels[edge.id] = {};
     }
@@ -1812,19 +1785,12 @@ var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
     setTerminalWidth(fo, edge.startLabelRight);
   }
   if (edge.endLabelLeft) {
+    const endLabelElement = await createLabel_default(edge.endLabelLeft, edge.labelStyle);
     const endEdgeLabelLeft = elem.insert("g").attr("class", "edgeTerminals");
     const inner = endEdgeLabelLeft.insert("g").attr("class", "inner");
-    const endLabelElement = await createLabel_default(inner, edge.endLabelLeft, edge.labelStyle);
-    fo = endLabelElement;
-    let slBox = endLabelElement.getBBox();
-    if (useHtmlLabels) {
-      const div = endLabelElement.children[0];
-      const dv = select(endLabelElement);
-      slBox = div.getBoundingClientRect();
-      dv.attr("width", slBox.width);
-      dv.attr("height", slBox.height);
-    }
-    inner.attr("transform", computeLabelTransform(slBox, useHtmlLabels));
+    fo = inner.node().appendChild(endLabelElement);
+    const slBox = endLabelElement.getBBox();
+    inner.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
     endEdgeLabelLeft.node().appendChild(endLabelElement);
     if (!terminalLabels[edge.id]) {
       terminalLabels[edge.id] = {};
@@ -1833,19 +1799,12 @@ var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
     setTerminalWidth(fo, edge.endLabelLeft);
   }
   if (edge.endLabelRight) {
+    const endLabelElement = await createLabel_default(edge.endLabelRight, edge.labelStyle);
     const endEdgeLabelRight = elem.insert("g").attr("class", "edgeTerminals");
     const inner = endEdgeLabelRight.insert("g").attr("class", "inner");
-    const endLabelElement = await createLabel_default(inner, edge.endLabelRight, edge.labelStyle);
-    fo = endLabelElement;
-    let slBox = endLabelElement.getBBox();
-    if (useHtmlLabels) {
-      const div = endLabelElement.children[0];
-      const dv = select(endLabelElement);
-      slBox = div.getBoundingClientRect();
-      dv.attr("width", slBox.width);
-      dv.attr("height", slBox.height);
-    }
-    inner.attr("transform", computeLabelTransform(slBox, useHtmlLabels));
+    fo = inner.node().appendChild(endLabelElement);
+    const slBox = endLabelElement.getBBox();
+    inner.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
     endEdgeLabelRight.node().appendChild(endLabelElement);
     if (!terminalLabels[edge.id]) {
       terminalLabels[edge.id] = {};
@@ -1856,7 +1815,7 @@ var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
   return labelElement;
 }, "insertEdgeLabel");
 function setTerminalWidth(fo, value) {
-  if (getEffectiveHtmlLabels(getConfig2()) && fo) {
+  if (getConfig2().flowchart.htmlLabels && fo) {
     fo.style.width = value.length * 9 + "px";
     fo.style.height = "12px";
   }
@@ -2448,7 +2407,7 @@ var intersect_default = {
 var labelHelper = /* @__PURE__ */ __name(async (parent, node, _classes, isNode) => {
   const config2 = getConfig2();
   let classes2;
-  const useHtmlLabels = node.useHtmlLabels || getEffectiveHtmlLabels(config2);
+  const useHtmlLabels = node.useHtmlLabels || evaluate(config2.flowchart.htmlLabels);
   if (!_classes) {
     classes2 = "node default";
   } else {
@@ -2462,6 +2421,7 @@ var labelHelper = /* @__PURE__ */ __name(async (parent, node, _classes, isNode)
   } else {
     labelText = typeof node.labelText === "string" ? node.labelText : node.labelText[0];
   }
+  const textNode = label.node();
   let text;
   if (node.labelType === "markdown") {
     text = createText(
@@ -2475,20 +2435,52 @@ var labelHelper = /* @__PURE__ */ __name(async (parent, node, _classes, isNode)
       config2
     );
   } else {
-    text = await createLabel_default(
-      label,
-      sanitizeText(decodeEntities(labelText), config2),
-      node.labelStyle,
-      false,
-      isNode
+    text = textNode.appendChild(
+      await createLabel_default(
+        sanitizeText(decodeEntities(labelText), config2),
+        node.labelStyle,
+        false,
+        isNode
+      )
     );
   }
   let bbox = text.getBBox();
   const halfPadding = node.padding / 2;
-  if (getEffectiveHtmlLabels(config2)) {
+  if (evaluate(config2.flowchart.htmlLabels)) {
     const div = text.children[0];
     const dv = select(text);
-    await configureLabelImages(div, labelText);
+    const images = div.getElementsByTagName("img");
+    if (images) {
+      const noImgText = labelText.replace(/<img[^>]*>/g, "").trim() === "";
+      await Promise.all(
+        [...images].map(
+          (img) => new Promise((res) => {
+            function setupImage() {
+              img.style.display = "flex";
+              img.style.flexDirection = "column";
+              if (noImgText) {
+                const bodyFontSize = config2.fontSize ? config2.fontSize : window.getComputedStyle(document.body).fontSize;
+                const enlargingFactor = 5;
+                const width = parseInt(bodyFontSize, 10) * enlargingFactor + "px";
+                img.style.minWidth = width;
+                img.style.maxWidth = width;
+              } else {
+                img.style.width = "100%";
+              }
+              res(img);
+            }
+            __name(setupImage, "setupImage");
+            setTimeout(() => {
+              if (img.complete) {
+                setupImage();
+              }
+            });
+            img.addEventListener("error", setupImage);
+            img.addEventListener("load", setupImage);
+          })
+        )
+      );
+    }
     bbox = div.getBoundingClientRect();
     dv.attr("width", bbox.width);
     dv.attr("height", bbox.height);
@@ -2519,7 +2511,7 @@ function insertPolygonShape(parent, w, h, points) {
 }
 __name(insertPolygonShape, "insertPolygonShape");
 var note = /* @__PURE__ */ __name(async (parent, node) => {
-  const useHtmlLabels = node.useHtmlLabels || getEffectiveHtmlLabels(getConfig2());
+  const useHtmlLabels = node.useHtmlLabels || getConfig2().flowchart.htmlLabels;
   if (!useHtmlLabels) {
     node.centerLabel = true;
   }
@@ -2945,9 +2937,9 @@ var rectWithTitle = /* @__PURE__ */ __name(async (parent, node) => {
     title = text2;
   }
   log.info("Label text abc79", title, text2, typeof text2 === "object");
-  const text = await createLabel_default(label, title, node.labelStyle, true, true);
+  const text = label.node().appendChild(await createLabel_default(title, node.labelStyle, true, true));
   let bbox = { width: 0, height: 0 };
-  if (getEffectiveHtmlLabels(getConfig2())) {
+  if (evaluate(getConfig2().flowchart.htmlLabels)) {
     const div = text.children[0];
     const dv = select(text);
     bbox = div.getBoundingClientRect();
@@ -2957,14 +2949,15 @@ var rectWithTitle = /* @__PURE__ */ __name(async (parent, node) => {
   log.info("Text 2", text2);
   const textRows = text2.slice(1, text2.length);
   let titleBox = text.getBBox();
-  const descr = await createLabel_default(
-    label,
-    textRows.join ? textRows.join("<br/>") : textRows,
-    node.labelStyle,
-    true,
-    true
+  const descr = label.node().appendChild(
+    await createLabel_default(
+      textRows.join ? textRows.join("<br/>") : textRows,
+      node.labelStyle,
+      true,
+      true
+    )
   );
-  if (getEffectiveHtmlLabels(getConfig2())) {
+  if (evaluate(getConfig2().flowchart.htmlLabels)) {
     const div = descr.children[0];
     const dv = select(descr);
     bbox = div.getBoundingClientRect();
@@ -3138,15 +3131,9 @@ var class_box = /* @__PURE__ */ __name(async (parent, node) => {
   let verticalPos = 0;
   const hasInterface = node.classData.annotations?.[0];
   const interfaceLabelText = node.classData.annotations[0] ? "«" + node.classData.annotations[0] + "»" : "";
-  const interfaceLabel = await createLabel_default(
-    labelContainer,
-    interfaceLabelText,
-    node.labelStyle,
-    true,
-    true
-  );
+  const interfaceLabel = labelContainer.node().appendChild(await createLabel_default(interfaceLabelText, node.labelStyle, true, true));
   let interfaceBBox = interfaceLabel.getBBox();
-  if (getEffectiveHtmlLabels(getConfig2())) {
+  if (evaluate(getConfig2().flowchart.htmlLabels)) {
     const div = interfaceLabel.children[0];
     const dv = select(interfaceLabel);
     interfaceBBox = div.getBoundingClientRect();
@@ -3159,22 +3146,16 @@ var class_box = /* @__PURE__ */ __name(async (parent, node) => {
   }
   let classTitleString = node.classData.label;
   if (node.classData.type !== void 0 && node.classData.type !== "") {
-    if (getEffectiveHtmlLabels(getConfig2())) {
+    if (getConfig2().flowchart.htmlLabels) {
       classTitleString += "&lt;" + node.classData.type + "&gt;";
     } else {
       classTitleString += "<" + node.classData.type + ">";
     }
   }
-  const classTitleLabel = await createLabel_default(
-    labelContainer,
-    classTitleString,
-    node.labelStyle,
-    true,
-    true
-  );
+  const classTitleLabel = labelContainer.node().appendChild(await createLabel_default(classTitleString, node.labelStyle, true, true));
   select(classTitleLabel).attr("class", "classTitle");
   let classTitleBBox = classTitleLabel.getBBox();
-  if (getEffectiveHtmlLabels(getConfig2())) {
+  if (evaluate(getConfig2().flowchart.htmlLabels)) {
     const div = classTitleLabel.children[0];
     const dv = select(classTitleLabel);
     classTitleBBox = div.getBoundingClientRect();
@@ -3189,18 +3170,19 @@ var class_box = /* @__PURE__ */ __name(async (parent, node) => {
   node.classData.members.forEach(async (member) => {
     const parsedInfo = member.getDisplayDetails();
     let parsedText = parsedInfo.displayText;
-    if (getEffectiveHtmlLabels(getConfig2())) {
+    if (getConfig2().flowchart.htmlLabels) {
       parsedText = parsedText.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     }
-    const lbl = await createLabel_default(
-      labelContainer,
-      parsedText,
-      parsedInfo.cssStyle ? parsedInfo.cssStyle : node.labelStyle,
-      true,
-      true
+    const lbl = labelContainer.node().appendChild(
+      await createLabel_default(
+        parsedText,
+        parsedInfo.cssStyle ? parsedInfo.cssStyle : node.labelStyle,
+        true,
+        true
+      )
     );
     let bbox = lbl.getBBox();
-    if (getEffectiveHtmlLabels(getConfig2())) {
+    if (evaluate(getConfig2().flowchart.htmlLabels)) {
       const div = lbl.children[0];
       const dv = select(lbl);
       bbox = div.getBoundingClientRect();
@@ -3218,18 +3200,19 @@ var class_box = /* @__PURE__ */ __name(async (parent, node) => {
   node.classData.methods.forEach(async (member) => {
     const parsedInfo = member.getDisplayDetails();
     let displayText = parsedInfo.displayText;
-    if (getEffectiveHtmlLabels(getConfig2())) {
+    if (getConfig2().flowchart.htmlLabels) {
       displayText = displayText.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     }
-    const lbl = await createLabel_default(
-      labelContainer,
-      displayText,
-      parsedInfo.cssStyle ? parsedInfo.cssStyle : node.labelStyle,
-      true,
-      true
+    const lbl = labelContainer.node().appendChild(
+      await createLabel_default(
+        displayText,
+        parsedInfo.cssStyle ? parsedInfo.cssStyle : node.labelStyle,
+        true,
+        true
+      )
     );
     let bbox = lbl.getBBox();
-    if (getEffectiveHtmlLabels(getConfig2())) {
+    if (evaluate(getConfig2().flowchart.htmlLabels)) {
       const div = lbl.children[0];
       const dv = select(lbl);
       bbox = div.getBoundingClientRect();
@@ -3622,4 +3605,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=blockDiagram-WCTKOSBZ-D8_SVEGn.js.map
+//# sourceMappingURL=blockDiagram-VD42YOAC-DvE0lybt.js.map