@elementor/editor-components 3.35.0-415 → 3.35.0-417

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_adapters9 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_store76 = require("@elementor/store");
 var import_i18n26 = require("@wordpress/i18n");
 
@@ -390,16 +390,31 @@ var import_editor_documents2 = require("@elementor/editor-documents");
 var import_store5 = require("@elementor/store");
 
 // src/utils/switch-to-component.ts
+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");
-function switchToComponent(componentId, componentInstanceId, element) {
+async function expandNavigator() {
+  await (0, import_editor_v1_adapters2.__privateRunCommand)("navigator/expand-all");
+}
+
+// src/utils/switch-to-component.ts
+async function switchToComponent(componentId, componentInstanceId, element) {
   const selector = getSelector(element, componentInstanceId);
-  (0, import_editor_v1_adapters2.__privateRunCommand)("editor/documents/switch", {
+  await (0, import_editor_v1_adapters3.__privateRunCommand)("editor/documents/switch", {
     id: componentId,
     selector,
     mode: "autosave",
     setAsInitial: false,
     shouldScroll: false
   });
+  const currentDocumentContainer = (0, import_editor_elements.getCurrentDocumentContainer)();
+  const topLevelElement = currentDocumentContainer?.children?.[0];
+  if (topLevelElement) {
+    (0, import_editor_elements.selectElement)(topLevelElement.id);
+    expandNavigator();
+  }
 }
 function getSelector(element, componentInstanceId) {
   if (element) {
@@ -447,7 +462,7 @@ function useNavigateBack() {
 // src/components/component-properties-panel/component-properties-panel.tsx
 var React8 = __toESM(require("react"));
 var import_editor_editing_panel = require("@elementor/editor-editing-panel");
-var import_editor_elements3 = require("@elementor/editor-elements");
+var import_editor_elements4 = require("@elementor/editor-elements");
 var import_editor_panels2 = require("@elementor/editor-panels");
 var import_editor_ui5 = require("@elementor/editor-ui");
 var import_ui8 = require("@elementor/ui");
@@ -669,7 +684,7 @@ function deleteOverridableGroup({ componentId, groupId }) {
 }
 
 // src/store/actions/delete-overridable-prop.ts
-var import_editor_elements = require("@elementor/editor-elements");
+var import_editor_elements2 = require("@elementor/editor-elements");
 var import_store11 = require("@elementor/store");
 function deleteOverridableProp({ componentId, propKey }) {
   const overridableProps = selectOverridableProps((0, import_store11.__getState)(), componentId);
@@ -695,11 +710,11 @@ function deleteOverridableProp({ componentId, propKey }) {
   );
 }
 function revertElementSetting(elementId, settingKey, originValue) {
-  const container = (0, import_editor_elements.getContainer)(elementId);
+  const container = (0, import_editor_elements2.getContainer)(elementId);
   if (!container) {
     return;
   }
-  (0, import_editor_elements.updateElementSettings)({
+  (0, import_editor_elements2.updateElementSettings)({
     id: elementId,
     props: { [settingKey]: originValue ?? null },
     withHistory: false
@@ -918,7 +933,7 @@ var import_i18n5 = require("@wordpress/i18n");
 
 // src/components/component-properties-panel/property-item.tsx
 var React5 = __toESM(require("react"));
-var import_editor_elements2 = require("@elementor/editor-elements");
+var import_editor_elements3 = require("@elementor/editor-elements");
 var import_icons3 = require("@elementor/icons");
 var import_ui5 = require("@elementor/ui");
 
@@ -1131,7 +1146,7 @@ function PropertyItem({
 }
 function getElementIcon(prop) {
   const elType = prop.elType === "widget" ? prop.widgetType : prop.elType;
-  const widgetsCache = (0, import_editor_elements2.getWidgetsCache)();
+  const widgetsCache = (0, import_editor_elements3.getWidgetsCache)();
   if (!widgetsCache) {
     return "eicon-apps";
   }
@@ -1491,7 +1506,7 @@ var { panel, usePanelActions } = (0, import_editor_panels2.__createPanel)({
   component: ComponentPropertiesPanel
 });
 function ComponentPropertiesPanel() {
-  const { element, elementType } = (0, import_editor_elements3.useSelectedElement)();
+  const { element, elementType } = (0, import_editor_elements4.useSelectedElement)();
   const { close: closePanel } = usePanelActions();
   const { open: openEditingPanel } = (0, import_editor_editing_panel.usePanelActions)();
   if (!element || !elementType) {
@@ -1698,7 +1713,7 @@ var renameComponent = (componentUid, newName) => {
 var React13 = __toESM(require("react"));
 var import_react8 = require("react");
 var import_editor_canvas5 = require("@elementor/editor-canvas");
-var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_elements7 = require("@elementor/editor-elements");
 var import_editor_ui6 = require("@elementor/editor-ui");
 var import_icons9 = require("@elementor/icons");
 var import_ui12 = require("@elementor/ui");
@@ -2115,9 +2130,9 @@ function validateComponentName(label) {
 }
 
 // src/utils/get-container-for-new-element.ts
-var import_editor_elements4 = require("@elementor/editor-elements");
+var import_editor_elements5 = require("@elementor/editor-elements");
 var getContainerForNewElement = () => {
-  const currentDocumentContainer = (0, import_editor_elements4.getCurrentDocumentContainer)();
+  const currentDocumentContainer = (0, import_editor_elements5.getCurrentDocumentContainer)();
   const selectedElement = getSelectedElementContainer();
   let container, options;
   if (selectedElement) {
@@ -2143,17 +2158,17 @@ var getContainerForNewElement = () => {
   return { container: container ?? currentDocumentContainer, options };
 };
 function getSelectedElementContainer() {
-  const selectedElements = (0, import_editor_elements4.getSelectedElements)();
+  const selectedElements = (0, import_editor_elements5.getSelectedElements)();
   if (selectedElements.length !== 1) {
     return void 0;
   }
-  return (0, import_editor_elements4.getContainer)(selectedElements[0].id);
+  return (0, import_editor_elements5.getContainer)(selectedElements[0].id);
 }
 
 // src/components/create-component-form/utils/replace-element-with-component.ts
-var import_editor_elements5 = require("@elementor/editor-elements");
+var import_editor_elements6 = require("@elementor/editor-elements");
 var replaceElementWithComponent = (element, component) => {
-  (0, import_editor_elements5.replaceElement)({
+  (0, import_editor_elements6.replaceElement)({
     currentElement: element,
     newElement: createComponentModel2(component),
     withHistory: false
@@ -2306,7 +2321,7 @@ var addComponentToPage = (model) => {
     throw new Error(`Can't find container to drop new component instance at`);
   }
   loadComponentsAssets([model]);
-  (0, import_editor_elements6.dropElement)({
+  (0, import_editor_elements7.dropElement)({
     containerId: container.id,
     model,
     options: { ...options, useHistory: false, scrollIntoView: true }
@@ -2512,7 +2527,7 @@ var COMPONENT_DOCUMENT_TYPE = "elementor_component";
 // src/components/create-component-form/create-component-form.tsx
 var React17 = __toESM(require("react"));
 var import_react10 = require("react");
-var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_elements9 = require("@elementor/editor-elements");
 var import_editor_notifications2 = require("@elementor/editor-notifications");
 var import_editor_ui8 = require("@elementor/editor-ui");
 var import_icons11 = require("@elementor/icons");
@@ -2521,9 +2536,9 @@ var import_i18n18 = require("@wordpress/i18n");
 
 // src/prevent-non-atomic-nesting.ts
 var import_editor_canvas6 = require("@elementor/editor-canvas");
-var import_editor_elements7 = require("@elementor/editor-elements");
+var import_editor_elements8 = require("@elementor/editor-elements");
 var import_editor_notifications = require("@elementor/editor-notifications");
-var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_store43 = require("@elementor/store");
 var import_i18n17 = require("@wordpress/i18n");
 var NON_ATOMIC_ELEMENT_ALERT = {
@@ -2532,15 +2547,15 @@ var NON_ATOMIC_ELEMENT_ALERT = {
   id: "non-atomic-element-blocked"
 };
 function initNonAtomicNestingPrevention() {
-  (0, import_editor_v1_adapters3.blockCommand)({
+  (0, import_editor_v1_adapters4.blockCommand)({
     command: "document/elements/create",
     condition: blockNonAtomicCreate
   });
-  (0, import_editor_v1_adapters3.blockCommand)({
+  (0, import_editor_v1_adapters4.blockCommand)({
     command: "document/elements/move",
     condition: blockNonAtomicMove
   });
-  (0, import_editor_v1_adapters3.blockCommand)({
+  (0, import_editor_v1_adapters4.blockCommand)({
     command: "document/elements/paste",
     condition: blockNonAtomicPaste
   });
@@ -2553,7 +2568,7 @@ function isEditingComponent() {
   return selectCurrentComponentId(state) !== null;
 }
 function isElementAtomic(elementType) {
-  return (0, import_editor_elements7.getElementType)(elementType) !== null;
+  return (0, import_editor_elements8.getElementType)(elementType) !== null;
 }
 function blockNonAtomicCreate(args) {
   if (!isEditingComponent()) {
@@ -2579,7 +2594,7 @@ function blockNonAtomicMove(args) {
     if (!container) {
       return false;
     }
-    const allElements = (0, import_editor_elements7.getAllDescendants)(container);
+    const allElements = (0, import_editor_elements8.getAllDescendants)(container);
     return allElements.some((element) => !(0, import_editor_canvas6.isAtomicWidget)(element));
   });
   if (hasNonAtomicElement) {
@@ -2634,7 +2649,7 @@ function findNonAtomicElementsInElement(element) {
 }
 
 // src/store/actions/create-unpublished-component.ts
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 var import_store45 = require("@elementor/store");
 var import_utils4 = require("@elementor/utils");
 function createUnpublishedComponent(name, element, eventData, overridableProps, uid) {
@@ -2654,7 +2669,7 @@ function createUnpublishedComponent(name, element, eventData, overridableProps,
     component_name: name,
     ...eventData
   });
-  (0, import_editor_v1_adapters4.__privateRunCommand)("document/save/auto");
+  (0, import_editor_v1_adapters5.__privateRunCommand)("document/save/auto");
   return generatedUid;
 }
 
@@ -2757,7 +2772,7 @@ function CreateComponentForm() {
         });
         return;
       }
-      setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements8.getElementLabel)(event.detail.element.id) });
+      setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements9.getElementLabel)(event.detail.element.id) });
       setAnchorPosition(event.detail.anchorPosition);
       eventData.current = getComponentEventData(event.detail.element, event.detail.options);
       trackComponentEvent({
@@ -2891,7 +2906,7 @@ var Form2 = ({
 var React19 = __toESM(require("react"));
 var import_react13 = require("react");
 var import_editor_documents10 = require("@elementor/editor-documents");
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_store49 = require("@elementor/store");
 var import_utils6 = require("@elementor/utils");
 
@@ -2918,9 +2933,9 @@ var import_i18n19 = require("@wordpress/i18n");
 
 // src/hooks/use-canvas-document.ts
 var import_editor_canvas7 = require("@elementor/editor-canvas");
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
 function useCanvasDocument() {
-  return (0, import_editor_v1_adapters5.__privateUseListenTo)((0, import_editor_v1_adapters5.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_canvas7.getCanvasIframeDocument)());
+  return (0, import_editor_v1_adapters6.__privateUseListenTo)((0, import_editor_v1_adapters6.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_canvas7.getCanvasIframeDocument)());
 }
 
 // src/hooks/use-element-rect.ts
@@ -3106,7 +3121,7 @@ function useHandleDocumentSwitches() {
   const currentComponentId = useCurrentComponentId();
   const path = (0, import_store49.__useSelector)(selectPath);
   (0, import_react13.useEffect)(() => {
-    return (0, import_editor_v1_adapters6.__privateListenTo)((0, import_editor_v1_adapters6.commandEndEvent)("editor/documents/open"), () => {
+    return (0, import_editor_v1_adapters7.__privateListenTo)((0, import_editor_v1_adapters7.commandEndEvent)("editor/documents/open"), () => {
       const nextDocument = documentsManager.getCurrent();
       if (nextDocument.id === currentComponentId) {
         return;
@@ -3191,7 +3206,7 @@ var EditModeDialog = ({ lockedBy }) => {
 var React25 = __toESM(require("react"));
 var import_editor_controls4 = require("@elementor/editor-controls");
 var import_editor_editing_panel5 = require("@elementor/editor-editing-panel");
-var import_editor_elements12 = require("@elementor/editor-elements");
+var import_editor_elements13 = require("@elementor/editor-elements");
 var import_editor_panels3 = require("@elementor/editor-panels");
 var import_icons14 = require("@elementor/icons");
 var import_ui21 = require("@elementor/ui");
@@ -3199,7 +3214,7 @@ var import_i18n22 = require("@wordpress/i18n");
 
 // src/hooks/use-component-instance-settings.ts
 var import_editor_editing_panel2 = require("@elementor/editor-editing-panel");
-var import_editor_elements9 = require("@elementor/editor-elements");
+var import_editor_elements10 = require("@elementor/editor-elements");
 
 // src/prop-types/component-instance-prop-type.ts
 var import_editor_props4 = require("@elementor/editor-props");
@@ -3256,7 +3271,7 @@ var componentInstancePropTypeUtil = (0, import_editor_props4.createPropUtils)(
 // src/hooks/use-component-instance-settings.ts
 function useComponentInstanceSettings() {
   const { element } = (0, import_editor_editing_panel2.useElement)();
-  const settings = (0, import_editor_elements9.useElementSetting)(element.id, "component_instance");
+  const settings = (0, import_editor_elements10.useElementSetting)(element.id, "component_instance");
   return componentInstancePropTypeUtil.extract(settings);
 }
 
@@ -3300,9 +3315,9 @@ var import_editor_editing_panel3 = require("@elementor/editor-editing-panel");
 var import_ui19 = require("@elementor/ui");
 
 // src/hooks/use-controls-by-widget-type.ts
-var import_editor_elements10 = require("@elementor/editor-elements");
+var import_editor_elements11 = require("@elementor/editor-elements");
 function useControlsByWidgetType(type) {
-  const elementType = (0, import_editor_elements10.getElementType)(type);
+  const elementType = (0, import_editor_elements11.getElementType)(type);
   if (!elementType) {
     return {};
   }
@@ -3366,7 +3381,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
 }
 
 // src/utils/get-prop-type-for-component-override.ts
-var import_editor_elements11 = require("@elementor/editor-elements");
+var import_editor_elements12 = require("@elementor/editor-elements");
 var getPropTypeForComponentOverride = (overridableProp) => {
   if (overridableProp.originPropFields) {
     return getPropType(overridableProp.originPropFields);
@@ -3379,7 +3394,7 @@ var getPropTypeForComponentOverride = (overridableProp) => {
   });
 };
 function getPropType({ widgetType, propKey }) {
-  const widgetPropsSchema = (0, import_editor_elements11.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
+  const widgetPropsSchema = (0, import_editor_elements12.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
   return widgetPropsSchema?.[propKey];
 }
 
@@ -3552,7 +3567,7 @@ function InstanceEditingPanel() {
   const overrides = settings?.overrides?.value;
   const component = useComponent(componentId ?? null);
   const overridableProps = useOverridableProps(componentId ?? null);
-  const componentInstanceId = (0, import_editor_elements12.useSelectedElement)()?.element?.id ?? null;
+  const componentInstanceId = (0, import_editor_elements13.useSelectedElement)()?.element?.id ?? null;
   if (!componentId || !overridableProps || !component) {
     return null;
   }
@@ -3640,7 +3655,7 @@ function OverridablePropControl({
 var React29 = __toESM(require("react"));
 var import_editor_controls6 = require("@elementor/editor-controls");
 var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
-var import_editor_elements13 = require("@elementor/editor-elements");
+var import_editor_elements14 = require("@elementor/editor-elements");
 var import_ui23 = require("@elementor/ui");
 var import_i18n24 = require("@wordpress/i18n");
 
@@ -3818,7 +3833,7 @@ function Content2({ componentId, overridableProps }) {
   });
   const triggerProps = (0, import_ui23.bindTrigger)(popupState);
   const popoverProps = (0, import_ui23.bindPopover)(popupState);
-  const { elType } = (0, import_editor_elements13.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
+  const { elType } = (0, import_editor_elements14.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
   const handleSubmit = ({ label, group }) => {
     const propTypeDefault = propType.default ?? {};
     const originValue = (!overridableValue ? value : overridableValue?.origin_value) ?? propTypeDefault;
@@ -3879,17 +3894,17 @@ function isPropAllowed(bind) {
 }
 
 // src/hooks/regenerate-override-keys.ts
-var import_editor_elements14 = require("@elementor/editor-elements");
-var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
+var import_editor_elements15 = require("@elementor/editor-elements");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 var import_utils8 = require("@elementor/utils");
 function initRegenerateOverrideKeys() {
-  (0, import_editor_v1_adapters7.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
+  (0, import_editor_v1_adapters8.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
     regenerateOverrideKeysForContainers(result);
   });
-  (0, import_editor_v1_adapters7.registerDataHook)("after", "document/elements/paste", (_args, result) => {
+  (0, import_editor_v1_adapters8.registerDataHook)("after", "document/elements/paste", (_args, result) => {
     regenerateOverrideKeysForContainers(result);
   });
-  (0, import_editor_v1_adapters7.registerDataHook)("after", "document/elements/import", (_args, result) => {
+  (0, import_editor_v1_adapters8.registerDataHook)("after", "document/elements/import", (_args, result) => {
     regenerateOverrideKeysForContainers(result);
   });
 }
@@ -3900,11 +3915,11 @@ function regenerateOverrideKeysForContainers(result) {
   });
 }
 function regenerateOverrideKeysRecursive(elementId) {
-  const container = (0, import_editor_elements14.getContainer)(elementId);
+  const container = (0, import_editor_elements15.getContainer)(elementId);
   if (!container) {
     return;
   }
-  (0, import_editor_elements14.getAllDescendants)(container).forEach(regenerateOverrideKeys);
+  (0, import_editor_elements15.getAllDescendants)(container).forEach(regenerateOverrideKeys);
 }
 function regenerateOverrideKeys(element) {
   if (!isComponentInstance(element.model.toJSON())) {
@@ -3938,7 +3953,7 @@ function regenerateOverrideKeys(element) {
       }
     }
   };
-  (0, import_editor_elements14.updateElementSettings)({
+  (0, import_editor_elements15.updateElementSettings)({
     id: element.id,
     props: { component_instance: newComponentInstance },
     withHistory: false
@@ -3962,7 +3977,7 @@ var import_editor_mcp2 = require("@elementor/editor-mcp");
 
 // src/mcp/save-as-component-tool.ts
 var import_editor_canvas8 = require("@elementor/editor-canvas");
-var import_editor_elements15 = require("@elementor/editor-elements");
+var import_editor_elements16 = require("@elementor/editor-elements");
 var import_editor_mcp = require("@elementor/editor-mcp");
 var import_http_client2 = require("@elementor/http-client");
 var import_schema6 = require("@elementor/schema");
@@ -4000,7 +4015,7 @@ var ERROR_MESSAGES2 = {
 var handleSaveAsComponent = async (params) => {
   const { element_id: elementId, component_name: componentName, overridable_props: overridablePropsInput } = params;
   const validElementTypes = getValidElementTypes();
-  const container = (0, import_editor_elements15.getContainer)(elementId);
+  const container = (0, import_editor_elements16.getContainer)(elementId);
   if (!container) {
     throw new Error(ERROR_MESSAGES2.ELEMENT_NOT_FOUND);
   }
@@ -4047,7 +4062,7 @@ function enrichOverridableProps(input, rootElement) {
     }
     const elType = element.elType;
     const widgetType = element.widgetType || element.elType;
-    const elementType = (0, import_editor_elements15.getElementType)(widgetType);
+    const elementType = (0, import_editor_elements16.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}".`
@@ -4116,7 +4131,7 @@ function findElementById(root, targetId) {
   return null;
 }
 function getValidElementTypes() {
-  const types = (0, import_editor_elements15.getWidgetsCache)();
+  const types = (0, import_editor_elements16.getWidgetsCache)();
   if (!types) {
     return [];
   }
@@ -4303,9 +4318,9 @@ function PopulateStore() {
 }
 
 // src/prevent-circular-nesting.ts
-var import_editor_elements16 = require("@elementor/editor-elements");
+var import_editor_elements17 = require("@elementor/editor-elements");
 var import_editor_notifications3 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 var import_store62 = require("@elementor/store");
 var import_i18n25 = require("@wordpress/i18n");
 var COMPONENT_TYPE = "e-component";
@@ -4315,15 +4330,15 @@ var COMPONENT_CIRCULAR_NESTING_ALERT = {
   id: "circular-component-nesting-blocked"
 };
 function initCircularNestingPrevention() {
-  (0, import_editor_v1_adapters8.blockCommand)({
+  (0, import_editor_v1_adapters9.blockCommand)({
     command: "document/elements/create",
     condition: blockCircularCreate
   });
-  (0, import_editor_v1_adapters8.blockCommand)({
+  (0, import_editor_v1_adapters9.blockCommand)({
     command: "document/elements/move",
     condition: blockCircularMove
   });
-  (0, import_editor_v1_adapters8.blockCommand)({
+  (0, import_editor_v1_adapters9.blockCommand)({
     command: "document/elements/paste",
     condition: blockCircularPaste
   });
@@ -4398,7 +4413,7 @@ function blockCircularMove(args) {
     if (!container) {
       return false;
     }
-    const allElements = (0, import_editor_elements16.getAllDescendants)(container);
+    const allElements = (0, import_editor_elements17.getAllDescendants)(container);
     return allElements.some((element) => {
       const componentId = extractComponentIdFromContainer(element);
       if (componentId === null) {
@@ -4459,7 +4474,7 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
 });
 
 // src/sync/create-components-before-save.ts
-var import_editor_elements17 = require("@elementor/editor-elements");
+var import_editor_elements18 = require("@elementor/editor-elements");
 var import_store68 = require("@elementor/store");
 async function createComponentsBeforeSave({
   elements,
@@ -4527,7 +4542,7 @@ function shouldUpdateElement(element, uidToComponentId) {
   return { shouldUpdate: false, newComponentId: null };
 }
 function updateElementComponentId(elementId, componentId) {
-  (0, import_editor_elements17.updateElementSettings)({
+  (0, import_editor_elements18.updateElementSettings)({
     id: elementId,
     props: {
       component_instance: {
@@ -4641,14 +4656,14 @@ function init() {
     COMPONENT_WIDGET_TYPE,
     (options) => createComponentType({ ...options, showLockedByModal: openEditModeDialog })
   );
-  (0, import_editor_v1_adapters9.registerDataHook)("dependency", "editor/documents/close", (args) => {
+  (0, import_editor_v1_adapters10.registerDataHook)("dependency", "editor/documents/close", (args) => {
     const document = (0, import_editor_documents12.getV1CurrentDocument)();
     if (document.config.type === COMPONENT_DOCUMENT_TYPE) {
       args.mode = "autosave";
     }
     return true;
   });
-  (0, import_editor_v1_adapters9.registerDataHook)("after", "preview/drop", onElementDrop);
+  (0, import_editor_v1_adapters10.registerDataHook)("after", "preview/drop", onElementDrop);
   window.elementorCommon.__beforeSave = beforeSave;
   (0, import_editor_elements_panel.injectTab)({
     id: "components",
@@ -4671,7 +4686,7 @@ function init() {
     id: "component-panel-header",
     component: ComponentPanelHeader
   });
-  (0, import_editor_v1_adapters9.registerDataHook)("after", "editor/documents/attach-preview", async () => {
+  (0, import_editor_v1_adapters10.registerDataHook)("after", "editor/documents/attach-preview", async () => {
     const { id: id2, config } = (0, import_editor_documents12.getV1CurrentDocument)();
     if (id2) {
       removeComponentStyles(id2);