@elementor/editor-elements 4.4.0-1112 → 4.4.0-1114

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-elements",
   "description": "This package contains the elements model for the Elementor editor",
-  "version": "4.4.0-1112",
+  "version": "4.4.0-1114",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,13 +40,13 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-mcp": "4.4.0-1112",
-    "@elementor/editor-props": "4.4.0-1112",
-    "@elementor/editor-styles": "4.4.0-1112",
-    "@elementor/editor-v1-adapters": "4.4.0-1112",
-    "@elementor/schema": "4.4.0-1112",
-    "@elementor/session": "4.4.0-1112",
-    "@elementor/utils": "4.4.0-1112",
+    "@elementor/editor-mcp": "4.4.0-1114",
+    "@elementor/editor-props": "4.4.0-1114",
+    "@elementor/editor-styles": "4.4.0-1114",
+    "@elementor/editor-v1-adapters": "4.4.0-1114",
+    "@elementor/schema": "4.4.0-1114",
+    "@elementor/session": "4.4.0-1114",
+    "@elementor/utils": "4.4.0-1114",
     "@wordpress/i18n": "^3.1.0"
   },
   "peerDependencies": {

package/src/index.ts

@@ -35,6 +35,7 @@ export {
 	type DuplicatedElementsResult,
 	type DuplicateElementsParams,
 } from './sync/duplicate-elements';
+export { cloneElementTree } from './sync/clone-element-tree';
 export { generateElementId } from './sync/generate-element-id';
 export { getContainer, selectElement } from './sync/get-container';
 export { getPreviewElementDOM } from './sync/get-preview-element-dom';
@@ -54,7 +55,8 @@ export {
 	getElementChildren as getElementChildrenWithFallback,
 	type ModelResult,
 } from './sync/model-utils';
-export { getElements } from './sync/get-elements';
+export { getElements, getHostDocumentElements } from './sync/get-elements';
+export { getHostDocumentId } from './sync/get-host-document-id';
 export { getSelectedElements } from './sync/get-selected-elements';
 export { getWidgetsCache } from './sync/get-widgets-cache';
 export { moveElement, type MoveElementParams } from './sync/move-element';

package/src/sync/clone-element-tree.ts

@@ -0,0 +1,24 @@
+import { generateElementId } from './generate-element-id';
+import { type BackboneModel, type V1ElementModelProps, type V1ElementSettingsProps } from './types';
+
+type CloneableElement = Partial< V1ElementModelProps > | BackboneModel;
+
+function isBackboneModel( item: CloneableElement ): item is BackboneModel {
+	return 'toJSON' in item && 'get' in item;
+}
+
+export function cloneElementTree( item: CloneableElement ): V1ElementModelProps {
+	const source = isBackboneModel( item ) ? ( item.toJSON() as Partial< V1ElementModelProps > ) : item;
+
+	return {
+		...source,
+		id: generateElementId(),
+		settings: {
+			...( source.settings ?? {} ),
+			_element_id: '',
+		} as V1ElementSettingsProps,
+		elements: ( source.elements ?? [] ).map( ( child ) =>
+			cloneElementTree( child as Partial< V1ElementModelProps > )
+		),
+	} as unknown as V1ElementModelProps;
+}

package/src/sync/get-elements.ts

@@ -1,11 +1,10 @@
 import { type ElementID } from '../types';
 import { getContainer } from './get-container';
 import { getCurrentDocumentContainer } from './get-current-document-container';
+import { getHostDocumentContainer } from './get-host-document-container';
 import { type V1Element } from './types';
 
-export function getElements( root?: ElementID ): V1Element[] {
-	const container = root ? getContainer( root ) : getCurrentDocumentContainer();
-
+function collectElements( container: V1Element | null ): V1Element[] {
 	if ( ! container ) {
 		return [];
 	}
@@ -16,3 +15,13 @@ export function getElements( root?: ElementID ): V1Element[] {
 
 	return [ container, ...children ];
 }
+
+export function getElements( root?: ElementID ): V1Element[] {
+	const container = root ? getContainer( root ) : getCurrentDocumentContainer();
+
+	return collectElements( container );
+}
+
+export function getHostDocumentElements(): V1Element[] {
+	return collectElements( getHostDocumentContainer() );
+}

package/src/sync/get-host-document-container.ts

@@ -0,0 +1,13 @@
+import { getHostDocumentId } from './get-host-document-id';
+import { type ExtendedWindow, type V1Element } from './types';
+
+export function getHostDocumentContainer(): V1Element | null {
+	const extendedWindow = window as unknown as ExtendedWindow;
+	const hostId = getHostDocumentId();
+
+	if ( ! hostId ) {
+		return null;
+	}
+
+	return extendedWindow.elementor?.documents?.get?.( hostId )?.container ?? null;
+}

package/src/sync/get-host-document-id.ts

@@ -0,0 +1,11 @@
+import { type ExtendedWindow } from './types';
+
+export function getHostDocumentId() {
+	const extendedWindow = window as unknown as ExtendedWindow;
+
+	try {
+		return extendedWindow.elementor?.documents?.getInitialId?.() ?? null;
+	} catch {
+		return null;
+	}
+}

package/src/sync/resolve-element.ts

@@ -40,7 +40,7 @@ export function findModelInDocument( id: string ): BackboneModel | null {
 export function addModelToParent(
 	parentId: string,
 	childData: V1ElementModelProps,
-	options?: { at?: number }
+	options?: { at?: number; clone?: boolean }
 ): boolean {
 	return getDocumentUtils()?.addModelToParent?.( parentId, childData, options ) ?? false;
 }

package/src/sync/types.ts

@@ -10,7 +10,11 @@ export type ExtendedWindow = Window & {
 			get?: ( name: string ) => {
 				utils?: {
 					findModelById?: ( id: string, collection?: unknown ) => BackboneModel | null;
-					addModelToParent?: ( parentId: string, childData: unknown, options?: { at?: number } ) => boolean;
+					addModelToParent?: (
+						parentId: string,
+						childData: unknown,
+						options?: { at?: number; clone?: boolean }
+					) => boolean;
 					removeModelFromParent?: ( parentId: string, childId: string ) => boolean;
 				};
 			};
@@ -28,6 +32,12 @@ export type ExtendedWindow = Window & {
 				  }
 				| undefined;
 			getCurrentId?: () => number;
+			getInitialId?: () => number;
+			get?: ( id: number ) =>
+				| {
+						container: V1Element;
+				  }
+				| undefined;
 		};
 		getContainer?: ( id: string ) => V1Element | undefined;
 		getPreviewContainer?: () => V1Element | undefined;