dominds 1.16.2 → 1.16.4

package/webapp/dist/assets/{blockDiagram-VD42YOAC-CABpgVAa.js → blockDiagram-WCTKOSBZ-fSZbZ3PY.js}

@@ -1,9 +1,9 @@
-import { g as getIconStyles } from "./chunk-FMBD7UC4-DYGviJnf.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-BLnM-uON.js";
-import { c as clone } from "./clone-B_9AxWIU.js";
-import { G as Graph } from "./graph-mhcc7ldf.js";
-import { c as channel } from "./channel-CYFm9Cri.js";
-import "./_baseUniq-D6k_lGfs.js";
+import { g as getIconStyles } from "./chunk-FMBD7UC4-CZRe1oW9.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-D8Klc1n-.js";
+import { c as clone } from "./clone-BzZfwhKW.js";
+import { G as Graph } from "./graph-PACfG8qk.js";
+import { c as channel } from "./channel-CbXK2-c_.js";
+import "./_baseUniq-DeO2MBcA.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,6 +1268,17 @@ 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};
@@ -1278,8 +1289,7 @@ var getStyles = /* @__PURE__ */ __name((options) => `.label {
 
   /* For html labels only */
   .labelBkg {
-    background-color: ${fade(options.edgeLabelBackground, 0.5)};
-    // background-color:
+    background-color: ${options.edgeLabelBackground};
   }
 
   .node .cluster {
@@ -1417,7 +1427,7 @@ var getMaxChildSize = /* @__PURE__ */ __name((block) => {
       continue;
     }
     if (width > maxWidth) {
-      maxWidth = width / (block.widthInColumns ?? 1);
+      maxWidth = width / (child.widthInColumns ?? 1);
     }
     if (height > maxHeight) {
       maxHeight = height;
@@ -1546,6 +1556,34 @@ 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;
@@ -1572,7 +1610,9 @@ 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;
-        child.size.y = parent.size.y - parent.size.height / 2 + py * (height + padding) + height / 2 + padding;
+        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;
         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}`
         );
@@ -1631,71 +1671,26 @@ function layout(db2) {
   return { x: minX, y: minY, width, height };
 }
 __name(layout, "layout");
