@elementor/editor-elements 3.32.0-80 → 3.32.0-81

package/dist/index.d.mts

@@ -104,18 +104,31 @@ type ElementModel = {
 type ElementChildren = Record<string, ElementModel[]>;
 declare function useElementChildren<T extends ElementChildren>(elementId: ElementID, childrenTypes: (keyof T & string)[]): T;
 
-type Options$1 = {
+type Options$2 = {
     useHistory?: boolean;
     at?: number;
+    clone?: boolean;
 };
 type CreateElementParams = {
-    settings: V1ElementSettingsProps;
-    type: string;
     containerId: string;
-    id?: string;
+    options?: Options$2;
+    model?: Omit<V1ElementModelProps, 'settings' | 'id'> & {
+        settings?: V1ElementSettingsProps;
+        id?: string;
+    };
+};
+declare function createElement({ containerId, model, options }: CreateElementParams): V1Element;
+
+type Options$1 = {
+    useHistory?: boolean;
+    at?: number;
+    clone?: boolean;
+};
+type DuplicateElementParams = {
+    elementId: string;
     options?: Options$1;
 };
-declare function createElement({ containerId, settings, type, id, options }: CreateElementParams): V1Element;
+declare function duplicateElement({ elementId, options }: DuplicateElementParams): V1Element;
 
 type CreateNestedElementsParams = {
     elements: CreateElementParams[];
@@ -133,6 +146,26 @@ type CreatedElementsResult = {
 
 declare const createElements: ({ elements, title, subtitle, }: CreateNestedElementsParams) => CreatedElementsResult;
 
+type DuplicateElementsParams = {
+    elementIds: string[];
+    title: string;
+    subtitle?: string;
+    onCreate?: (duplicatedElements: DuplicatedElement[]) => DuplicatedElement[];
+};
+type DuplicatedElement = {
+    id: string;
+    model: V1ElementModelProps;
+    originalElementId: string;
+    modelToRestore?: V1ElementModelProps;
+    parentContainerId?: string;
+    at?: number;
+};
+type DuplicatedElementsResult = {
+    duplicatedElements: DuplicatedElement[];
+};
+
+declare const duplicateElements: ({ elementIds, title, subtitle, onCreate, }: DuplicateElementsParams) => DuplicatedElementsResult;
+
 type Options = {
     useHistory?: boolean;
     at?: number;
@@ -231,4 +264,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, 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, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentId, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, removeElements, 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 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, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementSettings, updateElementStyle, useElementChildren, useElementSetting, useElementSettings, useElementType, useParentElement, useSelectedElement };

package/dist/index.d.ts

@@ -104,18 +104,31 @@ type ElementModel = {
 type ElementChildren = Record<string, ElementModel[]>;
 declare function useElementChildren<T extends ElementChildren>(elementId: ElementID, childrenTypes: (keyof T & string)[]): T;
 
-type Options$1 = {
+type Options$2 = {
     useHistory?: boolean;
     at?: number;
+    clone?: boolean;
 };
 type CreateElementParams = {
-    settings: V1ElementSettingsProps;
-    type: string;
     containerId: string;
-    id?: string;
+    options?: Options$2;
+    model?: Omit<V1ElementModelProps, 'settings' | 'id'> & {
+        settings?: V1ElementSettingsProps;
+        id?: string;
+    };
+};
+declare function createElement({ containerId, model, options }: CreateElementParams): V1Element;
+
+type Options$1 = {
+    useHistory?: boolean;
+    at?: number;
+    clone?: boolean;
+};
+type DuplicateElementParams = {
+    elementId: string;
     options?: Options$1;
 };
-declare function createElement({ containerId, settings, type, id, options }: CreateElementParams): V1Element;
+declare function duplicateElement({ elementId, options }: DuplicateElementParams): V1Element;
 
 type CreateNestedElementsParams = {
     elements: CreateElementParams[];
@@ -133,6 +146,26 @@ type CreatedElementsResult = {
 
 declare const createElements: ({ elements, title, subtitle, }: CreateNestedElementsParams) => CreatedElementsResult;
 
+type DuplicateElementsParams = {
+    elementIds: string[];
+    title: string;
+    subtitle?: string;
+    onCreate?: (duplicatedElements: DuplicatedElement[]) => DuplicatedElement[];
+};
+type DuplicatedElement = {
+    id: string;
+    model: V1ElementModelProps;
+    originalElementId: string;
+    modelToRestore?: V1ElementModelProps;
+    parentContainerId?: string;
+    at?: number;
+};
+type DuplicatedElementsResult = {
+    duplicatedElements: DuplicatedElement[];
+};
+
+declare const duplicateElements: ({ elementIds, title, subtitle, onCreate, }: DuplicateElementsParams) => DuplicatedElementsResult;
+
 type Options = {
     useHistory?: boolean;
     at?: number;
@@ -231,4 +264,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, 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, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentId, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, removeElements, 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 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, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementSettings, updateElementStyle, useElementChildren, useElementSetting, useElementSettings, useElementType, useParentElement, useSelectedElement };

package/dist/index.js

@@ -26,6 +26,8 @@ __export(index_exports, {
   createElements: () => createElements,
   deleteElement: () => deleteElement,
   deleteElementStyle: () => deleteElementStyle,
+  duplicateElement: () => duplicateElement,
+  duplicateElements: () => duplicateElements,
   generateElementId: () => generateElementId,
   getAnchoredAncestorId: () => getAnchoredAncestorId,
   getAnchoredDescendantId: () => getAnchoredDescendantId,
@@ -217,9 +219,9 @@ function useElementChildren(elementId, childrenTypes) {
         return acc;
       }, {});
       container?.children?.forEachRecursive?.(({ model, id }) => {
-        const widgetType = model.get("widgetType");
-        if (widgetType && widgetType in elementChildren) {
-          elementChildren[widgetType].push({ id });
+        const elType = model.get("elType");
+        if (elType && elType in elementChildren) {
+          elementChildren[elType].push({ id });
         }
       });
       return elementChildren;
@@ -230,9 +232,8 @@ function useElementChildren(elementId, childrenTypes) {
 
 // src/sync/create-element.ts
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
-function createElement({ containerId, settings, type, id, options }) {
+function createElement({ containerId, model, options }) {
   const container = getContainer(containerId);
-  const model = createElementModel({ settings, type, id });
   if (!container) {
     throw new Error(`Container with ID "${containerId}" not found`);
   }
@@ -242,15 +243,28 @@ function createElement({ containerId, settings, type, id, options }) {
     options: { edit: false, ...options }
   });
 }
-function createElementModel({ settings, type, id }) {
-  return {
-    id,
-    elType: "widget",
-    widgetType: type,
-    settings: {
-      ...settings
+
+// 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
@@ -291,8 +305,7 @@ var createElements = ({
             elementId,
             model: element.model?.toJSON() || {},
             createParams: {
-              ...createParams,
-              id: elementId
+              ...createParams
             }
           });
         });
@@ -308,9 +321,10 @@ var createElements = ({
       },
       redo: (_, { createdElements }) => {
         const newElements = [];
-        createdElements.forEach(({ createParams }) => {
+        createdElements.forEach(({ createParams, model }) => {
           const element = createElement({
-            ...createParams,
+            containerId: createParams.containerId,
+            model,
             options: { ...createParams.options, useHistory: false }
           });
           const elementId = element.id;
@@ -334,15 +348,89 @@ var createElements = ({
   return undoableCreate({ elements });
 };
 
-// src/sync/remove-elements.ts
+// src/sync/duplicate-elements.ts
 var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_i18n2 = require("@wordpress/i18n");
+var duplicateElements = ({
+  elementIds,
+  title,
+  subtitle = (0, import_i18n2.__)("Item duplicated", "elementor"),
+  onCreate
+}) => {
+  const undoableDuplicate = (0, import_editor_v1_adapters10.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: onCreate?.(duplicatedElements) ?? 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: onCreate?.(duplicatedElements) ?? duplicatedElements };
+      }
+    },
+    {
+      title,
+      subtitle
+    }
+  );
+  return undoableDuplicate({ elementIds });
+};
+
+// src/sync/remove-elements.ts
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_i18n3 = require("@wordpress/i18n");
 var removeElements = ({
   elementIds,
   title,
-  subtitle = (0, import_i18n2.__)("Item removed", "elementor")
+  subtitle = (0, import_i18n3.__)("Item removed", "elementor")
 }) => {
-  const undoableRemove = (0, import_editor_v1_adapters10.undoable)(
+  const undoableRemove = (0, import_editor_v1_adapters11.undoable)(
     {
       do: ({ elementIds: elementIdsParam }) => {
         const removedElements = [];
@@ -373,9 +461,7 @@ var removeElements = ({
           if (parent && model) {
             createElement({
               containerId: parent.id,
-              settings: model.settings || {},
-              type: model.widgetType || model.elType,
-              id: model.id,
+              model,
               options: { useHistory: false, at }
             });
           }
@@ -463,7 +549,7 @@ function getCurrentDocumentId() {
 }
 
 // src/sync/update-element-settings.ts
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var updateElementSettings = ({ id, props, withHistory = true }) => {
   const container = getContainer(id);
   const args = {
@@ -471,9 +557,9 @@ var updateElementSettings = ({ id, props, withHistory = true }) => {
     settings: { ...props }
   };
   if (withHistory) {
-    (0, import_editor_v1_adapters11.__privateRunCommandSync)("document/elements/settings", args);
+    (0, import_editor_v1_adapters12.__privateRunCommandSync)("document/elements/settings", args);
   } else {
-    (0, import_editor_v1_adapters11.__privateRunCommandSync)("document/elements/set-settings", args, { internal: true });
+    (0, import_editor_v1_adapters12.__privateRunCommandSync)("document/elements/set-settings", args, { internal: true });
   }
 };
 
@@ -484,14 +570,14 @@ var generateElementId = () => {
 };
 
 // src/styles/consts.ts
-var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 var ELEMENT_STYLE_CHANGE_EVENT = "elementor/editor-v2/editor-elements/style";
 var styleRerenderEvents = [
-  (0, import_editor_v1_adapters12.commandEndEvent)("document/elements/create"),
-  (0, import_editor_v1_adapters12.commandEndEvent)("document/elements/duplicate"),
-  (0, import_editor_v1_adapters12.commandEndEvent)("document/elements/import"),
-  (0, import_editor_v1_adapters12.commandEndEvent)("document/elements/paste"),
-  (0, import_editor_v1_adapters12.windowEvent)(ELEMENT_STYLE_CHANGE_EVENT)
+  (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)
 ];
 
 // src/styles/create-element-style.ts
@@ -500,7 +586,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_adapters13 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 function mutateElementStyles(elementId, mutator) {
   const container = getContainer(elementId);
   if (!container) {
@@ -556,7 +642,7 @@ function getClassesProps(container) {
 }
 function notifyChanges() {
   dispatchChangeEvent();
-  (0, import_editor_v1_adapters13.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
+  (0, import_editor_v1_adapters14.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
 }
 function dispatchChangeEvent() {
   window.dispatchEvent(new CustomEvent(ELEMENT_STYLE_CHANGE_EVENT));
@@ -728,6 +814,8 @@ function isElementorElement(element) {
   createElements,
   deleteElement,
   deleteElementStyle,
+  duplicateElement,
+  duplicateElements,
   generateElementId,
   getAnchoredAncestorId,
   getAnchoredDescendantId,