@elementor/editor-canvas 4.1.0-817 → 4.1.0-818

package/dist/index.js

@@ -1866,6 +1866,11 @@ var sizeTransformer = createTransformer((value) => {
   return value.unit === "custom" ? value.size : `${value.size}${value.unit}`;
 });
 
+// src/transformers/styles/span-transformer.ts
+var spanTransformer = createTransformer((value) => {
+  return value || 0 === value ? "span " + value : null;
+});
+
 // src/transformers/styles/stroke-transformer.ts
 var strokeTransformer = createTransformer((value) => {
   const parsed = {
@@ -1972,7 +1977,7 @@ 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("perspective-origin", perspectiveOriginTransformer).register("transform-move", transformMoveTransformer).register("transform-scale", transformScaleTransformer).register("transform-rotate", transformRotateTransformer).register("transform-skew", transformSkewTransformer).register("transform-functions", transformFunctionsTransformer).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("span", spanTransformer).register("transform-origin", transformOriginTransformer).register("perspective-origin", perspectiveOriginTransformer).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", "perspective-origin"],

package/dist/index.mjs

@@ -1831,6 +1831,11 @@ var sizeTransformer = createTransformer((value) => {
   return value.unit === "custom" ? value.size : `${value.size}${value.unit}`;
 });
 
+// src/transformers/styles/span-transformer.ts
+var spanTransformer = createTransformer((value) => {
+  return value || 0 === value ? "span " + value : null;
+});
+
 // src/transformers/styles/stroke-transformer.ts
 var strokeTransformer = createTransformer((value) => {
   const parsed = {
@@ -1937,7 +1942,7 @@ 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("perspective-origin", perspectiveOriginTransformer).register("transform-move", transformMoveTransformer).register("transform-scale", transformScaleTransformer).register("transform-rotate", transformRotateTransformer).register("transform-skew", transformSkewTransformer).register("transform-functions", transformFunctionsTransformer).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("span", spanTransformer).register("transform-origin", transformOriginTransformer).register("perspective-origin", perspectiveOriginTransformer).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", "perspective-origin"],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-canvas",
   "description": "Elementor Editor Canvas",
-  "version": "4.1.0-817",
+  "version": "4.1.0-818",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -37,25 +37,25 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@elementor/editor": "4.1.0-817",
+    "@elementor/editor": "4.1.0-818",
     "dompurify": "^3.2.6",
-    "@elementor/editor-controls": "4.1.0-817",
-    "@elementor/editor-documents": "4.1.0-817",
-    "@elementor/editor-elements": "4.1.0-817",
-    "@elementor/editor-interactions": "4.1.0-817",
-    "@elementor/editor-mcp": "4.1.0-817",
-    "@elementor/editor-notifications": "4.1.0-817",
-    "@elementor/editor-props": "4.1.0-817",
-    "@elementor/editor-responsive": "4.1.0-817",
-    "@elementor/editor-styles": "4.1.0-817",
-    "@elementor/editor-styles-repository": "4.1.0-817",
-    "@elementor/editor-ui": "4.1.0-817",
-    "@elementor/editor-v1-adapters": "4.1.0-817",
-    "@elementor/schema": "4.1.0-817",
-    "@elementor/twing": "4.1.0-817",
+    "@elementor/editor-controls": "4.1.0-818",
+    "@elementor/editor-documents": "4.1.0-818",
+    "@elementor/editor-elements": "4.1.0-818",
+    "@elementor/editor-interactions": "4.1.0-818",
+    "@elementor/editor-mcp": "4.1.0-818",
+    "@elementor/editor-notifications": "4.1.0-818",
+    "@elementor/editor-props": "4.1.0-818",
+    "@elementor/editor-responsive": "4.1.0-818",
+    "@elementor/editor-styles": "4.1.0-818",
+    "@elementor/editor-styles-repository": "4.1.0-818",
+    "@elementor/editor-ui": "4.1.0-818",
+    "@elementor/editor-v1-adapters": "4.1.0-818",
+    "@elementor/schema": "4.1.0-818",
+    "@elementor/twing": "4.1.0-818",
     "@elementor/ui": "1.37.5",
-    "@elementor/utils": "4.1.0-817",
-    "@elementor/wp-media": "4.1.0-817",
+    "@elementor/utils": "4.1.0-818",
+    "@elementor/wp-media": "4.1.0-818",
     "@floating-ui/react": "^0.27.5",
     "@wordpress/i18n": "^5.13.0"
   },

package/src/init-style-transformers.ts

@@ -17,6 +17,7 @@ import { perspectiveOriginTransformer } from './transformers/styles/perspective-
 import { positionTransformer } from './transformers/styles/position-transformer';
 import { shadowTransformer } from './transformers/styles/shadow-transformer';
 import { sizeTransformer } from './transformers/styles/size-transformer';
+import { spanTransformer } from './transformers/styles/span-transformer';
 import { strokeTransformer } from './transformers/styles/stroke-transformer';
 import { transformFunctionsTransformer } from './transformers/styles/transform-functions-transformer';
 import { transformMoveTransformer } from './transformers/styles/transform-move-transformer';
@@ -53,6 +54,7 @@ export function initStyleTransformers() {
 		.register( 'image-src', imageSrcTransformer )
 		.register( 'image', imageTransformer )
 		.register( 'object-position', positionTransformer )
+		.register( 'span', spanTransformer )
 		.register( 'transform-origin', transformOriginTransformer )
 		.register( 'perspective-origin', perspectiveOriginTransformer )
 		.register( 'transform-move', transformMoveTransformer )

package/src/transformers/styles/span-transformer.ts

@@ -0,0 +1,5 @@
+import { createTransformer } from '../create-transformer';
+
+export const spanTransformer = createTransformer( ( value: number ) => {
+	return value || 0 === value ? 'span ' + value : null;
+} );