-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) => {
+var createLabel = /* @__PURE__ */ __name(async (element, _vertexText, style, isTitle = false, isNode = false) => {
   let vertexText = _vertexText || "";
   if (typeof vertexText === "object") {
     vertexText = vertexText[0];
   }
   const config2 = getConfig2();
-  if (evaluate(config2.flowchart.htmlLabels)) {
-    vertexText = vertexText.replace(/\\n|\n/g, "<br />");
-    log.debug("vertexText" + vertexText);
-    const label = await replaceIconSubstring(decodeEntities(vertexText));
-    const node = {
+  const useHtmlLabels = getEffectiveHtmlLabels(config2);
+  return await createText(
+    element,
+    vertexText,
+    {
+      style,
+      isTitle,
+      useHtmlLabels,
+      markdown: false,
       isNode,
-      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;
-  }
+      width: Number.POSITIVE_INFINITY
+    },
+    config2
+  );
 }, "createLabel");
 var createLabel_default = createLabel;
 var addEdgeMarkers = /* @__PURE__ */ __name((svgPath, edge, url, id, diagramType) => {
@@ -1730,40 +1725,61 @@ var edgeLabels = {};
 var terminalLabels = {};
 var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
   const config2 = getConfig2();
-  const useHtmlLabels = evaluate(config2.flowchart.htmlLabels);
-  const labelElement = edge.labelType === "markdown" ? createText(
+  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(
     elem,
     edge.label,
     {
       style: edge.labelStyle,
       useHtmlLabels,
-      addSvgBackground: true
+      // 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
     },
     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", "translate(" + -bbox.width / 2 + ", " + -bbox.height / 2 + ")");
+  label.attr("transform", computeLabelTransform(transformBbox, useHtmlLabels));
   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");
-    fo = inner.node().appendChild(startLabelElement);
-    const slBox = startLabelElement.getBBox();
-    inner.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
+    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));
     if (!terminalLabels[edge.id]) {
       terminalLabels[edge.id] = {};
     }
@@ -1771,13 +1787,24 @@ 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");
-    fo = startEdgeLabelRight.node().appendChild(startLabelElement);
+    const startLabelElement = await createLabel_default(
+      startEdgeLabelRight,
+      edge.startLabelRight,
+      edge.labelStyle
+    );
+    fo = startLabelElement;
     inner.node().appendChild(startLabelElement);
-    const slBox = startLabelElement.getBBox();
-    inner.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
+    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));
     if (!terminalLabels[edge.id]) {
       terminalLabels[edge.id] = {};
     }
@@ -1785,12 +1812,19 @@ 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");
-    fo = inner.node().appendChild(endLabelElement);
-    const slBox = endLabelElement.getBBox();
-    inner.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
+    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));
     endEdgeLabelLeft.node().appendChild(endLabelElement);
     if (!terminalLabels[edge.id]) {
       terminalLabels[edge.id] = {};
@@ -1799,12 +1833,19 @@ 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");
-    fo = inner.node().appendChild(endLabelElement);
-    const slBox = endLabelElement.getBBox();
-    inner.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
+    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));
     endEdgeLabelRight.node().appendChild(endLabelElement);
     if (!terminalLabels[edge.id]) {
       terminalLabels[edge.id] = {};
@@ -1815,7 +1856,7 @@ var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
   return labelElement;
 }, "insertEdgeLabel");
 function setTerminalWidth(fo, value) {
-  if (getConfig2().flowchart.htmlLabels && fo) {
+  if (getEffectiveHtmlLabels(getConfig2()) && fo) {
     fo.style.width = value.length * 9 + "px";
     fo.style.height = "12px";
   }
@@ -2407,7 +2448,7 @@ var intersect_default = {
 var labelHelper = /* @__PURE__ */ __name(async (parent, node, _classes, isNode) => {
   const config2 = getConfig2();
   let classes2;
-  const useHtmlLabels = node.useHtmlLabels || evaluate(config2.flowchart.htmlLabels);
+  const useHtmlLabels = node.useHtmlLabels || getEffectiveHtmlLabels(config2);
   if (!_classes) {
     classes2 = "node default";
   } else {
@@ -2421,7 +2462,6 @@ 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(
@@ -2435,52 +2475,20 @@ var labelHelper = /* @__PURE__ */ __name(async (parent, node, _classes, isNode)
       config2
     );
   } else {
-    text = textNode.appendChild(
-      await createLabel_default(
-        sanitizeText(decodeEntities(labelText), config2),
-        node.labelStyle,
-        false,
-        isNode
-      )
+    text = await createLabel_default(
+      label,
+      sanitizeText(decodeEntities(labelText), config2),
+      node.labelStyle,
+      false,
+      isNode
     );
   }
   let bbox = text.getBBox();
   const halfPadding = node.padding / 2;
-  if (evaluate(config2.flowchart.htmlLabels)) {
+  if (getEffectiveHtmlLabels(config2)) {
     const div = text.children[0];
     const dv = select(text);
-    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);
-          })
-        )
-      );
-    }
+    await configureLabelImages(div, labelText);
     bbox = div.getBoundingClientRect();
     dv.attr("width", bbox.width);
     dv.attr("height", bbox.height);
@@ -2511,7 +2519,7 @@ function insertPolygonShape(parent, w, h, points) {
 }
 __name(insertPolygonShape, "insertPolygonShape");
 var note = /* @__PURE__ */ __name(async (parent, node) => {
-  const useHtmlLabels = node.useHtmlLabels || getConfig2().flowchart.htmlLabels;
+  const useHtmlLabels = node.useHtmlLabels || getEffectiveHtmlLabels(getConfig2());
   if (!useHtmlLabels) {
     node.centerLabel = true;
   }
@@ -2937,9 +2945,9 @@ var rectWithTitle = /* @__PURE__ */ __name(async (parent, node) => {
     title = text2;
   }
   log.info("Label text abc79", title, text2, typeof text2 === "object");
-  const text = label.node().appendChild(await createLabel_default(title, node.labelStyle, true, true));
+  const text = await createLabel_default(label, title, node.labelStyle, true, true);
   let bbox = { width: 0, height: 0 };
-  if (evaluate(getConfig2().flowchart.htmlLabels)) {
+  if (getEffectiveHtmlLabels(getConfig2())) {
     const div = text.children[0];
     const dv = select(text);
     bbox = div.getBoundingClientRect();
@@ -2949,15 +2957,14 @@ 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 = label.node().appendChild(
-    await createLabel_default(
-      textRows.join ? textRows.join("<br/>") : textRows,
-      node.labelStyle,
-      true,
-      true
-    )
+  const descr = await createLabel_default(
+    label,
+    textRows.join ? textRows.join("<br/>") : textRows,
+    node.labelStyle,
+    true,
+    true
   );
-  if (evaluate(getConfig2().flowchart.htmlLabels)) {
+  if (getEffectiveHtmlLabels(getConfig2())) {
     const div = descr.children[0];
     const dv = select(descr);
     bbox = div.getBoundingClientRect();
@@ -3131,9 +3138,15 @@ 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 = labelContainer.node().appendChild(await createLabel_default(interfaceLabelText, node.labelStyle, true, true));
+  const interfaceLabel = await createLabel_default(
+    labelContainer,
+    interfaceLabelText,
+    node.labelStyle,
+    true,
+    true
+  );
   let interfaceBBox = interfaceLabel.getBBox();
-  if (evaluate(getConfig2().flowchart.htmlLabels)) {
+  if (getEffectiveHtmlLabels(getConfig2())) {
     const div = interfaceLabel.children[0];
     const dv = select(interfaceLabel);
     interfaceBBox = div.getBoundingClientRect();
@@ -3146,16 +3159,22 @@ var class_box = /* @__PURE__ */ __name(async (parent, node) => {
   }
   let classTitleString = node.classData.label;
   if (node.classData.type !== void 0 && node.classData.type !== "") {
-    if (getConfig2().flowchart.htmlLabels) {
+    if (getEffectiveHtmlLabels(getConfig2())) {
       classTitleString += "&lt;" + node.classData.type + "&gt;";
     } else {
       classTitleString += "<" + node.classData.type + ">";
     }
   }
-  const classTitleLabel = labelContainer.node().appendChild(await createLabel_default(classTitleString, node.labelStyle, true, true));
+  const classTitleLabel = await createLabel_default(
+    labelContainer,
+    classTitleString,
+    node.labelStyle,
+    true,
+    true
+  );
   select(classTitleLabel).attr("class", "classTitle");
   let classTitleBBox = classTitleLabel.getBBox();
-  if (evaluate(getConfig2().flowchart.htmlLabels)) {
+  if (getEffectiveHtmlLabels(getConfig2())) {
     const div = classTitleLabel.children[0];
     const dv = select(classTitleLabel);
     classTitleBBox = div.getBoundingClientRect();
@@ -3170,19 +3189,18 @@ var class_box = /* @__PURE__ */ __name(async (parent, node) => {
   node.classData.members.forEach(async (member) => {
     const parsedInfo = member.getDisplayDetails();
     let parsedText = parsedInfo.displayText;
-    if (getConfig2().flowchart.htmlLabels) {
+    if (getEffectiveHtmlLabels(getConfig2())) {
       parsedText = parsedText.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     }
-    const lbl = labelContainer.node().appendChild(
-      await createLabel_default(
-        parsedText,
-        parsedInfo.cssStyle ? parsedInfo.cssStyle : node.labelStyle,
-        true,
-        true
-      )
+    const lbl = await createLabel_default(
+      labelContainer,
+      parsedText,
+      parsedInfo.cssStyle ? parsedInfo.cssStyle : node.labelStyle,
+      true,
+      true
     );
     let bbox = lbl.getBBox();
-    if (evaluate(getConfig2().flowchart.htmlLabels)) {
+    if (getEffectiveHtmlLabels(getConfig2())) {
       const div = lbl.children[0];
       const dv = select(lbl);
       bbox = div.getBoundingClientRect();
@@ -3200,19 +3218,18 @@ var class_box = /* @__PURE__ */ __name(async (parent, node) => {
   node.classData.methods.forEach(async (member) => {
     const parsedInfo = member.getDisplayDetails();
     let displayText = parsedInfo.displayText;
-    if (getConfig2().flowchart.htmlLabels) {
+    if (getEffectiveHtmlLabels(getConfig2())) {
       displayText = displayText.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     }
-    const lbl = labelContainer.node().appendChild(
-      await createLabel_default(
-        displayText,
-        parsedInfo.cssStyle ? parsedInfo.cssStyle : node.labelStyle,
-        true,
-        true
-      )
+    const lbl = await createLabel_default(
+      labelContainer,
+      displayText,
+      parsedInfo.cssStyle ? parsedInfo.cssStyle : node.labelStyle,
+      true,
+      true
     );
     let bbox = lbl.getBBox();
-    if (evaluate(getConfig2().flowchart.htmlLabels)) {
+    if (getEffectiveHtmlLabels(getConfig2())) {
       const div = lbl.children[0];
       const dv = select(lbl);
       bbox = div.getBoundingClientRect();
@@ -3605,4 +3622,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=blockDiagram-VD42YOAC-CABpgVAa.js.map
+//# sourceMappingURL=blockDiagram-WCTKOSBZ-fSZbZ3PY.js.map