fabric-vectr 6.7.3 → 6.7.5

package/dist/index.js

@@ -366,7 +366,7 @@
   }
   const cache = new Cache();
 
-  var version = "6.7.3";
+  var version = "6.7.5";
 
   // use this syntax so babel plugin see this import here
   const VERSION = version;
@@ -9549,6 +9549,47 @@
      */
     constructor(options) {
       super();
+      /**
+       * The object's controls' position in viewport coordinates
+       * Calculated by {@link Control#positionHandler} and {@link Control#calcCornerCoords}, depending on {@link padding}.
+       * `corner/touchCorner` describe the 4 points forming the interactive area of the corner.
+       * Used to draw and locate controls.
+       */
+      /**
+       * keeps the value of the last hovered corner during mouse move.
+       * 0 is no corner, or 'mt', 'ml', 'mtr' etc..
+       * It should be private, but there is no harm in using it as
+       * a read-only property.
+       * this isn't cleaned automatically. Non selected objects may have wrong values
+       * @type [string]
+       */
+      /**
+       * a map of control visibility for this object.
+       * this was left when controls were introduced to not break the api too much
+       * this takes priority over the generic control visibility
+       */
+      /**
+       * holds the controls for the object.
+       * controls are added by default_controls.js
+       */
+      /**
+       * internal boolean to signal the code that the object is
+       * part of the move action.
+       */
+      /**
+       * A boolean used from the gesture module to keep tracking of a scaling
+       * action when there is no scaling transform in place.
+       * This is an edge case and is used twice in all codebase.
+       * Probably added to keep track of some performance issues
+       * @TODO use git blame to investigate why it was added
+       * DON'T USE IT. WE WILL TRY TO REMOVE IT
+       */
+      /**
+       * When set to `true`, object's group should not cache
+       * @type Boolean
+       * @default false
+       */
+      _defineProperty(this, "preventGroupCache", void 0);
       Object.assign(this, this.constructor.createControls(), InteractiveFabricObject.ownDefaults);
       this.setOptions(options);
     }
@@ -10042,41 +10083,6 @@
       // for subclasses
     }
   }
-  /**
-   * The object's controls' position in viewport coordinates
-   * Calculated by {@link Control#positionHandler} and {@link Control#calcCornerCoords}, depending on {@link padding}.
-   * `corner/touchCorner` describe the 4 points forming the interactive area of the corner.
-   * Used to draw and locate controls.
-   */
-  /**
-   * keeps the value of the last hovered corner during mouse move.
-   * 0 is no corner, or 'mt', 'ml', 'mtr' etc..
-   * It should be private, but there is no harm in using it as
-   * a read-only property.
-   * this isn't cleaned automatically. Non selected objects may have wrong values
-   * @type [string]
-   */
-  /**
-   * a map of control visibility for this object.
-   * this was left when controls were introduced to not break the api too much
-   * this takes priority over the generic control visibility
-   */
-  /**
-   * holds the controls for the object.
-   * controls are added by default_controls.js
-   */
-  /**
-   * internal boolean to signal the code that the object is
-   * part of the move action.
-   */
-  /**
-   * A boolean used from the gesture module to keep tracking of a scaling
-   * action when there is no scaling transform in place.
-   * This is an edge case and is used twice in all codebase.
-   * Probably added to keep track of some performance issues
-   * @TODO use git blame to investigate why it was added
-   * DON'T USE IT. WE WILL TRY TO REMOVE IT
-   */
   _defineProperty(InteractiveFabricObject, "ownDefaults", interactiveObjectDefaultValues);
 
   /***
@@ -12074,7 +12080,7 @@
       const ownCache = FabricObject.prototype.shouldCache.call(this);
       if (ownCache) {
         for (let i = 0; i < this._objects.length; i++) {
-          if (this._objects[i].willDrawShadow()) {
+          if (this._objects[i].willDrawShadow() || this._objects[i].preventGroupCache) {
             this.ownCaching = false;
             return false;
           }
@@ -13724,11 +13730,11 @@
        */
       _defineProperty(this, "isolatedObject", void 0);
       /**
-       * Specified search objects
+       * Fixed search objects
        * @type Boolean
        * @default null
        */
-      _defineProperty(this, "_searchTargets", void 0);
+      _defineProperty(this, "_fixedSearchTargets", void 0);
       /**
        * Keep track of the subTargets for Mouse Events, ordered bottom up from innermost nested subTarget
        * @type FabricObject[]
@@ -14171,8 +14177,8 @@
      * Manually set the search object
      * @param objects
      */
-    setSearchTargets(objects) {
-      this._searchTargets = objects;
+    setFixedSearchTargets(objects) {
+      this._fixedSearchTargets = objects;
     }
 
     /**
@@ -14180,7 +14186,7 @@
      * @returns
      */
     getSearchTargets() {
-      return this._searchTargets || (this.isolatedObject ? this.isolatedObject._objects : this._objects);
+      return this._fixedSearchTargets || (this.isolatedObject ? this.isolatedObject._objects : this._objects);
     }
 
     /**
@@ -14198,7 +14204,7 @@
         activeObject = this._activeObject,
         aObjects = this.getActiveObjects();
       this.targets = [];
-      if (activeObject && aObjects.length >= 1) {
+      if (activeObject && aObjects.length >= 1 && !this._fixedSearchTargets) {
         if (activeObject.findControl(pointer, isTouchEvent(e))) {
           // if we hit the corner of the active object, let's return that.
           return activeObject;
@@ -15690,7 +15696,7 @@
      * @returns
      */
     switchIsolateObject(e) {
-      if (!this.isolatedObject || this._searchTargets) return false;
+      if (!this.isolatedObject || this._fixedSearchTargets) return false;
       let isolatedObject = null;
       if (this.isolatedObject.parent) {
         const parents = [];
@@ -15701,12 +15707,12 @@
         }
         // check topmost parent, if it was clicked, find the nearest child object to isolate
         const topmostParent = parents[parents.length - 1];
-        this.setSearchTargets([topmostParent]);
+        this.setFixedSearchTargets([topmostParent]);
         let target = this.findTarget(e);
         // parent was clicked
         if (target) {
           parents.some(parent => {
-            this.setSearchTargets(parent.getObjects());
+            this.setFixedSearchTargets(parent.getObjects());
             target = this.findTarget(e);
             if (target) {
               isolatedObject = parent;
@@ -15719,7 +15725,7 @@
             return false;
           });
         }
-        this.setSearchTargets(null);
+        this.setFixedSearchTargets(null);
       }
       this.isolatedObject = isolatedObject;
       // use __onMouseDown select other object immediately after unlocking
@@ -19819,8 +19825,8 @@
     _getCacheCanvasDimensions() {
       const dims = super._getCacheCanvasDimensions();
       const fontSize = this.fontSize;
-      dims.width += fontSize * dims.zoomX;
-      dims.height += fontSize * dims.zoomY;
+      dims.width += fontSize * dims.zoomX * 2;
+      dims.height += fontSize * dims.zoomY * 2;
       return dims;
     }
 
@@ -23789,6 +23795,7 @@
         // clear cache and re-calculate height
         this.height = this.calcTextHeight();
       }
+      this.preventGroupCache = this.path ? true : false;
     }
 
     /**