@elementor/editor-elements 4.1.0-725 → 4.1.0-727

package/dist/index.d.mts

@@ -58,6 +58,19 @@ type ControlItem = ControlsSection | Control | ElementControl;
 type ControlLayout = 'full' | 'two-columns' | 'custom';
 
 type ExtendedWindow = Window & {
+    $e?: {
+        components?: {
+            get?: (name: string) => {
+                utils?: {
+                    findModelById?: (id: string, collection?: unknown) => BackboneModel | null;
+                    addModelToParent?: (parentId: string, childData: unknown, options?: {
+                        at?: number;
+                    }) => boolean;
+                    removeModelFromParent?: (parentId: string, childId: string) => boolean;
+                };
+            };
+        };
+    };
     elementor?: {
         selection?: {
             getElements: () => V1Element[];
@@ -70,6 +83,9 @@ type ExtendedWindow = Window & {
             getCurrentId?: () => number;
         };
         getContainer?: (id: string) => V1Element | undefined;
+        helpers?: {
+            isAtomicWidget?: (model: unknown) => boolean;
+        };
     };
     elementorCommon?: {
         helpers?: {
@@ -77,6 +93,17 @@ type ExtendedWindow = Window & {
         };
     };
 };
+type BackboneModel = {
+    get: (key: string) => unknown;
+    set: (key: string, value: unknown) => void;
+    toJSON: () => Record<string, unknown>;
+};
+type BackboneCollection = {
+    models: BackboneModel[];
+    add: (model: unknown, options?: Record<string, unknown>) => void;
+    remove: (model: BackboneModel, options?: Record<string, unknown>) => void;
+    findWhere: (attrs: Record<string, unknown>) => BackboneModel | undefined;
+};
 type V1Element = {
     id: string;
     model: V1Model$1<V1ElementModelProps>;
@@ -267,6 +294,8 @@ type CreatedElement = {
     parentContainer: V1Element;
     model: V1ElementModelProps;
     options?: CreateElementParams['options'];
+    containerId: string;
+    parentContainerId: string;
 };
 type CreatedElementsResult = {
     createdElements: CreatedElement[];
@@ -322,6 +351,8 @@ type DuplicatedElement = {
     parentContainer: V1Element;
     model: V1ElementModelProps;
     at?: number;
+    containerId: string;
+    parentContainerId: string;
 };
 type DuplicatedElementsResult = {
     duplicatedElements: DuplicatedElement[];
@@ -400,6 +431,9 @@ type MovedElement = {
     originalIndex: number;
     targetContainer: V1Element;
     options?: MoveOptions;
+    elementId: string;
+    originalContainerId: string;
+    targetContainerId: string;
 };
 type MovedElementsResult = {
     movedElements: MovedElement[];
@@ -419,6 +453,8 @@ type RemovedElement = {
     parent: V1Element;
     model: V1ElementModelProps;
     at: number;
+    containerId: string;
+    parentId: string;
 };
 type RemovedElementsResult = {
     removedElements: RemovedElement[];
@@ -497,4 +533,4 @@ declare const updateElementInteractions: ({ elementId, interactions, }: {
 }) => void;
 declare const playElementInteractions: (elementId: string, interactionId: string) => void;
 
-export { type AnimationPresetPropValue, type BooleanPropValue, type ConfigPropValue, type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementInteractions, type ElementModel, type ElementType, type ExcludedBreakpointsPropValue, type ExtendedWindow, type InteractionBreakpointsPropValue, type InteractionItemPropValue, type LinkInLinkRestriction, type ModelResult, type MoveElementParams, type NumberPropValue, type PseudoState, type StringPropValue, type TimingConfigPropValue, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementEditorSettingsProps, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, findChildRecursive, generateElementId, getAllDescendants, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementChildren as getElementChildrenWithFallback, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useParentElement, useSelectedElement, useSelectedElementSettings };
+export { type AnimationPresetPropValue, type BackboneCollection, type BackboneModel, type BooleanPropValue, type ConfigPropValue, type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementInteractions, type ElementModel, type ElementType, type ExcludedBreakpointsPropValue, type ExtendedWindow, type InteractionBreakpointsPropValue, type InteractionItemPropValue, type LinkInLinkRestriction, type ModelResult, type MoveElementParams, type NumberPropValue, type PseudoState, type StringPropValue, type TimingConfigPropValue, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementEditorSettingsProps, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, findChildRecursive, generateElementId, getAllDescendants, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementChildren as getElementChildrenWithFallback, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useParentElement, useSelectedElement, useSelectedElementSettings };

package/dist/index.d.ts

@@ -58,6 +58,19 @@ type ControlItem = ControlsSection | Control | ElementControl;
 type ControlLayout = 'full' | 'two-columns' | 'custom';
 
 type ExtendedWindow = Window & {
+    $e?: {
+        components?: {
+            get?: (name: string) => {
+                utils?: {
+                    findModelById?: (id: string, collection?: unknown) => BackboneModel | null;
+                    addModelToParent?: (parentId: string, childData: unknown, options?: {
+                        at?: number;
+                    }) => boolean;
+                    removeModelFromParent?: (parentId: string, childId: string) => boolean;
+                };
+            };
+        };
+    };
     elementor?: {
         selection?: {
             getElements: () => V1Element[];
@@ -70,6 +83,9 @@ type ExtendedWindow = Window & {
             getCurrentId?: () => number;
         };
         getContainer?: (id: string) => V1Element | undefined;
+        helpers?: {
+            isAtomicWidget?: (model: unknown) => boolean;
+        };
     };
     elementorCommon?: {
         helpers?: {
@@ -77,6 +93,17 @@ type ExtendedWindow = Window & {
         };
     };
 };
+type BackboneModel = {
+    get: (key: string) => unknown;
+    set: (key: string, value: unknown) => void;
+    toJSON: () => Record<string, unknown>;
+};
+type BackboneCollection = {
+    models: BackboneModel[];
+    add: (model: unknown, options?: Record<string, unknown>) => void;
+    remove: (model: BackboneModel, options?: Record<string, unknown>) => void;
+    findWhere: (attrs: Record<string, unknown>) => BackboneModel | undefined;
+};
 type V1Element = {
     id: string;
     model: V1Model$1<V1ElementModelProps>;
@@ -267,6 +294,8 @@ type CreatedElement = {
     parentContainer: V1Element;
     model: V1ElementModelProps;
     options?: CreateElementParams['options'];
+    containerId: string;
+    parentContainerId: string;
 };
 type CreatedElementsResult = {
     createdElements: CreatedElement[];
@@ -322,6 +351,8 @@ type DuplicatedElement = {
     parentContainer: V1Element;
     model: V1ElementModelProps;
     at?: number;
+    containerId: string;
+    parentContainerId: string;
 };
 type DuplicatedElementsResult = {
     duplicatedElements: DuplicatedElement[];
@@ -400,6 +431,9 @@ type MovedElement = {
     originalIndex: number;
     targetContainer: V1Element;
     options?: MoveOptions;
+    elementId: string;
+    originalContainerId: string;
+    targetContainerId: string;
 };
 type MovedElementsResult = {
     movedElements: MovedElement[];
@@ -419,6 +453,8 @@ type RemovedElement = {
     parent: V1Element;
     model: V1ElementModelProps;
     at: number;
+    containerId: string;
+    parentId: string;
 };
 type RemovedElementsResult = {
     removedElements: RemovedElement[];
@@ -497,4 +533,4 @@ declare const updateElementInteractions: ({ elementId, interactions, }: {
 }) => void;
 declare const playElementInteractions: (elementId: string, interactionId: string) => void;
 
-export { type AnimationPresetPropValue, type BooleanPropValue, type ConfigPropValue, type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementInteractions, type ElementModel, type ElementType, type ExcludedBreakpointsPropValue, type ExtendedWindow, type InteractionBreakpointsPropValue, type InteractionItemPropValue, type LinkInLinkRestriction, type ModelResult, type MoveElementParams, type NumberPropValue, type PseudoState, type StringPropValue, type TimingConfigPropValue, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementEditorSettingsProps, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, findChildRecursive, generateElementId, getAllDescendants, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementChildren as getElementChildrenWithFallback, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useParentElement, useSelectedElement, useSelectedElementSettings };
+export { type AnimationPresetPropValue, type BackboneCollection, type BackboneModel, type BooleanPropValue, type ConfigPropValue, type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementInteractions, type ElementModel, type ElementType, type ExcludedBreakpointsPropValue, type ExtendedWindow, type InteractionBreakpointsPropValue, type InteractionItemPropValue, type LinkInLinkRestriction, type ModelResult, type MoveElementParams, type NumberPropValue, type PseudoState, type StringPropValue, type TimingConfigPropValue, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementEditorSettingsProps, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, findChildRecursive, generateElementId, getAllDescendants, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementChildren as getElementChildrenWithFallback, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useParentElement, useSelectedElement, useSelectedElementSettings };

package/dist/index.js

@@ -314,6 +314,37 @@ function deleteElement({ container, options = {} }) {
   });
 }
 
+// src/sync/resolve-element.ts
+function isConnected(container) {
+  if (!container) {
+    return false;
+  }
+  if (!container.view?.el) {
+    return true;
+  }
+  return container.view.el.isConnected;
+}
+function resolveContainer(container, id) {
+  const looked = container.lookup?.();
+  if (isConnected(looked)) {
+    return looked;
+  }
+  const byId = getContainer(id);
+  if (isConnected(byId)) {
+    return byId;
+  }
+  return null;
+}
+function getDocumentUtils() {
+  return window.$e?.components?.get?.("document")?.utils;
+}
+function addModelToParent(parentId, childData, options) {
+  return getDocumentUtils()?.addModelToParent?.(parentId, childData, options) ?? false;
+}
+function removeModelFromParent(parentId, childId) {
+  return getDocumentUtils()?.removeModelFromParent?.(parentId, childId) ?? false;
+}
+
 // src/sync/create-elements.ts
 var createElements = ({
   elements,
@@ -338,39 +369,54 @@ var createElements = ({
             container: element,
             parentContainer,
             model: element.model?.toJSON() || {},
-            options
+            options,
+            containerId: element.id,
+            parentContainerId: parentContainer.id
           });
         });
         return { createdElements };
       },
       undo: (_, { createdElements }) => {
-        [...createdElements].reverse().forEach(({ container }) => {
-          const freshContainer = container.lookup?.();
+        [...createdElements].reverse().forEach(({ container, containerId, parentContainerId }) => {
+          const freshContainer = resolveContainer(container, containerId);
           if (freshContainer) {
             deleteElement({
               container: freshContainer,
               options: { useHistory: false }
             });
+            return;
           }
+          removeModelFromParent(parentContainerId, containerId);
         });
       },
       redo: (_, { createdElements }) => {
         const newElements = [];
-        createdElements.forEach(({ parentContainer, model, options }) => {
-          const freshParent = parentContainer.lookup?.();
-          if (!freshParent) {
+        createdElements.forEach(({ parentContainer, parentContainerId, model, options }) => {
+          const freshParent = resolveContainer(parentContainer, parentContainerId);
+          if (freshParent) {
+            const element = createElement({
+              container: freshParent,
+              model,
+              options: { ...options, useHistory: false }
+            });
+            newElements.push({
+              container: element,
+              parentContainer: freshParent,
+              model: element.model.toJSON(),
+              options,
+              containerId: element.id,
+              parentContainerId: freshParent.id
+            });
             return;
           }
-          const element = createElement({
-            container: freshParent,
-            model,
-            options: { ...options, useHistory: false }
-          });
+          addModelToParent(parentContainerId, model);
           newElements.push({
-            container: element,
-            parentContainer: freshParent,
-            model: element.model.toJSON(),
-            options
+            container: parentContainer,
+            parentContainer,
+            model,
+            options,
+            containerId: model.id ?? "",
+            parentContainerId
           });
         });
         return { createdElements: newElements };
@@ -440,25 +486,32 @@ var duplicateElements = ({
             container: duplicatedElement,
             parentContainer: duplicatedElement.parent,
             model: duplicatedElement.model.toJSON(),
-            at: duplicatedElement.view?._index
+            at: duplicatedElement.view?._index,
+            containerId: duplicatedElement.id,
+            parentContainerId: duplicatedElement.parent.id
           });
         });
         return { duplicatedElements };
       },
       undo: (_, { duplicatedElements }) => {
         onRestoreElements?.();
-        [...duplicatedElements].reverse().forEach(({ container }) => {
-          deleteElement({
-            container,
-            options: { useHistory: false }
-          });
+        [...duplicatedElements].reverse().forEach(({ container, containerId, parentContainerId }) => {
+          const freshContainer = resolveContainer(container, containerId);
+          if (freshContainer) {
+            deleteElement({
+              container: freshContainer,
+              options: { useHistory: false }
+            });
+            return;
+          }
+          removeModelFromParent(parentContainerId, containerId);
         });
       },
       redo: (_, { duplicatedElements: previousElements }) => {
         onDuplicateElements?.();
         const duplicatedElements = [];
-        previousElements.forEach(({ parentContainer, model, at }) => {
-          const freshParent = parentContainer.lookup?.();
+        previousElements.forEach(({ parentContainer, parentContainerId, model, at }) => {
+          const freshParent = resolveContainer(parentContainer, parentContainerId);
           if (freshParent) {
             const createdElement = createElement({
               container: freshParent,
@@ -469,9 +522,21 @@ var duplicateElements = ({
               container: createdElement,
               parentContainer: freshParent,
               model,
-              at
+              at,
+              containerId: createdElement.id,
+              parentContainerId: freshParent.id
             });
+            return;
           }
+          addModelToParent(parentContainerId, model, { at });
+          duplicatedElements.push({
+            container: parentContainer,
+            parentContainer,
+            model,
+            at,
+            containerId: model.id ?? "",
+            parentContainerId
+          });
         });
         return { duplicatedElements };
       }
@@ -632,16 +697,19 @@ var moveElements = ({
             originalContainer,
             originalIndex,
             targetContainer: target,
-            options
+            options,
+            elementId: newElement.id,
+            originalContainerId: originalContainer.id,
+            targetContainerId: target.id
           });
         });
         return { movedElements };
       },
       undo: (_, { movedElements }) => {
         onRestoreElements?.();
-        [...movedElements].reverse().forEach(({ element, originalContainer, originalIndex }) => {
-          const freshElement = element.lookup?.();
-          const freshOriginalContainer = originalContainer.lookup?.();
+        [...movedElements].reverse().forEach(({ element, elementId, originalContainer, originalContainerId, originalIndex }) => {
+          const freshElement = resolveContainer(element, elementId);
+          const freshOriginalContainer = resolveContainer(originalContainer, originalContainerId);
           if (!freshElement || !freshOriginalContainer) {
             return;
           }
@@ -658,26 +726,40 @@ var moveElements = ({
       redo: (_, { movedElements }) => {
         const newMovedElements = [];
         onMoveElements?.();
-        movedElements.forEach(({ element, originalContainer, originalIndex, targetContainer, options }) => {
-          const freshElement = element.lookup?.();
-          const freshOriginalContainer = originalContainer.lookup?.();
-          const freshTarget = targetContainer.lookup?.();
-          if (!freshElement || !freshOriginalContainer || !freshTarget) {
-            return;
-          }
-          const newElement = moveElement({
-            element: freshElement,
-            targetContainer: freshTarget,
-            options: { ...options, useHistory: false }
-          });
-          newMovedElements.push({
-            element: newElement,
-            originalContainer: freshOriginalContainer,
+        movedElements.forEach(
+          ({
+            element,
+            elementId,
+            originalContainer,
+            originalContainerId,
             originalIndex,
-            targetContainer: freshTarget,
+            targetContainer,
+            targetContainerId,
             options
-          });
-        });
+          }) => {
+            const freshElement = resolveContainer(element, elementId);
+            const freshOriginalContainer = resolveContainer(originalContainer, originalContainerId);
+            const freshTarget = resolveContainer(targetContainer, targetContainerId);
+            if (!freshElement || !freshOriginalContainer || !freshTarget) {
+              return;
+            }
+            const newElement = moveElement({
+              element: freshElement,
+              targetContainer: freshTarget,
+              options: { ...options, useHistory: false }
+            });
+            newMovedElements.push({
+              element: newElement,
+              originalContainer: freshOriginalContainer,
+              originalIndex,
+              targetContainer: freshTarget,
+              options,
+              elementId: newElement.id,
+              originalContainerId: freshOriginalContainer.id,
+              targetContainerId: freshTarget.id
+            });
+          }
+        );
         return { movedElements: newMovedElements };
       }
     },
@@ -710,7 +792,9 @@ var removeElements = ({
               container,
               parent: container.parent,
               model: container.model.toJSON(),
-              at: container.view?._index ?? 0
+              at: container.view?._index ?? 0,
+              containerId: container.id,
+              parentId: container.parent.id
             });
           }
         });
@@ -725,35 +809,48 @@ var removeElements = ({
       },
       undo: (_, { removedElements }) => {
         onRestoreElements?.();
-        [...removedElements].reverse().forEach(({ parent, model, at }) => {
-          const freshParent = parent.lookup?.();
+        [...removedElements].reverse().forEach(({ parent, parentId, model, at }) => {
+          const freshParent = resolveContainer(parent, parentId);
           if (freshParent) {
             createElement({
               container: freshParent,
               model,
               options: { useHistory: false, at }
             });
+            return;
           }
+          addModelToParent(parentId, model, { at });
         });
       },
       redo: (_, { removedElements }) => {
         onRemoveElements?.();
         const newRemovedElements = [];
-        removedElements.forEach(({ container, parent, model, at }) => {
-          const freshContainer = container.lookup?.();
-          const freshParent = parent.lookup?.();
-          if (!freshContainer || !freshParent) {
+        removedElements.forEach(({ container, parent, model, at, containerId, parentId }) => {
+          const freshContainer = resolveContainer(container, containerId);
+          const freshParent = resolveContainer(parent, parentId);
+          if (freshContainer && freshParent) {
+            deleteElement({
+              container: freshContainer,
+              options: { useHistory: false }
+            });
+            newRemovedElements.push({
+              container: freshContainer,
+              parent: freshParent,
+              model,
+              at,
+              containerId,
+              parentId
+            });
             return;
           }
-          deleteElement({
-            container: freshContainer,
-            options: { useHistory: false }
-          });
+          removeModelFromParent(parentId, containerId);
           newRemovedElements.push({
-            container: freshContainer,
-            parent: freshParent,
+            container,
+            parent,
             model,
-            at
+            at,
+            containerId,
+            parentId
           });
         });
         return { removedElements: newRemovedElements };