react-design-editor 0.0.55 → 0.0.56

package/dist/react-design-editor.js

@@ -198269,35 +198269,41 @@ var gifler = __webpack_require__(1135);
 // CONCATENATED MODULE: ./src/canvas/objects/Gif.ts
 
 
-var Gif = fabric["fabric"].util.createClass(fabric["fabric"].Object, {
+var Gif = fabric["fabric"].util.createClass(fabric["fabric"].Image, {
   type: 'gif',
   superType: 'image',
   gifCanvas: null,
+  gifler: undefined,
   isStarted: false,
   initialize: function initialize(options) {
     options = options || {};
-    this.callSuper('initialize', options);
     this.gifCanvas = document.createElement('canvas');
+    this.callSuper('initialize', this.gifCanvas, options);
   },
   drawFrame: function drawFrame(ctx, frame) {
+    var _this$canvas;
+
     // update canvas size
     this.gifCanvas.width = frame.width;
     this.gifCanvas.height = frame.height; // update canvas that we are using for fabric.js
 
-    ctx.drawImage(frame.buffer, -frame.width / 2, -frame.height / 2, frame.width, frame.height);
+    ctx.drawImage(frame.buffer, 0, 0);
+    (_this$canvas = this.canvas) === null || _this$canvas === void 0 ? void 0 : _this$canvas.renderAll();
   },
   _render: function _render(ctx) {
     var _this = this;
 
     this.callSuper('_render', ctx);
+    this.dirty = true;
 
     if (!this.isStarted) {
       this.isStarted = true;
-      window // @ts-ignore
-      .gifler('./images/sample/earth.gif').frames(this.gifCanvas, function (_c, frame) {
+      this.gifler = window // @ts-ignore
+      .gifler('https://themadcreator.github.io/gifler/assets/gif/nyan.gif') // .gifler('./images/sample/earth.gif')
+      .frames(this.gifCanvas, function (context, frame) {
         _this.isStarted = true;
 
-        _this.drawFrame(ctx, frame);
+        _this.drawFrame(context, frame);
       });
     }
   }
@@ -198561,8 +198567,8 @@ var Svg = fabric["fabric"].util.createClass(fabric["fabric"].Group, {
     }
 
     this.set({
-      fill: options.fill || 'rgba(0, 0, 0, 1)',
-      stroke: options.stroke || 'rgba(255, 255, 255, 0)'
+      fill: options.fill,
+      stroke: options.stroke
     });
     this.setCoords();
 
@@ -202201,7 +202207,7 @@ var Handler_Handler = /*#__PURE__*/function () {
             return _this.canvas.renderAll();
           }, {
             dirty: true,
-            crossOrigin: "anonymous"
+            crossOrigin: 'anonymous'
           }));
         }
       });