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

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,113 +283,90 @@ 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/move-element.ts
-function moveElement({ elementId, targetContainerId, options = {} }) {
-  const container = getContainer(elementId);
-  const target = getContainer(targetContainerId);
-  if (!container) {
-    throw new Error(`Element with ID "${elementId}" not found`);
-  }
-  if (!target) {
-    throw new Error(`Target container with ID "${targetContainerId}" not found`);
-  }
-  const modelToRecreate = container.model.toJSON();
-  deleteElement({
-    elementId,
-    // prevent inner history from being created
-    options: { ...options, useHistory: false }
-  });
-  const newContainer = createElement({
-    containerId: targetContainerId,
-    model: modelToRecreate,
-    // prevent inner history from being created
-    options: { edit: false, ...options, useHistory: false }
-  });
-  return newContainer;
-}
-
-// src/sync/move-elements.ts
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
-var import_i18n = require("@wordpress/i18n");
-var moveElements = ({
-  moves: movesToMake,
+// src/sync/create-elements.ts
+var createElements = ({
+  elements,
   title,
-  subtitle = (0, import_i18n.__)("Elements moved", "elementor")
+  subtitle = (0, import_i18n.__)("Item added", "elementor")
 }) => {
-  const undoableMove = (0, import_editor_v1_adapters10.undoable)(
+  const undoableCreate = (0, import_editor_v1_adapters9.undoable)(
     {
-      do: ({ moves }) => {
-        const movedElements = [];
-        moves.forEach((move) => {
-          const { elementId } = move;
-          const sourceContainer = getContainer(elementId);
-          if (!sourceContainer) {
-            throw new Error(`Element with ID "${elementId}" not found`);
-          }
-          const originalContainerId = sourceContainer.parent?.id || "";
-          const originalIndex = sourceContainer.parent?.children?.indexOf(sourceContainer) ?? -1;
-          const originalPosition = {
-            elementId,
-            originalContainerId,
-            originalIndex
-          };
-          const element = moveElement({
-            ...move,
-            options: { ...move.options, useHistory: false }
+      do: ({ elements: elementsParam }) => {
+        const createdElements = [];
+        elementsParam.forEach((createParams) => {
+          const { options, ...elementParams } = createParams;
+          const element = createElement({
+            ...elementParams,
+            options: { ...options, useHistory: false }
           });
-          movedElements.push({
+          const elementId = element.id;
+          createdElements.push({
             elementId,
-            originalPosition,
-            move,
-            element
+            model: element.model?.toJSON() || {},
+            createParams: {
+              ...createParams
+            }
           });
         });
-        return { movedElements };
+        return { createdElements };
       },
-      undo: (_, { movedElements }) => {
-        [...movedElements].reverse().forEach(({ originalPosition }) => {
-          const { elementId, originalContainerId, originalIndex } = originalPosition;
-          moveElement({
+      undo: (_, { createdElements }) => {
+        [...createdElements].reverse().forEach(({ elementId }) => {
+          deleteElement({
             elementId,
-            targetContainerId: originalContainerId,
-            options: {
-              useHistory: false,
-              at: originalIndex >= 0 ? originalIndex : void 0
-            }
+            options: { useHistory: false }
           });
         });
       },
-      redo: (_, { movedElements }) => {
-        const newMovedElements = [];
-        movedElements.forEach(({ move, originalPosition }) => {
-          const element = moveElement({
-            ...move,
-            options: { ...move.options, useHistory: false }
-          });
-          newMovedElements.push({
-            elementId: move.elementId,
-            originalPosition,
-            move,
-            element
+      redo: (_, { createdElements }) => {
+        const newElements = [];
+        createdElements.forEach(({ createParams, model }) => {
+          const element = createElement({
+            containerId: createParams.containerId,
+            model,
+            options: { ...createParams.options, useHistory: false }
           });
-        });
-        return { movedElements: newMovedElements };
-      }
-    },
-    {
+          const elementId = element.id;
+          const container = getContainer(elementId);
+          if (container) {
+            newElements.push({
+              elementId,
+              model: container.model.toJSON(),
+              createParams
+            });
+          }
+        });
+        return { createdElements: newElements };
+      }
+    },
+    {
       title,
       subtitle
     }
   );
-  return undoableMove({ moves: movesToMake });
+  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);
@@ -425,81 +390,15 @@ function duplicateElement({ elementId, options = {} }) {
   });
 }
 
-// src/sync/create-elements.ts
+// src/sync/duplicate-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")
+  subtitle = (0, import_i18n2.__)("Item duplicated", "elementor")
 }) => {
-  const undoableDuplicate = (0, import_editor_v1_adapters12.undoable)(
+  const undoableDuplicate = (0, import_editor_v1_adapters11.undoable)(
     {
       do: ({ elementIds: elementIdsToDuplicate }) => {
         const duplicatedElements = elementIdsToDuplicate.reduce((acc, elementId) => {
@@ -564,81 +463,23 @@ var duplicateElements = ({
   return undoableDuplicate({ elementIds });
 };
 
-// src/sync/remove-elements.ts
-var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
-var import_i18n4 = require("@wordpress/i18n");
-var removeElements = ({
-  elementIds,
-  title,
-  subtitle = (0, import_i18n4.__)("Item removed", "elementor"),
-  onRemoveElements,
-  onRestoreElements
-}) => {
-  const undoableRemove = (0, import_editor_v1_adapters13.undoable)(
-    {
-      do: ({ elementIds: elementIdsParam }) => {
-        const removedElements = [];
-        elementIdsParam.forEach((elementId) => {
-          const container = getContainer(elementId);
-          if (container) {
-            const model = container.model.toJSON();
-            const parent = container.parent;
-            const at = container.view?._index ?? 0;
-            removedElements.push({
-              elementId,
-              model,
-              parent: parent ?? null,
-              at
-            });
-          }
-        });
-        const results = elementIdsParam.map((elementId) => {
-          return deleteElement({
-            elementId,
-            options: { useHistory: false }
-          });
-        });
-        Promise.all(results).then(() => {
-          onRemoveElements?.();
-        });
-        return { elementIds: elementIdsParam, removedElements };
-      },
-      undo: (_, { removedElements }) => {
-        [...removedElements].reverse().forEach(({ model, parent, at }) => {
-          if (parent && model) {
-            createElement({
-              containerId: parent.id,
-              model,
-              options: { useHistory: false, at }
-            });
-          }
-        });
-        onRestoreElements?.();
-      },
-      redo: (_, { elementIds: originalElementIds, removedElements }) => {
-        originalElementIds.forEach((elementId) => {
-          deleteElement({
-            elementId,
-            options: { useHistory: false }
-          });
-        });
-        onRemoveElements?.();
-        return { elementIds: originalElementIds, removedElements };
-      }
-    },
-    {
-      title,
-      subtitle
-    }
-  );
-  return undoableRemove({ 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-element-styles.ts
-var getElementStyles = (elementID) => {
-  const container = getContainer(elementID);
-  return container?.model.get("styles") || null;
-};
+// 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");
@@ -684,11 +525,11 @@ function getElementLabel(elementId) {
   return label;
 }
 
-// src/sync/get-current-document-container.ts
-function getCurrentDocumentContainer() {
-  const extendedWindow = window;
-  return extendedWindow.elementor?.documents?.getCurrent?.()?.container ?? null;
-}
+// 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) {
@@ -702,31 +543,178 @@ function getElements(root) {
   return [container, ...children];
 }
 
-// src/sync/get-current-document-id.ts
-function getCurrentDocumentId() {
-  const extendedWindow = window;
-  return extendedWindow.elementor?.documents?.getCurrentId?.() ?? null;
+// src/sync/move-element.ts
+function moveElement({ elementId, targetContainerId, options = {} }) {
+  const container = getContainer(elementId);
+  const target = getContainer(targetContainerId);
+  if (!container) {
+    throw new Error(`Element with ID "${elementId}" not found`);
+  }
+  if (!target) {
+    throw new Error(`Target container with ID "${targetContainerId}" not found`);
+  }
+  const modelToRecreate = container.model.toJSON();
+  deleteElement({
+    elementId,
+    // prevent inner history from being created
+    options: { ...options, useHistory: false }
+  });
+  const newContainer = createElement({
+    containerId: targetContainerId,
+    model: modelToRecreate,
+    // prevent inner history from being created
+    options: { edit: false, ...options, useHistory: false }
+  });
+  return newContainer;
 }
 
-// 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/move-elements.ts
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_i18n3 = require("@wordpress/i18n");
+var moveElements = ({
+  moves: movesToMake,
+  title,
+  subtitle = (0, import_i18n3.__)("Elements moved", "elementor"),
+  onMoveElements,
+  onRestoreElements
+}) => {
+  const undoableMove = (0, import_editor_v1_adapters12.undoable)(
+    {
+      do: ({ moves }) => {
+        const movedElements = [];
+        moves.forEach((move) => {
+          const { elementId } = move;
+          const sourceContainer = getContainer(elementId);
+          if (!sourceContainer) {
+            throw new Error(`Element with ID "${elementId}" not found`);
+          }
+          const originalContainerId = sourceContainer.parent?.id || "";
+          const originalIndex = sourceContainer.parent?.children?.indexOf(sourceContainer) ?? -1;
+          const originalPosition = {
+            elementId,
+            originalContainerId,
+            originalIndex
+          };
+          const element = moveElement({
+            ...move,
+            options: { ...move.options, useHistory: false }
+          });
+          onMoveElements?.();
+          movedElements.push({
+            elementId,
+            originalPosition,
+            move,
+            element
+          });
+        });
+        return { movedElements };
+      },
+      undo: (_, { movedElements }) => {
+        [...movedElements].reverse().forEach(({ originalPosition }) => {
+          const { elementId, originalContainerId, originalIndex } = originalPosition;
+          onRestoreElements?.();
+          moveElement({
+            elementId,
+            targetContainerId: originalContainerId,
+            options: {
+              useHistory: false,
+              at: originalIndex >= 0 ? originalIndex : void 0
+            }
+          });
+        });
+      },
+      redo: (_, { movedElements }) => {
+        const newMovedElements = [];
+        movedElements.forEach(({ move, originalPosition }) => {
+          const element = moveElement({
+            ...move,
+            options: { ...move.options, useHistory: false }
+          });
+          onMoveElements?.();
+          newMovedElements.push({
+            elementId: move.elementId,
+            originalPosition,
+            move,
+            element
+          });
+        });
+        return { movedElements: newMovedElements };
+      }
+    },
+    {
+      title,
+      subtitle
+    }
+  );
+  return undoableMove({ moves: movesToMake });
 };
 
-// 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/remove-elements.ts
+var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
+var import_i18n4 = require("@wordpress/i18n");
+var removeElements = ({
+  elementIds,
+  title,
+  subtitle = (0, import_i18n4.__)("Item removed", "elementor"),
+  onRemoveElements,
+  onRestoreElements
+}) => {
+  const undoableRemove = (0, import_editor_v1_adapters13.undoable)(
+    {
+      do: ({ elementIds: elementIdsParam }) => {
+        const removedElements = [];
+        elementIdsParam.forEach((elementId) => {
+          const container = getContainer(elementId);
+          if (container) {
+            const model = container.model.toJSON();
+            const parent = container.parent;
+            const at = container.view?._index ?? 0;
+            removedElements.push({
+              elementId,
+              model,
+              parent: parent ?? null,
+              at
+            });
+          }
+        });
+        onRemoveElements?.();
+        elementIdsParam.forEach((elementId) => {
+          deleteElement({
+            elementId,
+            options: { useHistory: false }
+          });
+        });
+        return { elementIds: elementIdsParam, removedElements };
+      },
+      undo: (_, { removedElements }) => {
+        onRestoreElements?.();
+        [...removedElements].reverse().forEach(({ model, parent, at }) => {
+          if (parent && model) {
+            createElement({
+              containerId: parent.id,
+              model,
+              options: { useHistory: false, at }
+            });
+          }
+        });
+      },
+      redo: (_, { elementIds: originalElementIds, removedElements }) => {
+        onRemoveElements?.();
+        originalElementIds.forEach((elementId) => {
+          deleteElement({
+            elementId,
+            options: { useHistory: false }
+          });
+        });
+        return { elementIds: originalElementIds, removedElements };
+      }
+    },
+    {
+      title,
+      subtitle
+    }
+  );
+  return undoableRemove({ elementIds });
 };
 
 // src/sync/replace-element.ts
@@ -768,18 +756,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 +998,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 +1027,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 +1041,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 +1076,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");