easy-email-pro-theme 1.59.8 → 1.59.10

package/lib/index.js

@@ -2801,7 +2801,7 @@ function useApplyAiToolCalls() {
     return result;
   });
 }
-const ElementTools$1 = ({ element, nodeElement, path: path2 }) => {
+const ElementTools$1 = ({ element, nodeElement, path: path2, hideInnerTools: hideInnerToolsProp }) => {
   const editor = useSlate();
   const { copyBlock, deleteBlock } = useElementInteract();
   const {
@@ -2885,7 +2885,7 @@ const ElementTools$1 = ({ element, nodeElement, path: path2 }) => {
     isHideBackIcon = true;
   }
   const hideAddToCollection = universalElementEditing || standaloneElementEditing || !universalElementSetting;
-  const hideInnerTools = NodeUtils.isPageHeaderElement(element) || NodeUtils.isPageFooterElement(element);
+  const hideInnerTools = hideInnerToolsProp || NodeUtils.isPageHeaderElement(element) || NodeUtils.isPageFooterElement(element);
   const renderContent = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     "div",
     {
@@ -2977,6 +2977,7 @@ const ElementHover$1 = ({
   isSelected,
   path: path2
 }) => {
+  const { hideHoveringActions } = useEditorProps();
   if (isSelected)
     return null;
   if (NodeUtils.isUnsetElement(element))
@@ -2984,7 +2985,15 @@ const ElementHover$1 = ({
   if ((NodeUtils.isPageHeaderElement(element) || NodeUtils.isPageFooterElement(element)) && !element.data.editable) {
     return null;
   }
-  const renderContent = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ElementTools$1, { element, nodeElement, path: path2 }), /* @__PURE__ */ React__default.createElement("style", null, styleText$f));
+  const renderContent = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    ElementTools$1,
+    {
+      element,
+      nodeElement,
+      path: path2,
+      hideInnerTools: hideHoveringActions
+    }
+  ), /* @__PURE__ */ React__default.createElement("style", null, styleText$f));
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderContent);
 };
 const styleText$e = "[data-slate-selected=true] .element-tools-container,\n[data-slate-hover=true] [data-slate-selected=true] .element-tools-container {\n  outline: 2px solid var(--selected-color);\n}\n[data-slate-selected=true] .element-tools-container .element-tools,\n[data-slate-hover=true] [data-slate-selected=true] .element-tools-container .element-tools {\n  color: #fff;\n  background-color: var(--selected-color);\n}\n[data-slate-selected=true] .element-tools-container .element-drag-button,\n[data-slate-hover=true] [data-slate-selected=true] .element-tools-container .element-drag-button {\n  background-color: var(--selected-color);\n}\n[data-slate-selected=true] .element-tools-container .element-tools-move-handle,\n[data-slate-hover=true] [data-slate-selected=true] .element-tools-container .element-tools-move-handle {\n  background-color: var(--selected-color);\n}\n\n.element-tools-container[data-category=page] .element-tools {\n  display: none;\n}\n.element-tools-container[data-category=page] .element-drag-button {\n  display: none;\n}\n.element-tools-container[data-category=page] .element-tools-move-handle {\n  display: none;\n}";
@@ -32435,6 +32444,12 @@ function BackgroundImage(props) {
         label: t("Position"),
         name: props.name + ".background-position"
       })
+    ), /* @__PURE__ */ React__default.createElement(
+      AttributeField.BackgroundRepeat,
+      __spreadProps(__spreadValues({}, props), {
+        label: t("Repeat"),
+        name: props.name + ".background-repeat"
+      })
     )));
   }, [
     enabledGradientImage,
@@ -34118,6 +34133,46 @@ function ButtonIcon(props) {
     ))));
   }, [handleChangeEnabled, isEnabledBorder, label, name, path2, props.name]);
 }
