@postermywall/fabricjs-2 6.0.0-pmw-1 → 6.0.0-pmw-3

package/dist/index.js

@@ -125,6 +125,16 @@
        * @default
        */
       _defineProperty(this, "perfLimitSizeTotal", 2097152);
+      /**
+       * *PMW* added property to disable the drag group selection.
+       * @default
+       */
+      _defineProperty(this, "disableGroupSelector", void 0);
+      /**
+       * *PMW* added variable to mark when canvas is being two-finger panned.
+       * @type Boolean
+       */
+      _defineProperty(this, "isCanvasTwoFingerPanning", void 0);
       /**
        * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000
        * @since 1.7.14
@@ -423,7 +433,7 @@
   }
   const cache = new Cache();
 
-  var version = "6.0.0-pmw-1";
+  var version = "6.0.0-pmw-3";
 
   // use this syntax so babel plugin see this import here
   const VERSION = version;
@@ -4006,10 +4016,20 @@
      */
     _setSVGObjects(markup, reviver) {
       this.forEachObject(fabricObject => {
+        // *PMW*: Attaching pmw id
+        const uid = fabricObject.__PMWID;
         if (fabricObject.excludeFromExport) {
           return;
         }
+        // *PMW*
+        if (uid) {
+          markup.push("<g id=\"".concat(uid, "\">\n"));
+        }
         this._setSVGObject(markup, fabricObject, reviver);
+        // *PMW*
+        if (uid) {
+          markup.push("</g id=\"".concat(uid, "\">\n"));
+        }
       });
     }
 
@@ -7001,6 +7021,7 @@
      */
     constructor(options) {
       super();
+      _defineProperty(this, "__PMWID", '');
       /**
        * Quick access for the _cacheCanvas rendering context
        * This is part of the objectCaching feature
@@ -7010,6 +7031,18 @@
        * @private
        */
       _defineProperty(this, "_cacheContext", null);
+      /**
+       * *PMW* new property
+       * PosterMyWall property for the default text of the button.
+       * @default
+       */
+      _defineProperty(this, "pmwBmBtnText", '');
+      /**
+       * *PMW* new property
+       * An svg of the icon place in the pmw bottom-middle button
+       * @default
+       */
+      _defineProperty(this, "pmwBmBtnIcon", '');
       Object.assign(this, FabricObject.ownDefaults);
       this.setOptions(options);
     }
@@ -8368,6 +8401,12 @@
        * @default true
        */
       _defineProperty(this, "visible", true);
+      /**
+       * *PMW* added to use in cursor styling
+       * Whether the control is disabled or not
+       * @default false
+       */
+      _defineProperty(this, "disabled", false);
       /**
        * Name of the action that the control will likely execute.
        * This is optional. FabricJS uses to identify what the user is doing for some
@@ -9455,6 +9494,9 @@
      */
     _renderControls(ctx) {
       let styleOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      if (config.isCanvasTwoFingerPanning) {
+        return;
+      }
       const {
         hasBorders,
         hasControls
@@ -13420,7 +13462,8 @@
      * @return {Boolean}
      */
     isTargetTransparent(target, x, y) {
-      const tolerance = this.targetFindTolerance;
+      // *PMW* Using item find tolerance instead of canvas
+      const tolerance = target.targetFindTolerance;
       const ctx = this.pixelFindContext;
       this.clearContext(ctx);
       ctx.save();
@@ -15009,6 +15052,9 @@
       } else if (!isClick && !((_this$_activeObject = this._activeObject) !== null && _this$_activeObject !== void 0 && _this$_activeObject.isEditing)) {
         this.renderTop();
       }
+      if (config.isCanvasTwoFingerPanning) {
+        config.isCanvasTwoFingerPanning = false;
+      }
     }
     _basicEventHandler(eventType, options) {
       const {
@@ -15115,6 +15161,10 @@
      * @param {Event} e Event object fired on mousedown
      */
     __onMouseDown(e) {
+      // *PMW* added condition. Skip the object transformation while the canvas is being two-finger panned.
+      if ('touches' in e && e.touches.length === 2 || config.isCanvasTwoFingerPanning) {
+        return;
+      }
       this._isClick = true;
       this._cacheTransformEventData(e);
       this._handleEvent(e, 'down:before');
@@ -15157,7 +15207,7 @@
       // target is not selectable ( otherwise we selected it )
       // target is not editing
       // target is not already selected ( otherwise we drag )
-      if (this.selection && (!target || !target.selectable && !target.isEditing && target !== this._activeObject)) {
+      if (this.selection && !config.disableGroupSelector && (!target || !target.selectable && !target.isEditing && target !== this._activeObject)) {
         const p = this.getScenePoint(e);
         this._groupSelector = {
           x: p.x,