@threedddplus/logoeditor 0.0.143 → 0.0.144

package/dist/logoeditor.esm.js

@@ -2796,22 +2796,41 @@ var fabricSlice = function fabricSlice(set, get) {
       get().fabricCanvas.renderAll();
     },
     applyColorFill: function applyColorFill() {
-      var canvasData = get().fabricCanvas.toJSON(['id', 'colorFill']);
-      var canvasGetobject = get().fabricCanvas.getObjects();
-      canvasData.objects.forEach(function (element, index) {
-        if (canvasGetobject && canvasGetobject.length > 0 && canvasGetobject[index].shapeType) {
-          element.shapeType = canvasGetobject[index].shapeType;
-          element.shapeSize = canvasGetobject[index].shapeSize;
-          element.text = canvasGetobject[index].text;
-          element.textAlign = canvasGetobject[index].textAlign;
-          element.stroke = canvasGetobject[index].stroke;
-          element.strokeWidth = canvasGetobject[index].strokeWidth;
-          element.fontFamily = canvasGetobject[index].fontFamily;
-        }
-        element.colorFill = canvasGetobject[index].colorFill;
-        element.icon = canvasGetobject[index].icon;
-        element.id = canvasGetobject[index].id;
-      });
+      /*  const canvasGetobject = get().fabricCanvas.getObjects();
+        canvasGetobject.forEach((element: any) => {
+          element?._objects?.forEach((data:any)=>{
+            if( data.group)return;
+            else if(data.fill === undefined){
+              get().popupCanv.remove(data);
+              //  get().fabricCanvas.group.remove(data);
+              // data.canvas.remove(data);
+            }
+            console.log(data);
+          })
+        }) */
+      var canvasData = get().fabricCanvas.toJSON(['id', 'colorFill', 'shapeType', 'shapeSize', 'text', 'textAlign', 'stroke', 'strokeWidth', 'fontFamily', 'icon']);
+      // const canvasGetobject = get().fabricCanvas.getObjects();
+      //  canvasData.objects.forEach((element: any, index: any) => {
+      //  if (
+      //  canvasGetobject &&
+      //canvasGetobject.length > 0 &&
+      // canvasGetobject[index].shapeType
+      //) {
+      // element.shapeType = canvasGetobject[index].shapeType;
+      // element.shapeSize = canvasGetobject[index].shapeSize;
+      // element.text = canvasGetobject[index].text;
+      // element.textAlign = canvasGetobject[index].textAlign;
+      // element.stroke = canvasGetobject[index].stroke;
+      // element.strokeWidth = canvasGetobject[index].strokeWidth;
+      // element.fontFamily = canvasGetobject[index].fontFamily;
+      //  }
+      //else if(element.colorFill === 'rgb(0,0,0)'){
+      //canvasGetobject.remove(element);
+      //}
+      // element.colorFill = canvasGetobject[index].colorFill;
+      // element.icon = canvasGetobject[index].icon;
+      // element.id = canvasGetobject[index].id;
+      //  });
       return canvasData;
     },
     setDefaultColorFill: function setDefaultColorFill(dcf) {
@@ -4755,7 +4774,6 @@ var SEARCHBAR_BORDER_COLOR = 'border-[#bebebe]';
 var CANVAS_MENU_TEXT = 'text-[#353535]';
 var TAG_BG_COLOR = 'bg-[#FCE8EB]';
 var TAG_TEXT_COLOR = 'text-[#e11a38]';
-var SAVERACK_TEXT_COLOR = 'text-[#707070]';
 var SAVEBUTTON_BG_COLOR = 'bg-[#E11A38]';
 var EDIT_DESIGN_INFO_TEXT_COLOR_1 = 'text-[#E11A38]';
 var EDIT_DESIGN_INFO_TEXT_COLOR_3 = 'text-[#353535]';
@@ -7663,22 +7681,13 @@ var Modal = function Modal(_ref) {
   var backdropStyle = _ref.backdropStyle,
     children = _ref.children,
     contentStyle = _ref.contentStyle,
-    crossOnClick = _ref.crossOnClick,
     modalStyle = _ref.modalStyle;
   return React.createElement("div", null, React.createElement("div", {
     className: backdropStyle + " absolute top-0 left-0 h-screen w-full " + BACKDROP_BLUR + " " + BACKDROP_BLUR_BG_COLOR
   }), React.createElement("dialog", {
     open: true,
     className: contentStyle + " absolute shadow-[0 2px 8px rgba(0, 0, 0, 0.26)] ml-[auto] md:mr-[0%] mr-[auto]"
-  }, React.createElement(IconButton, {
-    label: '',
-    icon: React.createElement(RxCross2, {
-      strokeWidth: 1,
-      onClick: crossOnClick
-    }),
-    className: "z-10 pointer-events-auto cursor-pointer " + SAVERACK_TEXT_COLOR + " font-bold !absolute right-[0.6875rem] top-[0.6875rem] px-[0.75rem] py-[1.25rem] hover:bg-[#E11A38] hover:text-[#ffffff] hover:rounded-none",
-    size: "1.2rem"
-  }), React.createElement("div", {
+  }, React.createElement("div", {
     className: "flex flex-col justify-center gap-[1.75rem] " + modalStyle
   }, children)));
 };
@@ -14498,6 +14507,16 @@ var SaveDesign = function SaveDesign(_ref) {
             canvasGetobject.forEach(function (obj) {
               if (obj.type === 'line') {
                 canvas.remove(obj);
+              } else {
+                var _obj$_objects;
+                obj == null ? void 0 : (_obj$_objects = obj._objects) == null ? void 0 : _obj$_objects.forEach(function (ele) {
+                  if (ele.fill === undefined) {
+                    ele.set({
+                      scaleX: 0,
+                      scaleY: 0
+                    });
+                  }
+                });
               }
             });
             // saving all path text data (text with shapes applied)
@@ -14538,7 +14557,7 @@ var SaveDesign = function SaveDesign(_ref) {
                 }
               }
             }
-            dataCh = JSON.stringify(canvasData);
+            dataCh = JSON.stringify(canvasData); // console.log('SAVE-->',dataCh);
             _context.next = 16;
             return uploadLogoConfig(dataCh, use3dddPlus.getState().customerId);
           case 16: