@elementor/editor-canvas 3.32.0-84 → 3.32.0-87
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -894,10 +894,11 @@ var mapToFilterFunctionString = (value) => {
|
|
|
894
894
|
const { xAxis, yAxis, blur, color } = value.args;
|
|
895
895
|
return `drop-shadow(${xAxis || "0px"} ${yAxis || "0px"} ${blur || "10px"} ${color || "transparent"})`;
|
|
896
896
|
}
|
|
897
|
-
|
|
897
|
+
const size2 = value.args?.size;
|
|
898
|
+
if (!value.func || !size2) {
|
|
898
899
|
return "";
|
|
899
900
|
}
|
|
900
|
-
return `${value.func}(${
|
|
901
|
+
return `${value.func}(${size2})`;
|
|
901
902
|
};
|
|
902
903
|
|
|
903
904
|
// src/transformers/styles/flex-transformer.ts
|
package/dist/index.mjs
CHANGED
|
@@ -860,10 +860,11 @@ var mapToFilterFunctionString = (value) => {
|
|
|
860
860
|
const { xAxis, yAxis, blur, color } = value.args;
|
|
861
861
|
return `drop-shadow(${xAxis || "0px"} ${yAxis || "0px"} ${blur || "10px"} ${color || "transparent"})`;
|
|
862
862
|
}
|
|
863
|
-
|
|
863
|
+
const size2 = value.args?.size;
|
|
864
|
+
if (!value.func || !size2) {
|
|
864
865
|
return "";
|
|
865
866
|
}
|
|
866
|
-
return `${value.func}(${
|
|
867
|
+
return `${value.func}(${size2})`;
|
|
867
868
|
};
|
|
868
869
|
|
|
869
870
|
// src/transformers/styles/flex-transformer.ts
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elementor/editor-canvas",
|
|
3
3
|
"description": "Elementor Editor Canvas",
|
|
4
|
-
"version": "3.32.0-
|
|
4
|
+
"version": "3.32.0-87",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": "Elementor Team",
|
|
7
7
|
"homepage": "https://elementor.com/",
|
|
@@ -37,19 +37,19 @@
|
|
|
37
37
|
"react-dom": "^18.3.1"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@elementor/editor": "3.32.0-
|
|
41
|
-
"@elementor/editor-notifications": "3.32.0-
|
|
42
|
-
"@elementor/editor-documents": "3.32.0-
|
|
43
|
-
"@elementor/editor-elements": "3.32.0-
|
|
44
|
-
"@elementor/editor-props": "3.32.0-
|
|
45
|
-
"@elementor/editor-responsive": "3.32.0-
|
|
46
|
-
"@elementor/editor-styles": "3.32.0-
|
|
47
|
-
"@elementor/editor-styles-repository": "3.32.0-
|
|
48
|
-
"@elementor/editor-v1-adapters": "3.32.0-
|
|
49
|
-
"@elementor/twing": "3.32.0-
|
|
40
|
+
"@elementor/editor": "3.32.0-87",
|
|
41
|
+
"@elementor/editor-notifications": "3.32.0-87",
|
|
42
|
+
"@elementor/editor-documents": "3.32.0-87",
|
|
43
|
+
"@elementor/editor-elements": "3.32.0-87",
|
|
44
|
+
"@elementor/editor-props": "3.32.0-87",
|
|
45
|
+
"@elementor/editor-responsive": "3.32.0-87",
|
|
46
|
+
"@elementor/editor-styles": "3.32.0-87",
|
|
47
|
+
"@elementor/editor-styles-repository": "3.32.0-87",
|
|
48
|
+
"@elementor/editor-v1-adapters": "3.32.0-87",
|
|
49
|
+
"@elementor/twing": "3.32.0-87",
|
|
50
50
|
"@elementor/ui": "1.36.8",
|
|
51
|
-
"@elementor/utils": "3.32.0-
|
|
52
|
-
"@elementor/wp-media": "3.32.0-
|
|
51
|
+
"@elementor/utils": "3.32.0-87",
|
|
52
|
+
"@elementor/wp-media": "3.32.0-87",
|
|
53
53
|
"@floating-ui/react": "^0.27.5",
|
|
54
54
|
"@wordpress/i18n": "^5.13.0"
|
|
55
55
|
},
|
|
@@ -9,18 +9,22 @@ import {
|
|
|
9
9
|
backgroundImageSizeScalePropTypeUtil,
|
|
10
10
|
backgroundOverlayPropTypeUtil,
|
|
11
11
|
backgroundPropTypeUtil,
|
|
12
|
+
blurFilterPropTypeUtil,
|
|
12
13
|
borderRadiusPropTypeUtil,
|
|
13
14
|
borderWidthPropTypeUtil,
|
|
14
15
|
boxShadowPropTypeUtil,
|
|
15
16
|
colorPropTypeUtil,
|
|
16
17
|
colorStopPropTypeUtil,
|
|
18
|
+
colorToneFilterPropTypeUtil,
|
|
17
19
|
cssFilterFunctionPropUtil,
|
|
18
20
|
dimensionsPropTypeUtil,
|
|
19
21
|
filterPropTypeUtil,
|
|
20
22
|
gradientColorStopPropTypeUtil,
|
|
23
|
+
hueRotateFilterPropTypeUtil,
|
|
21
24
|
imageAttachmentIdPropType,
|
|
22
25
|
imagePropTypeUtil,
|
|
23
26
|
imageSrcPropTypeUtil,
|
|
27
|
+
intensityFilterPropTypeUtil,
|
|
24
28
|
layoutDirectionPropTypeUtil,
|
|
25
29
|
numberPropTypeUtil,
|
|
26
30
|
type Props,
|
|
@@ -50,70 +54,102 @@ type Payload = {
|
|
|
50
54
|
const filters = filterPropTypeUtil.create( [
|
|
51
55
|
cssFilterFunctionPropUtil.create( {
|
|
52
56
|
func: stringPropTypeUtil.create( 'blur' ),
|
|
53
|
-
args:
|
|
57
|
+
args: blurFilterPropTypeUtil.create( {
|
|
58
|
+
size: sizePropTypeUtil.create( { size: 1, unit: 'px' } ),
|
|
59
|
+
} ),
|
|
54
60
|
} ),
|
|
55
61
|
cssFilterFunctionPropUtil.create( {
|
|
56
62
|
func: stringPropTypeUtil.create( 'brightness' ),
|
|
57
|
-
args:
|
|
63
|
+
args: intensityFilterPropTypeUtil.create( {
|
|
64
|
+
size: sizePropTypeUtil.create( { size: 90, unit: '%' } ),
|
|
65
|
+
} ),
|
|
58
66
|
} ),
|
|
59
67
|
cssFilterFunctionPropUtil.create( {
|
|
60
68
|
func: stringPropTypeUtil.create( 'contrast' ),
|
|
61
|
-
args:
|
|
69
|
+
args: intensityFilterPropTypeUtil.create( {
|
|
70
|
+
size: sizePropTypeUtil.create( { size: 50, unit: '%' } ),
|
|
71
|
+
} ),
|
|
62
72
|
} ),
|
|
63
73
|
cssFilterFunctionPropUtil.create( {
|
|
64
74
|
func: stringPropTypeUtil.create( 'grayscale' ),
|
|
65
|
-
args:
|
|
75
|
+
args: colorToneFilterPropTypeUtil.create( {
|
|
76
|
+
size: sizePropTypeUtil.create( { size: 70, unit: '%' } ),
|
|
77
|
+
} ),
|
|
66
78
|
} ),
|
|
67
79
|
cssFilterFunctionPropUtil.create( {
|
|
68
80
|
func: stringPropTypeUtil.create( 'invert' ),
|
|
69
|
-
args:
|
|
81
|
+
args: colorToneFilterPropTypeUtil.create( {
|
|
82
|
+
size: sizePropTypeUtil.create( { size: 60, unit: '%' } ),
|
|
83
|
+
} ),
|
|
70
84
|
} ),
|
|
71
85
|
cssFilterFunctionPropUtil.create( {
|
|
72
86
|
func: stringPropTypeUtil.create( 'sepia' ),
|
|
73
|
-
args:
|
|
87
|
+
args: colorToneFilterPropTypeUtil.create( {
|
|
88
|
+
size: sizePropTypeUtil.create( { size: 30, unit: '%' } ),
|
|
89
|
+
} ),
|
|
74
90
|
} ),
|
|
75
91
|
cssFilterFunctionPropUtil.create( {
|
|
76
92
|
func: stringPropTypeUtil.create( 'saturate' ),
|
|
77
|
-
args:
|
|
93
|
+
args: intensityFilterPropTypeUtil.create( {
|
|
94
|
+
size: sizePropTypeUtil.create( { size: 25, unit: '%' } ),
|
|
95
|
+
} ),
|
|
78
96
|
} ),
|
|
79
97
|
cssFilterFunctionPropUtil.create( {
|
|
80
98
|
func: stringPropTypeUtil.create( 'hue-rotate' ),
|
|
81
|
-
args:
|
|
99
|
+
args: hueRotateFilterPropTypeUtil.create( {
|
|
100
|
+
size: sizePropTypeUtil.create( { size: 10, unit: 'deg' } ),
|
|
101
|
+
} ),
|
|
82
102
|
} ),
|
|
83
103
|
] );
|
|
84
104
|
|
|
85
105
|
const backDropFilters = backdropFilterPropTypeUtil.create( [
|
|
86
106
|
cssFilterFunctionPropUtil.create( {
|
|
87
107
|
func: stringPropTypeUtil.create( 'blur' ),
|
|
88
|
-
args:
|
|
108
|
+
args: blurFilterPropTypeUtil.create( {
|
|
109
|
+
size: sizePropTypeUtil.create( { size: 2, unit: 'rem' } ),
|
|
110
|
+
} ),
|
|
89
111
|
} ),
|
|
90
112
|
cssFilterFunctionPropUtil.create( {
|
|
91
113
|
func: stringPropTypeUtil.create( 'brightness' ),
|
|
92
|
-
args:
|
|
114
|
+
args: intensityFilterPropTypeUtil.create( {
|
|
115
|
+
size: sizePropTypeUtil.create( { size: 80, unit: '%' } ),
|
|
116
|
+
} ),
|
|
93
117
|
} ),
|
|
94
118
|
cssFilterFunctionPropUtil.create( {
|
|
95
119
|
func: stringPropTypeUtil.create( 'contrast' ),
|
|
96
|
-
args:
|
|
120
|
+
args: intensityFilterPropTypeUtil.create( {
|
|
121
|
+
size: sizePropTypeUtil.create( { size: 50, unit: '%' } ),
|
|
122
|
+
} ),
|
|
97
123
|
} ),
|
|
98
124
|
cssFilterFunctionPropUtil.create( {
|
|
99
125
|
func: stringPropTypeUtil.create( 'grayscale' ),
|
|
100
|
-
args:
|
|
126
|
+
args: colorToneFilterPropTypeUtil.create( {
|
|
127
|
+
size: sizePropTypeUtil.create( { size: 70, unit: '%' } ),
|
|
128
|
+
} ),
|
|
101
129
|
} ),
|
|
102
130
|
cssFilterFunctionPropUtil.create( {
|
|
103
131
|
func: stringPropTypeUtil.create( 'invert' ),
|
|
104
|
-
args:
|
|
132
|
+
args: colorToneFilterPropTypeUtil.create( {
|
|
133
|
+
size: sizePropTypeUtil.create( { size: 60, unit: '%' } ),
|
|
134
|
+
} ),
|
|
105
135
|
} ),
|
|
106
136
|
cssFilterFunctionPropUtil.create( {
|
|
107
137
|
func: stringPropTypeUtil.create( 'sepia' ),
|
|
108
|
-
args:
|
|
138
|
+
args: colorToneFilterPropTypeUtil.create( {
|
|
139
|
+
size: sizePropTypeUtil.create( { size: 30, unit: '%' } ),
|
|
140
|
+
} ),
|
|
109
141
|
} ),
|
|
110
142
|
cssFilterFunctionPropUtil.create( {
|
|
111
143
|
func: stringPropTypeUtil.create( 'saturate' ),
|
|
112
|
-
args:
|
|
144
|
+
args: intensityFilterPropTypeUtil.create( {
|
|
145
|
+
size: sizePropTypeUtil.create( { size: 25, unit: '%' } ),
|
|
146
|
+
} ),
|
|
113
147
|
} ),
|
|
114
148
|
cssFilterFunctionPropUtil.create( {
|
|
115
149
|
func: stringPropTypeUtil.create( 'hue-rotate' ),
|
|
116
|
-
args:
|
|
150
|
+
args: hueRotateFilterPropTypeUtil.create( {
|
|
151
|
+
size: sizePropTypeUtil.create( { size: 10, unit: 'deg' } ),
|
|
152
|
+
} ),
|
|
117
153
|
} ),
|
|
118
154
|
] );
|
|
119
155
|
|
|
@@ -2,7 +2,9 @@ import { createTransformer } from '../create-transformer';
|
|
|
2
2
|
|
|
3
3
|
type DropShadowArgs = { xAxis: string; yAxis: string; blur: string; color: string };
|
|
4
4
|
|
|
5
|
-
type
|
|
5
|
+
type SizeArgs = { size: string };
|
|
6
|
+
|
|
7
|
+
type FilterValue = { func: string; args: SizeArgs | DropShadowArgs };
|
|
6
8
|
|
|
7
9
|
export const filterTransformer = createTransformer( ( filterValues: FilterValue[] ) => {
|
|
8
10
|
if ( filterValues?.length < 1 ) {
|
|
@@ -18,9 +20,11 @@ const mapToFilterFunctionString = ( value: FilterValue ): string => {
|
|
|
18
20
|
return `drop-shadow(${ xAxis || '0px' } ${ yAxis || '0px' } ${ blur || '10px' } ${ color || 'transparent' })`;
|
|
19
21
|
}
|
|
20
22
|
|
|
21
|
-
|
|
23
|
+
const size = ( value.args as SizeArgs )?.size;
|
|
24
|
+
|
|
25
|
+
if ( ! value.func || ! size ) {
|
|
22
26
|
return '';
|
|
23
27
|
}
|
|
24
28
|
|
|
25
|
-
return `${ value.func }(${
|
|
29
|
+
return `${ value.func }(${ size })`;
|
|
26
30
|
};
|