@elementor/editor-elements 3.33.0-97 → 3.33.0-99

package/dist/index.d.mts

@@ -106,14 +106,14 @@ type ElementModel = {
 type ElementChildren = Record<string, ElementModel[]>;
 declare function useElementChildren<T extends ElementChildren>(elementId: ElementID, childrenTypes: (keyof T & string)[]): T;
 
-type Options$2 = {
+type Options$3 = {
     useHistory?: boolean;
     at?: number;
     clone?: boolean;
 };
 type CreateElementParams = {
     containerId: string;
-    options?: Options$2;
+    options?: Options$3;
     model?: Omit<V1ElementModelProps, 'settings' | 'id'> & {
         settings?: V1ElementSettingsProps;
         id?: string;
@@ -121,6 +121,40 @@ type CreateElementParams = {
 };
 declare function createElement({ containerId, model, options }: CreateElementParams): V1Element;
 
+type Options$2 = {
+    useHistory?: boolean;
+    at?: number;
+    edit?: boolean;
+};
+type MoveElementParams = {
+    elementId: string;
+    targetContainerId: string;
+    options?: Options$2;
+};
+declare function moveElement({ elementId, targetContainerId, options }: MoveElementParams): V1Element;
+
+type MoveElementsParams = {
+    moves: MoveElementParams[];
+    title: string;
+    subtitle?: string;
+};
+type OriginalPosition = {
+    elementId: string;
+    originalContainerId: string;
+    originalIndex: number;
+};
+type MovedElement = {
+    elementId: string;
+    originalPosition: OriginalPosition;
+    move: MoveElementParams;
+    element: V1Element;
+};
+type MovedElementsResult = {
+    movedElements: MovedElement[];
+};
+
+declare const moveElements: ({ moves: movesToMake, title, subtitle, }: MoveElementsParams) => MovedElementsResult;
+
 type Options$1 = {
     useHistory?: boolean;
     at?: number;
@@ -273,4 +307,4 @@ declare function getAnchoredDescendantId(elementId: string): string | null;
 declare function getAnchoredAncestorId(elementId: string): string | null;
 declare function isElementAnchored(elementId: string): boolean;
 
-export { type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementID, type ElementType, type LinkInLinkRestriction, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, duplicateElement, duplicateElements, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentId, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementSettings, updateElementStyle, useElementChildren, useElementSetting, useElementSettings, useElementType, useParentElement, useSelectedElement };
+export { type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementID, type ElementType, type LinkInLinkRestriction, type MoveElementParams, type MoveElementsParams, type MovedElement, type MovedElementsResult, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, duplicateElement, duplicateElements, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentId, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, moveElement, moveElements, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementSettings, updateElementStyle, useElementChildren, useElementSetting, useElementSettings, useElementType, useParentElement, useSelectedElement };

package/dist/index.d.ts

@@ -106,14 +106,14 @@ type ElementModel = {
 type ElementChildren = Record<string, ElementModel[]>;
 declare function useElementChildren<T extends ElementChildren>(elementId: ElementID, childrenTypes: (keyof T & string)[]): T;
 
-type Options$2 = {
+type Options$3 = {
     useHistory?: boolean;
     at?: number;
     clone?: boolean;
 };
 type CreateElementParams = {
     containerId: string;
-    options?: Options$2;
+    options?: Options$3;
     model?: Omit<V1ElementModelProps, 'settings' | 'id'> & {
         settings?: V1ElementSettingsProps;
         id?: string;
@@ -121,6 +121,40 @@ type CreateElementParams = {
 };
 declare function createElement({ containerId, model, options }: CreateElementParams): V1Element;
 
+type Options$2 = {
+    useHistory?: boolean;
+    at?: number;
+    edit?: boolean;
+};
+type MoveElementParams = {
+    elementId: string;
+    targetContainerId: string;
+    options?: Options$2;
+};
+declare function moveElement({ elementId, targetContainerId, options }: MoveElementParams): V1Element;
+
+type MoveElementsParams = {
+    moves: MoveElementParams[];
+    title: string;
+    subtitle?: string;
+};
+type OriginalPosition = {
+    elementId: string;
+    originalContainerId: string;
+    originalIndex: number;
+};
+type MovedElement = {
+    elementId: string;
+    originalPosition: OriginalPosition;
+    move: MoveElementParams;
+    element: V1Element;
+};
+type MovedElementsResult = {
+    movedElements: MovedElement[];
+};
+
+declare const moveElements: ({ moves: movesToMake, title, subtitle, }: MoveElementsParams) => MovedElementsResult;
+
 type Options$1 = {
     useHistory?: boolean;
     at?: number;
@@ -273,4 +307,4 @@ declare function getAnchoredDescendantId(elementId: string): string | null;
 declare function getAnchoredAncestorId(elementId: string): string | null;
 declare function isElementAnchored(elementId: string): boolean;
 
-export { type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementID, type ElementType, type LinkInLinkRestriction, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, duplicateElement, duplicateElements, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentId, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementSettings, updateElementStyle, useElementChildren, useElementSetting, useElementSettings, useElementType, useParentElement, useSelectedElement };
+export { type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementID, type ElementType, type LinkInLinkRestriction, type MoveElementParams, type MoveElementsParams, type MovedElement, type MovedElementsResult, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, duplicateElement, duplicateElements, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentId, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, moveElement, moveElements, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementSettings, updateElementStyle, useElementChildren, useElementSetting, useElementSettings, useElementType, useParentElement, useSelectedElement };

package/dist/index.js

@@ -42,6 +42,8 @@ __export(index_exports, {
   getSelectedElements: () => getSelectedElements,
   getWidgetsCache: () => getWidgetsCache,
   isElementAnchored: () => isElementAnchored,
+  moveElement: () => moveElement,
+  moveElements: () => moveElements,
   removeElements: () => removeElements,
   replaceElement: () => replaceElement,
   selectElement: () => selectElement,
@@ -245,6 +247,120 @@ function createElement({ containerId, model, options }) {
   });
 }
 
+// src/sync/delete-element.ts
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+function deleteElement({ elementId, options = {} }) {
+  const container = getContainer(elementId);
+  if (!container) {
+    throw new Error(`Element with ID "${elementId}" not found`);
+  }
+  (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_adapters9 = require("@elementor/editor-v1-adapters");
+var import_i18n = require("@wordpress/i18n");
+var moveElements = ({
+  moves: movesToMake,
+  title,
+  subtitle = (0, import_i18n.__)("Elements moved", "elementor")
+}) => {
+  const undoableMove = (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 }
+          });
+          movedElements.push({
+            elementId,
+            originalPosition,
+            move,
+            element
+          });
+        });
+        return { movedElements };
+      },
+      undo: (_, { movedElements }) => {
+        [...movedElements].reverse().forEach(({ originalPosition }) => {
+          const { elementId, originalContainerId, originalIndex } = originalPosition;
+          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 }
+          });
+          newMovedElements.push({
+            elementId: move.elementId,
+            originalPosition,
+            move,
+            element
+          });
+        });
+        return { movedElements: newMovedElements };
+      }
+    },
+    {
+      title,
+      subtitle
+    }
+  );
+  return undoableMove({ moves: movesToMake });
+};
+
 // src/sync/duplicate-element.ts
 function duplicateElement({ elementId, options = {} }) {
   const elementToDuplicate = getContainer(elementId);
@@ -269,29 +385,14 @@ function duplicateElement({ elementId, options = {} }) {
 }
 
 // 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_adapters8 = require("@elementor/editor-v1-adapters");
-function deleteElement({ elementId, options = {} }) {
-  const container = getContainer(elementId);
-  if (!container) {
-    throw new Error(`Element with ID "${elementId}" not found`);
-  }
-  (0, import_editor_v1_adapters8.__privateRunCommand)("document/elements/delete", {
-    container,
-    options
-  });
-}
-
-// src/sync/create-elements.ts
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+var import_i18n2 = require("@wordpress/i18n");
 var createElements = ({
   elements,
   title,
-  subtitle = (0, import_i18n.__)("Item added", "elementor")
+  subtitle = (0, import_i18n2.__)("Item added", "elementor")
 }) => {
-  const undoableCreate = (0, import_editor_v1_adapters9.undoable)(
+  const undoableCreate = (0, import_editor_v1_adapters10.undoable)(
     {
       do: ({ elements: elementsParam }) => {
         const createdElements = [];
@@ -350,15 +451,15 @@ var createElements = ({
 };
 
 // src/sync/duplicate-elements.ts
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
-var import_i18n2 = require("@wordpress/i18n");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_i18n3 = require("@wordpress/i18n");
 var duplicateElements = ({
   elementIds,
   title,
-  subtitle = (0, import_i18n2.__)("Item duplicated", "elementor"),
+  subtitle = (0, import_i18n3.__)("Item duplicated", "elementor"),
   onCreate
 }) => {
-  const undoableDuplicate = (0, import_editor_v1_adapters10.undoable)(
+  const undoableDuplicate = (0, import_editor_v1_adapters11.undoable)(
     {
       do: ({ elementIds: elementIdsToDuplicate }) => {
         const duplicatedElements = elementIdsToDuplicate.reduce((acc, elementId) => {
@@ -424,14 +525,14 @@ var duplicateElements = ({
 };
 
 // src/sync/remove-elements.ts
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
-var import_i18n3 = require("@wordpress/i18n");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_i18n4 = require("@wordpress/i18n");
 var removeElements = ({
   elementIds,
   title,
-  subtitle = (0, import_i18n3.__)("Item removed", "elementor")
+  subtitle = (0, import_i18n4.__)("Item removed", "elementor")
 }) => {
-  const undoableRemove = (0, import_editor_v1_adapters11.undoable)(
+  const undoableRemove = (0, import_editor_v1_adapters12.undoable)(
     {
       do: ({ elementIds: elementIdsParam }) => {
         const removedElements = [];
@@ -550,7 +651,7 @@ function getCurrentDocumentId() {
 }
 
 // src/sync/update-element-settings.ts
-var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 var updateElementSettings = ({ id, props, withHistory = true }) => {
   const container = getContainer(id);
   const args = {
@@ -558,9 +659,9 @@ var updateElementSettings = ({ id, props, withHistory = true }) => {
     settings: { ...props }
   };
   if (withHistory) {
-    (0, import_editor_v1_adapters12.__privateRunCommandSync)("document/elements/settings", args);
+    (0, import_editor_v1_adapters13.__privateRunCommandSync)("document/elements/settings", args);
   } else {
-    (0, import_editor_v1_adapters12.__privateRunCommandSync)("document/elements/set-settings", args, { internal: true });
+    (0, import_editor_v1_adapters13.__privateRunCommandSync)("document/elements/set-settings", args, { internal: true });
   }
 };
 
@@ -589,14 +690,14 @@ var replaceElement = ({ currentElement, newElement, withHistory = true }) => {
 };
 
 // src/styles/consts.ts
-var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 var ELEMENT_STYLE_CHANGE_EVENT = "elementor/editor-v2/editor-elements/style";
 var styleRerenderEvents = [
-  (0, import_editor_v1_adapters13.commandEndEvent)("document/elements/create"),
-  (0, import_editor_v1_adapters13.commandEndEvent)("document/elements/duplicate"),
-  (0, import_editor_v1_adapters13.commandEndEvent)("document/elements/import"),
-  (0, import_editor_v1_adapters13.commandEndEvent)("document/elements/paste"),
-  (0, import_editor_v1_adapters13.windowEvent)(ELEMENT_STYLE_CHANGE_EVENT)
+  (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/create"),
+  (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/duplicate"),
+  (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/import"),
+  (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/paste"),
+  (0, import_editor_v1_adapters14.windowEvent)(ELEMENT_STYLE_CHANGE_EVENT)
 ];
 
 // src/styles/create-element-style.ts
@@ -605,7 +706,7 @@ var import_editor_styles = require("@elementor/editor-styles");
 
 // src/styles/mutate-element-styles.ts
 var import_editor_props = require("@elementor/editor-props");
-var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
 function mutateElementStyles(elementId, mutator) {
   const container = getContainer(elementId);
   if (!container) {
@@ -661,7 +762,7 @@ function getClassesProps(container) {
 }
 function notifyChanges() {
   dispatchChangeEvent();
-  (0, import_editor_v1_adapters14.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
+  (0, import_editor_v1_adapters15.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
 }
 function dispatchChangeEvent() {
   window.dispatchEvent(new CustomEvent(ELEMENT_STYLE_CHANGE_EVENT));
@@ -849,6 +950,8 @@ function isElementorElement(element) {
   getSelectedElements,
   getWidgetsCache,
   isElementAnchored,
+  moveElement,
+  moveElements,
   removeElements,
   replaceElement,
   selectElement,