@leapfrog/interactive-canvas 2.0.20 → 2.0.21-beta-1

package/dist/interactive-canvas.es.js

@@ -1,4 +1,4 @@
-import _, { round, each, values, reduce, clone, isEqual } from 'lodash';
+import _, { round, each, values, reduce, clone, max, isEqual } from 'lodash';
 import { BehaviorSubject, Subject } from 'rxjs';
 import * as fabric from 'fabric';
 
@@ -2028,11 +2028,12 @@ class Text extends AbstractCanvasObject {
      */
     setFontSize(fontSize) {
         if (this.hasTextSelection()) {
-            this.fabricObject.setSelectionStyles({ fontSize });
+            this.fabricObject.setSelectionStyles({ fontSize: fontSize });
         }
         else {
             this.fabricObject.set({ fontSize: fontSize });
         }
+        this.fabricObject.dirty = true;
         this.redraw();
         this.updateTextSelection();
     }
@@ -2130,7 +2131,7 @@ class Text extends AbstractCanvasObject {
         if (!this.isBulleted())
             return 0;
         let fontSize = 0;
-        _.each(this.fabricObject._textLines, (textLine, lineIndex) => {
+        each(this.fabricObject._textLines, (textLine, lineIndex) => {
             fontSize = Math.max(fontSize, this.fabricObject.getValueOfPropertyAt(lineIndex, 0, "fontSize"));
         });
         return fontSize * 0.6;
@@ -2143,11 +2144,10 @@ class Text extends AbstractCanvasObject {
         if (!this.isOrderedList())
             return 0;
         const orderedListMarkerEntities = this.fabricObject._orderedListMarkerEntities;
-        let max = _(orderedListMarkerEntities)
+        let maxValue = max((orderedListMarkerEntities !== null && orderedListMarkerEntities !== void 0 ? orderedListMarkerEntities : [])
             .filter((x) => !!x)
-            .map((x) => x.getBoundingRect().width)
-            .max();
-        return max ? (max * 1.2) : 0;
+            .map((x) => x.getBoundingRect().width));
+        return maxValue ? (maxValue * 1.2) : 0;
     }
     /**
      * @override
@@ -2281,7 +2281,7 @@ class Text extends AbstractCanvasObject {
         if (this.data.bulleted) {
             const bullets = this.fabricObject["_bullets"];
             delete this.fabricObject["_bullets"];
-            _.each(bullets, (bullet) => this.canvas.removeFabricObject(bullet));
+            each(bullets, (bullet) => this.canvas.removeFabricObject(bullet));
             this.fabricObject["objectCaching"] = true;
         }
     }
@@ -2289,7 +2289,7 @@ class Text extends AbstractCanvasObject {
         if (this.fabricObject._isOrderedList) {
             const markerEntities = this.fabricObject._orderedListMarkerEntities;
             delete this.fabricObject._orderedListMarkerEntities;
-            _.each(markerEntities, (marker) => this.canvas.removeFabricObject(marker));
+            each(markerEntities, (marker) => this.canvas.removeFabricObject(marker));
             this.fabricObject["objectCaching"] = true;
         }
     }
@@ -2306,7 +2306,7 @@ class Text extends AbstractCanvasObject {
                 // Determine list of active bullets
                 const currentBullets = this.fabricObject.get("_bullets");
                 const activeBullets = {};
-                _.each(this.fabricObject._textLines, (textLine, lineIndex) => {
+                each(this.fabricObject._textLines, (textLine, lineIndex) => {
                     if (textLine.length) {
                         // Start of real lines will have offset 0 in styleMap
                         const styleMap = this.fabricObject._styleMap[lineIndex];
@@ -2343,13 +2343,13 @@ class Text extends AbstractCanvasObject {
                 let canvasDirty = false;
                 if (canvas) {
                     canvas.renderOnAddRemove = false;
-                    _.each(activeBullets, (bullet) => {
+                    each(activeBullets, (bullet) => {
                         if (!canvas.contains(bullet)) {
                             canvas.add(bullet);
                             canvasDirty = true;
                         }
                     });
-                    _.each(currentBullets, (bullet, key) => {
+                    each(currentBullets, (bullet, key) => {
                         if (!activeBullets[key]) {
                             canvas.remove(bullet);
                             canvasDirty = true;
@@ -2366,7 +2366,7 @@ class Text extends AbstractCanvasObject {
             if (this.fabricObject._isOrderedList) {
                 const existingMarkers = (_a = this.fabricObject._orderedListMarkerEntities) !== null && _a !== void 0 ? _a : [];
                 const activeMarkers = [];
-                _.each(this.fabricObject._textLines, (textLine, lineIndex) => {
+                each(this.fabricObject._textLines, (textLine, lineIndex) => {
                     if (textLine.length) {
                         // Start of real lines will have offset 0 in styleMap
                         const styleMap = this.fabricObject._styleMap[lineIndex];
@@ -2402,7 +2402,7 @@ class Text extends AbstractCanvasObject {
                 let canvasDirty = false;
                 if (canvas) {
                     canvas.renderOnAddRemove = false;
-                    _.each(activeMarkers, (marker) => {
+                    each(activeMarkers, (marker) => {
                         if (!marker)
                             return;
                         if (!canvas.contains(marker)) {
@@ -2410,7 +2410,7 @@ class Text extends AbstractCanvasObject {
                             canvasDirty = true;
                         }
                     });
-                    _.each(existingMarkers, (marker, key) => {
+                    each(existingMarkers, (marker, key) => {
                         if (!marker)
                             return;
                         if (!activeMarkers[key]) {

package/dist/interactive-canvas.js

@@ -2049,11 +2049,12 @@ class Text extends AbstractCanvasObject {
      */
     setFontSize(fontSize) {
         if (this.hasTextSelection()) {
-            this.fabricObject.setSelectionStyles({ fontSize });
+            this.fabricObject.setSelectionStyles({ fontSize: fontSize });
         }
         else {
             this.fabricObject.set({ fontSize: fontSize });
         }
+        this.fabricObject.dirty = true;
         this.redraw();
         this.updateTextSelection();
     }
@@ -2164,11 +2165,10 @@ class Text extends AbstractCanvasObject {
         if (!this.isOrderedList())
             return 0;
         const orderedListMarkerEntities = this.fabricObject._orderedListMarkerEntities;
-        let max = _(orderedListMarkerEntities)
+        let maxValue = _.max((orderedListMarkerEntities !== null && orderedListMarkerEntities !== void 0 ? orderedListMarkerEntities : [])
             .filter((x) => !!x)
-            .map((x) => x.getBoundingRect().width)
-            .max();
-        return max ? (max * 1.2) : 0;
+            .map((x) => x.getBoundingRect().width));
+        return maxValue ? (maxValue * 1.2) : 0;
     }
     /**
      * @override

package/package.json

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