@elementor/editor-components 3.35.0-406 → 3.35.0-408

package/dist/index.mjs

@@ -2326,7 +2326,7 @@ import { __getStore as getStore2 } from "@elementor/store";
 import { __ as __16 } from "@wordpress/i18n";
 var NON_ATOMIC_ELEMENT_ALERT = {
   type: "default",
-  message: __16("Cannot add this element here - only atomic elements are allowed inside components.", "elementor"),
+  message: __16("This widget isn't compatible with components. Use atomic elements instead.", "elementor"),
   id: "non-atomic-element-blocked"
 };
 function initNonAtomicNestingPrevention() {
@@ -2574,7 +2574,7 @@ function CreateComponentForm() {
         notify2({
           type: "default",
           message: __18(
-            "Cannot save as component - contains non-supported elements. Only atomic elements are allowed inside components.",
+            "Components require atomic elements only. Remove widgets to create this component.",
             "elementor"
           ),
           id: "non-atomic-element-save-blocked"
@@ -3786,6 +3786,9 @@ var InputSchema = {
         elementId: z6.string().describe("The id of the child element that you want to override its settings"),
         propKey: z6.string().describe(
           'The property key of the child element that you want to override its settings (e.g., "text", "url", "tag"). To get the available propKeys for an element, use the "get-element-type-config" tool.'
+        ),
+        label: z6.string().describe(
+          'A unique, user-friendly display name for this property (e.g., "Hero Headline", "CTA Button Text"). Must be unique within the same component.'
         )
       })
     )
@@ -3845,7 +3848,7 @@ function enrichOverridableProps(input, rootElement) {
   const enrichedProps = {};
   const defaultGroupId = generateUniqueId6("group");
   Object.entries(input.props).forEach(([, prop]) => {
-    const { elementId, propKey } = prop;
+    const { elementId, propKey, label } = prop;
     const element = findElementById(rootElement, elementId);
     if (!element) {
       throw new Error(`Element with ID "${elementId}" not found in component`);
@@ -3866,7 +3869,6 @@ function enrichOverridableProps(input, rootElement) {
     }
     const overrideKey = generateUniqueId6("prop");
     const originValue = element.settings?.[propKey] ? element.settings[propKey] : elementType.propsSchema[propKey].default ?? null;
-    const label = generateLabel(propKey);
     enrichedProps[overrideKey] = {
       overrideKey,
       label,
@@ -3921,10 +3923,6 @@ function findElementById(root, targetId) {
   }
   return null;
 }
-function generateLabel(propKey) {
-  const uniqueId = generateUniqueId6("prop");
-  return `${uniqueId} - ${propKey}`;
-}
 function getValidElementTypes() {
   const types = getWidgetsCache4();
   if (!types) {
@@ -3987,7 +3985,8 @@ Skip that step ONLY if the user explicitly requests to not make any properties c
 
 3. **Build the overridable_props Object**
    - For each property you want to make overridable, add an entry:
-     \`{ "elementId": "<child-element-id>", "propKey": "<property-key>" }\`
+     \`{ "elementId": "<child-element-id>", "propKey": "<property-key>", "label": "<user-friendly-name>" }\`
+   - The label must be unique within the component and should be meaningful to the user (e.g., "Hero Headline", "CTA Button Text")
    - Group all entries under the "props" object
 
 ## Step 3: Execute the Tool
@@ -4024,7 +4023,8 @@ Structure:
   "props": {
     "<unique-key>": {
       "elementId": "<child-element-id>",
-      "propKey": "<property-key>"
+      "propKey": "<property-key>",
+      "label": "<user-friendly-name>"
     }
   }
 }
@@ -4034,7 +4034,7 @@ To populate this correctly:
 1. Use [${DOCUMENT_STRUCTURE_URI}] to find child element IDs and their widgetType
 2. Use [${WIDGET_SCHEMA_URI}] to find the atomic_props_schema for each child element's widgetType
 3. Only include properties you want to be customizable in component instances
-4. Common propKeys: "text", "url", "tag", "size", "align", etc.`
+4. Provide a unique, user-friendly label for each property (e.g., "Hero Headline", "CTA Button Text")`
   );
   saveAsComponentPrompt.example(`
 Basic component without overridable properties:
@@ -4054,15 +4054,18 @@ Component with overridable properties:
     "props": {
       "heading-text": {
         "elementId": "heading-123",
-        "propKey": "text"
+        "propKey": "text",
+        "label": "Card Title"
       },
       "button-text": {
         "elementId": "button-456",
-        "propKey": "text"
+        "propKey": "text",
+        "label": "Button Text"
       },
       "button-link": {
         "elementId": "button-456",
-        "propKey": "url"
+        "propKey": "url",
+        "label": "Button Link"
       }
     }
   }
@@ -4116,7 +4119,7 @@ import { __ as __25 } from "@wordpress/i18n";
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
   type: "default",
-  message: __25("Cannot add this component here - it would create a circular reference.", "elementor"),
+  message: __25("Can't add this component - components that contain each other can't be nested.", "elementor"),
   id: "circular-component-nesting-blocked"
 };
 function initCircularNestingPrevention() {