@elementor/editor-elements 4.3.4 → 4.3.5

package/dist/index.mjs

@@ -175,6 +175,7 @@ function attachChildFromRule(parentId, rule, stash) {
   const currentChildren = getDirectChildData(parent);
   const alreadyPresent = currentChildren.some((child) => child.elType === rule.child_type);
   if (alreadyPresent) {
+    placeAnchoredChild(parentId, rule);
     return;
   }
   const { modelData, wasStashed } = resolveChildModelData(parentId, rule, stash);
@@ -204,6 +205,36 @@ function detachChildFromRule(parentId, rule, stash) {
   }
   requestNavigatorRefresh(parentId);
 }
+function placeAnchoredChild(parentId, rule) {
+  if (rule.position.kind !== "after_type" && rule.position.kind !== "before_type") {
+    return;
+  }
+  let parent;
+  try {
+    parent = getContainer(parentId) ?? void 0;
+  } catch {
+    return;
+  }
+  const collection = parent?.model?.get?.("elements");
+  const models = collection?.models;
+  if (!models || !collection?.remove || !collection?.add) {
+    return;
+  }
+  const existingIndex = models.findIndex((model2) => model2.get("elType") === rule.child_type);
+  if (existingIndex < 0) {
+    return;
+  }
+  const siblings = models.map((model2) => ({ elType: model2.get("elType") }));
+  const remaining = siblings.filter((_, index) => index !== existingIndex);
+  const insertAt = resolveInsertIndex(rule.position, remaining);
+  if (insertAt === existingIndex) {
+    return;
+  }
+  const model = models[existingIndex];
+  collection.remove(model, { silent: true });
+  collection.add(model, { at: insertAt, silent: true });
+  requestNavigatorRefresh(parentId);
+}
 function requestNavigatorRefresh(parentId) {
   if (typeof window === "undefined" || typeof window.dispatchEvent !== "function") {
     return;
@@ -235,6 +266,15 @@ function reconcileInitialChildren({
     const isMet = evaluateWhen(rule.when, settings);
     const existingIndex = elements.findIndex((element) => element.elType === rule.child_type);
     const isPresent = existingIndex >= 0;
+    if (isMet && isPresent && isAnchoredPosition(rule.position.kind)) {
+      const remaining = elements.filter((_, index) => index !== existingIndex);
+      const insertAt = resolveInsertIndex(rule.position, remaining);
+      if (insertAt !== existingIndex) {
+        const [moved] = elements.splice(existingIndex, 1);
+        elements.splice(insertAt, 0, moved);
+      }
+      return;
+    }
     if (isMet && !isPresent) {
       const { modelData, wasStashed } = resolveChildModelData(elementId, rule, stash);
       const insertAt = resolveInsertIndex(rule.position, elements);
@@ -253,6 +293,9 @@ function reconcileInitialChildren({
   });
   attributes.elements = elements;
 }
+function isAnchoredPosition(kind) {
+  return kind === "after_type" || kind === "before_type";
+}
 
 // src/hooks/use-element-children.ts
 import { __privateUseListenTo as useListenTo, commandEndEvent, v1ReadyEvent } from "@elementor/editor-v1-adapters";
@@ -687,6 +730,25 @@ var duplicateElements = ({
   return undoableDuplicate({ elementIds });
 };
 
+// src/sync/clone-element-tree.ts
+function isBackboneModel(item) {
+  return "toJSON" in item && "get" in item;
+}
+function cloneElementTree(item) {
+  const source = isBackboneModel(item) ? item.toJSON() : item;
+  return {
+    ...source,
+    id: generateElementId(),
+    settings: {
+      ...source.settings ?? {},
+      _element_id: ""
+    },
+    elements: (source.elements ?? []).map(
+      (child) => cloneElementTree(child)
+    )
+  };
+}
+
 // src/sync/get-preview-element-dom.ts
 function getPreviewElementDOM(id) {
   try {
@@ -820,9 +882,28 @@ function getAllDescendants(container) {
   return [container, ...children];
 }
 
+// src/sync/get-host-document-id.ts
+function getHostDocumentId() {
+  const extendedWindow = window;
+  try {
+    return extendedWindow.elementor?.documents?.getInitialId?.() ?? null;
+  } catch {
+    return null;
+  }
+}
+
+// src/sync/get-host-document-container.ts
+function getHostDocumentContainer() {
+  const extendedWindow = window;
+  const hostId = getHostDocumentId();
+  if (!hostId) {
+    return null;
+  }
+  return extendedWindow.elementor?.documents?.get?.(hostId)?.container ?? null;
+}
+
 // src/sync/get-elements.ts
-function getElements(root) {
-  const container = root ? getContainer(root) : getCurrentDocumentContainer();
+function collectElements(container) {
   if (!container) {
     return [];
   }
@@ -831,6 +912,13 @@ function getElements(root) {
   );
   return [container, ...children];
 }
+function getElements(root) {
+  const container = root ? getContainer(root) : getCurrentDocumentContainer();
+  return collectElements(container);
+}
+function getHostDocumentElements() {
+  return collectElements(getHostDocumentContainer());
+}
 
 // src/sync/move-element.ts
 function moveElement({ element, targetContainer, options = {} }) {
@@ -1469,6 +1557,7 @@ export {
   ELEMENT_STYLE_CHANGE_EVENT,
   addModelToParent,
   bindSettingsReconcile,
+  cloneElementTree,
   createElement,
   createElementStyle,
   createElements,
@@ -1499,6 +1588,8 @@ export {
   getElementTitle,
   getElementType,
   getElements,
+  getHostDocumentElements,
+  getHostDocumentId,
   getLinkInLinkRestriction,
   getPreviewElementDOM,
   getSelectedElements,