@elementor/editor-canvas 3.32.0-63 → 3.32.0-64

package/dist/index.js

@@ -958,6 +958,14 @@ var strokeTransformer = createTransformer((value) => {
   return createMultiPropsValue(parsed);
 });
 
+// src/transformers/styles/transform-functions-transformer.ts
+var transformFunctionsTransformer = createTransformer((values) => {
+  if (values?.length < 1) {
+    return null;
+  }
+  return values.join(" ");
+});
+
 // src/transformers/styles/transform-move-transformer.ts
 var defaultMove = "0px";
 var transformMoveTransformer = createTransformer((value) => {
@@ -997,14 +1005,6 @@ var transformSkewTransformer = createTransformer((value) => {
   return `skew(${x}, ${y})`;
 });
 
-// src/transformers/styles/transform-transformer.ts
-var transformTransformer = createTransformer((values) => {
-  if (values?.length < 1) {
-    return null;
-  }
-  return values.join(" ");
-});
-
 // src/transformers/styles/transition-transformer.ts
 var transitionTransformer = createTransformer((transitionValues) => {
   if (transitionValues?.length < 1) {
@@ -1027,7 +1027,13 @@ function initStyleTransformers() {
       ["block-start", "block-end", "inline-start", "inline-end"],
       ({ propKey, key }) => `${propKey}-${key}`
     )
-  ).register("filter", filterTransformer).register("backdrop-filter", filterTransformer).register("box-shadow", createCombineArrayTransformer(",")).register("background", backgroundTransformer).register("background-overlay", backgroundOverlayTransformer).register("background-color-overlay", backgroundColorOverlayTransformer).register("background-image-overlay", backgroundImageOverlayTransformer).register("background-gradient-overlay", backgroundGradientOverlayTransformer).register("gradient-color-stop", createCombineArrayTransformer(",")).register("color-stop", colorStopTransformer).register("background-image-position-offset", positionTransformer).register("background-image-size-scale", backgroundImageSizeScaleTransformer).register("image-src", imageSrcTransformer).register("image", imageTransformer).register("object-position", positionTransformer).register("transform-origin", transformOriginTransformer).register("transform-move", transformMoveTransformer).register("transform-scale", transformScaleTransformer).register("transform-rotate", transformRotateTransformer).register("transform-skew", transformSkewTransformer).register("transform", transformTransformer).register("transition", transitionTransformer).register(
+  ).register("filter", filterTransformer).register("backdrop-filter", filterTransformer).register("box-shadow", createCombineArrayTransformer(",")).register("background", backgroundTransformer).register("background-overlay", backgroundOverlayTransformer).register("background-color-overlay", backgroundColorOverlayTransformer).register("background-image-overlay", backgroundImageOverlayTransformer).register("background-gradient-overlay", backgroundGradientOverlayTransformer).register("gradient-color-stop", createCombineArrayTransformer(",")).register("color-stop", colorStopTransformer).register("background-image-position-offset", positionTransformer).register("background-image-size-scale", backgroundImageSizeScaleTransformer).register("image-src", imageSrcTransformer).register("image", imageTransformer).register("object-position", positionTransformer).register("transform-origin", transformOriginTransformer).register("transform-move", transformMoveTransformer).register("transform-scale", transformScaleTransformer).register("transform-rotate", transformRotateTransformer).register("transform-skew", transformSkewTransformer).register("transform-functions", transformFunctionsTransformer).register(
+    "transform",
+    createMultiPropsTransformer(
+      ["transform-functions", "transform-origin", "perspective"],
+      ({ key }) => key === "transform-functions" ? "transform" : key
+    )
+  ).register("transition", transitionTransformer).register(
     "layout-direction",
     createMultiPropsTransformer(["row", "column"], ({ propKey, key }) => `${key}-${propKey}`)
   ).register("flex", flexTransformer).register(

package/dist/index.mjs

@@ -924,6 +924,14 @@ var strokeTransformer = createTransformer((value) => {
   return createMultiPropsValue(parsed);
 });
 
+// src/transformers/styles/transform-functions-transformer.ts
+var transformFunctionsTransformer = createTransformer((values) => {
+  if (values?.length < 1) {
+    return null;
+  }
+  return values.join(" ");
+});
+
 // src/transformers/styles/transform-move-transformer.ts
 var defaultMove = "0px";
 var transformMoveTransformer = createTransformer((value) => {
@@ -963,14 +971,6 @@ var transformSkewTransformer = createTransformer((value) => {
   return `skew(${x}, ${y})`;
 });
 
-// src/transformers/styles/transform-transformer.ts
-var transformTransformer = createTransformer((values) => {
-  if (values?.length < 1) {
-    return null;
-  }
-  return values.join(" ");
-});
-
 // src/transformers/styles/transition-transformer.ts
 var transitionTransformer = createTransformer((transitionValues) => {
   if (transitionValues?.length < 1) {
@@ -993,7 +993,13 @@ function initStyleTransformers() {
       ["block-start", "block-end", "inline-start", "inline-end"],
       ({ propKey, key }) => `${propKey}-${key}`
     )
-  ).register("filter", filterTransformer).register("backdrop-filter", filterTransformer).register("box-shadow", createCombineArrayTransformer(",")).register("background", backgroundTransformer).register("background-overlay", backgroundOverlayTransformer).register("background-color-overlay", backgroundColorOverlayTransformer).register("background-image-overlay", backgroundImageOverlayTransformer).register("background-gradient-overlay", backgroundGradientOverlayTransformer).register("gradient-color-stop", createCombineArrayTransformer(",")).register("color-stop", colorStopTransformer).register("background-image-position-offset", positionTransformer).register("background-image-size-scale", backgroundImageSizeScaleTransformer).register("image-src", imageSrcTransformer).register("image", imageTransformer).register("object-position", positionTransformer).register("transform-origin", transformOriginTransformer).register("transform-move", transformMoveTransformer).register("transform-scale", transformScaleTransformer).register("transform-rotate", transformRotateTransformer).register("transform-skew", transformSkewTransformer).register("transform", transformTransformer).register("transition", transitionTransformer).register(
+  ).register("filter", filterTransformer).register("backdrop-filter", filterTransformer).register("box-shadow", createCombineArrayTransformer(",")).register("background", backgroundTransformer).register("background-overlay", backgroundOverlayTransformer).register("background-color-overlay", backgroundColorOverlayTransformer).register("background-image-overlay", backgroundImageOverlayTransformer).register("background-gradient-overlay", backgroundGradientOverlayTransformer).register("gradient-color-stop", createCombineArrayTransformer(",")).register("color-stop", colorStopTransformer).register("background-image-position-offset", positionTransformer).register("background-image-size-scale", backgroundImageSizeScaleTransformer).register("image-src", imageSrcTransformer).register("image", imageTransformer).register("object-position", positionTransformer).register("transform-origin", transformOriginTransformer).register("transform-move", transformMoveTransformer).register("transform-scale", transformScaleTransformer).register("transform-rotate", transformRotateTransformer).register("transform-skew", transformSkewTransformer).register("transform-functions", transformFunctionsTransformer).register(
+    "transform",
+    createMultiPropsTransformer(
+      ["transform-functions", "transform-origin", "perspective"],
+      ({ key }) => key === "transform-functions" ? "transform" : key
+    )
+  ).register("transition", transitionTransformer).register(
     "layout-direction",
     createMultiPropsTransformer(["row", "column"], ({ propKey, key }) => `${key}-${propKey}`)
   ).register("flex", flexTransformer).register(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-canvas",
   "description": "Elementor Editor Canvas",
-  "version": "3.32.0-63",
+  "version": "3.32.0-64",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -37,19 +37,19 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@elementor/editor": "3.32.0-63",
-    "@elementor/editor-notifications": "3.32.0-63",
-    "@elementor/editor-documents": "3.32.0-63",
-    "@elementor/editor-elements": "3.32.0-63",
-    "@elementor/editor-props": "3.32.0-63",
-    "@elementor/editor-responsive": "3.32.0-63",
-    "@elementor/editor-styles": "3.32.0-63",
-    "@elementor/editor-styles-repository": "3.32.0-63",
-    "@elementor/editor-v1-adapters": "3.32.0-63",
-    "@elementor/twing": "3.32.0-63",
+    "@elementor/editor": "3.32.0-64",
+    "@elementor/editor-notifications": "3.32.0-64",
+    "@elementor/editor-documents": "3.32.0-64",
+    "@elementor/editor-elements": "3.32.0-64",
+    "@elementor/editor-props": "3.32.0-64",
+    "@elementor/editor-responsive": "3.32.0-64",
+    "@elementor/editor-styles": "3.32.0-64",
+    "@elementor/editor-styles-repository": "3.32.0-64",
+    "@elementor/editor-v1-adapters": "3.32.0-64",
+    "@elementor/twing": "3.32.0-64",
     "@elementor/ui": "1.36.8",
-    "@elementor/utils": "3.32.0-63",
-    "@elementor/wp-media": "3.32.0-63",
+    "@elementor/utils": "3.32.0-64",
+    "@elementor/wp-media": "3.32.0-64",
     "@floating-ui/react": "^0.27.5",
     "@wordpress/i18n": "^5.13.0"
   },

package/src/init-style-transformers.ts

@@ -17,12 +17,12 @@ import { positionTransformer } from './transformers/styles/position-transformer'
 import { shadowTransformer } from './transformers/styles/shadow-transformer';
 import { sizeTransformer } from './transformers/styles/size-transformer';
 import { strokeTransformer } from './transformers/styles/stroke-transformer';
+import { transformFunctionsTransformer } from './transformers/styles/transform-functions-transformer';
 import { transformMoveTransformer } from './transformers/styles/transform-move-transformer';
 import { transformOriginTransformer } from './transformers/styles/transform-origin-transformer';
 import { transformRotateTransformer } from './transformers/styles/transform-rotate-transformer';
 import { transformScaleTransformer } from './transformers/styles/transform-scale-transformer';
 import { transformSkewTransformer } from './transformers/styles/transform-skew-transformer';
-import { transformTransformer } from './transformers/styles/transform-transformer';
 import { transitionTransformer } from './transformers/styles/transition-transformer';
 
 export function initStyleTransformers() {
@@ -57,7 +57,13 @@ export function initStyleTransformers() {
 		.register( 'transform-scale', transformScaleTransformer )
 		.register( 'transform-rotate', transformRotateTransformer )
 		.register( 'transform-skew', transformSkewTransformer )
-		.register( 'transform', transformTransformer )
+		.register( 'transform-functions', transformFunctionsTransformer )
+		.register(
+			'transform',
+			createMultiPropsTransformer( [ 'transform-functions', 'transform-origin', 'perspective' ], ( { key } ) =>
+				key === 'transform-functions' ? 'transform' : key
+			)
+		)
 		.register( 'transition', transitionTransformer )
 		.register(
 			'layout-direction',

package/src/transformers/styles/{transform-transformer.ts → transform-functions-transformer.ts}

@@ -1,6 +1,6 @@
 import { createTransformer } from '../create-transformer';
 
-export const transformTransformer = createTransformer( ( values: string[] ) => {
+export const transformFunctionsTransformer = createTransformer( ( values: string[] ) => {
 	if ( values?.length < 1 ) {
 		return null;
 	}