@leapfrog/interactive-canvas 2.0.20-beta-2 → 2.0.20-beta-3

package/dist/interactive-canvas.es.js

@@ -2476,12 +2476,8 @@ class Text extends AbstractCanvasObject {
                     text: `${lineNumber}.`
                 });
             }
-            console.log(this.fabricObject.left, "this.fabricObject.left");
-            console.log(left, "left");
             if (method === "fillText" && this.fabricObject.left <= 3) {
                 left = left + this.getOrderedListMargin();
-                console.log(this.getOrderedListMargin(), "this.getOrderedListMargin()");
-                console.log(left, "after marginleft");
             }
             this.fabricObject.dirty = true;
             originalRenderTextLine.apply(this.fabricObject, [method, ctx, Array.isArray(line) ? line : [line], left, top, lineIndex]);
@@ -3362,6 +3358,8 @@ class AbstractInteractiveCanvas {
     }
     setMultiSelect(value) {
         this.fabricCanvas.selection = value;
+        this.fabricCanvas.selectionColor = value ? "rgba(0,0,0,0.1)" : "transparent"; // Adjust selection color
+        this.fabricCanvas.selectionBorderColor = "transparent";
         this.fabricCanvas.selectionKey = value ? "shiftKey" : null;
     }
     /**
@@ -3603,7 +3601,12 @@ class AbstractInteractiveCanvas {
     }
     findObject(id) {
         //Don't use strict compare here. fabric ids are numbers while ad builder ids are strings... mostly.
-        return _.find(this.objects$.value, (object) => object.getId() == id);
+        //return _.find(this.objects$.value, (object: AbstractCanvasObject<any>) => object.getId() == id)!;
+        const foundObject = _.find(this.objects$.value, (object) => object.getId() == id);
+        if (!foundObject) {
+            throw new Error(`Object with id [${id}] not found`);
+        }
+        return foundObject;
     }
     /**
      * Reset zoom and canvas dimensions to 1:1 scale, execute a function, then return the canvas to
@@ -3684,6 +3687,7 @@ class AbstractInteractiveCanvas {
 class SelectionData {
     constructor(objects) {
         this.objects = objects;
+        console.log(objects[0], "objects");
         this.empty = this.objects.length < 1;
         const selectedObject = this.objects[0];
         this.isText = (selectedObject === null || selectedObject === void 0 ? void 0 : selectedObject.getType()) === ObjectType.TEXT

package/dist/interactive-canvas.js

@@ -2497,12 +2497,8 @@ class Text extends AbstractCanvasObject {
                     text: `${lineNumber}.`
                 });
             }
-            console.log(this.fabricObject.left, "this.fabricObject.left");
-            console.log(left, "left");
             if (method === "fillText" && this.fabricObject.left <= 3) {
                 left = left + this.getOrderedListMargin();
-                console.log(this.getOrderedListMargin(), "this.getOrderedListMargin()");
-                console.log(left, "after marginleft");
             }
             this.fabricObject.dirty = true;
             originalRenderTextLine.apply(this.fabricObject, [method, ctx, Array.isArray(line) ? line : [line], left, top, lineIndex]);
@@ -3383,6 +3379,8 @@ class AbstractInteractiveCanvas {
     }
     setMultiSelect(value) {
         this.fabricCanvas.selection = value;
+        this.fabricCanvas.selectionColor = value ? "rgba(0,0,0,0.1)" : "transparent"; // Adjust selection color
+        this.fabricCanvas.selectionBorderColor = "transparent";
         this.fabricCanvas.selectionKey = value ? "shiftKey" : null;
     }
     /**
@@ -3624,7 +3622,12 @@ class AbstractInteractiveCanvas {
     }
     findObject(id) {
         //Don't use strict compare here. fabric ids are numbers while ad builder ids are strings... mostly.
-        return _.find(this.objects$.value, (object) => object.getId() == id);
+        //return _.find(this.objects$.value, (object: AbstractCanvasObject<any>) => object.getId() == id)!;
+        const foundObject = _.find(this.objects$.value, (object) => object.getId() == id);
+        if (!foundObject) {
+            throw new Error(`Object with id [${id}] not found`);
+        }
+        return foundObject;
     }
     /**
      * Reset zoom and canvas dimensions to 1:1 scale, execute a function, then return the canvas to
@@ -3705,6 +3708,7 @@ class AbstractInteractiveCanvas {
 class SelectionData {
     constructor(objects) {
         this.objects = objects;
+        console.log(objects[0], "objects");
         this.empty = this.objects.length < 1;
         const selectedObject = this.objects[0];
         this.isText = (selectedObject === null || selectedObject === void 0 ? void 0 : selectedObject.getType()) === exports.ObjectType.TEXT

package/package.json

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