@elementor/editor-editing-panel 4.0.0-591 → 4.0.0-597

package/dist/index.mjs

@@ -808,15 +808,26 @@ function useClasses() {
 }
 
 // src/components/css-classes/css-class-menu.tsx
-var STATES = [
+var DEFAULT_PSEUDO_STATES = [
   { key: "normal", value: null, label: __3("normal", "elementor") },
   { key: "hover", value: "hover", label: __3("hover", "elementor") },
   { key: "focus", value: "focus", label: __3("focus", "elementor") },
   { key: "active", value: "active", label: __3("active", "elementor") }
 ];
+function usePseudoStates() {
+  const { elementType } = useElement();
+  const { pseudoStates = [] } = elementType;
+  const additionalStates = pseudoStates.map(({ name, value }) => ({
+    key: value,
+    value,
+    label: name
+  }));
+  return [...DEFAULT_PSEUDO_STATES, ...additionalStates];
+}
 function CssClassMenu({ popupState, anchorEl, fixed }) {
   const { provider } = useCssClass();
   const isLocalStyle2 = provider ? isElementsStylesProvider3(provider) : true;
+  const pseudoStates = usePseudoStates();
   const handleKeyDown = (e) => {
     e.stopPropagation();
   };
@@ -840,7 +851,7 @@ function CssClassMenu({ popupState, anchorEl, fixed }) {
     isLocalStyle2 && /* @__PURE__ */ React8.createElement(LocalClassSubMenu, { popupState }),
     getMenuItemsByProvider({ provider, closeMenu: popupState.close, fixed }),
     /* @__PURE__ */ React8.createElement(MenuSubheader2, { sx: { typography: "caption", color: "text.secondary", pb: 0.5, pt: 1 } }, __3("States", "elementor")),
-    STATES.map((state) => {
+    pseudoStates.map((state) => {
       return /* @__PURE__ */ React8.createElement(
         StateMenuItem,
         {
@@ -5940,6 +5951,7 @@ var init2 = () => {
   });
   registerPopoverAction({
     id: "dynamic-tags",
+    priority: 20,
     useProps: usePropDynamicAction
   });
   styleTransformersRegistry2.register("dynamic", dynamicTransformer);
@@ -6001,6 +6013,7 @@ var { registerAction } = controlActionsMenu3;
 function initResetStyleProps() {
   registerAction({
     id: "reset-style-value",
+    priority: 10,
     useProps: useResetStyleValueProps
   });
 }