@threedddplus/logoeditor 0.0.114-1 → 0.0.115

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3043,7 +3043,7 @@ var fabricSlice = function fabricSlice(set, get) {
3043
3043
  }
3044
3044
  });
3045
3045
  var canvas = use3dddPlus.getState().popupCanv;
3046
- var gridSize = 15; // Size of each grid cell
3046
+ var gridSize = 83; // Size of each grid cell
3047
3047
  var canvasWidth = canvas.width;
3048
3048
  var canvasHeight = canvas.height;
3049
3049
  var numCols = Math.ceil(canvasWidth / gridSize);
@@ -3998,6 +3998,9 @@ var converterSlice = function converterSlice(set, get) {
3998
3998
  }
3999
3999
  //@ts-ignore
4000
4000
  var objImage = loadedObject == null ? void 0 : loadedObject._objects;
4001
+ if (!objImage) {
4002
+ objImage = [loadedObject];
4003
+ }
4001
4004
  var _Fills = [];
4002
4005
  var fillCounts = {};
4003
4006
  var colorObjects = {};
@@ -4105,7 +4108,7 @@ var converterSlice = function converterSlice(set, get) {
4105
4108
  //@ts-ignore
4106
4109
  setControlVisible: false
4107
4110
  });
4108
- loadedObject.id = use3dddPlus.getState().guid();
4111
+ // loadedObject.id = use3dddPlus.getState().guid();
4109
4112
  // loadedObject = new fabric.Group(objImage, options);
4110
4113
  (_use3dddPlus$getState = use3dddPlus.getState().popupCanv) == null ? void 0 : _use3dddPlus$getState.clear();
4111
4114
  // use3dddPlus
@@ -4127,7 +4130,7 @@ var converterSlice = function converterSlice(set, get) {
4127
4130
  // }
4128
4131
  // );
4129
4132
  // const canvas = use3dddPlus.getState().popupCanv;
4130
- var gridSize = 15; // Size of each grid cell
4133
+ var gridSize = 83; // Size of each grid cell
4131
4134
  // var canvasWidth = canvas.width;
4132
4135
  // var canvasHeight = canvas.height;
4133
4136
  var numCols = Math.ceil(canvasWidth / gridSize);
@@ -4245,47 +4248,6 @@ var converterSlice = function converterSlice(set, get) {
4245
4248
  });
4246
4249
  },
4247
4250
  processImage: processImage,
4248
- // return new Promise((resolve, reject) => {
4249
- // if (data) {
4250
- // const reader = new FileReader();
4251
- // reader.onload = async () => {
4252
- // const buffer = reader.result;
4253
- // try {
4254
- // const _B = await get().convertPdfToImages(buffer);
4255
- // resolve(_B);
4256
- // } catch (error) {
4257
- // reject(error);
4258
- // }
4259
- // };
4260
- // reader.readAsArrayBuffer(data);
4261
- // } else {
4262
- // reject(new Error('No data provided.'));
4263
- // }
4264
- // });
4265
- // },
4266
- // convertPdfToImages: async (buffer) => {
4267
- // const pdf = await pdfjsLib.getDocument({ data: new Uint8Array(buffer) })
4268
- // .promise;
4269
- // const scale = 2;
4270
- // for (let pageNum = 1; pageNum <= pdf.numPages; pageNum++) {
4271
- // const page = await pdf.getPage(pageNum);
4272
- // const viewport = page.getViewport({ scale });
4273
- // const canvasEl = document.createElement('canvas');
4274
- // canvasEl.width = viewport.width;
4275
- // canvasEl.height = viewport.height;
4276
- // const context = canvasEl.getContext('2d');
4277
- // await page.render({
4278
- // canvasContext: context,
4279
- // viewport,
4280
- // background: 'rgba(0,0,0,0)',
4281
- // }).promise;
4282
- // // let objectURL = URL.createObjectURL(canvasEl);
4283
- // const imageUrl = canvasEl.toDataURL();
4284
- // return imageUrl;
4285
- // // svgConverter(imageUrl);
4286
- // /* */
4287
- // }
4288
- // },
4289
4251
  tiffConvert: function () {
4290
4252
  var _tiffConvert = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
4291
4253
  var tiffParser, canvasEl, arrayBuffer, tiffCanvas, imageUrl;
@@ -4439,27 +4401,6 @@ var converterSlice = function converterSlice(set, get) {
4439
4401
  changeSVGColor: function changeSVGColor(property, color) {
4440
4402
  use3dddPlus.getState().popUpCanvasUpdateModification(true);
4441
4403
  var fillColor = _extends({}, use3dddPlus.getState().colorFill);
4442
- // const previousColor = fillColor[property];
4443
- //const SelectedObjet = use3dddPlus.getState().activeSelection;
4444
- // console.log("Color_CHANGING--->",SelectedObjet.colorFill);
4445
- // let _newObj = SelectedObjet.colorFill;
4446
- /* Object.entries(_newObj).forEach(([key, value]) => {
4447
- if(`${value}` === previousColor){
4448
- console.log(`${key}: ${value}` , previousColor);
4449
- _newObj[`${key}`] = color;
4450
- }
4451
- // console.log(`${key}: ${value}`)
4452
- });*/
4453
- // const sel = new fabric.ActiveSelection(popupCanvas.getObjects(), {
4454
- // popupCanvas: popupCanvas,
4455
- // });
4456
- // popupCanvas.setActiveObject(sel);
4457
- // popupCanvas.requestRenderAll();
4458
- // let objImage = SelectedObjet._objects;if(use3dddPlus.getState().popupCanv.getActiveObject()){
4459
- // if(use3dddPlus.getState().popupCanv.getActiveObject()){
4460
- // let objImage = use3dddPlus
4461
- // .getState()
4462
- // .popupCanv.getActiveObject()._objects;
4463
4404
  if (use3dddPlus.getState().loadedObject) {
4464
4405
  // let objImage1 = use3dddPlus.getState().popupCanv.getObjects();
4465
4406
  var objImage = use3dddPlus.getState().popupCanv.getObjects();
@@ -6946,7 +6887,7 @@ var PopUpCanvas = function PopUpCanvas() {
6946
6887
  }
6947
6888
  });
6948
6889
  var canvas = use3dddPlus.getState().popupCanv;
6949
- var gridSize = 15; // Size of each grid cell
6890
+ var gridSize = 83; // Size of each grid cell
6950
6891
  var canvasWidth = canvas.width;
6951
6892
  var canvasHeight = canvas.height;
6952
6893
  var numCols = Math.ceil(canvasWidth / gridSize);
@@ -7165,7 +7106,7 @@ var PopUpCanvas = function PopUpCanvas() {
7165
7106
  className: "border border-[#E11A38] p-1 bg-white mr-2 text-[#E11A38] "
7166
7107
  }, React.createElement(EyeDropper, null)), React.createElement("span", {
7167
7108
  className: "text-[#E11A38] text-[13px] font-bold "
7168
- }, "Use the eyedropper tool do clicking on a color you wish to remove from you image")))), React.createElement("div", {
7109
+ }, "Use the eyedropper tool by clicking on a color you wish to remove from your image.")))), React.createElement("div", {
7169
7110
  className: "text-left flex-1 h-[100%] px-[25px] pt-[31px] pb-[5px] w-[30%]"
7170
7111
  }, React.createElement("div", {
7171
7112
  className: "flex flex-col gap-y-3 h-full"
@@ -9257,7 +9198,7 @@ var Properties = function Properties(_ref2) {
9257
9198
  _context5.next = 42;
9258
9199
  break;
9259
9200
  }
9260
- if (!(textSelected.text && textSelected.text.trim() === '')) {
9201
+ if (!(textSelected.text == '' || textSelected.text.trim() == '')) {
9261
9202
  _context5.next = 27;
9262
9203
  break;
9263
9204
  }
@@ -9324,7 +9265,7 @@ var Properties = function Properties(_ref2) {
9324
9265
  return _context5.abrupt("return");
9325
9266
  case 48:
9326
9267
  _context5.t0 = shapeType;
9327
- _context5.next = _context5.t0 === 'None' ? 51 : _context5.t0 === 'Arc' ? 75 : _context5.t0 === 'Bridge' ? 79 : _context5.t0 === 'Bowtie' ? 84 : _context5.t0 === 'Vertical Arch' ? 89 : _context5.t0 === 'Reverse Vertical Arch' ? 93 : 97;
9268
+ _context5.next = _context5.t0 === 'None' ? 51 : _context5.t0 === 'Arc' ? 76 : _context5.t0 === 'Bridge' ? 80 : _context5.t0 === 'Bowtie' ? 85 : _context5.t0 === 'Vertical Arch' ? 90 : _context5.t0 === 'Reverse Vertical Arch' ? 94 : 98;
9328
9269
  break;
9329
9270
  case 51:
9330
9271
  setShapeSizeVal(0);
@@ -9355,13 +9296,15 @@ var Properties = function Properties(_ref2) {
9355
9296
  colorFill: textSelected.colorFill,
9356
9297
  fontWeight: fontWeight
9357
9298
  });
9358
- _text.left = textSelected.left;
9359
- _text.top = textSelected.top;
9360
9299
  _text.scaleX = textSelected.scaleX * (textSelected.width / _text.width);
9361
9300
  _text.scaleY = textSelected.scaleY * (textSelected.width / _text.width);
9362
9301
  window['textObj'] = _text;
9363
9302
  _text.setCoords();
9364
9303
  _text.id = textSelected.id;
9304
+ // set rotation angle & position
9305
+ _text.rotate(textSelected.angle);
9306
+ _text.left = textSelected.left;
9307
+ _text.top = textSelected.top;
9365
9308
  // delete the active text object
9366
9309
  canvas.remove(textSelected);
9367
9310
  textSelected._removeCacheCanvas();
@@ -9384,15 +9327,15 @@ var Properties = function Properties(_ref2) {
9384
9327
  canvas.renderAll();
9385
9328
  // cancel performing further functions & return back from function
9386
9329
  return _context5.abrupt("return");
9387
- case 75:
9330
+ case 76:
9388
9331
  setShapeSizeVal(50);
9389
9332
  textSelected.shapeType = 'Arc';
9390
9333
  p.warp({
9391
9334
  type: 'WARP_ARC',
9392
9335
  bend: 50 / 100
9393
9336
  });
9394
- return _context5.abrupt("break", 98);
9395
- case 79:
9337
+ return _context5.abrupt("break", 99);
9338
+ case 80:
9396
9339
  setShapeSizeVal(-25);
9397
9340
  bridgeShapeChange();
9398
9341
  textSelected.shapeType = 'Bridge';
@@ -9400,8 +9343,8 @@ var Properties = function Properties(_ref2) {
9400
9343
  type: 'WARP_ARC_LOWER',
9401
9344
  bend: bridgeshapeBendSize / 100 || 0
9402
9345
  });
9403
- return _context5.abrupt("break", 98);
9404
- case 84:
9346
+ return _context5.abrupt("break", 99);
9347
+ case 85:
9405
9348
  setShapeSizeVal(-12);
9406
9349
  bridgeShapeChange();
9407
9350
  textSelected.shapeType = 'Bowtie';
@@ -9409,26 +9352,26 @@ var Properties = function Properties(_ref2) {
9409
9352
  type: 'WARP_BULGE',
9410
9353
  bend: bowtieshapeBendSize / 100 || 0
9411
9354
  });
9412
- return _context5.abrupt("break", 98);
9413
- case 89:
9355
+ return _context5.abrupt("break", 99);
9356
+ case 90:
9414
9357
  setShapeSizeVal(35);
9415
9358
  textSelected.shapeType = 'Vertical Arch';
9416
9359
  p.warp({
9417
9360
  type: 'WARP_ARCH',
9418
9361
  bend: 35 / 100
9419
9362
  });
9420
- return _context5.abrupt("break", 98);
9421
- case 93:
9363
+ return _context5.abrupt("break", 99);
9364
+ case 94:
9422
9365
  setShapeSizeVal(-35);
9423
9366
  textSelected.shapeType = 'Reverse Vertical Arch';
9424
9367
  p.warp({
9425
9368
  type: 'WARP_ARCH',
9426
9369
  bend: -35 / 100
9427
9370
  });
9428
- return _context5.abrupt("break", 98);
9429
- case 97:
9430
- return _context5.abrupt("break", 98);
9371
+ return _context5.abrupt("break", 99);
9431
9372
  case 98:
9373
+ return _context5.abrupt("break", 99);
9374
+ case 99:
9432
9375
  // take out the update path with shape type deformation
9433
9376
  fabricPath = new fabric.Path(p.output());
9434
9377
  textSelected['pathData'] = pathData;
@@ -9455,8 +9398,6 @@ var Properties = function Properties(_ref2) {
9455
9398
  fabricPath['id'] = textSelected.id;
9456
9399
  //@ts-ignore
9457
9400
  dims = fabricPath._calcDimensions(); // Set the same position scale matching with existing text
9458
- fabricPath.left = textSelected.left;
9459
- fabricPath.top = textSelected.top;
9460
9401
  fabricPath.width = textSelected.width;
9461
9402
  fabricPath.height = textSelected.height;
9462
9403
  fabricPath.scaleX = textSelected.scaleX * (textSelected.width / dims.width);
@@ -9464,8 +9405,10 @@ var Properties = function Properties(_ref2) {
9464
9405
  fabricPath.setCoords();
9465
9406
  fabricPath.width = dims.width;
9466
9407
  fabricPath.height = dims.height;
9467
- // var sel = new fabric.ActiveSelection(fabricPath, { canvas: canvas });
9468
- // canvas.setActiveObject(sel).requestRenderAll();
9408
+ // set rotation angle & position
9409
+ fabricPath.rotate(textSelected.angle);
9410
+ fabricPath.left = textSelected.left;
9411
+ fabricPath.top = textSelected.top;
9469
9412
  // delete the text object
9470
9413
  canvas.remove(textSelected);
9471
9414
  // set active object as path text
@@ -9497,8 +9440,6 @@ var Properties = function Properties(_ref2) {
9497
9440
  newTextPath['fontStyle'] = textSelected.fontStyle;
9498
9441
  newTextPath['text'] = textSelected.text;
9499
9442
  // set same position & scale
9500
- newTextPath['left'] = textSelected.left;
9501
- newTextPath['top'] = textSelected.top;
9502
9443
  newTextPath['width'] = textSelected.width;
9503
9444
  newTextPath['height'] = textSelected.height;
9504
9445
  //@ts-ignore
@@ -9506,6 +9447,10 @@ var Properties = function Properties(_ref2) {
9506
9447
  newTextPath['scaleX'] = textSelected.scaleX * (textSelected.width / _dims.width);
9507
9448
  newTextPath['scaleY'] = textSelected.scaleY * (textSelected.width / _dims.width);
9508
9449
  newTextPath['id'] = textSelected.id;
9450
+ // set rotation angle & position
9451
+ newTextPath.rotate(textSelected.angle);
9452
+ newTextPath['left'] = textSelected.left;
9453
+ newTextPath['top'] = textSelected.top;
9509
9454
  // delete the active text object
9510
9455
  activeObj = canvas.getActiveObject();
9511
9456
  canvas.remove(activeObj);
@@ -9528,7 +9473,7 @@ var Properties = function Properties(_ref2) {
9528
9473
  }
9529
9474
  canvas.renderAll();
9530
9475
  reduceFontSize();
9531
- case 103:
9476
+ case 104:
9532
9477
  case "end":
9533
9478
  return _context5.stop();
9534
9479
  }