@threedddplus/logoeditor 0.0.31 → 0.0.33

package/dist/logoeditor.esm.js

@@ -4049,9 +4049,14 @@ var initCanvas = function initCanvas() {
     //       .flat()
     //   ),
     // ];
-    var allColor = [].concat(new Set(canv == null ? void 0 : (_canv$getObjects = canv.getObjects()) == null ? void 0 : _canv$getObjects.map(function (item) {
+    var allColor = [];
+    canv == null ? void 0 : (_canv$getObjects = canv.getObjects()) == null ? void 0 : _canv$getObjects.map(function (item) {
       return item['colorFill'] && Object.values(item['colorFill']);
-    }).flat().filter(Boolean))); // FOR REMOVING ALL DUPLICATE COLOR CODES
+    }).flat().filter(Boolean).forEach(function (color) {
+      if (!allColor.includes(color)) {
+        allColor.push(color);
+      }
+    }); // FOR REMOVING ALL DUPLICATE COLOR CODES
     // const allColor =[];
     use3dddPlus.setState({
       allColor: allColor
@@ -5900,44 +5905,6 @@ var LeftMenu = function LeftMenu() {
   })));
 };
 
-var ImageEdit = function ImageEdit(_ref) {
-  var flipX = _ref.flipX,
-    flipY = _ref.flipY,
-    changeSVGTextColor = _ref.changeSVGTextColor,
-    allColor = _ref.allColor;
-  return React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "uppercase font-bold pt-[17px]"
-  }, "Color in Canvas"), React.createElement("div", {
-    className: "flex flex-wrap gap-x-[1rem] mt-[12px]"
-  }, allColor && (allColor == null ? void 0 : allColor.map(function (item) {
-    return React.createElement(ColorImpl, {
-      mClass: 'mb-[10px]',
-      key: item,
-      handleChange: changeSVGTextColor,
-      property: item,
-      color: item
-    });
-  }))), React.createElement("div", null, React.createElement("div", {
-    className: "font-bold uppercase mt-[17px]"
-  }, "Flip"), React.createElement("div", {
-    className: "flex gap-x-[1rem] mt-[12px]"
-  }, React.createElement(IconButton, {
-    key: "index",
-    label: "",
-    icon: React.createElement(FlipH, null),
-    onClick: flipX,
-    className: "!w-[45px] h-[45px] bg-[#fff] cursor-pointer border border-[#EBEBEB]",
-    size: "1.8rem"
-  }), React.createElement(IconButton, {
-    key: "index",
-    label: "",
-    onClick: flipY,
-    icon: React.createElement(FlipV, null),
-    className: "!w-[45px] h-[45px] bg-[#fff] cursor-pointer border border-[#EBEBEB]",
-    size: "1.8rem"
-  }))));
-};
-
 var css_248z$4 = ".rangeSlider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #f0f0f0;height:15px;width:100%}.rangeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#e11a38;border-radius:4px;height:31px;width:31px}.rangeSlider::-moz-range-thumb{background-color:#e11a38;border-radius:4px;height:30px;width:30px}";
 styleInject(css_248z$4);
 
@@ -6947,25 +6914,25 @@ var Rightmenu = function Rightmenu() {
     textSelected.icon = use3dddPlus.getState().iconImage;
     canvas.renderAll();
   };
