@elementor/editor-controls 3.35.0-450 → 3.35.0-452

package/dist/index.mjs

@@ -2667,7 +2667,8 @@ function EqualUnequalSizesControl({
   ));
 }
 var MultiSizeValueControl = ({ item, rowRef }) => {
-  return /* @__PURE__ */ React56.createElement(PropKeyProvider, { bind: item.bind }, /* @__PURE__ */ React56.createElement(Grid8, { item: true, xs: 6 }, /* @__PURE__ */ React56.createElement(Grid8, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React56.createElement(Grid8, { item: true, xs: 12 }, /* @__PURE__ */ React56.createElement(ControlLabel, null, item.label)), /* @__PURE__ */ React56.createElement(Grid8, { item: true, xs: 12 }, /* @__PURE__ */ React56.createElement(SizeControl, { startIcon: item.icon, anchorRef: rowRef })))));
+  const { bind, label, icon, ariaLabel } = item;
+  return /* @__PURE__ */ React56.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React56.createElement(Grid8, { item: true, xs: 6 }, /* @__PURE__ */ React56.createElement(Grid8, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React56.createElement(Grid8, { item: true, xs: 12 }, /* @__PURE__ */ React56.createElement(ControlLabel, null, label)), /* @__PURE__ */ React56.createElement(Grid8, { item: true, xs: 12 }, /* @__PURE__ */ React56.createElement(SizeControl, { startIcon: icon, ariaLabel, anchorRef: rowRef })))));
 };
 
 // src/controls/linked-dimensions-control.tsx
@@ -2677,7 +2678,7 @@ import { dimensionsPropTypeUtil, sizePropTypeUtil as sizePropTypeUtil3 } from "@
 import { useActiveBreakpoint as useActiveBreakpoint2 } from "@elementor/editor-responsive";
 import { DetachIcon, LinkIcon, SideBottomIcon, SideLeftIcon, SideRightIcon, SideTopIcon } from "@elementor/icons";
 import { Grid as Grid9, Stack as Stack8, Tooltip as Tooltip6 } from "@elementor/ui";
