@threedddplus/logoeditor 0.0.144 → 0.0.146
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/components/modal/modal.d.ts +1 -1
- package/dist/logoeditor.cjs.development.js +15 -4
- 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 +15 -4
- package/dist/logoeditor.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/logoeditor.esm.js
CHANGED
|
@@ -4774,6 +4774,7 @@ var SEARCHBAR_BORDER_COLOR = 'border-[#bebebe]';
|
|
|
4774
4774
|
var CANVAS_MENU_TEXT = 'text-[#353535]';
|
|
4775
4775
|
var TAG_BG_COLOR = 'bg-[#FCE8EB]';
|
|
4776
4776
|
var TAG_TEXT_COLOR = 'text-[#e11a38]';
|
|
4777
|
+
var SAVERACK_TEXT_COLOR = 'text-[#707070]';
|
|
4777
4778
|
var SAVEBUTTON_BG_COLOR = 'bg-[#E11A38]';
|
|
4778
4779
|
var EDIT_DESIGN_INFO_TEXT_COLOR_1 = 'text-[#E11A38]';
|
|
4779
4780
|
var EDIT_DESIGN_INFO_TEXT_COLOR_3 = 'text-[#353535]';
|
|
@@ -7681,13 +7682,22 @@ var Modal = function Modal(_ref) {
|
|
|
7681
7682
|
var backdropStyle = _ref.backdropStyle,
|
|
7682
7683
|
children = _ref.children,
|
|
7683
7684
|
contentStyle = _ref.contentStyle,
|
|
7685
|
+
crossOnClick = _ref.crossOnClick,
|
|
7684
7686
|
modalStyle = _ref.modalStyle;
|
|
7685
7687
|
return React.createElement("div", null, React.createElement("div", {
|
|
7686
7688
|
className: backdropStyle + " absolute top-0 left-0 h-screen w-full " + BACKDROP_BLUR + " " + BACKDROP_BLUR_BG_COLOR
|
|
7687
7689
|
}), React.createElement("dialog", {
|
|
7688
7690
|
open: true,
|
|
7689
7691
|
className: contentStyle + " absolute shadow-[0 2px 8px rgba(0, 0, 0, 0.26)] ml-[auto] md:mr-[0%] mr-[auto]"
|
|
7690
|
-
}, React.createElement(
|
|
7692
|
+
}, React.createElement(IconButton, {
|
|
7693
|
+
label: '',
|
|
7694
|
+
icon: React.createElement(RxCross2, {
|
|
7695
|
+
strokeWidth: 1,
|
|
7696
|
+
onClick: crossOnClick
|
|
7697
|
+
}),
|
|
7698
|
+
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",
|
|
7699
|
+
size: "1.2rem"
|
|
7700
|
+
}), React.createElement("div", {
|
|
7691
7701
|
className: "flex flex-col justify-center gap-[1.75rem] " + modalStyle
|
|
7692
7702
|
}, children)));
|
|
7693
7703
|
};
|
|
@@ -14961,11 +14971,12 @@ var LogoEditor = function LogoEditor(_ref) {
|
|
|
14961
14971
|
onSaveLogo = _ref.onSaveLogo,
|
|
14962
14972
|
onClose = _ref.onClose;
|
|
14963
14973
|
var _use3dddPlus = use3dddPlus(function (state) {
|
|
14964
|
-
return [state.setSelectedStepper, state.loading, state.myLogoHandler];
|
|
14974
|
+
return [state.setSelectedStepper, state.loading, state.myLogoHandler, state.toggleSaveLogo];
|
|
14965
14975
|
}),
|
|
14966
14976
|
setSelectedStepper = _use3dddPlus[0],
|
|
14967
14977
|
loading = _use3dddPlus[1],
|
|
14968
|
-
myLogoHandler = _use3dddPlus[2]
|
|
14978
|
+
myLogoHandler = _use3dddPlus[2],
|
|
14979
|
+
toggleSaveLogo = _use3dddPlus[3];
|
|
14969
14980
|
var _useState = useState([]),
|
|
14970
14981
|
fontFamilies = _useState[0],
|
|
14971
14982
|
setFontFamilies = _useState[1];
|
|
@@ -15007,7 +15018,7 @@ var LogoEditor = function LogoEditor(_ref) {
|
|
|
15007
15018
|
contentStyle: "top-0 bottom-0 !m-[auto] z-[7] w-[80%] p-0",
|
|
15008
15019
|
crossOnClick: onClose
|
|
15009
15020
|
}, React.createElement("div", {
|
|
15010
|
-
className: "flex flex-col md:flex-row w-full h-[88vh]"
|
|
15021
|
+
className: "flex flex-col md:flex-row w-full h-[88vh] " + (toggleSaveLogo.status ? "z-10" : "")
|
|
15011
15022
|
}, React.createElement(ToastContainer, {
|
|
15012
15023
|
position: "top-center",
|
|
15013
15024
|
autoClose: 3000,
|