@elicdavis/node-flow 0.1.2 → 0.1.3

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,8 +1440,9 @@ 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
         }
       ));
     }