-import { __ as __18 } from "@wordpress/i18n";
+import { __ as __18, sprintf as sprintf2 } from "@wordpress/i18n";
 var LinkedDimensionsControl = ({ label, isSiteRtl = false, extendedOptions, min }) => {
   const gridRowRefs = [useRef9(null), useRef9(null)];
   const { disabled: sizeDisabled } = useBoundProp(sizePropTypeUtil3);
@@ -2754,10 +2755,11 @@ var LinkedDimensionsControl = ({ label, isSiteRtl = false, extendedOptions, min
       isPlaceholder: hasPlaceholders
     },
     /* @__PURE__ */ React57.createElement(LinkedIcon, { fontSize: "tiny" })
-  ))), getCssDimensionProps(isSiteRtl).map((row, index) => /* @__PURE__ */ React57.createElement(Stack8, { direction: "row", gap: 2, flexWrap: "nowrap", key: index, ref: gridRowRefs[index] }, row.map(({ icon, ...props }) => /* @__PURE__ */ React57.createElement(Grid9, { container: true, gap: 0.75, alignItems: "center", key: props.bind }, /* @__PURE__ */ React57.createElement(Grid9, { item: true, xs: 12 }, /* @__PURE__ */ React57.createElement(Label, { ...props })), /* @__PURE__ */ React57.createElement(Grid9, { item: true, xs: 12 }, /* @__PURE__ */ React57.createElement(
+  ))), getCssDimensionProps(label, isSiteRtl).map((row, index) => /* @__PURE__ */ React57.createElement(Stack8, { direction: "row", gap: 2, flexWrap: "nowrap", key: index, ref: gridRowRefs[index] }, row.map(({ icon, ...props }) => /* @__PURE__ */ React57.createElement(Grid9, { container: true, gap: 0.75, alignItems: "center", key: props.bind }, /* @__PURE__ */ React57.createElement(Grid9, { item: true, xs: 12 }, /* @__PURE__ */ React57.createElement(Label, { ...props })), /* @__PURE__ */ React57.createElement(Grid9, { item: true, xs: 12 }, /* @__PURE__ */ React57.createElement(
     Control3,
     {
       bind: props.bind,
+      ariaLabel: props.ariaLabel,
       startIcon: icon,
       isLinked,
       extendedOptions,
@@ -2768,6 +2770,7 @@ var LinkedDimensionsControl = ({ label, isSiteRtl = false, extendedOptions, min
 };
 var Control3 = ({
   bind,
+  ariaLabel,
   startIcon,
   isLinked,
   extendedOptions,
@@ -2778,6 +2781,7 @@ var Control3 = ({
     return /* @__PURE__ */ React57.createElement(
       SizeControl,
       {
+        ariaLabel,
         startIcon,
         extendedOptions,
         anchorRef,
@@ -2788,6 +2792,7 @@ var Control3 = ({
   return /* @__PURE__ */ React57.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React57.createElement(
     SizeControl,
     {
+      ariaLabel,
       startIcon,
       extendedOptions,
       anchorRef,
@@ -2798,17 +2803,26 @@ var Control3 = ({
 var Label = ({ label, bind }) => {
   return /* @__PURE__ */ React57.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React57.createElement(ControlLabel, null, label));
 };
-function getCssDimensionProps(isSiteRtl) {
+function getCssDimensionProps(label, isSiteRtl) {
   return [
     [
       {
         bind: "block-start",
         label: __18("Top", "elementor"),
+        /* translators: %s is the name of the main group (margin or padding) */
+        ariaLabel: sprintf2(__18("%s top", "elementor"), label),
         icon: /* @__PURE__ */ React57.createElement(SideTopIcon, { fontSize: "tiny" })
       },
       {
         bind: "inline-end",
         label: isSiteRtl ? __18("Left", "elementor") : __18("Right", "elementor"),
+        ariaLabel: isSiteRtl ? (
+          /* translators: %s is the name of the main group (margin or padding) */
+          sprintf2(__18("%s left", "elementor"), label)
+        ) : (
+          /* translators: %s is the name of the main group (margin or padding) */
+          sprintf2(__18("%s right", "elementor"), label)
+        ),
         icon: isSiteRtl ? /* @__PURE__ */ React57.createElement(SideLeftIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React57.createElement(SideRightIcon, { fontSize: "tiny" })
       }
     ],
@@ -2816,11 +2830,20 @@ function getCssDimensionProps(isSiteRtl) {
       {
         bind: "block-end",
         label: __18("Bottom", "elementor"),
+        /* translators: %s is the name of the main group (margin or padding) */
+        ariaLabel: sprintf2(__18("%s bottom", "elementor"), label),
         icon: /* @__PURE__ */ React57.createElement(SideBottomIcon, { fontSize: "tiny" })
       },
       {
         bind: "inline-start",
         label: isSiteRtl ? __18("Right", "elementor") : __18("Left", "elementor"),
+        ariaLabel: isSiteRtl ? (
+          /* translators: %s is the name of the main group (margin or padding) */
+          sprintf2(__18("%s right", "elementor"), label)
+        ) : (
+          /* translators: %s is the name of the main group (margin or padding) */
+          sprintf2(__18("%s left", "elementor"), label)
+        ),
         icon: isSiteRtl ? /* @__PURE__ */ React57.createElement(SideRightIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React57.createElement(SideLeftIcon, { fontSize: "tiny" })
       }
     ]
@@ -3704,17 +3727,34 @@ var GapControl = ({ label }) => {
       isPlaceholder: hasPlaceholders
     },
     /* @__PURE__ */ React68.createElement(LinkedIcon, { fontSize: "tiny" })
-  ))), /* @__PURE__ */ React68.createElement(Stack11, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React68.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React68.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(ControlFormLabel, null, __25("Column", "elementor"))), /* @__PURE__ */ React68.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(Control4, { bind: "column", isLinked, anchorRef: stackRef }))), /* @__PURE__ */ React68.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React68.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(ControlFormLabel, null, __25("Row", "elementor"))), /* @__PURE__ */ React68.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(Control4, { bind: "row", isLinked, anchorRef: stackRef })))));
+  ))), /* @__PURE__ */ React68.createElement(Stack11, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React68.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React68.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(ControlFormLabel, null, __25("Column", "elementor"))), /* @__PURE__ */ React68.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(
+    Control4,
+    {
+      bind: "column",
+      ariaLabel: __25("Column gap", "elementor"),
+      isLinked,
+      anchorRef: stackRef
+    }
+  ))), /* @__PURE__ */ React68.createElement(Grid11, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React68.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(ControlFormLabel, null, __25("Row", "elementor"))), /* @__PURE__ */ React68.createElement(Grid11, { item: true, xs: 12 }, /* @__PURE__ */ React68.createElement(
+    Control4,
+    {
+      bind: "row",
+      ariaLabel: __25("Row gap", "elementor"),
+      isLinked,
+      anchorRef: stackRef
+    }
+  )))));
 };
 var Control4 = ({
   bind,
+  ariaLabel,
   isLinked,
   anchorRef
 }) => {
   if (isLinked) {
-    return /* @__PURE__ */ React68.createElement(SizeControl, { anchorRef });
+    return /* @__PURE__ */ React68.createElement(SizeControl, { anchorRef, ariaLabel });
   }
-  return /* @__PURE__ */ React68.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React68.createElement(SizeControl, { anchorRef }));
+  return /* @__PURE__ */ React68.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React68.createElement(SizeControl, { anchorRef, ariaLabel }));
 };
 
 // src/controls/aspect-ratio-control.tsx
@@ -6286,7 +6326,7 @@ var InlineEditorToolbar = ({ editor, elementId }) => {
 var ITALIC_KEYBOARD_SHORTCUT = "i";
 var BOLD_KEYBOARD_SHORTCUT = "b";
 var UNDERLINE_KEYBOARD_SHORTCUT = "u";
-var INITIAL_STYLE = "margin:0;padding:0;";
+var INLINE_EDITOR_RESET_CLASS = "elementor-inline-editor-reset";
 var useOnUpdate = (callback, dependencies) => {
   const hasMounted = useRef26(false);
   useEffect12(() => {
@@ -6373,6 +6413,7 @@ var InlineEditor = forwardRef10(
       const newValue = updatedEditor.getHTML();
       setValue(isEmpty(newValue) ? null : newValue);
     };
+    const classes = `${INLINE_EDITOR_RESET_CLASS} ${elementClasses}`;
     const editor = useEditor({
       extensions: [
         Document.extend({
@@ -6381,20 +6422,16 @@ var InlineEditor = forwardRef10(
         Paragraph.extend({
           renderHTML({ HTMLAttributes }) {
             const tag = expectedTag ?? "p";
-            return [tag, { ...HTMLAttributes, style: INITIAL_STYLE, class: elementClasses }, 0];
+            return [tag, { ...HTMLAttributes, class: classes }, 0];
           }
         }),
         Heading.extend({
           renderHTML({ node, HTMLAttributes }) {
             if (expectedTag) {
-              return [
-                expectedTag,
-                { ...HTMLAttributes, style: INITIAL_STYLE, class: elementClasses },
-                0
-              ];
+              return [expectedTag, { ...HTMLAttributes, class: classes }, 0];
             }
             const level = this.options.levels.includes(node.attrs.level) ? node.attrs.level : this.options.levels[0];
-            return [`h${level}`, { ...HTMLAttributes, style: INITIAL_STYLE, class: elementClasses }, 0];
+            return [`h${level}`, { ...HTMLAttributes, class: classes }, 0];
           }
         }).configure({
           levels: [1, 2, 3, 4, 5, 6]
@@ -6507,6 +6544,10 @@ var InlineEditingControl = createControl(
             fontSize: "12px",
             "& a": {
               color: "inherit"
+            },
+            "& .elementor-inline-editor-reset": {
+              margin: 0,
+              padding: 0
             }
           },
           ".strip-styles *": {