@elementor/editor-canvas 0.22.0 → 0.22.2

package/.turbo/turbo-build.log

@@ -1,22 +1,22 @@
 
-> @elementor/editor-canvas@0.22.0 build
+> @elementor/editor-canvas@0.22.2 build
 > tsup --config=../../tsup.build.ts
 
 CLI Building entry: src/index.ts
 CLI Using tsconfig: ../../../tsconfig.json
-CLI tsup v8.4.0
+CLI tsup v8.5.0
 CLI Using tsup config: /home/runner/work/elementor-packages/elementor-packages/tsup.build.ts
 CLI Target: esnext
 CLI Cleaning output folder
 ESM Build start
 CJS Build start
-CJS dist/index.js     46.46 KB
-CJS dist/index.js.map 92.22 KB
-CJS ⚡️ Build success in 232ms
-ESM dist/index.mjs     43.25 KB
-ESM dist/index.mjs.map 92.12 KB
-ESM ⚡️ Build success in 243ms
+CJS dist/index.js     46.90 KB
+CJS dist/index.js.map 92.87 KB
+CJS ⚡️ Build success in 308ms
+ESM dist/index.mjs     43.59 KB
+ESM dist/index.mjs.map 92.65 KB
+ESM ⚡️ Build success in 311ms
 DTS Build start
-DTS ⚡️ Build success in 20228ms
-DTS dist/index.d.mts 2.23 KB
-DTS dist/index.d.ts  2.23 KB
+DTS ⚡️ Build success in 21564ms
+DTS dist/index.d.mts 2.42 KB
+DTS dist/index.d.ts  2.42 KB

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @elementor/editor-canvas
 
+## 0.22.2
+
+### Patch Changes
+
+- 7b0d10d: Show complex control values in styles inheritance popover
+- 0957941: Fix wrong CSS render for hidden background overlays
+- Updated dependencies [7b0d10d]
+  - @elementor/editor-styles-repository@0.10.1
+
+## 0.22.1
+
+### Patch Changes
+
+- 615baa1: upgrade elementor/ui version
+- Updated dependencies [6e1d5ff]
+- Updated dependencies [615baa1]
+  - @elementor/editor-styles-repository@0.10.0
+  - @elementor/editor-notifications@1.2.3
+  - @elementor/editor@0.19.4
+
 ## 0.22.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -16,12 +16,18 @@ declare const styleTransformersRegistry: {
     register(type: _elementor_editor_props.PropTypeKey, transformer: AnyTransformer): /*elided*/ any;
     registerFallback(transformer: AnyTransformer): /*elided*/ any;
     get(type: _elementor_editor_props.PropTypeKey): AnyTransformer | null;
+    all(): {
+        [x: string]: AnyTransformer;
+    };
 };
 
 declare const settingsTransformersRegistry: {
     register(type: _elementor_editor_props.PropTypeKey, transformer: AnyTransformer): /*elided*/ any;
     registerFallback(transformer: AnyTransformer): /*elided*/ any;
     get(type: _elementor_editor_props.PropTypeKey): AnyTransformer | null;
+    all(): {
+        [x: string]: AnyTransformer;
+    };
 };
 
 declare function createTransformer<TValue = never>(cb: TValue extends AnyTransformable ? 'Transformable values are invalid, use the actual value instead.' : UnbrandedTransformer<TValue>): Transformer<NoInfer<TValue>>;