-  var nudgeMove = function nudgeMove(e) {
-    if (e.target.id === 'down') {
-      if (textSelected.aCoords.br.y > canvas.height - 2) return;
-      use3dddPlus.getState().moveDown(textSelected);
-      use3dddPlus.getState().updateModifaction(true);
-    } else if (e.target.id === 'up') {
-      if (textSelected.aCoords.tr.y < 5) return;
-      use3dddPlus.getState().moveUp(textSelected);
-      use3dddPlus.getState().updateModifaction(true);
-    } else if (e.target.id === 'right') {
-      if (textSelected.aCoords.tr.x > canvas.height - 2) return;
-      use3dddPlus.getState().moveRight(textSelected);
-      use3dddPlus.getState().updateModifaction(true);
-    } else if (e.target.id === 'left') {
-      if (textSelected.aCoords.tl.x < 2) return;
-      use3dddPlus.getState().moveLeft(textSelected);
-      use3dddPlus.getState().updateModifaction(true);
-    }
-  };
+  // const nudgeMove = (e) => {
+  //   if (e.target.id === 'down') {
+  //     if (textSelected.aCoords.br.y > canvas.height - 2) return;
+  //     use3dddPlus.getState().moveDown(textSelected);
+  //     use3dddPlus.getState().updateModifaction(true);
+  //   } else if (e.target.id === 'up') {
+  //     if (textSelected.aCoords.tr.y < 5) return;
+  //     use3dddPlus.getState().moveUp(textSelected);
+  //     use3dddPlus.getState().updateModifaction(true);
+  //   } else if (e.target.id === 'right') {
+  //     if (textSelected.aCoords.tr.x > canvas.height - 2) return;
+  //     use3dddPlus.getState().moveRight(textSelected);
+  //     use3dddPlus.getState().updateModifaction(true);
+  //   } else if (e.target.id === 'left') {
+  //     if (textSelected.aCoords.tl.x < 2) return;
+  //     use3dddPlus.getState().moveLeft(textSelected);
+  //     use3dddPlus.getState().updateModifaction(true);
+  //   }
+  // };
   var textOutlineHandler = function textOutlineHandler(e) {
     setOutlineVal(e.target.valueAsNumber);
     textSelected.strokeWidth = e.target.valueAsNumber;
@@ -7336,15 +7303,47 @@ var Rightmenu = function Rightmenu() {
     value: shapeSizeVal,
     className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
     onChange: textShapeSizeHandler
-  })))), currentSelection === 'group' && React.createElement(ImageEdit, {
-    flipX: flipX,
-    flipY: flipY,
-    // changeSVGColor={changeSVGColor}
-    changeSVGTextColor: changeSVGTextColor,
-    // nudgeMove={nudgeMove}
-    // activeSelection={activeSelection}
-    allColor: allColor
-  }), currentSelection === 'selectAll' && React.createElement(React.Fragment, null, React.createElement("div", {
+  })))), currentSelection === 'group' && React.createElement(React.Fragment, null, React.createElement("div", {
+    className: "uppercase font-bold pt-[17px]"
+  }, "Color in Canvas"), React.createElement("div", {
+    className: "flex flex-wrap gap-x-[1rem] mt-[12px]"
+  }, allColor && (allColor == null ? void 0 : allColor.map(function (item) {
+    return React.createElement(ColorImpl, {
+      mClass: 'mb-[10px]',
+      key: item,
+      handleChange: changeSVGTextColor,
+      property: item,
+      color: item
+    });
+  }))), React.createElement("div", null, React.createElement("div", {
+    className: "font-bold uppercase mt-[17px]"
+  }, "Flip"), React.createElement("div", {
+    className: "flex gap-x-[1rem] mt-[12px]"
+  }, React.createElement(IconButton, {
+    key: "index",
+    label: "",
+    icon: React.createElement(FlipH, null),
+    onClick: flipX,
+    className: " bg-[#fff] cursor-pointer border border-[#EBEBEB]",
+    size: "1.8rem"
+  }), React.createElement(IconButton, {
+    key: "index",
+    label: "",
+    onClick: flipY,
+    icon: React.createElement(FlipV, null),
+    className: " bg-[#fff] cursor-pointer border border-[#EBEBEB]",
+    size: "1.8rem"
+  }))))
+  // <ImageEdit
+  //   flipX={flipX}
+  //   flipY={flipY}
+  //   // changeSVGColor={changeSVGColor}
+  //   changeSVGTextColor={changeSVGTextColor}
+  //   // nudgeMove={nudgeMove}
+  //   // activeSelection={activeSelection}
+  //   allColor={allColor}
+  // />
+  , currentSelection === 'selectAll' && React.createElement(React.Fragment, null, React.createElement("div", {
     className: "uppercase font-bold pt-[17px]"
   }, "Color in Canvas"), React.createElement("div", {
     className: "flex flex-wrap gap-x-[1rem] mt-[12px] mb-[12px]"
@@ -7356,23 +7355,7 @@ var Rightmenu = function Rightmenu() {
       property: item,
       color: item
     });
-  })), React.createElement("button", {
-    onClick: nudgeMove,
-    id: "down",
-    className: "font-medium text-orange-400"
-  }, "DOWN"), React.createElement("button", {
-    onClick: nudgeMove,
-    id: "up",
-    className: "font-medium text-orange-300 text-lime-400 px-1"
-  }, "UP"), React.createElement("button", {
-    onClick: nudgeMove,
-    id: "left",
-    className: "font-medium text-orange-300 text-teal-500"
-  }, "LEFT"), React.createElement("button", {
-    onClick: nudgeMove,
-    id: "right",
-    className: "font-medium text-orange-300 text-violet-600 px-1"
-  }, "RIGHT"),
+  })),
   // console.log(storeAllObject);
   storeAllObject.map(function (item, index) {
     return React.createElement("div", {