@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.
- package/dist/logoeditor.cjs.development.js +35 -90
- package/dist/logoeditor.cjs.development.js.map +1 -1
- package/dist/logoeditor.cjs.production.min.js +1 -1
- package/dist/logoeditor.cjs.production.min.js.map +1 -1
- package/dist/logoeditor.esm.js +35 -90
- package/dist/logoeditor.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/logoeditor.esm.js
CHANGED
@@ -3043,7 +3043,7 @@ var fabricSlice = function fabricSlice(set, get) {
|
|
3043
3043
|
}
|
3044
3044
|
});
|
3045
3045
|
var canvas = use3dddPlus.getState().popupCanv;
|
3046
|
-
var gridSize =
|
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 =
|
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 =
|
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
|
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
|
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' ?
|
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
|
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",
|
9395
|
-
case
|
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",
|
9404
|
-
case
|
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",
|
9413
|
-
case
|
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",
|
9421
|
-
case
|
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",
|
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
|
-
//
|
9468
|
-
|
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
|
9476
|
+
case 104:
|
9532
9477
|
case "end":
|
9533
9478
|
return _context5.stop();
|
9534
9479
|
}
|