+const fullWidthAdapter = {
+  formatter(val) {
+    return Boolean(val);
+  },
+  normalize(val) {
+    return val ? "full-width" : void 0;
+  }
+};
+function FullWidth(props) {
+  const { label = t("Full width") } = props;
+  return useMemo(() => {
+    return /* @__PURE__ */ React__default.createElement(
+      AttributeField.SwitchField,
+      __spreadProps(__spreadValues({}, props), {
+        label,
+        formItem: __spreadValues({}, fullWidthAdapter)
+      })
+    );
+  }, [label, props]);
+}
+const backgroundRepeatAdapter = {
+  formatter(val) {
+    return Boolean(val === "repeat");
+  },
+  normalize(val) {
+    return val ? "repeat" : "no-repeat";
+  }
+};
+function BackgroundRepeat(props) {
+  const { label = t("Background repeat") } = props;
+  return useMemo(() => {
+    return /* @__PURE__ */ React__default.createElement(
+      AttributeField.SwitchField,
+      __spreadProps(__spreadValues({}, props), {
+        label,
+        formItem: __spreadValues({}, backgroundRepeatAdapter)
+      })
+    );
+  }, [label, props]);
+}
 const defaultAttributeFields = {
   // Basic Form Field
   WatchField,
@@ -34176,7 +34231,9 @@ const defaultAttributeFields = {
   RichTextField,
   FieldItem,
   GradientGeneratorField,
-  ButtonIcon
+  ButtonIcon,
+  FullWidth,
+  BackgroundRepeat
 };
 const AttributeField = __spreadValues({}, defaultAttributeFields);
 const index$5 = "";
@@ -35802,6 +35859,13 @@ function AttributesContainer$7({
       path: nodePath,
       name: ""
     }
+  ), /* @__PURE__ */ React__default.createElement(
+    ResponsiveField,
+    {
+      component: AttributeField.FullWidth,
+      path: nodePath,
+      name: "full-width"
+    }
   )), /* @__PURE__ */ React__default.createElement(Collapse.Item, { name: "0", header: t("Background") }, /* @__PURE__ */ React__default.createElement(
     ResponsiveField,
     {

package/lib/typings/components/ConfigurationPanel/components/AttributeField/BackgroundRepeat.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentProps } from "react";
+import { AttributeField } from ".";
+export declare function BackgroundRepeat(props: Omit<ComponentProps<typeof AttributeField.SwitchField>, "label" | "options"> & {
+    label?: React.ReactNode;
+}): React.JSX.Element;

package/lib/typings/components/ConfigurationPanel/components/AttributeField/FullWidth.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentProps } from "react";
+import { AttributeField } from ".";
+export declare function FullWidth(props: Omit<ComponentProps<typeof AttributeField.SwitchField>, "label" | "options"> & {
+    label?: React.ReactNode;
+}): React.JSX.Element;

package/lib/typings/components/ConfigurationPanel/components/AttributeField/index.d.ts

@@ -38,6 +38,8 @@ import { RTLDirection } from "./RTLDirection";
 import { TableLayout } from "./TableLayout";
 import { BackgroundGradient } from "./BackgroundGradient";
 import { ButtonIcon } from "./ButtonIcon";
+import { FullWidth } from './FullWidth';
+import { BackgroundRepeat } from './BackgroundRepeat';
 export declare const defaultAttributeFields: {
     WatchField: (props: import("../../../Form/WatchField").WatchFieldProps) => import("react").JSX.Element;
     SyncChildrenField: (props: import("../../../Form/SyncChildrenField").SyncChildrenFieldProps) => import("react").JSX.Element;
@@ -130,5 +132,7 @@ export declare const defaultAttributeFields: {
     FieldItem: typeof FieldItem;
     GradientGeneratorField: (props: import("../../../Form/enhancer").EnhancerProps & Omit<import("../../../Form/GradientGenerator").GradientGeneratorProps, "onChange" | "value">) => import("react").JSX.Element;
     ButtonIcon: typeof ButtonIcon;
+    FullWidth: typeof FullWidth;
+    BackgroundRepeat: typeof BackgroundRepeat;
 };
 export declare const AttributeField: AttributeFieldsMap;

package/lib/typings/themes/Retro/components/ElementInteract/ElementTools/index.d.ts

@@ -5,4 +5,5 @@ export declare const ElementTools: React.FC<{
     element: Element;
     nodeElement: HTMLElement;
     path: Path;
+    hideInnerTools?: boolean;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-email-pro-theme",
-  "version": "1.59.8",
+  "version": "1.59.10",
   "description": "",
   "files": [
     "lib"