easy-email-pro-theme 1.38.3 → 1.38.5
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/lib/index.js +41 -25
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -483,7 +483,7 @@ const styleText$e = `@font-face {
|
|
|
483
483
|
}
|
|
484
484
|
|
|
485
485
|
`;
|
|
486
|
-
const RetroStyleText = '[data-slate-block=page] {\n min-height: 300px;\n}\n\n[data-slate-category=navbar]::after,\n[data-slate-category=social]::after {\n content: "";\n left: 0;\n top: 0;\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n cursor: default;\n}\n\n[data-slate-hover=true] {\n z-index: 4;\n}\n\n[data-slate-focus=true] {\n z-index: 3;\n}\n\n[data-slate-selected=true] {\n z-index: 3;\n}\n\n[data-slate-hover=true] .element-tools-container {\n z-index: 4;\n}\n\n[data-slate-void=true] [data-slate-node=element][data-slate-block=button]:hover,\n[data-slate-void=true] [data-slate-node=element][data-slate-block=text]:hover {\n outline: 2px solid var(--hover-color);\n}\n\n.text-mergetag {\n outline: 1px solid rgb(78, 89, 105);\n outline-offset: 1px;\n padding: 0 2px;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.1s linear;\n border: none;\n font-weight: inherit;\n outline-color: #00a0ac;\n color: inherit;\n background-color: #ebf9fc;\n max-width: 10em;\n font-style: inherit;\n text-decoration-line: inherit;\n position: relative;\n}\n\nbody .element-tools-container {\n outline: 2px solid var(--hover-color);\n z-index: 1;\n}\n\nbody .element-tools-container .element-tools {\n color: #fff;\n background-color: var(--hover-color);\n}\n\nbody .element-tools-container .element-drag-button {\n background-color: var(--hover-color);\n}\n\n[data-is-dragging=true] .element-tools-container {\n opacity: 0;\n}\n\n#dragging-placeholder .element-tools-container {\n opacity: 1 !important;\n}\n\n[data-slate-type=placeholder] {\n min-height: 64px;\n position: relative;\n background-color: rgba(242, 244, 245, 0.64);\n outline: rgb(43, 152, 211) dashed 1px;\n outline-offset: -1px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.3;\n color: rgb(48, 59, 67);\n margin: 0 20px;\n}\n\n[data-slate-type=placeholder] .element-delete {\n border-radius: 2px;\n padding: 0px;\n cursor: pointer;\n height: 28px;\n width: 28px;\n background-color: rgb(223, 227, 230);\n color: rgb(96, 106, 114);\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n left: 10px;\n top: 10px;\n opacity: 0.8;\n}\n\n[data-slate-type=placeholder] .element-delete:hover {\n background-color: rgb(180, 187, 195);\n opacity: 1;\n}\n\n[data-slate-type=placeholder] .element-delete svg {\n width: 20px;\n height: 20px;\n}\n\n[data-slate-universal-editing=true] {\n z-index: 2;\n}\n\n.universal-element-mask {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 10;\n}\n\n.unset-element-mask {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-slate-universal-editing=true] .universal-element-mask {\n display: none;\n}\n\n[data-slate-universal-editing=true] .universal-element-editing-mask {\n z-index: 0;\n position: absolute;\n width: 100%;\n height: 100%;\n inset: 0px;\n}\n\n[data-slate-universal-editing=true] .universal-element-editing-mask::before {\n content: " ";\n width: 10000px;\n height: 10000px;\n position: fixed;\n left: 0;\n top: 0;\n transform: translate(-50%, -50%);\n}\n\n[data-slate-universal-editing=true] .universal-element-editing-mask::after {\n position: absolute;\n content: " ";\n width: 100%;\n height: 100%;\n inset: 0px;\n pointer-events: none;\n outline: 9999px solid rgba(255, 255, 255, 0.6);\n}';
|
|
486
|
+
const RetroStyleText = '[data-slate-block=page] {\n min-height: 300px;\n}\n\n[data-slate-category=navbar]::after,\n[data-slate-category=social]::after {\n content: "";\n left: 0;\n top: 0;\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n cursor: default;\n}\n\n[data-slate-hover=true] {\n z-index: 4;\n}\n\n[data-slate-focus=true] {\n z-index: 3;\n}\n\n[data-slate-selected=true] {\n z-index: 3;\n}\n\n[data-slate-hover=true] .element-tools-container {\n z-index: 4;\n}\n\n[data-slate-void=true] [data-slate-node=element][data-slate-block=button]:hover,\n[data-slate-void=true] [data-slate-node=element][data-slate-block=text]:hover {\n outline: 2px solid var(--hover-color);\n}\n\n.text-mergetag {\n outline: 1px solid rgb(78, 89, 105);\n outline-offset: 1px;\n padding: 0 2px;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.1s linear;\n border: none;\n font-weight: inherit;\n outline-color: #00a0ac;\n color: inherit;\n background-color: #ebf9fc;\n max-width: 10em;\n font-style: inherit;\n text-decoration-line: inherit;\n position: relative;\n}\n\n.text-mergetag [data-slate-string=true] {\n font-size: 0px;\n}\n\nbody .element-tools-container {\n outline: 2px solid var(--hover-color);\n z-index: 1;\n}\n\nbody .element-tools-container .element-tools {\n color: #fff;\n background-color: var(--hover-color);\n}\n\nbody .element-tools-container .element-drag-button {\n background-color: var(--hover-color);\n}\n\n[data-is-dragging=true] .element-tools-container {\n opacity: 0;\n}\n\n#dragging-placeholder .element-tools-container {\n opacity: 1 !important;\n}\n\n[data-slate-type=placeholder] {\n min-height: 64px;\n position: relative;\n background-color: rgba(242, 244, 245, 0.64);\n outline: rgb(43, 152, 211) dashed 1px;\n outline-offset: -1px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.3;\n color: rgb(48, 59, 67);\n margin: 0 20px;\n}\n\n[data-slate-type=placeholder] .element-delete {\n border-radius: 2px;\n padding: 0px;\n cursor: pointer;\n height: 28px;\n width: 28px;\n background-color: rgb(223, 227, 230);\n color: rgb(96, 106, 114);\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n left: 10px;\n top: 10px;\n opacity: 0.8;\n}\n\n[data-slate-type=placeholder] .element-delete:hover {\n background-color: rgb(180, 187, 195);\n opacity: 1;\n}\n\n[data-slate-type=placeholder] .element-delete svg {\n width: 20px;\n height: 20px;\n}\n\n[data-slate-universal-editing=true] {\n z-index: 2;\n}\n\n.universal-element-mask {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 10;\n}\n\n.unset-element-mask {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-slate-universal-editing=true] .universal-element-mask {\n display: none;\n}\n\n[data-slate-universal-editing=true] .universal-element-editing-mask {\n z-index: 0;\n position: absolute;\n width: 100%;\n height: 100%;\n inset: 0px;\n}\n\n[data-slate-universal-editing=true] .universal-element-editing-mask::before {\n content: " ";\n width: 10000px;\n height: 10000px;\n position: fixed;\n left: 0;\n top: 0;\n transform: translate(-50%, -50%);\n}\n\n[data-slate-universal-editing=true] .universal-element-editing-mask::after {\n position: absolute;\n content: " ";\n width: 100%;\n height: 100%;\n inset: 0px;\n pointer-events: none;\n outline: 9999px solid rgba(255, 255, 255, 0.6);\n}';
|
|
487
487
|
const withTheme$1 = (editor) => {
|
|
488
488
|
const { insertBreak, normalizeNode, deleteBackward, apply: apply3, insertSoftBreak } = editor;
|
|
489
489
|
editor.insertBreak = (...args) => {
|
|
@@ -2056,7 +2056,11 @@ const ElementPlaceholder$1 = ({ element, nodeElement, isSelected, isHover, path:
|
|
|
2056
2056
|
renderContent = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderContent, /* @__PURE__ */ React__default.createElement("div", { className: "wrapper-category-hover" }));
|
|
2057
2057
|
}
|
|
2058
2058
|
}
|
|
2059
|
-
|
|
2059
|
+
let parentElement = void 0;
|
|
2060
|
+
try {
|
|
2061
|
+
parentElement = Node$1.get(editor, Path.parent(path2));
|
|
2062
|
+
} catch (error2) {
|
|
2063
|
+
}
|
|
2060
2064
|
if (isUnsetElement && parentElement && NodeUtils.isContentElement(parentElement)) {
|
|
2061
2065
|
isContentElement = true;
|
|
2062
2066
|
}
|
|
@@ -7551,23 +7555,27 @@ const BlockLayer = () => {
|
|
|
7551
7555
|
);
|
|
7552
7556
|
const onSelect = useCallback$1(
|
|
7553
7557
|
(item2) => {
|
|
7554
|
-
|
|
7555
|
-
|
|
7556
|
-
|
|
7557
|
-
|
|
7558
|
-
|
|
7559
|
-
|
|
7560
|
-
|
|
7561
|
-
|
|
7562
|
-
|
|
7563
|
-
|
|
7564
|
-
node
|
|
7565
|
-
|
|
7566
|
-
|
|
7567
|
-
|
|
7568
|
-
|
|
7569
|
-
|
|
7570
|
-
|
|
7558
|
+
try {
|
|
7559
|
+
const currentPath = ReactEditor.findPath(editor, item2.data);
|
|
7560
|
+
const element = Node$1.get(editor, currentPath);
|
|
7561
|
+
if (!NodeUtils.isBlockElement(element) || NodeUtils.isUnsetElement(element)) {
|
|
7562
|
+
return;
|
|
7563
|
+
}
|
|
7564
|
+
setSelectedNodePath(currentPath);
|
|
7565
|
+
if (scrollWhenSelect) {
|
|
7566
|
+
setTimeout(() => {
|
|
7567
|
+
const node = ReactEditor.toDOMNode(editor, item2.data);
|
|
7568
|
+
if (node) {
|
|
7569
|
+
node.scrollIntoView({
|
|
7570
|
+
block: "center",
|
|
7571
|
+
behavior: "smooth",
|
|
7572
|
+
inline: "center"
|
|
7573
|
+
});
|
|
7574
|
+
}
|
|
7575
|
+
}, 200);
|
|
7576
|
+
}
|
|
7577
|
+
} catch (error2) {
|
|
7578
|
+
console.log(error2);
|
|
7571
7579
|
}
|
|
7572
7580
|
},
|
|
7573
7581
|
[editor, scrollWhenSelect, setSelectedNodePath]
|
|
@@ -7921,13 +7929,17 @@ const ConfigurationPanel = ({
|
|
|
7921
7929
|
const { quantityLimitCheck, compact } = useEditorProps();
|
|
7922
7930
|
const { copyBlock, deleteBlock, isChanged, resetSelectedNode } = useElementInteract();
|
|
7923
7931
|
const onCopy = useEventCallback((path2) => {
|
|
7924
|
-
|
|
7925
|
-
|
|
7926
|
-
|
|
7927
|
-
|
|
7928
|
-
|
|
7932
|
+
try {
|
|
7933
|
+
if (quantityLimitCheck && !quantityLimitCheck({
|
|
7934
|
+
element: Node$1.get(editor, path2),
|
|
7935
|
+
pageData: editor.children[0]
|
|
7936
|
+
})) {
|
|
7937
|
+
return;
|
|
7938
|
+
}
|
|
7939
|
+
copyBlock(path2);
|
|
7940
|
+
} catch (error2) {
|
|
7941
|
+
console.error(error2);
|
|
7929
7942
|
}
|
|
7930
|
-
copyBlock(path2);
|
|
7931
7943
|
});
|
|
7932
7944
|
let element = null;
|
|
7933
7945
|
if (selectedNodePath) {
|
|
@@ -44740,6 +44752,10 @@ const minimaliststyleText = `[data-slate-block=page] {
|
|
|
44740
44752
|
position: relative;
|
|
44741
44753
|
}
|
|
44742
44754
|
|
|
44755
|
+
.text-mergetag [data-slate-string=true] {
|
|
44756
|
+
font-size: 0px;
|
|
44757
|
+
}
|
|
44758
|
+
|
|
44743
44759
|
[data-slate-block=text] [data-slate-node=text] .text-empty-focus::before {
|
|
44744
44760
|
content: "Type '/' for commands";
|
|
44745
44761
|
position: absolute;
|