@threedddplus/logoeditor 0.0.50 → 0.0.51

package/dist/logoeditor.esm.js

@@ -2293,6 +2293,7 @@ var fabricSlice = function fabricSlice(set, get) {
     nameCounter: 0,
     duplicateObject: function duplicateObject() {
       if (get().fabricCanvas.getActiveObject()) {
+        var activeObj = get().fabricCanvas.getActiveObject();
         var clipboard;
         get().fabricCanvas.getActiveObject().clone(function (cloned) {
           clipboard = cloned;
@@ -2304,11 +2305,13 @@ var fabricSlice = function fabricSlice(set, get) {
           });
           if (clonedObj.type === 'activeSelection') {
             clonedObj.canvas = get().fabricCanvas;
-            clonedObj.forEachObject(function (obj) {
+            clonedObj.forEachObject(function (obj, index) {
+              obj.colorFill = activeObj._objects[index].colorFill;
               get().fabricCanvas.add(obj);
             });
             clonedObj.setCoords();
           } else {
+            clonedObj.colorFill = activeObj.colorFill;
             get().fabricCanvas.add(clonedObj);
           }
           clipboard.top += 20;
@@ -2327,10 +2330,6 @@ var fabricSlice = function fabricSlice(set, get) {
               data.icon = data.toDataURL('image/png');
               get().forStoringAllObject(data);
             });
-          } else if (clonedObj._objects && clipboard._objects.length > 0) {
-            use3dddPlus.getState().forIconCapture();
-            clonedObj._objects[0].icon = use3dddPlus.getState().iconImage;
-            get().forStoringAllObject(clonedObj._objects[0]);
           } else {
             use3dddPlus.getState().forIconCapture();
             clonedObj.icon = use3dddPlus.getState().iconImage;
@@ -3531,7 +3530,7 @@ var converterSlice = function converterSlice(set, get) {
       //  .getState()
       //  .popupCanv.getActiveObject()._objects;
       if (use3dddPlus.getState().loadedObject) {
-        var objImage = use3dddPlus.getState().loadedObject;
+        var objImage = use3dddPlus.getState().popupCanv.getObjects();
         objImage.forEach(function (ele) {
           var _C = ele.fill === 'transparent' ? ele.fill : ele.fill.includes('#') ? ele.fill : get().RGBToHex(ele.fill);
           if (_C === previousColor) {
@@ -5113,7 +5112,7 @@ var ToolTip = function ToolTip(_ref) {
     placement: 'top'
   });
   return React.createElement(React.Fragment, null, React.createElement(TooltipReference, Object.assign({}, tooltip, {
-    className: className + "  flex relative items-center justify-center align-middle w-auto text-sm font-semibold h-5 first:rounded-l last:rounded-r focus:outline-none",
+    className: className + "  flex relative items-center justify-center align-middle w-auto text-sm font-semibold first:rounded-l last:rounded-r focus:outline-none",
     "aria-label": label
   }), children),
   //@ts-ignore
@@ -5230,7 +5229,19 @@ var ColorImpl = function ColorImpl(props) {
     setColor(color);
     props.handleChange(props.property, color);
   };
-  return React.createElement(React.Fragment, null, React.createElement("div", {
+  var getLable = function getLable(colorCode) {
+    var color = defaultColorNames.find(function (c) {
+      return colorCode === c.color;
+    });
+    if (color && color.name) {
+      return color.name;
+    } else {
+      return colorCode;
+    }
+  };
+  return React.createElement(ToolTip, {
+    label: getLable(props.color)
+  }, React.createElement("div", {
     className: props.mClass
   }, React.createElement("div", {
     className: "border border-gray-600 w-[30px] h-[30px] group",
@@ -5781,13 +5792,14 @@ var PopUpCanvas = function PopUpCanvas() {
     return React.createElement("div", {
       className: "flex flex-row items-center",
       key: index
+    }, React.createElement(ToolTip, {
+      label: item["default"]
     }, React.createElement("div", {
       className: "w-[30px] h-[30px] m-2 border-[1px] border-[#000000]",
       style: {
         background: item["default"]
-      },
-      title: item["default"]
-    }), React.createElement("div", {
+      }
+    })), React.createElement("div", {
       className: "mx-[20px]  text-[#c2c2c2]"
     }, React.createElement(CgArrowRight, null)), React.createElement("div", {
       className: "flex flex-row border-[1px] border-[#D6D6D6]"