@rocketium/auto-adapt 2.0.1 → 2.1.0

package/dist/index.mjs

@@ -182,6 +182,9 @@ var isGroupJSON = (object) => {
 var isCreativeBoxJSON = (object) => {
   return object?.dataType === "CREATIVE_BOX";
 };
+var isVideoJSON = (object) => {
+  return object?.dataType === "VIDEO";
+};
 var isAudioJSON = (object) => {
   return object?.dataType === "AUDIO";
 };
@@ -453,6 +456,7 @@ var adaptTextSkew = (object, widthRatio, heightRatio, scalingRatio, closestHeigh
     height: object.height * heightRatio,
     autoFitSizes: scaleAutoFitSizes(object.autoFitSizes, scalingRatio, closestHeight),
     cornerRadius: scaleCornerRadius(object.cornerRadius, scalingRatio),
+    ...getScaledBorderJSON({ object, scalingRatio }),
     fontSize: object.fontSize * scalingRatio,
     wordStyle: adaptWordStyleFontSizes({ wordStyle: object.wordStyle || [], scalingRatio })
   };
@@ -467,7 +471,8 @@ var adaptImageSkew = (object, widthRatio, heightRatio, scalingRatio) => {
     imageScale: (object.imageScale ?? 1) * scalingRatio,
     imageLeft: (object.imageLeft ?? 0) * widthRatio,
     imageTop: (object.imageTop ?? 0) * heightRatio,
-    cornerRadius: scaleCornerRadius(object.cornerRadius, scalingRatio)
+    cornerRadius: scaleCornerRadius(object.cornerRadius, scalingRatio),
+    ...getScaledBorderJSON({ object, scalingRatio })
   };
 };
 var adaptSvgSkew = (object, widthRatio, heightRatio, scalingRatio) => {
@@ -504,7 +509,7 @@ var adaptShapeSkew = (object, widthRatio, heightRatio, scalingRatio) => {
     ...getScaledBorderJSON({ object, scalingRatio })
   };
 };
-var adaptGroupChildText = (groupObject, scalingRatio, closestHeight, parentObject) => {
+var adaptGroupChildText = (groupObject, scalingRatio, closestHeight) => {
   return {
     ...groupObject,
     left: groupObject.left * scalingRatio,
@@ -514,13 +519,13 @@ var adaptGroupChildText = (groupObject, scalingRatio, closestHeight, parentObjec
     wordSpacing: groupObject.wordSpacing ? groupObject.wordSpacing * scalingRatio : 0,
     padding: scalePadding(groupObject.padding, scalingRatio),
     cornerRadius: scaleCornerRadius(groupObject.cornerRadius, scalingRatio),
-    ...getScaledBorderJSON({ object: parentObject, scalingRatio }),
+    ...getScaledBorderJSON({ object: groupObject, scalingRatio }),
     autoFitSizes: scaleAutoFitSizes(groupObject.autoFitSizes, scalingRatio, closestHeight),
     fontSize: groupObject.fontSize * scalingRatio,
     wordStyle: adaptWordStyleFontSizes({ wordStyle: groupObject.wordStyle || [], scalingRatio })
   };
 };
-var adaptGroupChildImage = (groupObject, scalingRatio, parentObject) => {
+var adaptGroupChildImage = (groupObject, scalingRatio) => {
   return {
     ...groupObject,
     left: groupObject.left * scalingRatio,
@@ -531,10 +536,10 @@ var adaptGroupChildImage = (groupObject, scalingRatio, parentObject) => {
     imageLeft: (groupObject.imageLeft ?? 0) * scalingRatio,
     imageTop: (groupObject.imageTop ?? 0) * scalingRatio,
     cornerRadius: scaleCornerRadius(groupObject.cornerRadius, scalingRatio),
-    ...getScaledBorderJSON({ object: parentObject, scalingRatio })
+    ...getScaledBorderJSON({ object: groupObject, scalingRatio })
   };
 };
-var adaptGroupChildSvg = (svgContainer, scalingRatio, parentObject) => {
+var adaptGroupChildSvg = (svgContainer, scalingRatio) => {
   return {
     ...svgContainer,
     left: svgContainer.left * scalingRatio,
@@ -544,10 +549,10 @@ var adaptGroupChildSvg = (svgContainer, scalingRatio, parentObject) => {
     imageScale: (svgContainer.imageScale ?? 1) * scalingRatio,
     imageLeft: (svgContainer.imageLeft ?? 0) * scalingRatio,
     imageTop: (svgContainer.imageTop ?? 0) * scalingRatio,
-    ...getScaledBorderJSON({ object: parentObject, scalingRatio })
+    ...getScaledBorderJSON({ object: svgContainer, scalingRatio })
   };
 };
-var adaptGroupChildRoundedRect = (roundedRectObject, scalingRatio, parentObject) => {
+var adaptGroupChildRoundedRect = (roundedRectObject, scalingRatio) => {
   return {
     ...roundedRectObject,
     left: roundedRectObject.left * scalingRatio,
@@ -555,17 +560,17 @@ var adaptGroupChildRoundedRect = (roundedRectObject, scalingRatio, parentObject)
     width: roundedRectObject.width * scalingRatio,
     height: roundedRectObject.height * scalingRatio,
     cornerRadius: scaleCornerRadius(roundedRectObject.cornerRadius, scalingRatio),
-    ...getScaledBorderJSON({ object: parentObject, scalingRatio })
+    ...getScaledBorderJSON({ object: roundedRectObject, scalingRatio })
   };
 };
-var adaptGroupChildShape = (groupObject, scalingRatio, parentObject) => {
+var adaptGroupChildShape = (groupObject, scalingRatio) => {
   return {
     ...groupObject,
     left: num(groupObject, "left") * scalingRatio,
     top: num(groupObject, "top") * scalingRatio,
     scaleX: num(groupObject, "scaleX", 1) * scalingRatio,
     scaleY: num(groupObject, "scaleY", 1) * scalingRatio,
-    ...getScaledBorderJSON({ object: parentObject, scalingRatio })
+    ...getScaledBorderJSON({ object: groupObject, scalingRatio })
   };
 };
 
@@ -658,29 +663,27 @@ var getAdaptedObjectsJSON = ({
             newObjects[groupObjectId] = adaptGroupChildText(
               groupObject,
               scalingRatio,
-              closestHeight,
-              object
+              closestHeight
             );
             continue;
           }
           if (isImageJSON(groupObject)) {
-            newObjects[groupObjectId] = adaptGroupChildImage(groupObject, scalingRatio, object);
+            newObjects[groupObjectId] = adaptGroupChildImage(groupObject, scalingRatio);
             continue;
           }
           if (isShapeJSON(groupObject)) {
             if (isSVGContainerJSON(groupObject)) {
-              newObjects[groupObjectId] = adaptGroupChildSvg(groupObject, scalingRatio, object);
+              newObjects[groupObjectId] = adaptGroupChildSvg(groupObject, scalingRatio);
               continue;
             }
             if (isRoundedRectJSON(groupObject)) {
               newObjects[groupObjectId] = adaptGroupChildRoundedRect(
                 groupObject,
-                scalingRatio,
-                object
+                scalingRatio
               );
               continue;
             }
-            newObjects[groupObjectId] = adaptGroupChildShape(groupObject, scalingRatio, object);
+            newObjects[groupObjectId] = adaptGroupChildShape(groupObject, scalingRatio);
             continue;
           }
         }
@@ -742,6 +745,60 @@ var applyAdaptedAsOverrides = (originalObjects, adaptedObjects, newSizeId) => {
   }
   return result;
 };
+var LAYOUT_KEYS_COMMON = ["left", "top", "width", "height", "angle", "visible"];
+var LAYOUT_KEYS_TEXT_EXTRA = ["fontSize", "autoFitSizes", "padding", "wordSpacing"];
+var LAYOUT_KEYS_IMAGE_VIDEO_EXTRA = ["imageScale", "imageLeft", "imageTop", "objectFit", "imageOriginX", "imageOriginY"];
+var LAYOUT_KEYS_SVG_EXTRA = ["imageScale", "imageLeft", "imageTop", "scaleX", "scaleY", "objectFit", "imageOriginX", "imageOriginY"];
+var LAYOUT_KEYS_PATH = ["left", "top", "angle", "visible", "scaleX", "scaleY"];
+var getLayoutKeysForElement = (element) => {
+  if (isCreativeBoxJSON(element) || isAudioJSON(element)) {
+    return [];
+  }
+  if (isTextJSON(element)) {
+    return [...LAYOUT_KEYS_COMMON, ...LAYOUT_KEYS_TEXT_EXTRA];
+  }
+  if (isImageJSON(element) || isVideoJSON(element)) {
+    return [...LAYOUT_KEYS_COMMON, ...LAYOUT_KEYS_IMAGE_VIDEO_EXTRA];
+  }
+  if (isShapeJSON(element)) {
+    if (isSVGContainerJSON(element)) {
+      return [...LAYOUT_KEYS_COMMON, ...LAYOUT_KEYS_SVG_EXTRA];
+    }
+    if (isRoundedRectJSON(element)) {
+      return LAYOUT_KEYS_COMMON;
+    }
+    return LAYOUT_KEYS_PATH;
+  }
+  if (isGroupJSON(element)) {
+    return LAYOUT_KEYS_COMMON;
+  }
+  return LAYOUT_KEYS_COMMON;
+};
+var mergeLayoutFromReference = (base, layoutReference) => {
+  if (isCreativeBoxJSON(base) || isAudioJSON(base)) {
+    return base;
+  }
+  const layoutKeys = getLayoutKeysForElement(base);
+  const merged = { ...base };
+  const ref = layoutReference;
+  for (const key of layoutKeys) {
+    if (ref[key] !== void 0) {
+      merged[key] = ref[key];
+    }
+  }
+  return merged;
+};
+var mergeLayoutFromReferenceObjects = (baseObjects, referenceObjects) => {
+  const merged = {};
+  for (const [layerId, baseObj] of Object.entries(baseObjects)) {
+    if (referenceObjects[layerId]) {
+      merged[layerId] = mergeLayoutFromReference(baseObj, referenceObjects[layerId]);
+    } else {
+      merged[layerId] = baseObj;
+    }
+  }
+  return merged;
+};
 var buildNewCapsule = ({
   originalCapsule,
   updatedObjects,
@@ -892,6 +949,6 @@ var RULER_AXIS = {
   Y: "y"
 };
 
-export { AnimationSpecialCase, CANVAS_EDITOR_ELEMENT, CreativeElementCategory, RULER_AXIS, TextAnimationType, WORD_STYLE_TYPE, adaptWordStyleFontSizes, applyAdaptedAsOverrides, buildNewCapsule, checkIfElementShouldBeSkewed, findBestReferenceSize, findClosestSizeObjectsWithMatches, findClosestSizeWithMatches, generateBaseLayoutForSize, getAdaptedObjectsJSON, getAreaPercentageOfElementOnCanvasJSON, getEuclideanDistanceBetweenSizes, getNormalizedSizeValue, getScaledBorderJSON, getValuesWithoutSkewingJSON, isAudioJSON, isCreativeBoxJSON, isGroupJSON, isImageJSON, isRoundedRectJSON, isSVGContainerJSON, isShapeJSON, isTextJSON, resolveObjectsForSize, scaleAutoFitSizes, scaleCornerRadius, scalePadding };
+export { AnimationSpecialCase, CANVAS_EDITOR_ELEMENT, CreativeElementCategory, RULER_AXIS, TextAnimationType, WORD_STYLE_TYPE, adaptWordStyleFontSizes, applyAdaptedAsOverrides, buildNewCapsule, checkIfElementShouldBeSkewed, findBestReferenceSize, findClosestSizeObjectsWithMatches, findClosestSizeWithMatches, generateBaseLayoutForSize, getAdaptedObjectsJSON, getAreaPercentageOfElementOnCanvasJSON, getEuclideanDistanceBetweenSizes, getNormalizedSizeValue, getScaledBorderJSON, getValuesWithoutSkewingJSON, isAudioJSON, isCreativeBoxJSON, isGroupJSON, isImageJSON, isRoundedRectJSON, isSVGContainerJSON, isShapeJSON, isTextJSON, isVideoJSON, mergeLayoutFromReference, mergeLayoutFromReferenceObjects, resolveObjectsForSize, scaleAutoFitSizes, scaleCornerRadius, scalePadding };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map