@elementor/editor-variables 4.1.0-799 → 4.1.0-801

package/dist/index.mjs

@@ -4189,6 +4189,7 @@ import {
   backgroundColorOverlayPropTypeUtil,
   cssFilterFunctionPropUtil as cssFilterFunctionPropUtil2,
   dropShadowFilterPropTypeUtil as dropShadowFilterPropTypeUtil2,
+  moveTransformPropTypeUtil as moveTransformPropTypeUtil2,
   selectionSizePropTypeUtil as selectionSizePropTypeUtil2,
   shadowPropTypeUtil as shadowPropTypeUtil2
 } from "@elementor/editor-props";
@@ -4198,6 +4199,7 @@ import * as React39 from "react";
 import {
   cssFilterFunctionPropUtil,
   dropShadowFilterPropTypeUtil,
+  moveTransformPropTypeUtil,
   selectionSizePropTypeUtil,
   shadowPropTypeUtil
 } from "@elementor/editor-props";
@@ -4290,6 +4292,20 @@ var BoxShadowRepeaterLabel = ({ value }) => {
   const positionLabel = position?.value || "outset";
   return /* @__PURE__ */ React39.createElement(Box9, { component: "span", style: { textTransform: "capitalize" } }, positionLabel, ": ", labels.join(" "));
 };
+var TransformRepeaterLabel = ({ value }) => {
+  const labels = [];
+  if (moveTransformPropTypeUtil.isValid(value)) {
+    labels.push(__27("Move:", "elementor"));
+    const { x, y, z: z6 } = moveTransformPropTypeUtil.extract(value) || {};
+    for (const val of [x, y, z6]) {
+      const rendered = sizeValue(val);
+      if (rendered) {
+        labels.push(rendered);
+      }
+    }
+  }
+  return /* @__PURE__ */ React39.createElement(Box9, { component: "span" }, labels.join(" "));
+};
 var TransitionsSizeVariableLabel = ({ value: prop }) => {
   let label = "";
   const variableId = prop?.value?.size?.value || "";
@@ -4309,6 +4325,7 @@ function registerRepeaterInjections() {
   backgroundOverlayRepeaterInjections();
   boxShadowRepeaterInjections();
   transitionsRepeaterInjections();
+  transformRepeaterInjections();
   filterRepeaterInjections();
 }
 function backgroundOverlayRepeaterInjections() {
@@ -4345,6 +4362,19 @@ function boxShadowRepeaterInjections() {
     }
   });
 }
+function transformRepeaterInjections() {
+  injectIntoRepeaterItemLabel({
+    id: "transform-size-variables-label",
+    component: TransformRepeaterLabel,
+    condition: ({ value }) => {
+      if (moveTransformPropTypeUtil2.isValid(value)) {
+        const { x: xAxis, y: yAxis, z: zAxis } = moveTransformPropTypeUtil2.extract(value) || {};
+        return hasAssignedSizeVariable(xAxis) || hasAssignedSizeVariable(yAxis) || hasAssignedSizeVariable(zAxis);
+      }
+      return false;
+    }
+  });
+}
 function transitionsRepeaterInjections() {
   injectIntoRepeaterItemLabel({
     id: "transition-size-variables-label",