@leapfrog/interactive-canvas 1.14.3 → 1.14.5

package/dist/interactive-canvas.es.js

@@ -410,6 +410,7 @@ var StackObjectsLayoutFunction = /** @class */ (function () {
         var footerObjects = objects[0];
         var bodyObjects = objects[1];
         var bodyWidth = canvasDimensions.widthPx - canvasMargin.right - canvasMargin.left;
+        canvas.redraw();
         //Make one pass and set the widths of all elements. This will force objects with dynamic heights (like text) to take on their necessary height before trying to lay them out.
         this.applyWidths(allObjects, bodyWidth);
         var bodyRows = this.getRows(bodyObjects);
@@ -2559,6 +2560,8 @@ var Text = /** @class */ (function (_super) {
                 var entry = orderedListMarkerEntities[lineIndex];
                 var fontSize = this.getValueOfPropertyAt(lineIndex, 0, "fontSize");
                 var fontFamily = this.getValueOfPropertyAt(lineIndex, 0, "fontFamily");
+                var fontWeight = this.getValueOfPropertyAt(lineIndex, 0, "fontWeight");
+                var fontStyle = this.getValueOfPropertyAt(lineIndex, 0, "fontStyle");
                 var color = this.getValueOfPropertyAt(lineIndex, 0, "fill");
                 var angle = fabricText.angle;
                 var theta = angle * Math.PI / 180;
@@ -2574,6 +2577,8 @@ var Text = /** @class */ (function (_super) {
                     width: 1,
                     fontSize: fontSize,
                     fontFamily: fontFamily,
+                    fontWeight: fontWeight,
+                    fontStyle: fontStyle,
                     fill: color,
                     left: fabricText.left + xOffset,
                     top: fabricText.top + yOffset,

package/dist/interactive-canvas.js

@@ -412,6 +412,7 @@ var StackObjectsLayoutFunction = /** @class */ (function () {
         var footerObjects = objects[0];
         var bodyObjects = objects[1];
         var bodyWidth = canvasDimensions.widthPx - canvasMargin.right - canvasMargin.left;
+        canvas.redraw();
         //Make one pass and set the widths of all elements. This will force objects with dynamic heights (like text) to take on their necessary height before trying to lay them out.
         this.applyWidths(allObjects, bodyWidth);
         var bodyRows = this.getRows(bodyObjects);
@@ -2561,6 +2562,8 @@ var Text = /** @class */ (function (_super) {
                 var entry = orderedListMarkerEntities[lineIndex];
                 var fontSize = this.getValueOfPropertyAt(lineIndex, 0, "fontSize");
                 var fontFamily = this.getValueOfPropertyAt(lineIndex, 0, "fontFamily");
+                var fontWeight = this.getValueOfPropertyAt(lineIndex, 0, "fontWeight");
+                var fontStyle = this.getValueOfPropertyAt(lineIndex, 0, "fontStyle");
                 var color = this.getValueOfPropertyAt(lineIndex, 0, "fill");
                 var angle = fabricText.angle;
                 var theta = angle * Math.PI / 180;
@@ -2576,6 +2579,8 @@ var Text = /** @class */ (function (_super) {
                     width: 1,
                     fontSize: fontSize,
                     fontFamily: fontFamily,
+                    fontWeight: fontWeight,
+                    fontStyle: fontStyle,
                     fill: color,
                     left: fabricText.left + xOffset,
                     top: fabricText.top + yOffset,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leapfrog/interactive-canvas",
-  "version": "1.14.3",
+  "version": "1.14.5",
   "description": "Leapfrog interactive canvas",
   "files": [
     "dist"