@elementor/editor-elements 3.33.0-271 → 3.33.0-272

package/dist/index.js

@@ -70,7 +70,7 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/hooks/use-element-setting.ts
+// src/hooks/use-element-children.ts
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 
 // src/sync/get-container.ts
@@ -88,6 +88,55 @@ var selectElement = (elementId) => {
   }
 };
 
+// src/hooks/use-element-children.ts
+function useElementChildren(elementId, childrenTypes) {
+  return (0, import_editor_v1_adapters2.__privateUseListenTo)(
+    [
+      (0, import_editor_v1_adapters2.v1ReadyEvent)(),
+      (0, import_editor_v1_adapters2.commandEndEvent)("document/elements/create"),
+      (0, import_editor_v1_adapters2.commandEndEvent)("document/elements/delete"),
+      (0, import_editor_v1_adapters2.commandEndEvent)("document/elements/update"),
+      (0, import_editor_v1_adapters2.commandEndEvent)("document/elements/set-settings")
+    ],
+    () => {
+      const container = getContainer(elementId);
+      const elementChildren = childrenTypes.reduce((acc, type) => {
+        acc[type] = [];
+        return acc;
+      }, {});
+      container?.children?.forEachRecursive?.(({ model, id }) => {
+        const elType = model.get("elType");
+        if (elType && elType in elementChildren) {
+          elementChildren[elType].push({ id });
+        }
+      });
+      return elementChildren;
+    },
+    [elementId]
+  );
+}
+
+// src/hooks/use-element-editor-settings.ts
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+
+// src/sync/get-element-editor-settings.ts
+function getElementEditorSettings(elementId) {
+  const container = getContainer(elementId);
+  return container?.model.get("editor_settings") ?? {};
+}
+
+// src/hooks/use-element-editor-settings.ts
+var useElementEditorSettings = (elementId) => {
+  return (0, import_editor_v1_adapters3.__privateUseListenTo)(
+    (0, import_editor_v1_adapters3.windowEvent)("elementor/element/update_editor_settings"),
+    () => getElementEditorSettings(elementId),
+    [elementId]
+  );
+};
+
+// src/hooks/use-element-setting.ts
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+
 // src/sync/get-element-setting.ts
 var getElementSetting = (elementId, settingKey) => {
   const container = getContainer(elementId);
@@ -99,15 +148,15 @@ var getElementSettings = (elementId, settingKey) => {
 
 // src/hooks/use-element-setting.ts
 var useElementSetting = (elementId, settingKey) => {
-  return (0, import_editor_v1_adapters2.__privateUseListenTo)(
-    (0, import_editor_v1_adapters2.commandEndEvent)("document/elements/set-settings"),
+  return (0, import_editor_v1_adapters4.__privateUseListenTo)(
+    (0, import_editor_v1_adapters4.commandEndEvent)("document/elements/set-settings"),
     () => getElementSetting(elementId, settingKey),
     [elementId, settingKey]
   );
 };
 var useElementSettings = (elementId, settingKeys) => {
-  return (0, import_editor_v1_adapters2.__privateUseListenTo)(
-    (0, import_editor_v1_adapters2.commandEndEvent)("document/elements/set-settings"),
+  return (0, import_editor_v1_adapters4.__privateUseListenTo)(
+    (0, import_editor_v1_adapters4.commandEndEvent)("document/elements/set-settings"),
     () => settingKeys.reduce((settings, key) => {
       const value = getElementSetting(elementId, key);
       if (value !== null) {
@@ -119,8 +168,28 @@ var useElementSettings = (elementId, settingKeys) => {
   );
 };
 
+// src/hooks/use-parent-element.ts
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
+function useParentElement(elementId) {
+  return (0, import_editor_v1_adapters5.__privateUseListenTo)(
+    [(0, import_editor_v1_adapters5.commandEndEvent)("document/elements/create")],
+    () => {
+      if (!elementId) {
+        return null;
+      }
+      const extendedWindow = window;
+      const element = extendedWindow?.elementor?.getContainer?.(elementId);
+      if (!element) {
+        return null;
+      }
+      return element.parent;
+    },
+    [elementId]
+  );
+}
+
 // src/hooks/use-selected-element.ts
-var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
 
 // src/sync/get-widgets-cache.ts
 function getWidgetsCache() {
@@ -169,12 +238,12 @@ function getSelectedElements() {
 
 // src/hooks/use-selected-element.ts
 function useSelectedElement() {
-  const elements = (0, import_editor_v1_adapters3.__privateUseListenTo)(
+  const elements = (0, import_editor_v1_adapters6.__privateUseListenTo)(
     [
-      (0, import_editor_v1_adapters3.commandEndEvent)("document/elements/select"),
-      (0, import_editor_v1_adapters3.commandEndEvent)("document/elements/deselect"),
-      (0, import_editor_v1_adapters3.commandEndEvent)("document/elements/select-all"),
-      (0, import_editor_v1_adapters3.commandEndEvent)("document/elements/deselect-all")
+      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/select"),
+      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/deselect"),
+      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/select-all"),
+      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/deselect-all")
     ],
     getSelectedElements
   );
@@ -186,73 +255,6 @@ function useSelectedElement() {
   return { element, elementType };
 }
 
-// src/hooks/use-parent-element.ts
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
-function useParentElement(elementId) {
-  return (0, import_editor_v1_adapters4.__privateUseListenTo)(
-    [(0, import_editor_v1_adapters4.commandEndEvent)("document/elements/create")],
-    () => {
-      if (!elementId) {
-        return null;
-      }
-      const extendedWindow = window;
-      const element = extendedWindow?.elementor?.getContainer?.(elementId);
-      if (!element) {
-        return null;
-      }
-      return element.parent;
-    },
-    [elementId]
-  );
-}
-
-// src/hooks/use-element-children.ts
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
-function useElementChildren(elementId, childrenTypes) {
-  return (0, import_editor_v1_adapters5.__privateUseListenTo)(
-    [
-      (0, import_editor_v1_adapters5.v1ReadyEvent)(),
-      (0, import_editor_v1_adapters5.commandEndEvent)("document/elements/create"),
-      (0, import_editor_v1_adapters5.commandEndEvent)("document/elements/delete"),
-      (0, import_editor_v1_adapters5.commandEndEvent)("document/elements/update"),
-      (0, import_editor_v1_adapters5.commandEndEvent)("document/elements/set-settings")
-    ],
-    () => {
-      const container = getContainer(elementId);
-      const elementChildren = childrenTypes.reduce((acc, type) => {
-        acc[type] = [];
-        return acc;
-      }, {});
-      container?.children?.forEachRecursive?.(({ model, id }) => {
-        const elType = model.get("elType");
-        if (elType && elType in elementChildren) {
-          elementChildren[elType].push({ id });
-        }
-      });
-      return elementChildren;
-    },
-    [elementId]
-  );
-}
-
-// src/hooks/use-element-editor-settings.ts
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
-
-// src/sync/get-element-editor-settings.ts
-function getElementEditorSettings(elementId) {
-  const container = getContainer(elementId);
-  return container?.model.get("editor_settings") ?? {};
-}
-
-// src/hooks/use-element-editor-settings.ts
-var useElementEditorSettings = (elementId) => {
-  return (0, import_editor_v1_adapters6.__privateUseListenTo)(
-    (0, import_editor_v1_adapters6.windowEvent)("elementor/element/update_editor_settings"),
-    () => getElementEditorSettings(elementId),
-    [elementId]
-  );
-};
-
 // src/sync/create-element.ts
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 function createElement({ containerId, model, options }) {
@@ -267,26 +269,12 @@ function createElement({ containerId, model, options }) {
   });
 }
 
-// src/sync/update-element-editor-settings.ts
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
-var updateElementEditorSettings = ({
-  elementId,
-  settings
-}) => {
-  const element = getContainer(elementId);
-  if (!element) {
-    throw new Error(`Element with id ${elementId} not found`);
-  }
-  const editorSettings = element.model.get("editor_settings") ?? {};
-  element.model.set("editor_settings", { ...editorSettings, ...settings });
-  setDocumentModifiedStatus(true);
-};
-function setDocumentModifiedStatus(status) {
-  (0, import_editor_v1_adapters8.__privateRunCommandSync)("document/save/set-is-modified", { status }, { internal: true });
-}
+// src/sync/create-elements.ts
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_i18n = require("@wordpress/i18n");
 
 // src/sync/delete-element.ts
-var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 function deleteElement({
   elementId,
   options = {}
@@ -295,12 +283,266 @@ function deleteElement({
   if (!container) {
     throw new Error(`Element with ID "${elementId}" not found`);
   }
-  return (0, import_editor_v1_adapters9.__privateRunCommand)("document/elements/delete", {
+  return (0, import_editor_v1_adapters8.__privateRunCommand)("document/elements/delete", {
+    container,
+    options
+  });
+}
+
+// src/sync/create-elements.ts
+var createElements = ({
+  elements,
+  title,
+  subtitle = (0, import_i18n.__)("Item added", "elementor")
+}) => {
+  const undoableCreate = (0, import_editor_v1_adapters9.undoable)(
+    {
+      do: ({ elements: elementsParam }) => {
+        const createdElements = [];
+        elementsParam.forEach((createParams) => {
+          const { options, ...elementParams } = createParams;
+          const element = createElement({
+            ...elementParams,
+            options: { ...options, useHistory: false }
+          });
+          const elementId = element.id;
+          createdElements.push({
+            elementId,
+            model: element.model?.toJSON() || {},
+            createParams: {
+              ...createParams
+            }
+          });
+        });
+        return { createdElements };
+      },
+      undo: (_, { createdElements }) => {
+        [...createdElements].reverse().forEach(({ elementId }) => {
+          deleteElement({
+            elementId,
+            options: { useHistory: false }
+          });
+        });
+      },
+      redo: (_, { createdElements }) => {
+        const newElements = [];
+        createdElements.forEach(({ createParams, model }) => {
+          const element = createElement({
+            containerId: createParams.containerId,
+            model,
+            options: { ...createParams.options, useHistory: false }
+          });
+          const elementId = element.id;
+          const container = getContainer(elementId);
+          if (container) {
+            newElements.push({
+              elementId,
+              model: container.model.toJSON(),
+              createParams
+            });
+          }
+        });
+        return { createdElements: newElements };
+      }
+    },
+    {
+      title,
+      subtitle
+    }
+  );
+  return undoableCreate({ elements });
+};
+
+// src/sync/drop-element.ts
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+function dropElement({ containerId, model, options }) {
+  const container = getContainer(containerId);
+  if (!container) {
+    throw new Error(`Container with ID "${containerId}" not found`);
+  }
+  return (0, import_editor_v1_adapters10.__privateRunCommandSync)("preview/drop", {
     container,
+    model,
     options
   });
 }
 
+// src/sync/duplicate-element.ts
+function duplicateElement({ elementId, options = {} }) {
+  const elementToDuplicate = getContainer(elementId);
+  if (!elementToDuplicate) {
+    throw new Error(`Element with ID "${elementId}" not found`);
+  }
+  if (!elementToDuplicate.parent) {
+    throw new Error(`Element with ID "${elementId}" has no parent container`);
+  }
+  const parentContainer = elementToDuplicate.parent;
+  const elementModel = elementToDuplicate.model.toJSON();
+  const currentIndex = elementToDuplicate.view?._index ?? 0;
+  const insertPosition = options.clone !== false ? currentIndex + 1 : void 0;
+  return createElement({
+    containerId: parentContainer.id,
+    model: elementModel,
+    options: {
+      at: insertPosition,
+      ...options
+    }
+  });
+}
+
+// src/sync/duplicate-elements.ts
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_i18n2 = require("@wordpress/i18n");
+var duplicateElements = ({
+  elementIds,
+  title,
+  subtitle = (0, import_i18n2.__)("Item duplicated", "elementor")
+}) => {
+  const undoableDuplicate = (0, import_editor_v1_adapters11.undoable)(
+    {
+      do: ({ elementIds: elementIdsToDuplicate }) => {
+        const duplicatedElements = elementIdsToDuplicate.reduce((acc, elementId) => {
+          const originalContainer = getContainer(elementId);
+          if (originalContainer?.parent) {
+            const duplicatedElement = duplicateElement({
+              elementId,
+              options: { useHistory: false, clone: true }
+            });
+            acc.push({
+              id: duplicatedElement.id,
+              model: duplicatedElement.model.toJSON(),
+              originalElementId: elementId,
+              modelToRestore: duplicatedElement.model.toJSON(),
+              parentContainerId: duplicatedElement.parent?.id,
+              at: duplicatedElement.view?._index
+            });
+          }
+          return acc;
+        }, []);
+        return { duplicatedElements };
+      },
+      undo: (_, { duplicatedElements }) => {
+        [...duplicatedElements].reverse().forEach(({ id }) => {
+          deleteElement({
+            elementId: id,
+            options: { useHistory: false }
+          });
+        });
+      },
+      redo: (_, { duplicatedElements: previousElements }) => {
+        const duplicatedElements = previousElements.reduce((acc, previousElement) => {
+          if (previousElement.modelToRestore && previousElement.parentContainerId) {
+            const createdElement = createElement({
+              containerId: previousElement.parentContainerId,
+              model: previousElement.modelToRestore,
+              options: {
+                useHistory: false,
+                clone: false,
+                at: previousElement.at
+              }
+            });
+            acc.push({
+              id: createdElement.id,
+              model: createdElement.model.toJSON(),
+              originalElementId: previousElement.originalElementId,
+              modelToRestore: previousElement.modelToRestore,
+              parentContainerId: previousElement.parentContainerId,
+              at: previousElement.at
+            });
+          }
+          return acc;
+        }, []);
+        return { duplicatedElements };
+      }
+    },
+    {
+      title,
+      subtitle
+    }
+  );
+  return undoableDuplicate({ elementIds });
+};
+
+// src/sync/generate-element-id.ts
+var generateElementId = () => {
+  const extendedWindow = window;
+  return extendedWindow.elementorCommon?.helpers?.getUniqueId?.() ?? `el-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+};
+
+// src/sync/get-current-document-container.ts
+function getCurrentDocumentContainer() {
+  const extendedWindow = window;
+  return extendedWindow.elementor?.documents?.getCurrent?.()?.container ?? null;
+}
+
+// src/sync/get-current-document-id.ts
+function getCurrentDocumentId() {
+  const extendedWindow = window;
+  return extendedWindow.elementor?.documents?.getCurrentId?.() ?? null;
+}
+
+// src/errors.ts
+var import_utils = require("@elementor/utils");
+var ElementNotFoundError = (0, import_utils.createError)({
+  code: "element_not_found",
+  message: "Element not found."
+});
+var StyleNotFoundError = (0, import_utils.createError)({
+  code: "style_not_found",
+  message: "Style not found."
+});
+var ElementTypeNotExistsError = (0, import_utils.createError)({
+  code: "element_type_not_exists",
+  message: "Element type does not exist."
+});
+var ElementLabelNotExistsError = (0, import_utils.createError)({
+  code: "element_label_not_exists",
+  message: "Element label does not exist."
+});
+var ElementParentNotFoundError = (0, import_utils.createError)({
+  code: "element_parent_not_found",
+  message: "Element parent not found."
+});
+var ElementIndexNotFoundError = (0, import_utils.createError)({
+  code: "element_index_not_found",
+  message: "Element index not found."
+});
+
+// src/sync/get-element-label.ts
+function getElementLabel(elementId) {
+  if (!elementId) {
+    elementId = getSelectedElements()?.[0]?.id;
+  }
+  const container = getContainer(elementId);
+  const type = container?.model.get("widgetType") || container?.model.get("elType");
+  if (!type) {
+    throw new ElementTypeNotExistsError({ context: { elementId } });
+  }
+  const label = getWidgetsCache()?.[type]?.title;
+  if (!label) {
+    throw new ElementLabelNotExistsError({ context: { elementType: type } });
+  }
+  return label;
+}
+
+// src/sync/get-element-styles.ts
+var getElementStyles = (elementID) => {
+  const container = getContainer(elementID);
+  return container?.model.get("styles") || null;
+};
+
+// src/sync/get-elements.ts
+function getElements(root) {
+  const container = root ? getContainer(root) : getCurrentDocumentContainer();
+  if (!container) {
+    return [];
+  }
+  const children = [...container.model.get("elements") ?? []].flatMap(
+    (childModel) => getElements(childModel.get("id"))
+  );
+  return [container, ...children];
+}
+
 // src/sync/move-element.ts
 function moveElement({ elementId, targetContainerId, options = {} }) {
   const container = getContainer(elementId);
@@ -327,14 +569,14 @@ function moveElement({ elementId, targetContainerId, options = {} }) {
 }
 
 // src/sync/move-elements.ts
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
-var import_i18n = require("@wordpress/i18n");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_i18n3 = require("@wordpress/i18n");
 var moveElements = ({
   moves: movesToMake,
   title,
-  subtitle = (0, import_i18n.__)("Elements moved", "elementor")
+  subtitle = (0, import_i18n3.__)("Elements moved", "elementor")
 }) => {
-  const undoableMove = (0, import_editor_v1_adapters10.undoable)(
+  const undoableMove = (0, import_editor_v1_adapters12.undoable)(
     {
       do: ({ moves }) => {
         const movedElements = [];
@@ -402,168 +644,6 @@ var moveElements = ({
   return undoableMove({ moves: movesToMake });
 };
 
-// src/sync/duplicate-element.ts
-function duplicateElement({ elementId, options = {} }) {
-  const elementToDuplicate = getContainer(elementId);
-  if (!elementToDuplicate) {
-    throw new Error(`Element with ID "${elementId}" not found`);
-  }
-  if (!elementToDuplicate.parent) {
-    throw new Error(`Element with ID "${elementId}" has no parent container`);
-  }
-  const parentContainer = elementToDuplicate.parent;
-  const elementModel = elementToDuplicate.model.toJSON();
-  const currentIndex = elementToDuplicate.view?._index ?? 0;
-  const insertPosition = options.clone !== false ? currentIndex + 1 : void 0;
-  return createElement({
-    containerId: parentContainer.id,
-    model: elementModel,
-    options: {
-      at: insertPosition,
-      ...options
-    }
-  });
-}
-
-// src/sync/create-elements.ts
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
-var import_i18n2 = require("@wordpress/i18n");
-var createElements = ({
-  elements,
-  title,
-  subtitle = (0, import_i18n2.__)("Item added", "elementor")
-}) => {
-  const undoableCreate = (0, import_editor_v1_adapters11.undoable)(
-    {
-      do: ({ elements: elementsParam }) => {
-        const createdElements = [];
-        elementsParam.forEach((createParams) => {
-          const { options, ...elementParams } = createParams;
-          const element = createElement({
-            ...elementParams,
-            options: { ...options, useHistory: false }
-          });
-          const elementId = element.id;
-          createdElements.push({
-            elementId,
-            model: element.model?.toJSON() || {},
-            createParams: {
-              ...createParams
-            }
-          });
-        });
-        return { createdElements };
-      },
-      undo: (_, { createdElements }) => {
-        [...createdElements].reverse().forEach(({ elementId }) => {
-          deleteElement({
-            elementId,
-            options: { useHistory: false }
-          });
-        });
-      },
-      redo: (_, { createdElements }) => {
-        const newElements = [];
-        createdElements.forEach(({ createParams, model }) => {
-          const element = createElement({
-            containerId: createParams.containerId,
-            model,
-            options: { ...createParams.options, useHistory: false }
-          });
-          const elementId = element.id;
-          const container = getContainer(elementId);
-          if (container) {
-            newElements.push({
-              elementId,
-              model: container.model.toJSON(),
-              createParams
-            });
-          }
-        });
-        return { createdElements: newElements };
-      }
-    },
-    {
-      title,
-      subtitle
-    }
-  );
-  return undoableCreate({ elements });
-};
-
-// src/sync/duplicate-elements.ts
-var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
-var import_i18n3 = require("@wordpress/i18n");
-var duplicateElements = ({
-  elementIds,
-  title,
-  subtitle = (0, import_i18n3.__)("Item duplicated", "elementor")
-}) => {
-  const undoableDuplicate = (0, import_editor_v1_adapters12.undoable)(
-    {
-      do: ({ elementIds: elementIdsToDuplicate }) => {
-        const duplicatedElements = elementIdsToDuplicate.reduce((acc, elementId) => {
-          const originalContainer = getContainer(elementId);
-          if (originalContainer?.parent) {
-            const duplicatedElement = duplicateElement({
-              elementId,
-              options: { useHistory: false, clone: true }
-            });
-            acc.push({
-              id: duplicatedElement.id,
-              model: duplicatedElement.model.toJSON(),
-              originalElementId: elementId,
-              modelToRestore: duplicatedElement.model.toJSON(),
-              parentContainerId: duplicatedElement.parent?.id,
-              at: duplicatedElement.view?._index
-            });
-          }
-          return acc;
-        }, []);
-        return { duplicatedElements };
-      },
-      undo: (_, { duplicatedElements }) => {
-        [...duplicatedElements].reverse().forEach(({ id }) => {
-          deleteElement({
-            elementId: id,
-            options: { useHistory: false }
-          });
-        });
-      },
-      redo: (_, { duplicatedElements: previousElements }) => {
-        const duplicatedElements = previousElements.reduce((acc, previousElement) => {
-          if (previousElement.modelToRestore && previousElement.parentContainerId) {
-            const createdElement = createElement({
-              containerId: previousElement.parentContainerId,
-              model: previousElement.modelToRestore,
-              options: {
-                useHistory: false,
-                clone: false,
-                at: previousElement.at
-              }
-            });
-            acc.push({
-              id: createdElement.id,
-              model: createdElement.model.toJSON(),
-              originalElementId: previousElement.originalElementId,
-              modelToRestore: previousElement.modelToRestore,
-              parentContainerId: previousElement.parentContainerId,
-              at: previousElement.at
-            });
-          }
-          return acc;
-        }, []);
-        return { duplicatedElements };
-      }
-    },
-    {
-      title,
-      subtitle
-    }
-  );
-  return undoableDuplicate({ elementIds });
-};
-
 // src/sync/remove-elements.ts
 var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 var import_i18n4 = require("@wordpress/i18n");
@@ -631,102 +711,7 @@ var removeElements = ({
       subtitle
     }
   );
-  return undoableRemove({ elementIds });
-};
-
-// src/sync/get-element-styles.ts
-var getElementStyles = (elementID) => {
-  const container = getContainer(elementID);
-  return container?.model.get("styles") || null;
-};
-
-// src/errors.ts
-var import_utils = require("@elementor/utils");
-var ElementNotFoundError = (0, import_utils.createError)({
-  code: "element_not_found",
-  message: "Element not found."
-});
-var StyleNotFoundError = (0, import_utils.createError)({
-  code: "style_not_found",
-  message: "Style not found."
-});
-var ElementTypeNotExistsError = (0, import_utils.createError)({
-  code: "element_type_not_exists",
-  message: "Element type does not exist."
-});
-var ElementLabelNotExistsError = (0, import_utils.createError)({
-  code: "element_label_not_exists",
-  message: "Element label does not exist."
-});
-var ElementParentNotFoundError = (0, import_utils.createError)({
-  code: "element_parent_not_found",
-  message: "Element parent not found."
-});
-var ElementIndexNotFoundError = (0, import_utils.createError)({
-  code: "element_index_not_found",
-  message: "Element index not found."
-});
-
-// src/sync/get-element-label.ts
-function getElementLabel(elementId) {
-  if (!elementId) {
-    elementId = getSelectedElements()?.[0]?.id;
-  }
-  const container = getContainer(elementId);
-  const type = container?.model.get("widgetType") || container?.model.get("elType");
-  if (!type) {
-    throw new ElementTypeNotExistsError({ context: { elementId } });
-  }
-  const label = getWidgetsCache()?.[type]?.title;
-  if (!label) {
-    throw new ElementLabelNotExistsError({ context: { elementType: type } });
-  }
-  return label;
-}
-
-// src/sync/get-current-document-container.ts
-function getCurrentDocumentContainer() {
-  const extendedWindow = window;
-  return extendedWindow.elementor?.documents?.getCurrent?.()?.container ?? null;
-}
-
-// src/sync/get-elements.ts
-function getElements(root) {
-  const container = root ? getContainer(root) : getCurrentDocumentContainer();
-  if (!container) {
-    return [];
-  }
-  const children = [...container.model.get("elements") ?? []].flatMap(
-    (childModel) => getElements(childModel.get("id"))
-  );
-  return [container, ...children];
-}
-
-// src/sync/get-current-document-id.ts
-function getCurrentDocumentId() {
-  const extendedWindow = window;
-  return extendedWindow.elementor?.documents?.getCurrentId?.() ?? null;
-}
-
-// src/sync/update-element-settings.ts
-var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
-var updateElementSettings = ({ id, props, withHistory = true }) => {
-  const container = getContainer(id);
-  const args = {
-    container,
-    settings: { ...props }
-  };
-  if (withHistory) {
-    (0, import_editor_v1_adapters14.__privateRunCommandSync)("document/elements/settings", args);
-  } else {
-    (0, import_editor_v1_adapters14.__privateRunCommandSync)("document/elements/set-settings", args, { internal: true });
-  }
-};
-
-// src/sync/generate-element-id.ts
-var generateElementId = () => {
-  const extendedWindow = window;
-  return extendedWindow.elementorCommon?.helpers?.getUniqueId?.() ?? `el-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+  return undoableRemove({ elementIds });
 };
 
 // src/sync/replace-element.ts
@@ -768,18 +753,121 @@ function createWrapperForWidget(parentId, elementIndex) {
   return { containerId: container.id, index: 0 };
 }
 
-// src/sync/drop-element.ts
-var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
-function dropElement({ containerId, model, options }) {
-  const container = getContainer(containerId);
-  if (!container) {
-    throw new Error(`Container with ID "${containerId}" not found`);
+// src/sync/update-element-editor-settings.ts
+var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
+var updateElementEditorSettings = ({
+  elementId,
+  settings
+}) => {
+  const element = getContainer(elementId);
+  if (!element) {
+    throw new Error(`Element with id ${elementId} not found`);
   }
-  return (0, import_editor_v1_adapters15.__privateRunCommandSync)("preview/drop", {
+  const editorSettings = element.model.get("editor_settings") ?? {};
+  element.model.set("editor_settings", { ...editorSettings, ...settings });
+  setDocumentModifiedStatus(true);
+};
+function setDocumentModifiedStatus(status) {
+  (0, import_editor_v1_adapters14.__privateRunCommandSync)("document/save/set-is-modified", { status }, { internal: true });
+}
+
+// src/sync/update-element-settings.ts
+var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
+var updateElementSettings = ({ id, props, withHistory = true }) => {
+  const container = getContainer(id);
+  const args = {
     container,
-    model,
-    options
-  });
+    settings: { ...props }
+  };
+  if (withHistory) {
+    (0, import_editor_v1_adapters15.__privateRunCommandSync)("document/elements/settings", args);
+  } else {
+    (0, import_editor_v1_adapters15.__privateRunCommandSync)("document/elements/set-settings", args, { internal: true });
+  }
+};
+
+// src/link-restriction.ts
+function getLinkInLinkRestriction(elementId) {
+  const anchoredDescendantId = getAnchoredDescendantId(elementId);
+  if (anchoredDescendantId) {
+    return {
+      shouldRestrict: true,
+      reason: "descendant",
+      elementId: anchoredDescendantId
+    };
+  }
+  const ancestor = getAnchoredAncestorId(elementId);
+  if (ancestor) {
+    return {
+      shouldRestrict: true,
+      reason: "ancestor",
+      elementId: ancestor
+    };
+  }
+  return {
+    shouldRestrict: false
+  };
+}
+function getAnchoredDescendantId(elementId) {
+  const element = getElementDOM(elementId);
+  if (!element) {
+    return null;
+  }
+  for (const childAnchorElement of Array.from(element.querySelectorAll("a"))) {
+    const childElementId = findElementIdOf(childAnchorElement);
+    if (childElementId !== elementId) {
+      return childElementId;
+    }
+  }
+  return null;
+}
+function getAnchoredAncestorId(elementId) {
+  const element = getElementDOM(elementId);
+  if (!element || element.parentElement === null) {
+    return null;
+  }
+  const parentAnchor = element.parentElement.closest("a");
+  return parentAnchor ? findElementIdOf(parentAnchor) : null;
+}
+function isElementAnchored(elementId) {
+  const element = getElementDOM(elementId);
+  if (!element) {
+    return false;
+  }
+  if (isAnchorTag(element.tagName)) {
+    return true;
+  }
+  return doesElementContainAnchor(element);
+}
+function doesElementContainAnchor(element) {
+  for (const child of element.children) {
+    if (isElementorElement(child)) {
+      continue;
+    }
+    if (isAnchorTag(child.tagName)) {
+      return true;
+    }
+    if (doesElementContainAnchor(child)) {
+      return true;
+    }
+  }
+  return false;
+}
+function findElementIdOf(element) {
+  return element.closest("[data-id]")?.dataset.id || null;
+}
+function getElementDOM(id) {
+  try {
+    return getContainer(id)?.view?.el || null;
+  } catch {
+    return null;
+  }
+}
+function isAnchorTag(tagName) {
+  return tagName.toLowerCase() === "a";
+}
+function isElementorElement(element) {
+  return element.hasAttribute("data-id");
 }
 
 // src/styles/consts.ts
@@ -907,6 +995,14 @@ function shouldCreateNewLocalStyle(payload) {
   return !payload?.styleId && !payload?.provider;
 }
 
+// src/styles/delete-element-style.ts
+function deleteElementStyle(elementId, styleId) {
+  mutateElementStyles(elementId, (styles) => {
+    delete styles[styleId];
+    return styles;
+  });
+}
+
 // src/styles/update-element-style.ts
 var import_editor_props3 = require("@elementor/editor-props");
 var import_editor_styles2 = require("@elementor/editor-styles");
@@ -928,97 +1024,9 @@ function updateElementStyle(args) {
   });
 }
 
-// src/styles/delete-element-style.ts
-function deleteElementStyle(elementId, styleId) {
-  mutateElementStyles(elementId, (styles) => {
-    delete styles[styleId];
-    return styles;
-  });
-}
-
-// src/link-restriction.ts
-function getLinkInLinkRestriction(elementId) {
-  const anchoredDescendantId = getAnchoredDescendantId(elementId);
-  if (anchoredDescendantId) {
-    return {
-      shouldRestrict: true,
-      reason: "descendant",
-      elementId: anchoredDescendantId
-    };
-  }
-  const ancestor = getAnchoredAncestorId(elementId);
-  if (ancestor) {
-    return {
-      shouldRestrict: true,
-      reason: "ancestor",
-      elementId: ancestor
-    };
-  }
-  return {
-    shouldRestrict: false
-  };
-}
-function getAnchoredDescendantId(elementId) {
-  const element = getElementDOM(elementId);
-  if (!element) {
-    return null;
-  }
-  for (const childAnchorElement of Array.from(element.querySelectorAll("a"))) {
-    const childElementId = findElementIdOf(childAnchorElement);
-    if (childElementId !== elementId) {
-      return childElementId;
-    }
-  }
-  return null;
-}
-function getAnchoredAncestorId(elementId) {
-  const element = getElementDOM(elementId);
-  if (!element || element.parentElement === null) {
-    return null;
-  }
-  const parentAnchor = element.parentElement.closest("a");
-  return parentAnchor ? findElementIdOf(parentAnchor) : null;
-}
-function isElementAnchored(elementId) {
-  const element = getElementDOM(elementId);
-  if (!element) {
-    return false;
-  }
-  if (isAnchorTag(element.tagName)) {
-    return true;
-  }
-  return doesElementContainAnchor(element);
-}
-function doesElementContainAnchor(element) {
-  for (const child of element.children) {
-    if (isElementorElement(child)) {
-      continue;
-    }
-    if (isAnchorTag(child.tagName)) {
-      return true;
-    }
-    if (doesElementContainAnchor(child)) {
-      return true;
-    }
-  }
-  return false;
-}
-function findElementIdOf(element) {
-  return element.closest("[data-id]")?.dataset.id || null;
-}
-function getElementDOM(id) {
-  try {
-    return getContainer(id)?.view?.el || null;
-  } catch {
-    return null;
-  }
-}
-function isAnchorTag(tagName) {
-  return tagName.toLowerCase() === "a";
-}
-function isElementorElement(element) {
-  return element.hasAttribute("data-id");
-}
+// src/hooks/use-element-interactions.ts
+var import_react = require("react");
+var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
 
 // src/sync/get-element-interactions.ts
 function getElementInteractions(elementId) {
@@ -1030,8 +1038,25 @@ function getElementInteractions(elementId) {
   return JSON.stringify(interactions);
 }
 
+// src/hooks/use-element-interactions.ts
+var useElementInteractions = (elementId) => {
+  const [interactions, setInteractions] = (0, import_react.useState)(() => {
+    const initial = getElementInteractions(elementId);
+    return initial;
+  });
+  (0, import_editor_v1_adapters18.__privateUseListenTo)(
+    (0, import_editor_v1_adapters18.windowEvent)("elementor/element/update_interactions"),
+    () => {
+      const newInteractions = getElementInteractions(elementId);
+      setInteractions(newInteractions);
+    },
+    [elementId]
+  );
+  return interactions;
+};
+
 // src/sync/update-element-interactions.ts
-var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
 var updateElementInteractions = ({
   elementId,
   interactions
@@ -1048,28 +1073,9 @@ var playElementInteractions = (elementId) => {
   window.top?.dispatchEvent(new CustomEvent("atomic/play_interactions", { detail: { elementId } }));
 };
 function setDocumentModifiedStatus2(status) {
-  (0, import_editor_v1_adapters18.__privateRunCommandSync)("document/save/set-is-modified", { status }, { internal: true });
+  (0, import_editor_v1_adapters19.__privateRunCommandSync)("document/save/set-is-modified", { status }, { internal: true });
 }
 
-// src/hooks/use-element-interactions.ts
-var import_react = require("react");
-var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
-var useElementInteractions = (elementId) => {
-  const [interactions, setInteractions] = (0, import_react.useState)(() => {
-    const initial = getElementInteractions(elementId);
-    return initial;
-  });
-  (0, import_editor_v1_adapters19.__privateUseListenTo)(
-    (0, import_editor_v1_adapters19.windowEvent)("elementor/element/update_interactions"),
-    () => {
-      const newInteractions = getElementInteractions(elementId);
-      setInteractions(newInteractions);
-    },
-    [elementId]
-  );
-  return interactions;
-};
-
 // src/mcp/index.ts
 var import_editor_mcp2 = require("@elementor/editor-mcp");