@elementor/editor-editing-panel 3.33.0-149 → 3.33.0-151

package/dist/index.mjs

@@ -1809,6 +1809,7 @@ import * as React17 from "react";
 
 // src/controls-registry/controls-registry.tsx
 import {
+  HtmlTagControl,
   ImageControl,
   KeyValueControl,
   LinkControl,
@@ -1847,7 +1848,8 @@ var controlTypes = {
   switch: { component: SwitchControl, layout: "two-columns", propTypeUtil: booleanPropTypeUtil },
   number: { component: NumberControl, layout: "two-columns", propTypeUtil: numberPropTypeUtil },
   repeatable: { component: RepeatableControl, layout: "full", propTypeUtil: void 0 },
-  "key-value": { component: KeyValueControl, layout: "full", propTypeUtil: keyValuePropTypeUtil }
+  "key-value": { component: KeyValueControl, layout: "full", propTypeUtil: keyValuePropTypeUtil },
+  "html-tag": { component: HtmlTagControl, layout: "two-columns", propTypeUtil: stringPropTypeUtil2 }
 };
 var ControlsRegistry = class {
   constructor(controlsRegistry2 = controlTypes) {
@@ -1937,6 +1939,7 @@ import {
   extractValue,
   isDependencyMet
 } from "@elementor/editor-props";
+import { getSessionStorageItem as getSessionStorageItem2, removeSessionStorageItem, setSessionStorageItem as setSessionStorageItem2 } from "@elementor/session";
 function extractOrderedDependencies(bind, propsSchema, elementValues, dependenciesPerTargetMapping) {
   const prop = getPropType(propsSchema, elementValues, bind.split("."));
   if (!prop) {
@@ -1971,7 +1974,7 @@ function extractPropOrderedDependencies(bind, dependenciesPerTargetMapping) {
     []
   );
 }
-function updateValues(values, dependencies, propsSchema, elementValues) {
+function getUpdatedValues(values, dependencies, propsSchema, elementValues, elementId) {
   if (!dependencies.length) {
     return values;
   }
@@ -1983,10 +1986,29 @@ function updateValues(values, dependencies, propsSchema, elementValues) {
       if (!propType) {
         return newValues;
       }
-      if (!isDependencyMet(propType?.dependencies, combinedValues)) {
+      const testDependencies = {
+        previousValues: isDependencyMet(propType.dependencies, elementValues),
+        newValues: isDependencyMet(propType.dependencies, combinedValues)
+      };
+      if (!testDependencies.newValues.isMet) {
+        const newValue = handleUnmetCondition({
+          failingDependencies: testDependencies.newValues.failingDependencies,
+          dependency,
+          elementValues: combinedValues,
+          defaultValue: propType.default,
+          elementId
+        });
+        return {
+          ...newValues,
+          ...updateValue(path, newValue, combinedValues)
+        };
+      }
+      if (!testDependencies.previousValues.isMet) {
+        const savedValue = retrievePreviousValueFromStorage({ path: dependency, elementId });
+        removePreviousValueFromStorage({ path: dependency, elementId });
         return {
           ...newValues,
-          ...updateValue(path, null, combinedValues)
+          ...updateValue(path, savedValue ?? propType.default, combinedValues)
         };
       }
       return newValues;
@@ -2003,11 +2025,19 @@ function getPropType(schema, elementValues, path) {
   if (!baseProp) {
     return null;
   }
-  return keys.reduce((prop, key, index) => {
-    if (!prop?.kind) {
-      return null;
-    }
-    if ("union" === prop.kind) {
+  return keys.reduce(
+    (prop, key, index) => evaluatePropType({ prop, key, index, path, elementValues, basePropKey }),
+    baseProp
+  );
+}
+function evaluatePropType(props) {
+  const { prop } = props;
+  if (!prop?.kind) {
+    return null;
+  }
+  const { key, index, path, elementValues, basePropKey } = props;
+  switch (prop.kind) {
+    case "union":
       const value = extractValue(path.slice(0, index + 1), elementValues);
       const type = value?.$$type ?? null;
       return getPropType(
@@ -2015,15 +2045,12 @@ function getPropType(schema, elementValues, path) {
         elementValues,
         path.slice(0, index + 2)
       );
-    }
-    if ("array" === prop.kind) {
+    case "array":
       return prop.item_prop_type;
-    }
-    if ("object" === prop.kind) {
+    case "object":
       return prop.shape[key];
-    }
-    return prop[key];
-  }, baseProp);
+  }
+  return prop[key];
 }
 function updateValue(path, value, values) {
   const topPropKey = path[0];
@@ -2033,13 +2060,43 @@ function updateValue(path, value, values) {
       return null;
     }
     if (index === path.length - 1) {
-      carry[key] = value !== null ? { ...carry[key] ?? {}, value } : null;
+      carry[key] = value ?? null;
       return carry[key]?.value ?? carry.value;
     }
     return carry[key]?.value ?? carry.value;
   }, newValue);
   return { [topPropKey]: newValue[topPropKey] ?? null };
 }
+function handleUnmetCondition(props) {
+  const { failingDependencies, dependency, elementValues, defaultValue, elementId } = props;
+  const newValue = failingDependencies.find((term) => term.newValue)?.newValue ?? null;
+  const currentValue = extractValue(dependency.split("."), elementValues) ?? defaultValue;
+  savePreviousValueToStorage({
+    path: dependency,
+    elementId,
+    value: currentValue
+  });
+  return newValue;
+}
+function savePreviousValueToStorage({ path, elementId, value }) {
+  const prefix = `elementor/${elementId}`;
+  const savedValue = retrievePreviousValueFromStorage({ path, elementId });
+  if (savedValue) {
+    return;
+  }
+  const key = `${prefix}:${path}`;
+  setSessionStorageItem2(key, value);
+}
+function retrievePreviousValueFromStorage({ path, elementId }) {
+  const prefix = `elementor/${elementId}`;
+  const key = `${prefix}:${path}`;
+  return getSessionStorageItem2(key) ?? null;
+}
+function removePreviousValueFromStorage({ path, elementId }) {
+  const prefix = `elementor/${elementId}`;
+  const key = `${prefix}:${path}`;
+  removeSessionStorageItem(key);
+}
 
 // src/controls-registry/create-top-level-object-type.ts
 var createTopLevelObjectType = ({ schema }) => {
@@ -2075,10 +2132,10 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
       elementSettingValues,
       dependenciesPerTargetMapping
     );
-    const settings = updateValues(newValue, dependents, propsSchema, elementSettingValues);
+    const settings = getUpdatedValues(newValue, dependents, propsSchema, elementSettingValues, elementId);
     undoableUpdateElementProp(settings);
   };
-  const isDisabled = (prop) => !isDependencyMet2(prop?.dependencies, elementSettingValues);
+  const isDisabled = (prop) => !isDependencyMet2(prop?.dependencies, elementSettingValues).isMet;
   return /* @__PURE__ */ React19.createElement(PropProvider, { propType, value, setValue, isDisabled }, /* @__PURE__ */ React19.createElement(PropKeyProvider, { bind }, children));
 };
 function useUndoableUpdateElementProp({
@@ -3021,7 +3078,7 @@ var ConditionalField = ({ children }) => {
   const { propType } = useBoundProp2();
   const depList = getDependencies(propType);
   const { values: depValues } = useStylesFields(depList);
-  const isHidden = !isDependencyMet3(propType?.dependencies, depValues);
+  const isHidden = !isDependencyMet3(propType?.dependencies, depValues).isMet;
   return isHidden ? null : children;
 };
 function getDependencies(propType) {