@elementor/editor-components 3.35.0-460 → 3.35.0-461

package/dist/index.js

@@ -42,7 +42,7 @@ var import_editor_editing_panel8 = require("@elementor/editor-editing-panel");
 var import_editor_elements_panel = require("@elementor/editor-elements-panel");
 var import_editor_panels4 = require("@elementor/editor-panels");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var import_store80 = require("@elementor/store");
 var import_i18n30 = require("@wordpress/i18n");
 
@@ -4255,150 +4255,16 @@ function isPropAllowed(propType) {
   return propType.meta.overridable !== false;
 }
 
-// src/hooks/cleanup-overridable-props-on-delete.ts
-var import_editor_elements17 = require("@elementor/editor-elements");
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
-var import_store63 = require("@elementor/store");
-function initCleanupOverridablePropsOnDelete() {
-  (0, import_editor_v1_adapters8.registerDataHook)("dependency", "document/elements/delete", (args) => {
-    const state = (0, import_store63.__getState)();
-    if (!state) {
-      return true;
-    }
-    const currentComponentId = selectCurrentComponentId(state);
-    if (!currentComponentId) {
-      return true;
-    }
-    const overridableProps = selectOverridableProps(state, currentComponentId);
-    if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
-      return true;
-    }
-    const containers = args.containers ?? (args.container ? [args.container] : []);
-    if (containers.length === 0) {
-      return true;
-    }
-    const deletedElementIds = collectDeletedElementIds(containers);
-    if (deletedElementIds.length === 0) {
-      return true;
-    }
-    const propKeysToDelete = Object.entries(overridableProps.props).filter(([, prop]) => deletedElementIds.includes(prop.elementId)).map(([propKey]) => propKey);
-    if (propKeysToDelete.length === 0) {
-      return true;
-    }
-    const remainingProps = Object.fromEntries(
-      Object.entries(overridableProps.props).filter(([propKey]) => !propKeysToDelete.includes(propKey))
-    );
-    let updatedGroups = overridableProps.groups;
-    for (const propKey of propKeysToDelete) {
-      updatedGroups = removePropFromAllGroups(updatedGroups, propKey);
-    }
-    (0, import_store63.__dispatch)(
-      slice.actions.setOverridableProps({
-        componentId: currentComponentId,
-        overridableProps: {
-          ...overridableProps,
-          props: remainingProps,
-          groups: updatedGroups
-        }
-      })
-    );
-    return true;
-  });
-}
-function collectDeletedElementIds(containers) {
-  const elementIds = containers.filter(Boolean).flatMap((container) => [container, ...(0, import_editor_elements17.getAllDescendants)(container)]).map((element) => element.model?.get?.("id") ?? element.id).filter((id2) => Boolean(id2));
-  return elementIds;
-}
-
-// 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_utils9 = require("@elementor/utils");
-function initRegenerateOverrideKeys() {
-  (0, import_editor_v1_adapters9.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
-    regenerateOverrideKeysForContainers(result);
-  });
-  (0, import_editor_v1_adapters9.registerDataHook)("after", "document/elements/paste", (_args, result) => {
-    regenerateOverrideKeysForContainers(result);
-  });
-  (0, import_editor_v1_adapters9.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_elements18.getContainer)(elementId);
-  if (!container) {
-    return;
-  }
-  (0, import_editor_elements18.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_utils9.generateUniqueId)("prop")
-      }
-    };
-  });
-  const newComponentInstance = {
-    ...componentInstance,
-    value: {
-      ...componentInstance.value,
-      overrides: {
-        ...overrides,
-        value: newOverrides
-      }
-    }
-  };
-  (0, import_editor_elements18.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/mcp/index.ts
 var import_editor_mcp3 = require("@elementor/editor-mcp");
 
 // src/mcp/save-as-component-tool.ts
 var import_editor_canvas7 = require("@elementor/editor-canvas");
-var import_editor_elements19 = require("@elementor/editor-elements");
+var import_editor_elements17 = 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_utils10 = require("@elementor/utils");
+var import_utils9 = 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.'
@@ -4432,7 +4298,7 @@ var ERROR_MESSAGES3 = {
 var handleSaveAsComponent = async (params) => {
   const { element_id: elementId, component_name: componentName, overridable_props: overridablePropsInput } = params;
   const validElementTypes = getValidElementTypes();
-  const container = (0, import_editor_elements19.getContainer)(elementId);
+  const container = (0, import_editor_elements17.getContainer)(elementId);
   if (!container) {
     throw new Error(ERROR_MESSAGES3.ELEMENT_NOT_FOUND);
   }
@@ -4448,7 +4314,7 @@ var handleSaveAsComponent = async (params) => {
   if (overridableProps) {
     updateElementDataWithOverridableProps(element, overridableProps);
   }
-  const uid = (0, import_utils10.generateUniqueId)("component");
+  const uid = (0, import_utils9.generateUniqueId)("component");
   try {
     await apiClient.validate({
       items: [
@@ -4470,7 +4336,7 @@ var handleSaveAsComponent = async (params) => {
 };
 function enrichOverridableProps(input, rootElement) {
   const enrichedProps = {};
-  const defaultGroupId = (0, import_utils10.generateUniqueId)("group");
+  const defaultGroupId = (0, import_utils9.generateUniqueId)("group");
   Object.entries(input.props).forEach(([, prop]) => {
     const { elementId, propKey, label } = prop;
     const element = findElementById(rootElement, elementId);
@@ -4479,7 +4345,7 @@ function enrichOverridableProps(input, rootElement) {
     }
     const elType = element.elType;
     const widgetType = element.widgetType || element.elType;
-    const elementType = (0, import_editor_elements19.getElementType)(widgetType);
+    const elementType = (0, import_editor_elements17.getElementType)(widgetType);
     if (!elementType) {
       throw new Error(
         `Element type "${widgetType}" is not atomic or does not have a settings schema. Cannot expose property "${propKey}" for element "${elementId}".`
@@ -4491,7 +4357,7 @@ function enrichOverridableProps(input, rootElement) {
         `Property "${propKey}" does not exist in element "${elementId}" (type: ${widgetType}). Available properties: ${availableProps}`
       );
     }
-    const overrideKey = (0, import_utils10.generateUniqueId)("prop");
+    const overrideKey = (0, import_utils9.generateUniqueId)("prop");
     const originValue = element.settings?.[propKey] ? element.settings[propKey] : elementType.propsSchema[propKey].default ?? null;
     enrichedProps[overrideKey] = {
       overrideKey,
@@ -4548,7 +4414,7 @@ function findElementById(root, targetId) {
   return null;
 }
 function getValidElementTypes() {
-  const types = (0, import_editor_elements19.getWidgetsCache)();
+  const types = (0, import_editor_elements17.getWidgetsCache)();
   if (!types) {
     return [];
   }
@@ -4726,19 +4592,19 @@ function initMcp() {
 
 // src/populate-store.ts
 var import_react18 = require("react");
-var import_store65 = require("@elementor/store");
+var import_store63 = require("@elementor/store");
 function PopulateStore() {
   (0, import_react18.useEffect)(() => {
-    (0, import_store65.__dispatch)(loadComponents());
+    (0, import_store63.__dispatch)(loadComponents());
   }, []);
   return null;
 }
 
 // src/prevent-circular-nesting.ts
-var import_editor_elements20 = require("@elementor/editor-elements");
+var import_editor_elements18 = require("@elementor/editor-elements");
 var import_editor_notifications4 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
-var import_store66 = require("@elementor/store");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+var import_store64 = require("@elementor/store");
 var import_i18n29 = require("@wordpress/i18n");
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
@@ -4747,15 +4613,15 @@ var COMPONENT_CIRCULAR_NESTING_ALERT = {
   id: "circular-component-nesting-blocked"
 };
 function initCircularNestingPrevention() {
-  (0, import_editor_v1_adapters10.blockCommand)({
+  (0, import_editor_v1_adapters8.blockCommand)({
     command: "document/elements/create",
     condition: blockCircularCreate
   });
-  (0, import_editor_v1_adapters10.blockCommand)({
+  (0, import_editor_v1_adapters8.blockCommand)({
     command: "document/elements/move",
     condition: blockCircularMove
   });
-  (0, import_editor_v1_adapters10.blockCommand)({
+  (0, import_editor_v1_adapters8.blockCommand)({
     command: "document/elements/paste",
     condition: blockCircularPaste
   });
@@ -4764,7 +4630,7 @@ function wouldCreateCircularNesting(componentIdToAdd) {
   if (componentIdToAdd === void 0) {
     return false;
   }
-  const state = (0, import_store66.__getState)();
+  const state = (0, import_store64.__getState)();
   const currentComponentId = selectCurrentComponentId(state);
   const path = selectPath(state);
   if (currentComponentId === null) {
@@ -4830,7 +4696,7 @@ function blockCircularMove(args) {
     if (!container) {
       return false;
     }
-    const allElements = (0, import_editor_elements20.getAllDescendants)(container);
+    const allElements = (0, import_editor_elements18.getAllDescendants)(container);
     return allElements.some((element) => {
       const componentId = extractComponentIdFromContainer(element);
       if (componentId === null) {
@@ -4862,19 +4728,19 @@ function blockCircularPaste(args) {
 }
 
 // src/store/actions/remove-component-styles.ts
-var import_store68 = require("@elementor/store");
+var import_store66 = require("@elementor/store");
 function removeComponentStyles(id2) {
   apiClient.invalidateComponentConfigCache(id2);
-  (0, import_store68.__dispatch)(slice.actions.removeStyles({ id: id2 }));
+  (0, import_store66.__dispatch)(slice.actions.removeStyles({ id: id2 }));
 }
 
 // src/store/components-styles-provider.ts
 var import_editor_styles_repository = require("@elementor/editor-styles-repository");
-var import_store70 = require("@elementor/store");
+var import_store68 = require("@elementor/store");
 var componentsStylesProvider = (0, import_editor_styles_repository.createStylesProvider)({
   key: "components-styles",
   priority: 100,
-  subscribe: (cb) => (0, import_store70.__subscribeWithSelector)(
+  subscribe: (cb) => (0, import_store68.__subscribeWithSelector)(
     (state) => state[SLICE_NAME],
     () => {
       cb();
@@ -4882,29 +4748,29 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
   ),
   actions: {
     all: () => {
-      return selectFlatStyles((0, import_store70.__getState)());
+      return selectFlatStyles((0, import_store68.__getState)());
     },
     get: (id2) => {
-      return selectFlatStyles((0, import_store70.__getState)()).find((style) => style.id === id2) ?? null;
+      return selectFlatStyles((0, import_store68.__getState)()).find((style) => style.id === id2) ?? null;
     }
   }
 });
 
 // src/sync/create-components-before-save.ts
-var import_editor_elements21 = require("@elementor/editor-elements");
-var import_store72 = require("@elementor/store");
+var import_editor_elements19 = require("@elementor/editor-elements");
+var import_store70 = require("@elementor/store");
 async function createComponentsBeforeSave({
   elements,
   status
 }) {
-  const unpublishedComponents = selectUnpublishedComponents((0, import_store72.__getState)());
+  const unpublishedComponents = selectUnpublishedComponents((0, import_store70.__getState)());
   if (!unpublishedComponents.length) {
     return;
   }
   try {
     const uidToComponentId = await createComponents(unpublishedComponents, status);
     updateComponentInstances(elements, uidToComponentId);
-    (0, import_store72.__dispatch)(
+    (0, import_store70.__dispatch)(
       slice.actions.add(
         unpublishedComponents.map((component) => ({
           id: uidToComponentId.get(component.uid),
@@ -4914,7 +4780,7 @@ async function createComponentsBeforeSave({
         }))
       )
     );
-    (0, import_store72.__dispatch)(slice.actions.resetUnpublished());
+    (0, import_store70.__dispatch)(slice.actions.resetUnpublished());
   } catch (error) {
     throw new Error(`Failed to publish components and update component instances: ${error}`);
   }
@@ -4959,7 +4825,7 @@ function shouldUpdateElement(element, uidToComponentId) {
   return { shouldUpdate: false, newComponentId: null };
 }
 function updateElementComponentId(elementId, componentId) {
-  (0, import_editor_elements21.updateElementSettings)({
+  (0, import_editor_elements19.updateElementSettings)({
     id: elementId,
     props: {
       component_instance: {
@@ -4974,7 +4840,7 @@ function updateElementComponentId(elementId, componentId) {
 }
 
 // src/sync/set-component-overridable-props-settings-before-save.ts
-var import_store74 = require("@elementor/store");
+var import_store72 = require("@elementor/store");
 var setComponentOverridablePropsSettingsBeforeSave = ({
   container
 }) => {
@@ -4982,7 +4848,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
   if (!currentDocument || currentDocument.config.type !== COMPONENT_DOCUMENT_TYPE) {
     return;
   }
-  const overridableProps = selectOverridableProps((0, import_store74.__getState)(), currentDocument.id);
+  const overridableProps = selectOverridableProps((0, import_store72.__getState)(), currentDocument.id);
   if (overridableProps) {
     container.settings.set("overridable_props", overridableProps);
   }
@@ -4990,7 +4856,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
 
 // src/sync/update-archived-component-before-save.ts
 var import_editor_notifications5 = require("@elementor/editor-notifications");
-var import_store76 = require("@elementor/store");
+var import_store74 = require("@elementor/store");
 var failedNotification = (message) => ({
   type: "error",
   message: `Failed to archive components: ${message}`,
@@ -4998,7 +4864,7 @@ var failedNotification = (message) => ({
 });
 var updateArchivedComponentBeforeSave = async () => {
   try {
-    const archivedComponents = selectArchivedThisSession((0, import_store76.__getState)());
+    const archivedComponents = selectArchivedThisSession((0, import_store74.__getState)());
     if (!archivedComponents.length) {
       return;
     }
@@ -5013,15 +4879,15 @@ var updateArchivedComponentBeforeSave = async () => {
 };
 
 // src/sync/update-component-title-before-save.ts
-var import_store78 = require("@elementor/store");
+var import_store76 = require("@elementor/store");
 var updateComponentTitleBeforeSave = async () => {
-  const updatedComponentNames = selectUpdatedComponentNames((0, import_store78.__getState)());
+  const updatedComponentNames = selectUpdatedComponentNames((0, import_store76.__getState)());
   if (!updatedComponentNames.length) {
     return;
   }
   const result = await apiClient.updateComponentTitle(updatedComponentNames);
   if (result.failedIds.length === 0) {
-    (0, import_store78.__dispatch)(slice.actions.cleanUpdatedComponentNames());
+    (0, import_store76.__dispatch)(slice.actions.cleanUpdatedComponentNames());
   }
 };
 
@@ -5053,6 +4919,155 @@ var beforeSave = ({ container, status }) => {
   ]);
 };
 
+// src/sync/cleanup-overridable-props-on-delete.ts
+var import_editor_elements20 = require("@elementor/editor-elements");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_store78 = require("@elementor/store");
+function initCleanupOverridablePropsOnDelete() {
+  (0, import_editor_v1_adapters9.registerDataHook)("dependency", "document/elements/delete", (args) => {
+    const state = (0, import_store78.__getState)();
+    if (!state) {
+      return true;
+    }
+    const currentComponentId = selectCurrentComponentId(state);
+    if (!currentComponentId) {
+      return true;
+    }
+    const overridableProps = selectOverridableProps(state, currentComponentId);
+    if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
+      return true;
+    }
+    const containers = args.containers ?? (args.container ? [args.container] : []);
+    if (containers.length === 0) {
+      return true;
+    }
+    const deletedElementIds = collectDeletedElementIds(containers);
+    if (deletedElementIds.length === 0) {
+      return true;
+    }
+    const propKeysToDelete = Object.entries(overridableProps.props).filter(([, prop]) => deletedElementIds.includes(prop.elementId)).map(([propKey]) => propKey);
+    if (propKeysToDelete.length === 0) {
+      return true;
+    }
+    const remainingProps = Object.fromEntries(
+      Object.entries(overridableProps.props).filter(([propKey]) => !propKeysToDelete.includes(propKey))
+    );
+    let updatedGroups = overridableProps.groups;
+    for (const propKey of propKeysToDelete) {
+      updatedGroups = removePropFromAllGroups(updatedGroups, propKey);
+    }
+    (0, import_store78.__dispatch)(
+      slice.actions.setOverridableProps({
+        componentId: currentComponentId,
+        overridableProps: {
+          ...overridableProps,
+          props: remainingProps,
+          groups: updatedGroups
+        }
+      })
+    );
+    return true;
+  });
+}
+function collectDeletedElementIds(containers) {
+  const elementIds = containers.filter(Boolean).flatMap((container) => [container, ...(0, import_editor_elements20.getAllDescendants)(container)]).map((element) => element.model?.get?.("id") ?? element.id).filter((id2) => Boolean(id2));
+  return elementIds;
+}
+
+// src/sync/load-component-data-after-instance-added.ts
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+function initLoadComponentDataAfterInstanceAdded() {
+  (0, import_editor_v1_adapters10.registerDataHook)("after", "document/elements/paste", (_args, result) => {
+    load(result);
+  });
+  (0, import_editor_v1_adapters10.registerDataHook)("after", "document/elements/import", (_args, result) => {
+    load(result);
+  });
+}
+function load(result) {
+  const containers = Array.isArray(result) ? result : [result];
+  loadComponentsAssets(containers.map((container) => container.model.toJSON()));
+}
+
+// src/sync/regenerate-override-keys.ts
+var import_editor_elements21 = require("@elementor/editor-elements");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_utils10 = require("@elementor/utils");
+function initRegenerateOverrideKeys() {
+  (0, import_editor_v1_adapters11.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
+    regenerateOverrideKeysForContainers(result);
+  });
+  (0, import_editor_v1_adapters11.registerDataHook)("after", "document/elements/paste", (_args, result) => {
+    regenerateOverrideKeysForContainers(result);
+  });
+  (0, import_editor_v1_adapters11.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_elements21.getContainer)(elementId);
+  if (!container) {
+    return;
+  }
+  (0, import_editor_elements21.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_elements21.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/init.ts
 function init() {
   import_editor_styles_repository2.stylesRepository.register(componentsStylesProvider);
@@ -5062,14 +5077,14 @@ function init() {
     COMPONENT_WIDGET_TYPE,
     (options) => createComponentType({ ...options, showLockedByModal: openEditModeDialog })
   );
-  (0, import_editor_v1_adapters11.registerDataHook)("dependency", "editor/documents/close", (args) => {
+  (0, import_editor_v1_adapters12.registerDataHook)("dependency", "editor/documents/close", (args) => {
     const document = (0, import_editor_documents13.getV1CurrentDocument)();
     if (document.config.type === COMPONENT_DOCUMENT_TYPE) {
       args.mode = "autosave";
     }
     return true;
   });
-  (0, import_editor_v1_adapters11.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",
@@ -5093,7 +5108,7 @@ function init() {
     id: "component-panel-header",
     component: ComponentPanelHeader
   });
-  (0, import_editor_v1_adapters11.registerDataHook)("after", "editor/documents/attach-preview", async () => {
+  (0, import_editor_v1_adapters12.registerDataHook)("after", "editor/documents/attach-preview", async () => {
     const { id: id2, config } = (0, import_editor_documents13.getV1CurrentDocument)();
     if (id2) {
       removeComponentStyles(id2);
@@ -5124,6 +5139,7 @@ function init() {
   initMcp();
   initCircularNestingPrevention();
   initNonAtomicNestingPrevention();
+  initLoadComponentDataAfterInstanceAdded();
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {