@elementor/editor-editing-panel 3.35.0-358 → 3.35.0-360

package/dist/index.mjs

@@ -1060,7 +1060,7 @@ function CssClassItem(props) {
   const allowRename = Boolean(providerActions?.update) && userCan(provider ?? "")?.update;
   const isShowingState = isActive && meta.state;
   const stateLabel = useMemo3(() => {
-    if (isClassState(meta.state)) {
+    if (meta.state && isClassState(meta.state)) {
       return elementStates.find((state) => state.value === meta.state)?.label;
     }
     return meta.state;
@@ -6085,6 +6085,7 @@ import { __ as __66 } from "@wordpress/i18n";
 
 // src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx
 import { isValidElement, useEffect as useEffect7, useState as useState12 } from "react";
+import { UnknownStyleStateError } from "@elementor/editor-canvas";
 import {
   isClassState as isClassState2,
   isPseudoState
@@ -6116,7 +6117,7 @@ var normalizeInheritanceItem = async (item, index, bind, resolve) => {
     },
     style: { label, id }
   } = item;
-  const displayLabel = getLabel({ label, state });
+  const displayLabel = getDisplayLabel({ label, state });
   return {
     id: id ? id + (state ?? "") : index,
     provider: item.provider || "",
@@ -6125,14 +6126,17 @@ var normalizeInheritanceItem = async (item, index, bind, resolve) => {
     value: await getTransformedValue(item, bind, resolve)
   };
 };
-function getLabel({ label, state }) {
+function getDisplayLabel({ label, state }) {
+  if (!state) {
+    return label;
+  }
   if (isClassState2(state)) {
     return `${label}.${state}`;
   }
   if (isPseudoState(state)) {
     return `${label}:${state}`;
   }
-  return label;
+  throw new UnknownStyleStateError({ context: { state } });
 }
 var getTransformedValue = async (item, bind, resolve) => {
   try {
@@ -6446,7 +6450,7 @@ var Indicator = ({ inheritanceChain, path, propType, isDisabled }) => {
     return null;
   }
   const isFinalValue = currentItem === actualStyle;
-  const label = getLabel2({ isFinalValue, hasValue });
+  const label = getLabel({ isFinalValue, hasValue });
   const styleIndicatorProps = {
     getColor: isFinalValue && currentStyleProvider ? getStylesProviderThemeColor(currentStyleProvider.getKey()) : void 0,
     isOverridden: hasValue && !isFinalValue ? true : void 0
@@ -6463,7 +6467,7 @@ var Indicator = ({ inheritanceChain, path, propType, isDisabled }) => {
     /* @__PURE__ */ React98.createElement(StyleIndicator, { ...styleIndicatorProps })
   );
 };
-var getLabel2 = ({ isFinalValue, hasValue }) => {
+var getLabel = ({ isFinalValue, hasValue }) => {
   if (isFinalValue) {
     return __67("This is the final value", "elementor");
   }