@elementor/editor-components 3.35.0-454 → 3.35.0-456

package/dist/index.js

@@ -3703,6 +3703,13 @@ var ControlLabel = ({ children, ...props }) => {
   return /* @__PURE__ */ React25.createElement(import_ui19.Stack, { direction: "row", alignItems: "center", justifyItems: "start", gap: 0.25 }, /* @__PURE__ */ React25.createElement(import_editor_controls2.ControlFormLabel, { ...props }, children), /* @__PURE__ */ React25.createElement(import_editor_controls2.ControlAdornments, null));
 };
 
+// src/components/errors.ts
+var import_utils7 = require("@elementor/utils");
+var OverrideControlInnerElementNotFoundError = (0, import_utils7.createError)({
+  code: "override_control_inner_element_not_found",
+  message: `Component inner element not found for override control. The element may have been deleted without updating the overridable props, or the component has not finished rendering yet.`
+});
+
 // src/components/instance-editing-panel/override-prop-control.tsx
 function OverridePropControl({ overridableProp, overrides }) {
   return /* @__PURE__ */ React26.createElement(import_editor_editing_panel3.SettingsField, { bind: "component_instance", propDisplayName: overridableProp.label }, /* @__PURE__ */ React26.createElement(OverrideControl, { overridableProp, overrides }));
@@ -3765,6 +3772,12 @@ function OverrideControl({ overridableProp, overrides }) {
     overridableProp.label
   );
   const { elementId, widgetType, elType, propKey } = overridableProp.originPropFields ?? overridableProp;
+  const elementContainer = (0, import_editor_elements14.getContainer)(elementId);
+  if (!elementContainer) {
+    throw new OverrideControlInnerElementNotFoundError({
+      context: { componentId: componentInstanceId, elementId }
+    });
+  }
   const type = elType === "widget" ? widgetType : elType;
   const elementType = (0, import_editor_elements14.getElementType)(type);
   if (!elementType) {
@@ -4008,7 +4021,7 @@ var import_i18n28 = require("@wordpress/i18n");
 
 // src/store/actions/set-overridable-prop.ts
 var import_store58 = require("@elementor/store");
-var import_utils7 = require("@elementor/utils");
+var import_utils8 = require("@elementor/utils");
 function setOverridableProp({
   componentId,
   overrideKey,
@@ -4034,7 +4047,7 @@ function setOverridableProp({
     groupId || existingOverridableProp?.groupId || void 0
   );
   const overridableProp = {
-    overrideKey: existingOverridableProp?.overrideKey || (0, import_utils7.generateUniqueId)("prop"),
+    overrideKey: existingOverridableProp?.overrideKey || (0, import_utils8.generateUniqueId)("prop"),
     label,
     elementId,
     propKey,
@@ -4154,12 +4167,11 @@ function getOverridableProp({
 }
 
 // src/components/overridable-props/overridable-prop-indicator.tsx
-var FORBIDDEN_KEYS = ["_cssid", "attributes"];
 function OverridablePropIndicator() {
-  const { bind } = (0, import_editor_controls6.useBoundProp)();
+  const { propType } = (0, import_editor_controls6.useBoundProp)();
   const componentId = useCurrentComponentId();
   const overridableProps = useOverridableProps(componentId);
-  if (!isPropAllowed(bind) || !componentId || !overridableProps) {
+  if (!isPropAllowed(propType) || !componentId || !overridableProps) {
     return null;
   }
   return /* @__PURE__ */ React31.createElement(Content2, { componentId, overridableProps });
@@ -4238,8 +4250,8 @@ function Content2({ componentId, overridableProps }) {
     )
   ));
 }
-function isPropAllowed(bind) {
-  return !FORBIDDEN_KEYS.includes(bind);
+function isPropAllowed(propType) {
+  return propType.meta.overridable !== false;
 }
 
 // src/hooks/cleanup-overridable-props-on-delete.ts
@@ -4300,7 +4312,7 @@ function collectDeletedElementIds(containers) {
 // src/hooks/regenerate-override-keys.ts
 var import_editor_elements18 = require("@elementor/editor-elements");
 var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
-var import_utils8 = require("@elementor/utils");
+var import_utils9 = require("@elementor/utils");
 function initRegenerateOverrideKeys() {
   (0, import_editor_v1_adapters9.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
     regenerateOverrideKeysForContainers(result);
@@ -4343,7 +4355,7 @@ function regenerateOverrideKeys(element) {
       ...override,
       value: {
         ...override.value,
-        override_key: (0, import_utils8.generateUniqueId)("prop")
+        override_key: (0, import_utils9.generateUniqueId)("prop")
       }
     };
   });
@@ -4385,7 +4397,7 @@ var import_editor_elements19 = require("@elementor/editor-elements");
 var import_editor_mcp2 = require("@elementor/editor-mcp");
 var import_http_client2 = require("@elementor/http-client");
 var import_schema6 = require("@elementor/schema");
-var import_utils9 = require("@elementor/utils");
+var import_utils10 = require("@elementor/utils");
 var InputSchema = {
   element_id: import_schema6.z.string().describe(
     'The unique identifier of the element to save as a component. Use the "list-elements" tool to find available element IDs in the current document.'
@@ -4435,7 +4447,7 @@ var handleSaveAsComponent = async (params) => {
   if (overridableProps) {
     updateElementDataWithOverridableProps(element, overridableProps);
   }
-  const uid = (0, import_utils9.generateUniqueId)("component");
+  const uid = (0, import_utils10.generateUniqueId)("component");
   try {
     await apiClient.validate({
       items: [
@@ -4457,7 +4469,7 @@ var handleSaveAsComponent = async (params) => {
 };
 function enrichOverridableProps(input, rootElement) {
   const enrichedProps = {};
-  const defaultGroupId = (0, import_utils9.generateUniqueId)("group");
+  const defaultGroupId = (0, import_utils10.generateUniqueId)("group");
   Object.entries(input.props).forEach(([, prop]) => {
     const { elementId, propKey, label } = prop;
     const element = findElementById(rootElement, elementId);
@@ -4478,7 +4490,7 @@ function enrichOverridableProps(input, rootElement) {
         `Property "${propKey}" does not exist in element "${elementId}" (type: ${widgetType}). Available properties: ${availableProps}`
       );
     }
-    const overrideKey = (0, import_utils9.generateUniqueId)("prop");
+    const overrideKey = (0, import_utils10.generateUniqueId)("prop");
     const originValue = element.settings?.[propKey] ? element.settings[propKey] : elementType.propsSchema[propKey].default ?? null;
     enrichedProps[overrideKey] = {
       overrideKey,