@elementor/editor-editing-panel 3.35.0-371 → 3.35.0-372

package/dist/index.mjs

@@ -3693,7 +3693,7 @@ import {
   SizeControl as SizeControl3,
   useBoundProp as useBoundProp3
 } from "@elementor/editor-controls";
-import { flexPropTypeUtil, numberPropTypeUtil as numberPropTypeUtil2 } from "@elementor/editor-props";
+import { flexPropTypeUtil, numberPropTypeUtil as numberPropTypeUtil2, sizePropTypeUtil as sizePropTypeUtil2 } from "@elementor/editor-props";
 import { ExpandIcon, PencilIcon as PencilIcon2, ShrinkIcon } from "@elementor/icons";
 import { __ as __24 } from "@wordpress/i18n";
 var FLEX_SIZE_LABEL = __24("Flex Size", "elementor");
@@ -3774,15 +3774,15 @@ var createFlexValueForGroup = (group, flexValue) => {
   if (group === "flex-grow") {
     return flexPropTypeUtil.create({
       flexGrow: numberPropTypeUtil2.create(DEFAULT),
-      flexShrink: null,
-      flexBasis: null
+      flexShrink: numberPropTypeUtil2.create(0),
+      flexBasis: sizePropTypeUtil2.create({ unit: "auto", size: "" })
     });
   }
   if (group === "flex-shrink") {
     return flexPropTypeUtil.create({
-      flexGrow: null,
+      flexGrow: numberPropTypeUtil2.create(0),
       flexShrink: numberPropTypeUtil2.create(DEFAULT),
-      flexBasis: null
+      flexBasis: sizePropTypeUtil2.create({ unit: "auto", size: "" })
     });
   }
   if (group === "custom") {
@@ -3810,13 +3810,14 @@ var getActiveGroup = ({
   if (null === grow && null === shrink && !basis) {
     return null;
   }
-  if (shrink && grow || basis) {
+  const isAutoBasis = basis === null || typeof basis === "object" && basis.unit === "auto";
+  if (basis && !isAutoBasis) {
     return "custom";
   }
-  if (grow === DEFAULT) {
+  if (grow === DEFAULT && (shrink === null || shrink === 0) && isAutoBasis) {
     return "flex-grow";
   }
-  if (shrink === DEFAULT) {
+  if (shrink === DEFAULT && (grow === null || grow === 0) && isAutoBasis) {
     return "flex-shrink";
   }
   return "custom";