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

package/dist/index.mjs

@@ -3597,7 +3597,7 @@ import {
   SettingsField,
   useElement as useElement2
 } from "@elementor/editor-editing-panel";
-import { getElementType as getElementType3 } from "@elementor/editor-elements";
+import { getContainer as getContainer3, getElementType as getElementType3 } from "@elementor/editor-elements";
 import { Stack as Stack15 } from "@elementor/ui";
 
 // src/hooks/use-controls-by-widget-type.ts
@@ -3737,6 +3737,13 @@ var ControlLabel = ({ children, ...props }) => {
   return /* @__PURE__ */ React25.createElement(Stack14, { direction: "row", alignItems: "center", justifyItems: "start", gap: 0.25 }, /* @__PURE__ */ React25.createElement(ControlFormLabel, { ...props }, children), /* @__PURE__ */ React25.createElement(ControlAdornments, null));
 };
 
+// src/components/errors.ts
+import { createError } from "@elementor/utils";
+var OverrideControlInnerElementNotFoundError = 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(SettingsField, { bind: "component_instance", propDisplayName: overridableProp.label }, /* @__PURE__ */ React26.createElement(OverrideControl, { overridableProp, overrides }));
@@ -3799,6 +3806,12 @@ function OverrideControl({ overridableProp, overrides }) {
     overridableProp.label
   );
   const { elementId, widgetType, elType, propKey } = overridableProp.originPropFields ?? overridableProp;
+  const elementContainer = getContainer3(elementId);
+  if (!elementContainer) {
+    throw new OverrideControlInnerElementNotFoundError({
+      context: { componentId: componentInstanceId, elementId }
+    });
+  }
   const type = elType === "widget" ? widgetType : elType;
   const elementType = getElementType3(type);
   if (!elementType) {
@@ -4188,12 +4201,11 @@ function getOverridableProp({
 }
 
 // src/components/overridable-props/overridable-prop-indicator.tsx
-var FORBIDDEN_KEYS = ["_cssid", "attributes"];
 function OverridablePropIndicator() {
-  const { bind } = useBoundProp3();
+  const { propType } = useBoundProp3();
   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 });
@@ -4272,8 +4284,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
@@ -4332,7 +4344,7 @@ function collectDeletedElementIds(containers) {
 }
 
 // src/hooks/regenerate-override-keys.ts
-import { getAllDescendants as getAllDescendants4, getContainer as getContainer3, updateElementSettings as updateElementSettings2 } from "@elementor/editor-elements";
+import { getAllDescendants as getAllDescendants4, getContainer as getContainer4, updateElementSettings as updateElementSettings2 } from "@elementor/editor-elements";
 import { registerDataHook as registerDataHook2 } from "@elementor/editor-v1-adapters";
 import { generateUniqueId as generateUniqueId5 } from "@elementor/utils";
 function initRegenerateOverrideKeys() {
@@ -4353,7 +4365,7 @@ function regenerateOverrideKeysForContainers(result) {
   });
 }
 function regenerateOverrideKeysRecursive(elementId) {
-  const container = getContainer3(elementId);
+  const container = getContainer4(elementId);
   if (!container) {
     return;
   }
@@ -4415,7 +4427,7 @@ import { getMCPByDomain as getMCPByDomain2 } from "@elementor/editor-mcp";
 
 // src/mcp/save-as-component-tool.ts
 import { DOCUMENT_STRUCTURE_URI, WIDGET_SCHEMA_URI } from "@elementor/editor-canvas";
-import { getContainer as getContainer4, getElementType as getElementType4, getWidgetsCache as getWidgetsCache4 } from "@elementor/editor-elements";
+import { getContainer as getContainer5, getElementType as getElementType4, getWidgetsCache as getWidgetsCache4 } from "@elementor/editor-elements";
 import { getMCPByDomain, toolPrompts } from "@elementor/editor-mcp";
 import { AxiosError } from "@elementor/http-client";
 import { z as z6 } from "@elementor/schema";
@@ -4453,7 +4465,7 @@ var ERROR_MESSAGES3 = {
 var handleSaveAsComponent = async (params) => {
   const { element_id: elementId, component_name: componentName, overridable_props: overridablePropsInput } = params;
   const validElementTypes = getValidElementTypes();
-  const container = getContainer4(elementId);
+  const container = getContainer5(elementId);
   if (!container) {
     throw new Error(ERROR_MESSAGES3.ELEMENT_NOT_FOUND);
   }