@elementor/editor-controls 4.1.0-747 → 4.1.0-749

package/dist/index.mjs

@@ -3744,14 +3744,20 @@ var ConditionalControlInfotip = React66.forwardRef(
 
 // src/controls/html-tag-control.tsx
 var StyledSelect = styled6(Select2)(() => ({ ".MuiSelect-select.Mui-disabled": { cursor: "not-allowed" } }));
-var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} }) => {
+var HtmlTagControl = createControl((props) => {
+  const {
+    options,
+    onChange,
+    fallbackLabels = {},
+    context: { elementId }
+  } = props;
   const { value, setValue, disabled, placeholder } = useBoundProp(stringPropTypeUtil8);
   const handleChange = (event) => {
     const newValue = event.target.value || null;
     onChange?.(newValue, value);
     setValue(newValue);
   };
-  const elementLabel = getElementLabel() ?? "element";
+  const elementLabel = getElementLabel(elementId) ?? "element";
   const infoTipProps = {
     title: __24("HTML Tag", "elementor"),
     /* translators: %s is the element name. */
@@ -3785,7 +3791,7 @@ var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} })
       disabled,
       fullWidth: true
     },
-    options.map(({ label, ...props }) => /* @__PURE__ */ React67.createElement(MenuListItem3, { key: props.value, ...props, value: props.value ?? "" }, label))
+    options.map(({ label, ...itemProps }) => /* @__PURE__ */ React67.createElement(MenuListItem3, { key: itemProps.value, ...itemProps, value: itemProps.value ?? "" }, label))
   )));
 });
 
@@ -6496,6 +6502,14 @@ function isEmpty(value = "") {
   pseudoElement.innerHTML = value;
   return !pseudoElement.textContent?.length;
 }
+function htmlToPlainText(html) {
+  if (!html) {
+    return "";
+  }
+  const normalizedHtml = html.replace(/<br\s*\/?>/gi, "\n").replace(/<\/p>\s*<p[^>]*>/gi, "\n");
+  const doc = new DOMParser().parseFromString(normalizedHtml, "text/html");
+  return doc.body.textContent ?? "";
+}
 
 // src/components/inline-editor.tsx
 var ITALIC_KEYBOARD_SHORTCUT = "i";
@@ -6592,7 +6606,7 @@ var InlineEditor = React100.forwardRef((props, ref) => {
       attributes: {
         ...editorProps.attributes ?? {},
         role: "textbox",
-        ...placeholder ? { "data-placeholder": placeholder } : {},
+        ...placeholder ? { "data-placeholder": htmlToPlainText(placeholder) } : {},
         ...value === null || value === "" ? { class: "is-empty" } : {}
       }
     },