@elementor/editor-components 3.35.0-357 → 3.35.0-358

package/dist/index.mjs

@@ -2,7 +2,7 @@
 import { injectIntoLogic, injectIntoTop } from "@elementor/editor";
 import {
   registerElementType,
-  settingsTransformersRegistry
+  settingsTransformersRegistry as settingsTransformersRegistry2
 } from "@elementor/editor-canvas";
 import { getV1CurrentDocument } from "@elementor/editor-documents";
 import {
@@ -19,7 +19,7 @@ import { __registerSlice as registerSlice } from "@elementor/store";
 import { __ as __17 } from "@wordpress/i18n";
 
 // src/component-instance-transformer.ts
-import { createTransformer } from "@elementor/editor-canvas";
+import { createTransformer, RenderContext } from "@elementor/editor-canvas";
 import { __getState as getState } from "@elementor/store";
 
 // src/store/store.ts
@@ -242,25 +242,73 @@ var invalidateComponentDocumentData = (id) => {
 };
 
 // src/component-instance-transformer.ts
+var componentInstanceContext = new RenderContext("component-instance", {
+  overrides: {}
+});
 var componentInstanceTransformer = createTransformer(
-  async ({ component_id: id }) => {
+  async ({
+    component_id: id,
+    overrides: overridesValue
+  }) => {
     const unpublishedComponents = selectUnpublishedComponents(getState());
     const unpublishedComponent = unpublishedComponents.find(({ uid }) => uid === id);
+    const overrides = overridesValue?.reduce((acc, override) => ({ ...acc, ...override }), {});
     if (unpublishedComponent) {
-      return structuredClone(unpublishedComponent.elements);
+      return {
+        elements: structuredClone(unpublishedComponent.elements),
+        overrides
+      };
     }
     if (typeof id !== "number") {
-      throw new Error(`Component ID "${id}" not found.`);
+      throw new Error(`Component ID "${id}" not valid.`);
     }
     const data = await getComponentDocumentData(id);
-    return data?.elements ?? [];
+    return {
+      elements: data?.elements ?? [],
+      overrides
+    };
   }
 );
 
 // src/component-overridable-transformer.ts
-import { createTransformer as createTransformer2 } from "@elementor/editor-canvas";
-var componentOverridableTransformer = createTransformer2((value) => {
-  return value.origin_value;
+import { createTransformer as createTransformer2, settingsTransformersRegistry } from "@elementor/editor-canvas";
+var componentOverridableTransformer = createTransformer2(
+  (value, options) => {
+    const { overrides } = componentInstanceContext.get();
+    const overrideValue = overrides?.[value.override_key];
+    if (overrideValue) {
+      const isOverride = isOriginValueOverride(value.origin_value);
+      if (isOverride) {
+        return transformOverride(value, options, overrideValue);
+      }
+      return overrideValue;
+    }
+    return value.origin_value;
+  }
+);
+function transformOverride(value, options, overrideValue) {
+  const transformer = settingsTransformersRegistry.get("override");
+  if (!transformer) {
+    return null;
+  }
+  const transformedValue = transformer(value.origin_value.value, options);
+  if (!transformedValue) {
+    return null;
+  }
+  const [key] = Object.keys(transformedValue);
+  return {
+    [key]: overrideValue
+  };
+}
+function isOriginValueOverride(originValue) {
+  return originValue.$$type === "override";
+}
+
+// src/component-override-transformer.ts
+import { createTransformer as createTransformer3 } from "@elementor/editor-canvas";
+var componentOverrideTransformer = createTransformer3((override) => {
+  const { override_key: key, override_value: overrideValue } = override;
+  return { [key]: overrideValue };
 });
 
 // src/components/component-panel-header/component-panel-header.tsx
@@ -572,9 +620,10 @@ function createComponentView(options) {
       return currentDocument?.id === this.getComponentId();
     }
     afterSettingsResolve(settings) {
-      if (settings.component_instance) {
+      const componentInstance = settings.component_instance;
+      if (componentInstance) {
         this.collection = this.legacyWindow.elementor.createBackboneElementsCollection(
-          settings.component_instance
+          componentInstance.elements
         );
         this.collection.models.forEach(setInactiveRecursively);
         settings.component_instance = "<template data-children-placeholder></template>";
@@ -2863,8 +2912,9 @@ function init() {
     condition: (_, elementType) => elementType.key === "e-component",
     component: InstanceEditingPanel
   });
-  settingsTransformersRegistry.register("component-instance", componentInstanceTransformer);
-  settingsTransformersRegistry.register("overridable", componentOverridableTransformer);
+  settingsTransformersRegistry2.register("component-instance", componentInstanceTransformer);
+  settingsTransformersRegistry2.register("overridable", componentOverridableTransformer);
+  settingsTransformersRegistry2.register("override", componentOverrideTransformer);
   initMcp();
 }
 export {