@myoc/element 0.19.535 → 0.19.537

package/dist/dev/index.js

@@ -18320,19 +18320,22 @@ var getNormalizedDimensions = (element) => {
 
 // src/align.ts
 init_define_import_meta_env();
-var alignElements = (selectedElements, alignment, scene, appState) => {
+var alignElements = (selectedElements, alignment, scene, appState, options) => {
   const groups = getSelectedElementsByGroup(
     selectedElements,
     scene.getNonDeletedElementsMap(),
     appState
   ).map(getNonDeletedElements);
   const selectionBoundingBox = getCommonBoundingBox(selectedElements);
-  return groups.flatMap((group) => {
-    const translation = calculateTranslation(
-      group,
-      selectionBoundingBox,
-      alignment
-    );
+  const translations = options?.stacking === false && alignment.position !== "center" ? calculateNonStackingTranslations(
+    groups,
+    alignment,
+    Math.max(0, options.gap ?? 0)
+  ) : groups.map(
+    (group) => calculateTranslation(group, selectionBoundingBox, alignment)
+  );
+  return groups.flatMap((group, index) => {
+    const translation = translations[index];
     return group.map((element) => {
       const updatedEle = scene.mutateElement(element, {
         x: element.x + translation.x,
@@ -18345,6 +18348,37 @@ var alignElements = (selectedElements, alignment, scene, appState) => {
     });
   });
 };
+var calculateNonStackingTranslations = (groups, { axis, position }, gap) => {
+  const [primaryMin, primaryMax, secondaryMin, secondaryMax] = axis === "x" ? ["minX", "maxX", "minY", "maxY"] : ["minY", "maxY", "minX", "maxX"];
+  const orderedGroups = groups.map((group, index) => ({
+    boundingBox: getCommonBoundingBox(group),
+    index
+  })).sort((a2, b2) => {
+    const edgeDifference = position === "start" ? a2.boundingBox[primaryMin] - b2.boundingBox[primaryMin] : b2.boundingBox[primaryMax] - a2.boundingBox[primaryMax];
+    return edgeDifference || a2.index - b2.index;
+  });
+  const translations = groups.map(() => ({ x: 0, y: 0 }));
+  const placedBoundingBoxes = [];
+  const anchorEdge = orderedGroups[0]?.boundingBox[position === "start" ? primaryMin : primaryMax] ?? 0;
+  for (const { boundingBox, index } of orderedGroups) {
+    const overlapsPerpendicularly = (placed) => boundingBox[secondaryMin] < placed[secondaryMax] && boundingBox[secondaryMax] > placed[secondaryMin];
+    let alignedEdge = anchorEdge;
+    for (const placed of placedBoundingBoxes) {
+      if (!overlapsPerpendicularly(placed)) {
+        continue;
+      }
+      alignedEdge = position === "start" ? Math.max(alignedEdge, placed[primaryMax] + gap) : Math.min(alignedEdge, placed[primaryMin] - gap);
+    }
+    const translation = alignedEdge - boundingBox[position === "start" ? primaryMin : primaryMax];
+    translations[index][axis] = translation;
+    placedBoundingBoxes.push({
+      ...boundingBox,
+      [primaryMin]: boundingBox[primaryMin] + translation,
+      [primaryMax]: boundingBox[primaryMax] + translation
+    });
+  }
+  return translations;
+};
 var calculateTranslation = (group, selectionBoundingBox, { axis, position }) => {
   const groupBoundingBox = getCommonBoundingBox(group);
   const [min, max] = axis === "x" ? ["minX", "maxX"] : ["minY", "maxY"];