@elementor/editor-elements 4.4.0-1121 → 4.4.0-1123

package/dist/index.js

@@ -264,6 +264,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);
@@ -293,6 +294,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;
@@ -324,6 +355,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);
@@ -342,6 +382,9 @@ function reconcileInitialChildren({
   });
   attributes.elements = elements;
 }
+function isAnchoredPosition(kind) {
+  return kind === "after_type" || kind === "before_type";
+}
 
 // src/hooks/use-element-children.ts
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");