@elementor/editor-editing-panel 4.2.0-914 → 4.2.0-916

package/dist/index.mjs

@@ -602,6 +602,7 @@ function CssClassProvider({ children, ...contextValue }) {
 
 // src/components/css-classes/css-class-menu.tsx
 import * as React10 from "react";
+import { isEmpty } from "@elementor/editor-props";
 import {
   isElementsStylesProvider as isElementsStylesProvider3,
   stylesRepository as stylesRepository5,
@@ -1010,7 +1011,9 @@ function useModifiedStates(styleId) {
   const { meta } = useStyle();
   const styleDef = stylesRepository5.all().find((style) => style.id === styleId);
   return Object.fromEntries(
-    styleDef?.variants.filter((variant) => meta.breakpoint === variant.meta.breakpoint).map((variant) => [variant.meta.state ?? "normal", true]) ?? []
+    styleDef?.variants.filter(
+      (variant) => meta.breakpoint === variant.meta.breakpoint && (!isEmpty(variant.props) || Boolean(variant.custom_css?.raw?.trim()))
+    ).map((variant) => [variant.meta.state ?? "normal", true]) ?? []
   );
 }
 function getMenuItemsByProvider({
@@ -2720,7 +2723,7 @@ import { stylesRepository as stylesRepository8 } from "@elementor/editor-styles-
 
 // src/styles-inheritance/create-styles-inheritance.ts
 import {
-  isEmpty,
+  isEmpty as isEmpty2,
   isTransformable as isTransformable2
 } from "@elementor/editor-props";
 
@@ -2873,7 +2876,7 @@ function createStylesInheritance(styleDefs, breakpointsRoot) {
         inheritanceChain = inheritanceChain.map(({ value: styleValue, ...rest }) => ({
           ...rest,
           value: getValueByPath(styleValue, nextFields, filterPropType)
-        })).filter(({ value: styleValue }) => !isEmpty(styleValue));
+        })).filter(({ value: styleValue }) => !isEmpty2(styleValue));
       }
       return inheritanceChain;
     }
@@ -6959,7 +6962,7 @@ function useResetStyleValueProps() {
 // src/styles-inheritance/components/styles-inheritance-indicator.tsx
 import * as React104 from "react";
 import { useBoundProp as useBoundProp14 } from "@elementor/editor-controls";
-import { isEmpty as isEmpty2 } from "@elementor/editor-props";
+import { isEmpty as isEmpty3 } from "@elementor/editor-props";
 import { ELEMENTS_BASE_STYLES_PROVIDER_KEY as ELEMENTS_BASE_STYLES_PROVIDER_KEY4 } from "@elementor/editor-styles-repository";
 import { __ as __75 } from "@wordpress/i18n";
 
@@ -7335,7 +7338,7 @@ var StylesInheritanceIndicator = ({
 var Indicator = ({ inheritanceChain, path, propType, isDisabled }) => {
   const { id: currentStyleId, provider: currentStyleProvider, meta: currentStyleMeta } = useStyle();
   const currentItem = currentStyleId ? getValueFromInheritanceChain(inheritanceChain, currentStyleId, currentStyleMeta) : null;
-  const hasValue = !isEmpty2(currentItem?.value);
+  const hasValue = !isEmpty3(currentItem?.value);
   const [actualStyle] = inheritanceChain;
   if (actualStyle.provider === ELEMENTS_BASE_STYLES_PROVIDER_KEY4) {
     return null;