@elementor/editor-editing-panel 3.35.0-337 → 3.35.0-339

package/dist/index.js

@@ -2312,7 +2312,10 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
     elementType: { propsSchema, dependenciesPerTargetMapping = {} }
   } = useElement();
   const elementSettingValues = (0, import_editor_elements7.useElementSettings)(elementId, Object.keys(propsSchema));
-  const value = { [bind]: elementSettingValues?.[bind] ?? null };
+  const migratedValues = (0, import_react20.useMemo)(() => {
+    return migratePropValues(elementSettingValues, propsSchema);
+  }, [elementSettingValues, propsSchema]);
+  const value = { [bind]: migratedValues?.[bind] ?? null };
   const propType = createTopLevelObjectType({ schema: propsSchema });
   const undoableUpdateElementProp = useUndoableUpdateElementProp({
     elementId,
@@ -2320,10 +2323,10 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
   });
   const setValue = (newValue) => {
     const dependents = extractOrderedDependencies(dependenciesPerTargetMapping);
-    const settings = getUpdatedValues(newValue, dependents, propsSchema, elementSettingValues, elementId);
+    const settings = getUpdatedValues(newValue, dependents, propsSchema, migratedValues, elementId);
     undoableUpdateElementProp(settings);
   };
-  const isDisabled = (prop) => !(0, import_editor_props6.isDependencyMet)(prop?.dependencies, elementSettingValues).isMet;
+  const isDisabled = (prop) => !(0, import_editor_props6.isDependencyMet)(prop?.dependencies, migratedValues).isMet;
   return /* @__PURE__ */ React22.createElement(import_editor_controls4.PropProvider, { propType, value, setValue, isDisabled }, /* @__PURE__ */ React22.createElement(import_editor_controls4.PropKeyProvider, { bind }, children));
 };
 function useUndoableUpdateElementProp({
@@ -2352,6 +2355,25 @@ function useUndoableUpdateElementProp({
     );
   }, [elementId, propDisplayName]);
 }
+function migratePropValues(values, schema) {
+  if (!values) {
+    return values;
+  }
+  const migrated = {};
+  for (const [key, value] of Object.entries(values)) {
+    if (value === null || value === void 0) {
+      migrated[key] = value;
+      continue;
+    }
+    const propType = schema[key];
+    if (!propType) {
+      migrated[key] = value;
+      continue;
+    }
+    migrated[key] = (0, import_editor_props6.migratePropValue)(value, propType);
+  }
+  return migrated;
+}
 
 // src/field-indicators-registry.ts
 var indicatorsRegistry = {
@@ -3116,17 +3138,7 @@ var blendModeOptions = [
   { label: (0, import_i18n14.__)("Hard light", "elementor"), value: "hard-light" }
 ];
 var BlendModeField = () => {
-  return /* @__PURE__ */ React38.createElement(StylesField, { bind: "mix-blend-mode", propDisplayName: BLEND_MODE_LABEL }, /* @__PURE__ */ React38.createElement(StylesFieldLayout, { label: BLEND_MODE_LABEL }, /* @__PURE__ */ React38.createElement(
-    import_editor_controls14.SelectControl,
-    {
-      options: blendModeOptions,
-      MenuProps: {
-        sx: {
-          maxHeight: "256px"
-        }
-      }
-    }
-  )));
+  return /* @__PURE__ */ React38.createElement(StylesField, { bind: "mix-blend-mode", propDisplayName: BLEND_MODE_LABEL }, /* @__PURE__ */ React38.createElement(StylesFieldLayout, { label: BLEND_MODE_LABEL }, /* @__PURE__ */ React38.createElement(import_editor_controls14.SelectControl, { options: blendModeOptions })));
 };
 
 // src/components/style-sections/effects-section/opacity-control-field.tsx