@elicdavis/node-flow 0.1.2 → 0.1.4

package/dist/index.js

@@ -1022,17 +1022,19 @@ renderColumn_fn = function(ctx, position, graphScale, scaledFillableSpace) {
 };
 
 // src/elements/text.ts
-var _text, _align, _verticalAlign;
+var _text, _align, _verticalAlign, _lineHeight;
 var TextElement = class extends RenderElementBase {
   constructor(text, styling) {
-    var _a, _b;
+    var _a, _b, _c;
     super(styling);
     __privateAdd(this, _text);
     __privateAdd(this, _align);
     __privateAdd(this, _verticalAlign);
+    __privateAdd(this, _lineHeight);
     __privateSet(this, _text, text);
     __privateSet(this, _align, (_a = styling == null ? void 0 : styling.Align) != null ? _a : "left" /* Left */);
     __privateSet(this, _verticalAlign, (_b = styling == null ? void 0 : styling.VerticalAlign) != null ? _b : "top" /* Top */);
+    __privateSet(this, _lineHeight, (_c = styling == null ? void 0 : styling.LineHeight) != null ? _c : 1);
   }
   doRender(ctx, position, graphScale, scaledFillableSpace) {
     const scale = Zero();
@@ -1074,7 +1076,7 @@ var TextElement = class extends RenderElementBase {
       for (let i = 0; i < eles.length; i++) {
         eles[i].render(ctx, graphScale, justifiedPosition);
         eles[i].size(ctx, 1, tempSize);
-        justifiedPosition.y += tempSize.y;
+        justifiedPosition.y += __privateGet(this, _text).style().getSize() * __privateGet(this, _lineHeight);
       }
     }
   }
@@ -1086,17 +1088,17 @@ var TextElement = class extends RenderElementBase {
     const eles = __privateGet(this, _text).breakIntoLines(ctx, limitations.x);
     const tempSize = { x: 0, y: 0 };
     out.x = 0;
-    out.y = 0;
+    out.y = __privateGet(this, _text).style().getSize() * eles.length * __privateGet(this, _lineHeight);
     for (let i = 0; i < eles.length; i++) {
       eles[i].size(ctx, 1, tempSize);
       out.x = Math.max(tempSize.x, out.x);
-      out.y += tempSize.y;
     }
   }
 };
 _text = new WeakMap();
 _align = new WeakMap();
 _verticalAlign = new WeakMap();
+_lineHeight = new WeakMap();
 
 // src/utils/string.ts
 var binarySearch = ({ max, getValue, match }) => {
@@ -1438,15 +1440,16 @@ var Port = class {
         new Text(description, { color: "white", style: "italic" /* Italic */ }),
         {
           Align: "center" /* Center */,
-          Padding: { Top: 8 },
-          MaxWidth: 300
+          Padding: { Top: 16 },
+          MaxWidth: 400,
+          LineHeight: 1.5
         }
       ));
     }
     __privateSet(this, _dataTypePopupElement, new ContainerRenderElement(
       containerElements,
       {
-        BackgroundColor: "rgba(0, 0, 0, 0.75)",
+        BackgroundColor: "rgba(0, 0, 0, 0.85)",
         Border: {
           Radius: 6
         },
@@ -3126,8 +3129,9 @@ recurseBuildMenu_fn = function(graph, name, subMenu, position) {
   const items = [];
   const subMenus = /* @__PURE__ */ new Map();
   for (let [key, nodeConfig] of subMenu) {
-    const elements = key.split("/");
-    if (elements.length === 1) {
+    const slashIndex = key.indexOf("/");
+    const bracketIndex = key.indexOf("[");
+    if (slashIndex === -1 || bracketIndex < slashIndex) {
       items.push({
         name: key,
         callback: () => {
@@ -3137,6 +3141,7 @@ recurseBuildMenu_fn = function(graph, name, subMenu, position) {
         }
       });
     } else {
+      const elements = key.split("/");
       if (!subMenus.has(elements[0])) {
         subMenus.set(elements[0], /* @__PURE__ */ new Map());
       }