@elementor/editor-canvas 0.22.1 → 0.22.3

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @elementor/editor-canvas@0.22.1 build
+> @elementor/editor-canvas@0.22.3 build
 > tsup --config=../../tsup.build.ts
 
 CLI Building entry: src/index.ts
@@ -10,13 +10,13 @@
 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 276ms
-ESM dist/index.mjs     43.25 KB
-ESM dist/index.mjs.map 92.12 KB
-ESM ⚡️ Build success in 276ms
+ESM dist/index.mjs     43.75 KB
+ESM dist/index.mjs.map 92.91 KB
+ESM ⚡️ Build success in 216ms
+CJS dist/index.js     47.09 KB
+CJS dist/index.js.map 93.13 KB
+CJS ⚡️ Build success in 219ms
 DTS Build start
-DTS ⚡️ Build success in 20261ms
-DTS dist/index.d.mts 2.23 KB
-DTS dist/index.d.ts  2.23 KB
+DTS ⚡️ Build success in 20669ms
+DTS dist/index.d.mts 2.42 KB
+DTS dist/index.d.ts  2.42 KB

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @elementor/editor-canvas
 
+## 0.22.3
+
+### Patch Changes
+
+- 56b4348: Always fallback to default values in the background overlay related css attributes
+
+## 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

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,12 +692,16 @@ 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) {
       return null;
     }
     const normalizedValues = normalizeOverlayValues(value);
+    if (normalizedValues.length === 0) {
+      return null;
+    }
     const images = getValuesString(normalizedValues, "src", "none", true);
     const repeats = getValuesString(normalizedValues, "repeat", "repeat");
     const attachments = getValuesString(normalizedValues, "attachment", "scroll");
@@ -709,7 +717,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,11 +730,16 @@ function normalizeOverlayValues(overlays) {
     }
     return item;
   });
+  if (!isVersion330Active) {
+    return mappedValues;
+  }
+  return mappedValues.filter((item) => item && !!item.src);
 }
 function getValuesString(items, prop, defaultValue, preventUnification = false) {
+  const isVersion330Active = (0, import_editor_v1_adapters5.isExperimentActive)("e_v_3_30");
   const isEmpty = items.filter((item) => item?.[prop]).length === 0;
   if (isEmpty) {
-    return null;
+    return isVersion330Active ? defaultValue : null;
   }
   const formattedValues = items.map((item) => item[prop] ?? defaultValue);
   if (!preventUnification) {
@@ -812,7 +826,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 +1029,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 +1046,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 +1127,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 +1178,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 +1253,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 +1282,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 +1333,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 +1377,7 @@ function init() {
 0 && (module.exports = {
   createPropsResolver,
   createTransformer,
+  createTransformersRegistry,
   init,
   settingsTransformersRegistry,
   styleTransformersRegistry