@@ -31,6 +37,9 @@ declare function createTransformersRegistry(): {
     register(type: PropTypeKey, transformer: AnyTransformer): /*elided*/ any;
     registerFallback(transformer: AnyTransformer): /*elided*/ any;
     get(type: PropTypeKey): AnyTransformer | null;
+    all(): {
+        [x: string]: AnyTransformer;
+    };
 };
 
 type CreatePropResolverArgs = {
@@ -50,4 +59,4 @@ type ResolvedProps = Record<string, unknown>;
 type PropsResolver = ReturnType<typeof createPropsResolver>;
 declare function createPropsResolver({ transformers, schema: initialSchema, onPropResolve }: CreatePropResolverArgs): ({ props, schema, signal }: ResolveArgs) => Promise<ResolvedProps>;
 
-export { type PropsResolver, createPropsResolver, createTransformer, init, settingsTransformersRegistry, styleTransformersRegistry };
+export { type PropsResolver, createPropsResolver, createTransformer, createTransformersRegistry, init, settingsTransformersRegistry, styleTransformersRegistry };

package/dist/index.d.ts

@@ -16,12 +16,18 @@ declare const styleTransformersRegistry: {
     register(type: _elementor_editor_props.PropTypeKey, transformer: AnyTransformer): /*elided*/ any;
     registerFallback(transformer: AnyTransformer): /*elided*/ any;
     get(type: _elementor_editor_props.PropTypeKey): AnyTransformer | null;
+    all(): {
+        [x: string]: AnyTransformer;
+    };
 };
 
 declare const settingsTransformersRegistry: {
     register(type: _elementor_editor_props.PropTypeKey, transformer: AnyTransformer): /*elided*/ any;
     registerFallback(transformer: AnyTransformer): /*elided*/ any;
     get(type: _elementor_editor_props.PropTypeKey): AnyTransformer | null;
+    all(): {
+        [x: string]: AnyTransformer;
+    };
 };
 
 declare function createTransformer<TValue = never>(cb: TValue extends AnyTransformable ? 'Transformable values are invalid, use the actual value instead.' : UnbrandedTransformer<TValue>): Transformer<NoInfer<TValue>>;
@@ -31,6 +37,9 @@ declare function createTransformersRegistry(): {
     register(type: PropTypeKey, transformer: AnyTransformer): /*elided*/ any;
     registerFallback(transformer: AnyTransformer): /*elided*/ any;
     get(type: PropTypeKey): AnyTransformer | null;
+    all(): {
+        [x: string]: AnyTransformer;
+    };
 };
 
 type CreatePropResolverArgs = {
@@ -50,4 +59,4 @@ type ResolvedProps = Record<string, unknown>;
 type PropsResolver = ReturnType<typeof createPropsResolver>;
 declare function createPropsResolver({ transformers, schema: initialSchema, onPropResolve }: CreatePropResolverArgs): ({ props, schema, signal }: ResolveArgs) => Promise<ResolvedProps>;
 
-export { type PropsResolver, createPropsResolver, createTransformer, init, settingsTransformersRegistry, styleTransformersRegistry };
+export { type PropsResolver, createPropsResolver, createTransformer, createTransformersRegistry, init, settingsTransformersRegistry, styleTransformersRegistry };

package/dist/index.js

@@ -32,6 +32,7 @@ var index_exports = {};
 __export(index_exports, {
   createPropsResolver: () => createPropsResolver,
   createTransformer: () => createTransformer,
+  createTransformersRegistry: () => createTransformersRegistry,
   init: () => init,
   settingsTransformersRegistry: () => settingsTransformersRegistry,
   styleTransformersRegistry: () => styleTransformersRegistry
@@ -380,6 +381,9 @@ function createTransformersRegistry() {
     },
     get(type) {
       return transformers[type] ?? fallbackTransformer;
+    },
+    all() {
+      return { ...transformers };
     }
   };
 }
@@ -688,6 +692,7 @@ var backgroundImageSizeScaleTransformer = createTransformer(
 );
 
 // src/transformers/styles/background-overlay-transformer.ts
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 var backgroundOverlayTransformer = createTransformer(
   (value) => {
     if (!value || value.length === 0) {
@@ -709,7 +714,8 @@ var backgroundOverlayTransformer = createTransformer(
   }
 );
 function normalizeOverlayValues(overlays) {
-  return overlays.map((item) => {
+  const isVersion330Active = (0, import_editor_v1_adapters5.isExperimentActive)("e_v_3_30");
+  const mappedValues = overlays.map((item) => {
     if (typeof item === "string") {
       return {
         src: item,
@@ -721,6 +727,10 @@ function normalizeOverlayValues(overlays) {
     }
     return item;
   });
+  if (!isVersion330Active) {
+    return mappedValues;
+  }
+  return mappedValues.filter((item) => item && !!item.src);
 }
 function getValuesString(items, prop, defaultValue, preventUnification = false) {
   const isEmpty = items.filter((item) => item?.[prop]).length === 0;
@@ -812,7 +822,7 @@ function initStyleTransformers() {
 
 // src/legacy/init-legacy-views.ts
 var import_editor_elements2 = require("@elementor/editor-elements");
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
 
 // src/renderers/create-dom-renderer.ts
 var import_twing = require("@elementor/twing");
@@ -1015,7 +1025,7 @@ function createTemplatedElementViewClassDeclaration({
 
 // src/legacy/init-legacy-views.ts
 function initLegacyViews() {
-  (0, import_editor_v1_adapters5.__privateListenTo)((0, import_editor_v1_adapters5.v1ReadyEvent)(), () => {
+  (0, import_editor_v1_adapters6.__privateListenTo)((0, import_editor_v1_adapters6.v1ReadyEvent)(), () => {
     const config = (0, import_editor_elements2.getWidgetsCache)() ?? {};
     const legacyWindow = window;
     const renderer = createDomRenderer();
@@ -1032,14 +1042,14 @@ function initLegacyViews() {
 // src/prevent-link-in-link-commands.ts
 var import_editor_elements3 = require("@elementor/editor-elements");
 var import_editor_notifications = require("@elementor/editor-notifications");
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_i18n = require("@wordpress/i18n");
 function initLinkInLinkPrevention() {
-  (0, import_editor_v1_adapters6.blockCommand)({
+  (0, import_editor_v1_adapters7.blockCommand)({
     command: "document/elements/paste",
     condition: blockLinkInLinkPaste
   });
-  (0, import_editor_v1_adapters6.blockCommand)({
+  (0, import_editor_v1_adapters7.blockCommand)({
     command: "document/elements/move",
     condition: blockLinkInLinkMove
   });
@@ -1113,12 +1123,12 @@ function shouldBlock(sourceElements, targetElements) {
 }
 
 // src/style-commands/paste-style.ts
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 
 // src/style-commands/undoable-actions/paste-element-style.ts
 var import_editor_elements5 = require("@elementor/editor-elements");
 var import_editor_styles_repository3 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 var import_i18n3 = require("@wordpress/i18n");
 
 // src/style-commands/utils.ts
@@ -1164,7 +1174,7 @@ function getTitleForContainers(containers) {
 }
 
 // src/style-commands/undoable-actions/paste-element-style.ts
-var undoablePasteElementStyle = () => (0, import_editor_v1_adapters7.undoable)(
+var undoablePasteElementStyle = () => (0, import_editor_v1_adapters8.undoable)(
   {
     do: ({ containers, newStyle }) => {
       return containers.map((container) => {
@@ -1239,12 +1249,12 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters7.undoable)(
 // src/style-commands/paste-style.ts
 function initPasteStyleCommand() {
   const pasteElementStyleCommand = undoablePasteElementStyle();
-  (0, import_editor_v1_adapters8.blockCommand)({
+  (0, import_editor_v1_adapters9.blockCommand)({
     command: "document/elements/paste-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters8.__privateListenTo)(
-    (0, import_editor_v1_adapters8.commandStartEvent)("document/elements/paste-style"),
+  (0, import_editor_v1_adapters9.__privateListenTo)(
+    (0, import_editor_v1_adapters9.commandStartEvent)("document/elements/paste-style"),
     (e) => pasteStyles(e.args, pasteElementStyleCommand)
   );
 }
@@ -1268,14 +1278,14 @@ function pasteStyles(args, pasteCallback) {
 }
 
 // src/style-commands/reset-style.ts
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 
 // src/style-commands/undoable-actions/reset-element-style.ts
 var import_editor_elements6 = require("@elementor/editor-elements");
 var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_i18n4 = require("@wordpress/i18n");
-var undoableResetElementStyle = () => (0, import_editor_v1_adapters9.undoable)(
+var undoableResetElementStyle = () => (0, import_editor_v1_adapters10.undoable)(
   {
     do: ({ containers }) => {
       return containers.map((container) => {
@@ -1319,12 +1329,12 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters9.undoable)(
 // src/style-commands/reset-style.ts
 function initResetStyleCommand() {
   const resetElementStyles = undoableResetElementStyle();
-  (0, import_editor_v1_adapters10.blockCommand)({
+  (0, import_editor_v1_adapters11.blockCommand)({
     command: "document/elements/reset-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters10.__privateListenTo)(
-    (0, import_editor_v1_adapters10.commandStartEvent)("document/elements/reset-style"),
+  (0, import_editor_v1_adapters11.__privateListenTo)(
+    (0, import_editor_v1_adapters11.commandStartEvent)("document/elements/reset-style"),
     (e) => resetStyles(e.args, resetElementStyles)
   );
 }
@@ -1363,6 +1373,7 @@ function init() {
 0 && (module.exports = {
   createPropsResolver,
   createTransformer,
+  createTransformersRegistry,
   init,
   settingsTransformersRegistry,
   styleTransformersRegistry