@elementor/editor-controls 4.1.0-791 → 4.1.0-793

package/dist/index.js

@@ -1279,7 +1279,7 @@ var SizeControl = createControl(
     const actualUnits = resolveUnits(propType, enablePropTypeUnits, variant, units2, actualExtendedOptions);
     const popupState = (0, import_ui14.usePopupState)({ variant: "popover" });
     const memorizedExternalState = (0, import_react14.useMemo)(
-      () => sizeValue ? createStateFromSizeProp(sizeValue, actualDefaultUnit) : null,
+      () => createStateFromSizeProp(sizeValue, actualDefaultUnit),
       [sizeValue, actualDefaultUnit]
     );
     const [state, setState] = useSyncExternalState({
@@ -1293,12 +1293,6 @@ var SizeControl = createControl(
       })
     });
     const { size: controlSize = DEFAULT_SIZE, unit: controlUnit = actualDefaultUnit } = extractValueFromState(state, true) || {};
-    const handleBlur = () => {
-      if (!extractValueFromState(state)) {
-        setState((prev) => ({ ...prev, unit: actualDefaultUnit }));
-      }
-      restoreValue();
-    };
     const handleUnitChange = (newUnit) => {
       if (newUnit === "custom") {
         popupState.open(anchorRef?.current);
@@ -1346,7 +1340,7 @@ var SizeControl = createControl(
         startIcon,
         handleSizeChange,
         handleUnitChange,
-        onBlur: handleBlur,
+        onBlur: restoreValue,
         onClick: onInputClick,
         popupState,
         min,
@@ -3759,7 +3753,7 @@ var LinkedDimensionsControl = ({ label, isSiteRtl = false, min }) => {
   const linkedLabel = (0, import_i18n20.__)("Link %s", "elementor").replace("%s", tooltipLabel);
   const unlinkedLabel = (0, import_i18n20.__)("Unlink %s", "elementor").replace("%s", tooltipLabel);
   const disabled = sizeDisabled || dimensionsDisabled;
-  const effectiveDimensionsPlaceholder = dimensionsPlaceholder ?? (import_editor_props22.sizePropTypeUtil.extract(masterPlaceholder) ? {
+  const effectiveDimensionsPlaceholder = dimensionsPlaceholder ?? (!isLinked ? {
     "block-start": masterPlaceholder,
     "block-end": masterPlaceholder,
     "inline-start": masterPlaceholder,
@@ -4759,7 +4753,7 @@ var GapControl = ({ label }) => {
   const disabled = sizeDisabled || directionDisabled;
   const propProviderProps = {
     propType,
-    value: directionValue,
+    value: directionValue ?? (!isLinked ? { row: masterPlaceholder, column: masterPlaceholder } : null),
     setValue: (directions) => {
       const entries = Object.entries(directions);
       const filtered = entries.filter(([, value]) => Boolean(value));