@elementor/editor-components 3.35.0-493 → 3.35.0

package/dist/index.js

@@ -37,13 +37,13 @@ module.exports = __toCommonJS(index_exports);
 // src/init.ts
 var import_editor = require("@elementor/editor");
 var import_editor_canvas8 = require("@elementor/editor-canvas");
-var import_editor_documents13 = require("@elementor/editor-documents");
+var import_editor_documents14 = require("@elementor/editor-documents");
 var import_editor_editing_panel8 = require("@elementor/editor-editing-panel");
 var import_editor_elements_panel = require("@elementor/editor-elements-panel");
 var import_editor_panels5 = require("@elementor/editor-panels");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
-var import_store80 = require("@elementor/store");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_store82 = require("@elementor/store");
 var import_i18n31 = require("@wordpress/i18n");
 
 // src/component-instance-transformer.ts
@@ -313,10 +313,6 @@ var getComponentDocumentData = async (id2) => {
     return null;
   }
 };
-var invalidateComponentDocumentData = (id2) => {
-  const documentManager = (0, import_editor_documents.getV1DocumentsManager)();
-  documentManager.invalidateCache(id2);
-};
 
 // src/component-instance-transformer.ts
 var componentInstanceTransformer = (0, import_editor_canvas.createTransformer)(
@@ -388,7 +384,7 @@ var componentOverrideTransformer = (0, import_editor_canvas3.createTransformer)(
 // src/components/component-panel-header/component-panel-header.tsx
 var React10 = __toESM(require("react"));
 var import_editor_current_user = require("@elementor/editor-current-user");
-var import_editor_documents6 = require("@elementor/editor-documents");
+var import_editor_documents7 = require("@elementor/editor-documents");
 var import_editor_panels3 = require("@elementor/editor-panels");
 var import_editor_ui6 = require("@elementor/editor-ui");
 var import_icons7 = require("@elementor/icons");
@@ -398,12 +394,12 @@ var import_i18n13 = require("@wordpress/i18n");
 
 // src/hooks/use-navigate-back.ts
 var import_react = require("react");
-var import_editor_documents2 = require("@elementor/editor-documents");
+var import_editor_documents3 = require("@elementor/editor-documents");
 var import_store5 = require("@elementor/store");
 
 // src/utils/switch-to-component.ts
+var import_editor_documents2 = require("@elementor/editor-documents");
 var import_editor_elements = require("@elementor/editor-elements");
-var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 
 // src/utils/expand-navigator.ts
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
@@ -414,8 +410,8 @@ async function expandNavigator() {
 // src/utils/switch-to-component.ts
 async function switchToComponent(componentId, componentInstanceId, element) {
   const selector = getSelector(element, componentInstanceId);
-  await (0, import_editor_v1_adapters3.__privateRunCommand)("editor/documents/switch", {
-    id: componentId,
+  (0, import_editor_documents2.invalidateDocumentData)(componentId);
+  await (0, import_editor_documents2.switchToDocument)(componentId, {
     selector,
     mode: "autosave",
     setAsInitial: false,
@@ -460,7 +456,7 @@ function buildUniqueSelector(element) {
 // src/hooks/use-navigate-back.ts
 function useNavigateBack() {
   const path = (0, import_store5.__useSelector)(selectPath);
-  const documentsManager = (0, import_editor_documents2.getV1DocumentsManager)();
+  const documentsManager = (0, import_editor_documents3.getV1DocumentsManager)();
   return (0, import_react.useCallback)(() => {
     const { componentId: prevComponentId, instanceId: prevComponentInstanceId } = path.at(-2) ?? {};
     if (prevComponentId && prevComponentInstanceId) {
@@ -519,7 +515,7 @@ var import_i18n11 = require("@wordpress/i18n");
 // src/components/component-properties-panel/component-properties-panel-content.tsx
 var React7 = __toESM(require("react"));
 var import_react5 = require("react");
-var import_editor_documents5 = require("@elementor/editor-documents");
+var import_editor_documents6 = require("@elementor/editor-documents");
 var import_editor_panels = require("@elementor/editor-panels");
 var import_icons5 = require("@elementor/icons");
 var import_ui7 = require("@elementor/ui");
@@ -747,7 +743,7 @@ var import_editor_elements2 = require("@elementor/editor-elements");
 
 // src/create-component-type.ts
 var import_editor_canvas4 = require("@elementor/editor-canvas");
-var import_editor_documents3 = require("@elementor/editor-documents");
+var import_editor_documents4 = require("@elementor/editor-documents");
 var import_store13 = require("@elementor/store");
 var import_i18n2 = require("@wordpress/i18n");
 var COMPONENT_WIDGET_TYPE = "e-component";
@@ -788,7 +784,7 @@ function createComponentView(options) {
     eventsManagerConfig = legacyWindow.elementorCommon.eventsManager.config;
     #componentRenderContext;
     isComponentCurrentlyEdited() {
-      const currentDocument = (0, import_editor_documents3.getCurrentDocument)();
+      const currentDocument = (0, import_editor_documents4.getCurrentDocument)();
       return currentDocument?.id === this.getComponentId();
     }
     getRenderContext() {
@@ -1848,7 +1844,7 @@ function PropertiesGroup({
 
 // src/components/component-properties-panel/use-current-editable-item.ts
 var import_react4 = require("react");
-var import_editor_documents4 = require("@elementor/editor-documents");
+var import_editor_documents5 = require("@elementor/editor-documents");
 var import_editor_ui4 = require("@elementor/editor-ui");
 var import_i18n9 = require("@wordpress/i18n");
 
@@ -1916,7 +1912,7 @@ function useCurrentEditableItem() {
       groupId: editingGroupId,
       label: newLabel
     });
-    (0, import_editor_documents4.setDocumentModifiedStatus)(true);
+    (0, import_editor_documents5.setDocumentModifiedStatus)(true);
   };
   const {
     ref: editableRef,
@@ -1993,21 +1989,21 @@ function ComponentPropertiesPanelContent({ onClose }) {
       label: newLabel,
       source: "user"
     });
-    (0, import_editor_documents5.setDocumentModifiedStatus)(true);
+    (0, import_editor_documents6.setDocumentModifiedStatus)(true);
     setIsAddingGroup(false);
     groupLabelEditable.setEditingGroupId(newGroupId);
   };
   const handleGroupsReorder = (newOrder) => {
     reorderOverridableGroups({ componentId: currentComponentId, newOrder });
-    (0, import_editor_documents5.setDocumentModifiedStatus)(true);
+    (0, import_editor_documents6.setDocumentModifiedStatus)(true);
   };
   const handlePropsReorder = (groupId, newPropsOrder) => {
     reorderGroupProps({ componentId: currentComponentId, groupId, newPropsOrder });
-    (0, import_editor_documents5.setDocumentModifiedStatus)(true);
+    (0, import_editor_documents6.setDocumentModifiedStatus)(true);
   };
   const handlePropertyDelete = (propKey) => {
     deleteOverridableProp({ componentId: currentComponentId, propKey, source: "user" });
-    (0, import_editor_documents5.setDocumentModifiedStatus)(true);
+    (0, import_editor_documents6.setDocumentModifiedStatus)(true);
   };
   const handlePropertyUpdate = (overrideKey, data) => {
     updateOverridablePropParams({
@@ -2016,11 +2012,11 @@ function ComponentPropertiesPanelContent({ onClose }) {
       label: data.label,
       groupId: data.group
     });
-    (0, import_editor_documents5.setDocumentModifiedStatus)(true);
+    (0, import_editor_documents6.setDocumentModifiedStatus)(true);
   };
   const handleGroupDelete = (groupId) => {
     deleteOverridableGroup({ componentId: currentComponentId, groupId });
-    (0, import_editor_documents5.setDocumentModifiedStatus)(true);
+    (0, import_editor_documents6.setDocumentModifiedStatus)(true);
   };
   return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(import_editor_panels.PanelHeader, { sx: { justifyContent: "start", pl: 1.5, pr: 1, py: 1 } }, /* @__PURE__ */ React7.createElement(import_ui7.Stack, { direction: "row", alignItems: "center", gap: 0.5, flexGrow: 1 }, /* @__PURE__ */ React7.createElement(import_icons5.ComponentPropListIcon, { fontSize: "tiny" }), /* @__PURE__ */ React7.createElement(import_editor_panels.PanelHeaderTitle, { variant: "subtitle2" }, (0, import_i18n10.__)("Component properties", "elementor"))), !showEmptyState && /* @__PURE__ */ React7.createElement(import_ui7.Tooltip, { title: (0, import_i18n10.__)("Add new group", "elementor") }, /* @__PURE__ */ React7.createElement(
     import_ui7.IconButton,
@@ -2203,7 +2199,7 @@ function getComponentName() {
   if (instanceTitle) {
     return instanceTitle;
   }
-  const documentsManager = (0, import_editor_documents6.getV1DocumentsManager)();
+  const documentsManager = (0, import_editor_documents7.getV1DocumentsManager)();
   const currentDocument = documentsManager.getCurrent();
   return currentDocument?.container?.settings?.get("post_title") ?? "";
 }
@@ -2298,13 +2294,13 @@ var useComponentsPermissions = () => {
 };
 
 // src/store/actions/rename-component.ts
-var import_editor_documents7 = require("@elementor/editor-documents");
+var import_editor_documents8 = require("@elementor/editor-documents");
 var import_editor_elements5 = require("@elementor/editor-elements");
 var import_store33 = require("@elementor/store");
 var TITLE_EXTERNAL_CHANGE_COMMAND = "title_external_change";
 var renameComponent = (componentUid, newName) => {
   (0, import_store33.__dispatch)(slice.actions.rename({ componentUid, name: newName }));
-  (0, import_editor_documents7.setDocumentModifiedStatus)(true);
+  (0, import_editor_documents8.setDocumentModifiedStatus)(true);
   refreshComponentInstanceTitles(componentUid);
 };
 function refreshComponentInstanceTitles(componentUid) {
@@ -2318,7 +2314,7 @@ function refreshComponentInstanceTitles(componentUid) {
   });
 }
 function getDocumentContainer() {
-  const documentsManager = (0, import_editor_documents7.getV1DocumentsManager)();
+  const documentsManager = (0, import_editor_documents8.getV1DocumentsManager)();
   return documentsManager?.getCurrent()?.container;
 }
 function findComponentInstancesByUid(documentContainer, componentUid) {
@@ -2342,7 +2338,7 @@ var import_ui12 = require("@elementor/ui");
 var import_i18n18 = require("@wordpress/i18n");
 
 // src/store/actions/archive-component.ts
-var import_editor_documents8 = require("@elementor/editor-documents");
+var import_editor_documents9 = require("@elementor/editor-documents");
 var import_editor_notifications = require("@elementor/editor-notifications");
 var import_store35 = require("@elementor/store");
 var import_i18n15 = require("@wordpress/i18n");
@@ -2354,12 +2350,12 @@ var successNotification = (componentId, componentName) => ({
 });
 var archiveComponent = (componentId, componentName) => {
   (0, import_store35.__dispatch)(slice.actions.archive(componentId));
-  (0, import_editor_documents8.setDocumentModifiedStatus)(true);
+  (0, import_editor_documents9.setDocumentModifiedStatus)(true);
   (0, import_editor_notifications.notify)(successNotification(componentId, componentName));
 };
 
 // src/store/actions/load-components-assets.ts
-var import_editor_documents9 = require("@elementor/editor-documents");
+var import_editor_documents10 = require("@elementor/editor-documents");
 
 // src/utils/get-component-documents.ts
 async function getComponentDocuments(elements, cache = /* @__PURE__ */ new Map()) {
@@ -2469,9 +2465,9 @@ async function loadComponentsAssets(elements) {
   await loadComponentsOverridableProps([...documents.keys()]);
 }
 function updateDocumentState(documents) {
-  const isDrafted = [...documents.values()].some(import_editor_documents9.isDocumentDirty);
+  const isDrafted = [...documents.values()].some(import_editor_documents10.isDocumentDirty);
   if (isDrafted) {
-    (0, import_editor_documents9.setDocumentModifiedStatus)(true);
+    (0, import_editor_documents10.setDocumentModifiedStatus)(true);
   }
 }
 
@@ -2999,7 +2995,7 @@ var import_i18n23 = require("@wordpress/i18n");
 var import_editor_canvas6 = require("@elementor/editor-canvas");
 var import_editor_elements9 = require("@elementor/editor-elements");
 var import_editor_notifications2 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 var import_i18n21 = require("@wordpress/i18n");
 
 // src/utils/is-editing-component.ts
@@ -3019,15 +3015,15 @@ var NON_ATOMIC_ELEMENT_ALERT = {
   id: "non-atomic-element-blocked"
 };
 function initNonAtomicNestingPrevention() {
-  (0, import_editor_v1_adapters4.blockCommand)({
+  (0, import_editor_v1_adapters3.blockCommand)({
     command: "document/elements/create",
     condition: blockNonAtomicCreate
   });
-  (0, import_editor_v1_adapters4.blockCommand)({
+  (0, import_editor_v1_adapters3.blockCommand)({
     command: "document/elements/move",
     condition: blockNonAtomicMove
   });
-  (0, import_editor_v1_adapters4.blockCommand)({
+  (0, import_editor_v1_adapters3.blockCommand)({
     command: "document/elements/paste",
     condition: blockNonAtomicPaste
   });
@@ -3115,7 +3111,7 @@ function findNonAtomicElementsInElement(element) {
 
 // src/store/actions/create-unpublished-component.ts
 var import_editor_elements10 = require("@elementor/editor-elements");
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_store45 = require("@elementor/store");
 var import_utils4 = require("@elementor/utils");
 var import_i18n22 = require("@wordpress/i18n");
@@ -3154,7 +3150,7 @@ async function createUnpublishedComponent({
     ...eventData
   });
   try {
-    await (0, import_editor_v1_adapters5.__privateRunCommand)("document/save/auto");
+    await (0, import_editor_v1_adapters4.__privateRunCommand)("document/save/auto");
   } catch (error) {
     restoreOriginalElement(originalElement, componentInstance.id);
     (0, import_store45.__dispatch)(slice.actions.removeUnpublished(generatedUid));
@@ -3440,13 +3436,13 @@ var Form2 = ({
 // src/components/edit-component/edit-component.tsx
 var React21 = __toESM(require("react"));
 var import_react13 = require("react");
-var import_editor_documents11 = require("@elementor/editor-documents");
-var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
+var import_editor_documents12 = require("@elementor/editor-documents");
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
 var import_store51 = require("@elementor/store");
 var import_utils6 = require("@elementor/utils");
 
 // src/store/actions/update-current-component.ts
-var import_editor_documents10 = require("@elementor/editor-documents");
+var import_editor_documents11 = require("@elementor/editor-documents");
 var import_store49 = require("@elementor/store");
 function updateCurrentComponent({
   path,
@@ -3467,9 +3463,9 @@ var import_react_dom = require("react-dom");
 var import_i18n24 = require("@wordpress/i18n");
 
 // src/hooks/use-canvas-document.ts
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 function useCanvasDocument() {
-  return (0, import_editor_v1_adapters6.__privateUseListenTo)((0, import_editor_v1_adapters6.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters6.getCanvasIframeDocument)());
+  return (0, import_editor_v1_adapters5.__privateUseListenTo)((0, import_editor_v1_adapters5.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters5.getCanvasIframeDocument)());
 }
 
 // src/hooks/use-element-rect.ts
@@ -3646,11 +3642,11 @@ function EditComponent() {
   return /* @__PURE__ */ React21.createElement(ComponentModal, { topLevelElementDom, onClose });
 }
 function useHandleDocumentSwitches() {
-  const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
+  const documentsManager = (0, import_editor_documents12.getV1DocumentsManager)();
   const currentComponentId = useCurrentComponentId();
   const path = (0, import_store51.__useSelector)(selectPath);
   (0, import_react13.useEffect)(() => {
-    return (0, import_editor_v1_adapters7.__privateListenTo)((0, import_editor_v1_adapters7.commandEndEvent)("editor/documents/open"), () => {
+    return (0, import_editor_v1_adapters6.__privateListenTo)((0, import_editor_v1_adapters6.commandEndEvent)("editor/documents/open"), () => {
       const nextDocument = documentsManager.getCurrent();
       if (nextDocument.id === currentComponentId) {
         return;
@@ -3690,7 +3686,7 @@ function getInstanceTitle(instanceId, path) {
   if (!instanceId) {
     return void 0;
   }
-  const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
+  const documentsManager = (0, import_editor_documents12.getV1DocumentsManager)();
   const parentDocId = path.at(-1)?.componentId ?? documentsManager.getInitialId();
   const parentDoc = documentsManager.get(parentDocId);
   const parentContainer = parentDoc?.container;
@@ -3725,7 +3721,7 @@ function getComponentDOMElements(id2) {
   if (!id2) {
     return { componentContainerDomElement: null, topLevelElementDom: null };
   }
-  const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
+  const documentsManager = (0, import_editor_documents12.getV1DocumentsManager)();
   const currentComponent = documentsManager.get(id2);
   const componentContainer = currentComponent?.container;
   const componentContainerDomElement = componentContainer?.view?.el?.children?.[0] ?? null;
@@ -3933,12 +3929,10 @@ var getPropTypeForComponentOverride = (overridableProp) => {
   if (overridableProp.originPropFields) {
     return getPropType(overridableProp.originPropFields);
   }
-  const { elType, widgetType, propKey, elementId } = overridableProp;
+  const { widgetType, propKey } = overridableProp;
   return getPropType({
-    elType,
     widgetType,
-    propKey,
-    elementId
+    propKey
   });
 };
 function getPropType({ widgetType, propKey }) {
@@ -3961,6 +3955,92 @@ var OverrideControlInnerElementNotFoundError = (0, import_utils7.createError)({
   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/use-resolved-origin-value.tsx
+var import_store55 = require("@elementor/store");
+function useResolvedOriginValue(override, overridableProp) {
+  const components = (0, import_store55.__useSelector)(selectData);
+  return resolveOriginValue(components, override, overridableProp);
+}
+function resolveOriginValue(components, matchingOverride, overridableProp) {
+  const { originValue: fallbackOriginValue, originPropFields } = overridableProp;
+  if (hasValue(fallbackOriginValue)) {
+    return fallbackOriginValue;
+  }
+  if (matchingOverride) {
+    const result = getOriginFromOverride(components, matchingOverride);
+    if (hasValue(result)) {
+      return result;
+    }
+  }
+  const { elementId, propKey } = originPropFields ?? {};
+  if (elementId && propKey) {
+    return findOriginValueByElementId(components, elementId, propKey);
+  }
+  return null;
+}
+function getOriginFromOverride(components, override) {
+  const overridableValue = componentOverridablePropTypeUtil.extract(override);
+  const innerOverride = overridableValue ? componentInstanceOverridePropTypeUtil.extract(overridableValue.origin_value) : componentInstanceOverridePropTypeUtil.extract(override);
+  if (!innerOverride) {
+    return null;
+  }
+  const { schema_source: schemaSource, override_key: overrideKey, override_value: overrideValue } = innerOverride;
+  const componentId = schemaSource?.id;
+  if (!componentId || !overrideKey) {
+    return null;
+  }
+  const prop = getOverridableProp(components, componentId, overrideKey);
+  if (hasValue(prop?.originValue)) {
+    return prop.originValue;
+  }
+  if (prop?.originPropFields?.elementId) {
+    const targetPropKey = prop.originPropFields.propKey ?? prop.propKey;
+    const result = findOriginValueByElementId(components, prop.originPropFields.elementId, targetPropKey);
+    if (hasValue(result)) {
+      return result;
+    }
+  }
+  const nestedOverridable = componentOverridablePropTypeUtil.extract(overrideValue);
+  if (nestedOverridable) {
+    return getOriginFromOverride(components, componentOverridablePropTypeUtil.create(nestedOverridable));
+  }
+  return null;
+}
+function findOriginValueByElementId(components, targetElementId, targetPropKey, visited = /* @__PURE__ */ new Set()) {
+  for (const component of components) {
+    if (visited.has(component.id)) {
+      continue;
+    }
+    visited.add(component.id);
+    const matchingProp = Object.values(component.overridableProps?.props ?? {}).find(
+      ({ elementId, propKey }) => elementId === targetElementId && propKey === targetPropKey
+    );
+    if (!matchingProp) {
+      continue;
+    }
+    if (hasValue(matchingProp.originValue)) {
+      return matchingProp.originValue;
+    }
+    if (matchingProp.originPropFields?.elementId) {
+      const innerPropKey = matchingProp.originPropFields.propKey ?? targetPropKey;
+      return findOriginValueByElementId(
+        components,
+        matchingProp.originPropFields.elementId,
+        innerPropKey,
+        visited
+      );
+    }
+  }
+  return null;
+}
+function hasValue(value) {
+  return value !== null && value !== void 0;
+}
+function getOverridableProp(components, componentId, overrideKey) {
+  const component = components.find(({ id: id2 }) => id2 === componentId);
+  return component?.overridableProps?.props?.[overrideKey];
+}
+
 // 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 }));
@@ -3973,26 +4053,27 @@ function OverrideControl({ overridableProp, overrides }) {
     overridableProp?.originPropFields?.widgetType ?? overridableProp.widgetType
   );
   const controlReplacements = (0, import_editor_editing_panel3.getControlReplacements)();
+  const matchingOverride = getMatchingOverride(overrides, overridableProp.overrideKey);
+  const recursiveOriginValue = useResolvedOriginValue(matchingOverride, overridableProp);
   const propType = getPropTypeForComponentOverride(overridableProp);
   if (!propType) {
     return null;
   }
-  const propTypeSchema = (0, import_editor_editing_panel3.createTopLevelObjectType)({
-    schema: {
-      [overridableProp.overrideKey]: propType
-    }
-  });
   const componentInstanceId = instanceValue.component_id?.value;
   if (!componentInstanceId) {
     throw new Error("Component ID is required");
   }
-  const matchingOverride = getMatchingOverride(overrides, overridableProp.overrideKey);
-  const propValue = matchingOverride ? resolveOverridePropValue(matchingOverride) : overridableProp.originValue;
+  const resolvedOverrideValue = matchingOverride ? resolveOverridePropValue(matchingOverride) : null;
+  const propValue = resolvedOverrideValue ?? recursiveOriginValue ?? overridableProp.originValue;
   const value = {
     [overridableProp.overrideKey]: propValue
   };
   const setValue = (newValue) => {
-    const newPropValue = newValue[overridableProp.overrideKey];
+    const newPropValue = getTempNewValueForDynamicProp(
+      propType,
+      propValue,
+      newValue[overridableProp.overrideKey]
+    );
     const newOverrideValue = createOverrideValue({
       matchingOverride,
       overrideKey: overridableProp.overrideKey,
@@ -4034,6 +4115,11 @@ function OverrideControl({ overridableProp, overrides }) {
   if (!elementType) {
     return null;
   }
+  const propTypeSchema = (0, import_editor_editing_panel3.createTopLevelObjectType)({
+    schema: {
+      [overridableProp.overrideKey]: propType
+    }
+  });
   return /* @__PURE__ */ React26.createElement(
     OverridablePropProvider,
     {
@@ -4054,8 +4140,15 @@ function OverrideControl({ overridableProp, overrides }) {
     )))
   );
 }
+function getTempNewValueForDynamicProp(propType, propValue, newPropValue) {
+  const isRemovingOverride = newPropValue === null;
+  if (isRemovingOverride && (0, import_editor_editing_panel3.isDynamicPropValue)(propValue)) {
+    return propType.default ?? null;
+  }
+  return newPropValue;
+}
 function getMatchingOverride(overrides, overrideKey) {
-  return overrides?.find((override) => {
+  const result = overrides?.find((override) => {
     const overridableValue = componentOverridablePropTypeUtil.extract(override);
     let comparedOverrideKey = null;
     if (overridableValue) {
@@ -4065,6 +4158,7 @@ function getMatchingOverride(overrides, overrideKey) {
     }
     return comparedOverrideKey === overrideKey;
   }) ?? null;
+  return result;
 }
 function createOverrideValue({
   matchingOverride,
@@ -4191,7 +4285,7 @@ function InstanceEditingPanel() {
   const isNonEmptyGroup = (group) => group !== null && group.props.length > 0;
   const groups = overridableProps.groups.order.map((groupId) => overridableProps.groups.items[groupId] ?? null).filter(isNonEmptyGroup);
   const isEmpty = groups.length === 0 || Object.keys(overridableProps.props).length === 0;
-  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(import_editor_panels4.PanelHeader, { sx: { justifyContent: "start", px: 2 } }, /* @__PURE__ */ React28.createElement(import_ui22.Stack, { direction: "row", alignItems: "center", flexGrow: 1, gap: 1, maxWidth: "100%" }, /* @__PURE__ */ React28.createElement(import_icons14.ComponentsIcon, { fontSize: "small", sx: { color: "text.tertiary" } }), /* @__PURE__ */ React28.createElement(import_editor_ui14.EllipsisWithTooltip, { title: component.name, as: import_editor_panels4.PanelHeaderTitle, sx: { flexGrow: 1 } }), canEdit && /* @__PURE__ */ React28.createElement(import_ui22.Tooltip, { title: panelTitle }, /* @__PURE__ */ React28.createElement(import_ui22.IconButton, { size: "tiny", onClick: handleEditComponent, "aria-label": panelTitle }, /* @__PURE__ */ React28.createElement(import_icons14.PencilIcon, { fontSize: "tiny" }))))), /* @__PURE__ */ React28.createElement(import_editor_panels4.PanelBody, null, /* @__PURE__ */ React28.createElement(import_editor_controls4.ControlAdornmentsProvider, { items: (0, import_editor_editing_panel5.getFieldIndicators)("settings") }, isEmpty ? /* @__PURE__ */ React28.createElement(EmptyState2, { onEditComponent: handleEditComponent }) : /* @__PURE__ */ React28.createElement(import_ui22.Stack, { direction: "column", alignItems: "stretch" }, groups.map((group) => /* @__PURE__ */ React28.createElement(React28.Fragment, { key: group.id }, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(import_editor_panels4.PanelHeader, { sx: { justifyContent: "start", px: 2 } }, /* @__PURE__ */ React28.createElement(import_ui22.Stack, { direction: "row", alignItems: "center", flexGrow: 1, gap: 1, maxWidth: "100%" }, /* @__PURE__ */ React28.createElement(import_icons14.ComponentsIcon, { fontSize: "small", sx: { color: "text.tertiary" } }), /* @__PURE__ */ React28.createElement(import_editor_ui14.EllipsisWithTooltip, { title: component.name, as: import_editor_panels4.PanelHeaderTitle, sx: { flexGrow: 1 } }), canEdit && /* @__PURE__ */ React28.createElement(import_ui22.Tooltip, { title: panelTitle }, /* @__PURE__ */ React28.createElement(import_ui22.IconButton, { size: "tiny", onClick: handleEditComponent, "aria-label": panelTitle }, /* @__PURE__ */ React28.createElement(import_icons14.PencilIcon, { fontSize: "tiny" }))))), /* @__PURE__ */ React28.createElement(import_editor_panels4.PanelBody, null, /* @__PURE__ */ React28.createElement(import_editor_controls4.ControlAdornmentsProvider, { items: (0, import_editor_editing_panel5.getFieldIndicators)("settings") }, isEmpty ? /* @__PURE__ */ React28.createElement(EmptyState2, { onEditComponent: handleEditComponent }) : /* @__PURE__ */ React28.createElement(import_ui22.Stack, { direction: "column", alignItems: "stretch" }, groups.map((group) => /* @__PURE__ */ React28.createElement(React28.Fragment, { key: group.id + componentInstanceId }, /* @__PURE__ */ React28.createElement(
     OverridePropsGroup,
     {
       group,
@@ -4282,7 +4376,7 @@ var import_ui24 = require("@elementor/ui");
 var import_i18n29 = require("@wordpress/i18n");
 
 // src/store/actions/set-overridable-prop.ts
-var import_store58 = require("@elementor/store");
+var import_store60 = require("@elementor/store");
 var import_utils8 = require("@elementor/utils");
 function setOverridableProp({
   componentId,
@@ -4297,7 +4391,7 @@ function setOverridableProp({
   originPropFields,
   source
 }) {
-  const overridableProps = selectOverridableProps((0, import_store58.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store60.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -4334,7 +4428,7 @@ function setOverridableProp({
   if (isChangingGroups) {
     groups = removePropFromGroup(groups, existingOverridableProp.groupId, overridableProp.overrideKey);
   }
-  (0, import_store58.__dispatch)(
+  (0, import_store60.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -4345,7 +4439,7 @@ function setOverridableProp({
   );
   const isNewProperty = !existingOverridableProp;
   if (isNewProperty) {
-    const currentComponent = selectCurrentComponent((0, import_store58.__getState)());
+    const currentComponent = selectCurrentComponent((0, import_store60.__getState)());
     trackComponentEvent({
       action: "propertyExposed",
       source,
@@ -4430,12 +4524,12 @@ var Indicator2 = (0, import_react16.forwardRef)(({ isOpen, isOverridable, ...pro
 )));
 
 // src/components/overridable-props/utils/get-overridable-prop.ts
-var import_store60 = require("@elementor/store");
-function getOverridableProp({
+var import_store62 = require("@elementor/store");
+function getOverridableProp2({
   componentId,
   overrideKey
 }) {
-  const overridableProps = selectOverridableProps((0, import_store60.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store62.__getState)(), componentId);
   if (!overridableProps) {
     return void 0;
   }
@@ -4495,7 +4589,7 @@ function Content2({ componentId, overridableProps }) {
     }
     popupState.close();
   };
-  const overridableConfig = overridableValue ? getOverridableProp({ componentId, overrideKey: overridableValue.override_key }) : void 0;
+  const overridableConfig = overridableValue ? getOverridableProp2({ componentId, overrideKey: overridableValue.override_key }) : void 0;
   return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(import_ui24.Tooltip, { placement: "top", title: (0, import_i18n29.__)("Override Property", "elementor") }, /* @__PURE__ */ React31.createElement(Indicator2, { ...triggerProps, isOpen: !!popoverProps.open, isOverridable: !!overridableValue })), /* @__PURE__ */ React31.createElement(
     import_ui24.Popover,
     {
@@ -4875,10 +4969,10 @@ function initMcp() {
 
 // src/populate-store.ts
 var import_react17 = require("react");
-var import_store63 = require("@elementor/store");
+var import_store65 = require("@elementor/store");
 function PopulateStore() {
   (0, import_react17.useEffect)(() => {
-    (0, import_store63.__dispatch)(loadComponents());
+    (0, import_store65.__dispatch)(loadComponents());
   }, []);
   return null;
 }
@@ -4886,8 +4980,8 @@ function PopulateStore() {
 // src/prevent-circular-nesting.ts
 var import_editor_elements19 = require("@elementor/editor-elements");
 var import_editor_notifications4 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
-var import_store64 = require("@elementor/store");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
+var import_store66 = require("@elementor/store");
 var import_i18n30 = require("@wordpress/i18n");
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
@@ -4896,15 +4990,15 @@ var COMPONENT_CIRCULAR_NESTING_ALERT = {
   id: "circular-component-nesting-blocked"
 };
 function initCircularNestingPrevention() {
-  (0, import_editor_v1_adapters8.blockCommand)({
+  (0, import_editor_v1_adapters7.blockCommand)({
     command: "document/elements/create",
     condition: blockCircularCreate
   });
-  (0, import_editor_v1_adapters8.blockCommand)({
+  (0, import_editor_v1_adapters7.blockCommand)({
     command: "document/elements/move",
     condition: blockCircularMove
   });
-  (0, import_editor_v1_adapters8.blockCommand)({
+  (0, import_editor_v1_adapters7.blockCommand)({
     command: "document/elements/paste",
     condition: blockCircularPaste
   });
@@ -4913,7 +5007,7 @@ function wouldCreateCircularNesting(componentIdToAdd) {
   if (componentIdToAdd === void 0) {
     return false;
   }
-  const state = (0, import_store64.__getState)();
+  const state = (0, import_store66.__getState)();
   const currentComponentId = selectCurrentComponentId(state);
   const path = selectPath(state);
   if (currentComponentId === null) {
@@ -5011,19 +5105,19 @@ function blockCircularPaste(args) {
 }
 
 // src/store/actions/remove-component-styles.ts
-var import_store66 = require("@elementor/store");
+var import_store68 = require("@elementor/store");
 function removeComponentStyles(id2) {
   apiClient.invalidateComponentConfigCache(id2);
-  (0, import_store66.__dispatch)(slice.actions.removeStyles({ id: id2 }));
+  (0, import_store68.__dispatch)(slice.actions.removeStyles({ id: id2 }));
 }
 
 // src/store/components-styles-provider.ts
 var import_editor_styles_repository = require("@elementor/editor-styles-repository");
-var import_store68 = require("@elementor/store");
+var import_store70 = require("@elementor/store");
 var componentsStylesProvider = (0, import_editor_styles_repository.createStylesProvider)({
   key: "components-styles",
   priority: 100,
-  subscribe: (cb) => (0, import_store68.__subscribeWithSelector)(
+  subscribe: (cb) => (0, import_store70.__subscribeWithSelector)(
     (state) => state[SLICE_NAME],
     () => {
       cb();
@@ -5031,29 +5125,29 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
   ),
   actions: {
     all: () => {
-      return selectFlatStyles((0, import_store68.__getState)());
+      return selectFlatStyles((0, import_store70.__getState)());
     },
     get: (id2) => {
-      return selectFlatStyles((0, import_store68.__getState)()).find((style) => style.id === id2) ?? null;
+      return selectFlatStyles((0, import_store70.__getState)()).find((style) => style.id === id2) ?? null;
     }
   }
 });
 
 // src/sync/create-components-before-save.ts
 var import_editor_elements20 = require("@elementor/editor-elements");
-var import_store70 = require("@elementor/store");
+var import_store72 = require("@elementor/store");
 async function createComponentsBeforeSave({
   elements,
   status
 }) {
-  const unpublishedComponents = selectUnpublishedComponents((0, import_store70.__getState)());
+  const unpublishedComponents = selectUnpublishedComponents((0, import_store72.__getState)());
   if (!unpublishedComponents.length) {
     return;
   }
   try {
     const uidToComponentId = await createComponents(unpublishedComponents, status);
     updateComponentInstances(elements, uidToComponentId);
-    (0, import_store70.__dispatch)(
+    (0, import_store72.__dispatch)(
       slice.actions.add(
         unpublishedComponents.map((component) => ({
           id: uidToComponentId.get(component.uid),
@@ -5063,10 +5157,10 @@ async function createComponentsBeforeSave({
         }))
       )
     );
-    (0, import_store70.__dispatch)(slice.actions.resetUnpublished());
+    (0, import_store72.__dispatch)(slice.actions.resetUnpublished());
   } catch (error) {
     const failedUids = unpublishedComponents.map((component) => component.uid);
-    (0, import_store70.__dispatch)(slice.actions.removeUnpublished(failedUids));
+    (0, import_store72.__dispatch)(slice.actions.removeUnpublished(failedUids));
     throw new Error(`Failed to publish components: ${error}`);
   }
 }
@@ -5125,22 +5219,22 @@ function updateElementComponentId(elementId, componentId) {
 }
 
 // src/sync/publish-draft-components-in-page-before-save.ts
-var import_editor_documents12 = require("@elementor/editor-documents");
+var import_editor_documents13 = require("@elementor/editor-documents");
 async function publishDraftComponentsInPageBeforeSave({ status, elements }) {
   if (status !== "publish") {
     return;
   }
   const documents = await getComponentDocuments(elements);
-  const draftIds = [...documents.values()].filter(import_editor_documents12.isDocumentDirty).map((document) => document.id);
+  const draftIds = [...documents.values()].filter(import_editor_documents13.isDocumentDirty).map((document) => document.id);
   if (draftIds.length === 0) {
     return;
   }
   await apiClient.updateStatuses(draftIds, "publish");
-  draftIds.forEach((id2) => invalidateComponentDocumentData(id2));
+  draftIds.forEach((id2) => (0, import_editor_documents13.invalidateDocumentData)(id2));
 }
 
 // src/sync/set-component-overridable-props-settings-before-save.ts
-var import_store72 = require("@elementor/store");
+var import_store74 = require("@elementor/store");
 var setComponentOverridablePropsSettingsBeforeSave = ({
   container
 }) => {
@@ -5148,7 +5242,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
   if (!currentDocument || currentDocument.config.type !== COMPONENT_DOCUMENT_TYPE) {
     return;
   }
-  const overridableProps = selectOverridableProps((0, import_store72.__getState)(), currentDocument.id);
+  const overridableProps = selectOverridableProps((0, import_store74.__getState)(), currentDocument.id);
   if (overridableProps) {
     container.settings.set("overridable_props", overridableProps);
   }
@@ -5156,7 +5250,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
 
 // src/sync/update-archived-component-before-save.ts
 var import_editor_notifications5 = require("@elementor/editor-notifications");
-var import_store74 = require("@elementor/store");
+var import_store76 = require("@elementor/store");
 var failedNotification = (message) => ({
   type: "error",
   message: `Failed to archive components: ${message}`,
@@ -5164,7 +5258,7 @@ var failedNotification = (message) => ({
 });
 var updateArchivedComponentBeforeSave = async (status) => {
   try {
-    const archivedComponents = selectArchivedThisSession((0, import_store74.__getState)());
+    const archivedComponents = selectArchivedThisSession((0, import_store76.__getState)());
     if (!archivedComponents.length) {
       return;
     }
@@ -5179,15 +5273,15 @@ var updateArchivedComponentBeforeSave = async (status) => {
 };
 
 // src/sync/update-component-title-before-save.ts
-var import_store76 = require("@elementor/store");
+var import_store78 = require("@elementor/store");
 var updateComponentTitleBeforeSave = async (status) => {
-  const updatedComponentNames = selectUpdatedComponentNames((0, import_store76.__getState)());
+  const updatedComponentNames = selectUpdatedComponentNames((0, import_store78.__getState)());
   if (!updatedComponentNames.length) {
     return;
   }
   const result = await apiClient.updateComponentTitle(updatedComponentNames, status);
   if (result.failedIds.length === 0) {
-    (0, import_store76.__dispatch)(slice.actions.cleanUpdatedComponentNames());
+    (0, import_store78.__dispatch)(slice.actions.cleanUpdatedComponentNames());
   }
 };
 
@@ -5214,11 +5308,11 @@ var updateExistingComponentsBeforeSave = async ({
 
 // src/sync/cleanup-overridable-props-on-delete.ts
 var import_editor_elements21 = require("@elementor/editor-elements");
-var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
-var import_store78 = require("@elementor/store");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+var import_store80 = require("@elementor/store");
 function initCleanupOverridablePropsOnDelete() {
-  (0, import_editor_v1_adapters9.registerDataHook)("dependency", "document/elements/delete", (args) => {
-    const state = (0, import_store78.__getState)();
+  (0, import_editor_v1_adapters8.registerDataHook)("dependency", "document/elements/delete", (args) => {
+    const state = (0, import_store80.__getState)();
     if (!state) {
       return true;
     }
@@ -5249,7 +5343,7 @@ function initCleanupOverridablePropsOnDelete() {
     for (const propKey of propKeysToDelete) {
       updatedGroups = removePropFromAllGroups(updatedGroups, propKey);
     }
-    (0, import_store78.__dispatch)(
+    (0, import_store80.__dispatch)(
       slice.actions.setOverridableProps({
         componentId: currentComponentId,
         overridableProps: {
@@ -5269,14 +5363,14 @@ function collectDeletedElementIds(containers) {
 
 // src/sync/handle-component-edit-mode-container.ts
 var import_editor_elements22 = require("@elementor/editor-elements");
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 var V4_DEFAULT_CONTAINER_TYPE = "e-flexbox";
 function initHandleComponentEditModeContainer() {
   initRedirectDropIntoComponent();
   initHandleTopLevelElementDelete();
 }
 function initHandleTopLevelElementDelete() {
-  (0, import_editor_v1_adapters10.registerDataHook)("after", "document/elements/delete", (args) => {
+  (0, import_editor_v1_adapters9.registerDataHook)("after", "document/elements/delete", (args) => {
     if (!isEditingComponent()) {
       return;
     }
@@ -5294,7 +5388,7 @@ function initHandleTopLevelElementDelete() {
   });
 }
 function initRedirectDropIntoComponent() {
-  (0, import_editor_v1_adapters10.registerDataHook)("dependency", "preview/drop", (args) => {
+  (0, import_editor_v1_adapters9.registerDataHook)("dependency", "preview/drop", (args) => {
     if (!isEditingComponent()) {
       return true;
     }
@@ -5340,12 +5434,12 @@ function isComponent(container) {
 }
 
 // src/sync/load-component-data-after-instance-added.ts
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 function initLoadComponentDataAfterInstanceAdded() {
-  (0, import_editor_v1_adapters11.registerDataHook)("after", "document/elements/paste", (_args, result) => {
+  (0, import_editor_v1_adapters10.registerDataHook)("after", "document/elements/paste", (_args, result) => {
     load(result);
   });
-  (0, import_editor_v1_adapters11.registerDataHook)("after", "document/elements/import", (_args, result) => {
+  (0, import_editor_v1_adapters10.registerDataHook)("after", "document/elements/import", (_args, result) => {
     load(result);
   });
 }
@@ -5354,95 +5448,16 @@ function load(result) {
   loadComponentsAssets(containers.map((container) => container.model.toJSON()));
 }
 
-// src/sync/regenerate-override-keys.ts
-var import_editor_elements23 = require("@elementor/editor-elements");
-var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
-var import_utils10 = require("@elementor/utils");
-function initRegenerateOverrideKeys() {
-  (0, import_editor_v1_adapters12.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
-    regenerateOverrideKeysForContainers(result);
-  });
-  (0, import_editor_v1_adapters12.registerDataHook)("after", "document/elements/paste", (_args, result) => {
-    regenerateOverrideKeysForContainers(result);
-  });
-  (0, import_editor_v1_adapters12.registerDataHook)("after", "document/elements/import", (_args, result) => {
-    regenerateOverrideKeysForContainers(result);
-  });
-}
-function regenerateOverrideKeysForContainers(result) {
-  const containers = Array.isArray(result) ? result : [result];
-  containers.forEach((container) => {
-    regenerateOverrideKeysRecursive(container.id);
-  });
-}
-function regenerateOverrideKeysRecursive(elementId) {
-  const container = (0, import_editor_elements23.getContainer)(elementId);
-  if (!container) {
-    return;
-  }
-  (0, import_editor_elements23.getAllDescendants)(container).forEach(regenerateOverrideKeys);
-}
-function regenerateOverrideKeys(element) {
-  if (!isComponentInstance(element.model.toJSON())) {
-    return;
-  }
-  const settings = element.settings?.toJSON() ?? {};
-  if (!hasOverrides(settings)) {
-    return;
-  }
-  const componentInstance = settings.component_instance;
-  const overrides = componentInstance.value.overrides;
-  const newOverrides = overrides.value.map((override) => {
-    if (!componentInstanceOverridePropTypeUtil.isValid(override)) {
-      return override;
-    }
-    return {
-      ...override,
-      value: {
-        ...override.value,
-        override_key: (0, import_utils10.generateUniqueId)("prop")
-      }
-    };
-  });
-  const newComponentInstance = {
-    ...componentInstance,
-    value: {
-      ...componentInstance.value,
-      overrides: {
-        ...overrides,
-        value: newOverrides
-      }
-    }
-  };
-  (0, import_editor_elements23.updateElementSettings)({
-    id: element.id,
-    props: { component_instance: newComponentInstance },
-    withHistory: false
-  });
-}
-function hasOverrides(settings) {
-  if (!componentInstancePropTypeUtil.isValid(settings?.component_instance)) {
-    return false;
-  }
-  const componentInstance = componentInstancePropTypeUtil.extract(settings?.component_instance);
-  const overrides = componentInstance?.overrides;
-  if (!componentInstanceOverridesPropTypeUtil.isValid(overrides)) {
-    return false;
-  }
-  const overridesValue = overrides?.value;
-  return !!overridesValue?.length;
-}
-
 // src/sync/revert-overridables-on-copy-or-duplicate.ts
-var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 function initRevertOverridablesOnCopyOrDuplicate() {
-  (0, import_editor_v1_adapters13.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
+  (0, import_editor_v1_adapters11.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
     if (!isEditingComponent()) {
       return;
     }
     revertOverridablesForDuplicatedElements(result);
   });
-  (0, import_editor_v1_adapters13.registerDataHook)("after", "document/elements/copy", (args) => {
+  (0, import_editor_v1_adapters11.registerDataHook)("after", "document/elements/copy", (args) => {
     if (!isEditingComponent()) {
       return;
     }
@@ -5474,20 +5489,20 @@ function revertOverridablesInStorage(storageKey) {
 // src/init.ts
 function init() {
   import_editor_styles_repository2.stylesRepository.register(componentsStylesProvider);
-  (0, import_store80.__registerSlice)(slice);
+  (0, import_store82.__registerSlice)(slice);
   (0, import_editor_panels5.__registerPanel)(panel);
   (0, import_editor_canvas8.registerElementType)(
     COMPONENT_WIDGET_TYPE,
     (options) => createComponentType({ ...options, showLockedByModal: openEditModeDialog })
   );
-  (0, import_editor_v1_adapters14.registerDataHook)("dependency", "editor/documents/close", (args) => {
-    const document = (0, import_editor_documents13.getV1CurrentDocument)();
+  (0, import_editor_v1_adapters12.registerDataHook)("dependency", "editor/documents/close", (args) => {
+    const document = (0, import_editor_documents14.getV1CurrentDocument)();
     if (document.config.type === COMPONENT_DOCUMENT_TYPE) {
       args.mode = "autosave";
     }
     return true;
   });
-  (0, import_editor_v1_adapters14.registerDataHook)("after", "preview/drop", onElementDrop);
+  (0, import_editor_v1_adapters12.registerDataHook)("after", "preview/drop", onElementDrop);
   window.elementorCommon.__beforeSave = beforeSave;
   (0, import_editor_elements_panel.injectTab)({
     id: "components",
@@ -5511,8 +5526,8 @@ function init() {
     id: "component-panel-header",
     component: ComponentPanelHeader
   });
-  (0, import_editor_v1_adapters14.registerDataHook)("after", "editor/documents/attach-preview", async () => {
-    const { id: id2, config } = (0, import_editor_documents13.getV1CurrentDocument)();
+  (0, import_editor_v1_adapters12.registerDataHook)("after", "editor/documents/attach-preview", async () => {
+    const { id: id2, config } = (0, import_editor_documents14.getV1CurrentDocument)();
     if (id2) {
       removeComponentStyles(id2);
     }
@@ -5537,7 +5552,6 @@ function init() {
   import_editor_canvas8.settingsTransformersRegistry.register("component-instance", componentInstanceTransformer);
   import_editor_canvas8.settingsTransformersRegistry.register("overridable", componentOverridableTransformer);
   import_editor_canvas8.settingsTransformersRegistry.register("override", componentOverrideTransformer);
-  initRegenerateOverrideKeys();
   initCleanupOverridablePropsOnDelete();
   initMcp();
   initCircularNestingPrevention();