@elementor/editor-components 4.0.0-604 → 4.0.0-606

package/dist/index.js

@@ -42,7 +42,7 @@ var import_editor_editing_panel8 = require("@elementor/editor-editing-panel");
 var import_editor_elements_panel = require("@elementor/editor-elements-panel");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
 var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
-var import_store85 = require("@elementor/store");
+var import_store86 = require("@elementor/store");
 var import_i18n31 = require("@wordpress/i18n");
 
 // src/component-instance-transformer.ts
@@ -1535,18 +1535,16 @@ var EditModeDialog = ({ lockedBy }) => {
 var React16 = __toESM(require("react"));
 var import_editor_controls3 = require("@elementor/editor-controls");
 var import_editor_editing_panel3 = require("@elementor/editor-editing-panel");
-var import_editor_elements10 = require("@elementor/editor-elements");
+var import_editor_elements9 = require("@elementor/editor-elements");
 var import_editor_panels = require("@elementor/editor-panels");
 var import_editor_ui7 = require("@elementor/editor-ui");
 var import_icons6 = require("@elementor/icons");
 var import_ui11 = require("@elementor/ui");
-var import_i18n12 = require("@wordpress/i18n");
-
-// src/extended/store/actions/delete-overridable-prop.ts
-var import_store21 = require("@elementor/store");
+var import_i18n11 = require("@wordpress/i18n");
 
-// src/extended/utils/revert-overridable-settings.ts
-var import_editor_elements5 = require("@elementor/editor-elements");
+// src/prop-types/component-instance-overrides-prop-type.ts
+var import_editor_props3 = require("@elementor/editor-props");
+var import_schema4 = require("@elementor/schema");
 
 // src/prop-types/component-instance-override-prop-type.ts
 var import_editor_props = require("@elementor/editor-props");
@@ -1563,10 +1561,6 @@ var componentInstanceOverridePropTypeUtil = (0, import_editor_props.createPropUt
   })
 );
 
-// src/prop-types/component-instance-overrides-prop-type.ts
-var import_editor_props3 = require("@elementor/editor-props");
-var import_schema4 = require("@elementor/schema");
-
 // src/prop-types/component-overridable-prop-type.ts
 var import_editor_props2 = require("@elementor/editor-props");
 var import_schema3 = require("@elementor/schema");
@@ -1598,343 +1592,13 @@ var componentInstancePropTypeUtil = (0, import_editor_props4.createPropUtils)(
   })
 );
 
-// src/extended/utils/revert-overridable-settings.ts
-function revertElementOverridableSetting(elementId, settingKey, originValue, overrideKey) {
-  const container = (0, import_editor_elements5.getContainer)(elementId);
-  if (!container) {
-    return;
-  }
-  if (isComponentInstance(container.model.toJSON())) {
-    revertComponentInstanceOverridableSetting(elementId, overrideKey);
-    return;
-  }
-  (0, import_editor_elements5.updateElementSettings)({
-    id: elementId,
-    props: { [settingKey]: originValue ?? null },
-    withHistory: false
-  });
-}
-function revertComponentInstanceOverridableSetting(elementId, overrideKey) {
-  const setting = (0, import_editor_elements5.getElementSetting)(elementId, "component_instance");
-  const componentInstance = componentInstancePropTypeUtil.extract(setting);
-  const overrides = componentInstanceOverridesPropTypeUtil.extract(componentInstance?.overrides);
-  if (!overrides?.length) {
-    return;
-  }
-  const revertedOverrides = revertComponentInstanceOverrides(overrides, overrideKey);
-  const updatedSetting = componentInstancePropTypeUtil.create({
-    ...componentInstance,
-    overrides: componentInstanceOverridesPropTypeUtil.create(revertedOverrides)
-  });
-  (0, import_editor_elements5.updateElementSettings)({
-    id: elementId,
-    props: { component_instance: updatedSetting },
-    withHistory: false
-  });
-}
-function revertComponentInstanceOverrides(overrides, filterByKey) {
-  return overrides.map((item) => {
-    if (!componentOverridablePropTypeUtil.isValid(item)) {
-      return item;
-    }
-    if (!componentInstanceOverridePropTypeUtil.isValid(item.value.origin_value)) {
-      return null;
-    }
-    if (filterByKey && item.value.override_key !== filterByKey) {
-      return item;
-    }
-    return item.value.origin_value;
-  }).filter((item) => item !== null);
-}
-function revertOverridablePropsFromSettings(settings) {
-  let hasChanges = false;
-  const revertedSettings = {};
-  for (const [key, value] of Object.entries(settings)) {
-    if (componentOverridablePropTypeUtil.isValid(value)) {
-      revertedSettings[key] = value.value.origin_value;
-      hasChanges = true;
-    } else {
-      revertedSettings[key] = value;
-    }
-  }
-  return { hasChanges, settings: revertedSettings };
-}
-function revertAllOverridablesInElementData(elementData) {
-  const revertedElement = { ...elementData };
-  if (isComponentInstance({ widgetType: elementData.widgetType, elType: elementData.elType })) {
-    revertedElement.settings = revertComponentInstanceSettings(elementData.settings);
-  } else if (revertedElement.settings) {
-    const { settings } = revertOverridablePropsFromSettings(revertedElement.settings);
-    revertedElement.settings = settings;
-  }
-  if (revertedElement.elements) {
-    revertedElement.elements = revertedElement.elements.map(revertAllOverridablesInElementData);
-  }
-  return revertedElement;
-}
-function revertComponentInstanceSettings(settings) {
-  if (!settings?.component_instance) {
-    return settings;
-  }
-  const componentInstance = componentInstancePropTypeUtil.extract(settings.component_instance);
-  const overrides = componentInstanceOverridesPropTypeUtil.extract(componentInstance?.overrides);
-  if (!overrides?.length) {
-    return settings;
-  }
-  const revertedOverrides = revertComponentInstanceOverrides(overrides);
-  return {
-    ...settings,
-    component_instance: componentInstancePropTypeUtil.create({
-      ...componentInstance,
-      overrides: componentInstanceOverridesPropTypeUtil.create(revertedOverrides)
-    })
-  };
-}
-function revertAllOverridablesInContainer(container) {
-  (0, import_editor_elements5.getAllDescendants)(container).forEach((element) => {
-    if (element.model.get("widgetType") === COMPONENT_WIDGET_TYPE) {
-      revertComponentInstanceOverridesInElement(element);
-    } else {
-      revertElementSettings(element);
-    }
-  });
-}
-function revertComponentInstanceOverridesInElement(element) {
-  const settings = element.settings?.toJSON() ?? {};
-  const componentInstance = componentInstancePropTypeUtil.extract(settings.component_instance);
-  const overrides = componentInstanceOverridesPropTypeUtil.extract(componentInstance?.overrides);
-  if (!overrides?.length) {
-    return;
-  }
-  const revertedOverrides = revertComponentInstanceOverrides(overrides);
-  const updatedSetting = componentInstancePropTypeUtil.create({
-    ...componentInstance,
-    overrides: componentInstanceOverridesPropTypeUtil.create(revertedOverrides)
-  });
-  (0, import_editor_elements5.updateElementSettings)({
-    id: element.id,
-    props: { component_instance: updatedSetting },
-    withHistory: false
-  });
-}
-function revertElementSettings(element) {
-  const settings = element.settings?.toJSON() ?? {};
-  const { hasChanges, settings: revertedSettings } = revertOverridablePropsFromSettings(settings);
-  if (!hasChanges) {
-    return;
-  }
-  (0, import_editor_elements5.updateElementSettings)({
-    id: element.id,
-    props: revertedSettings,
-    withHistory: false
-  });
-}
-
-// src/extended/store/utils/groups-transformers.ts
-var import_utils3 = require("@elementor/utils");
-var import_i18n10 = require("@wordpress/i18n");
-function removePropFromAllGroups(groups, propKey) {
-  const propKeys = Array.isArray(propKey) ? propKey : [propKey];
-  return {
-    ...groups,
-    items: Object.fromEntries(
-      Object.entries(groups.items).map(([groupId, group]) => [
-        groupId,
-        {
-          ...group,
-          props: group.props.filter((p) => !propKeys.includes(p))
-        }
-      ])
-    )
-  };
-}
-function addPropToGroup(groups, groupId, propKey) {
-  const group = groups.items[groupId];
-  if (!group) {
-    return groups;
-  }
-  if (group.props.includes(propKey)) {
-    return groups;
-  }
-  return {
-    ...groups,
-    items: {
-      ...groups.items,
-      [groupId]: {
-        ...group,
-        props: [...group.props, propKey]
-      }
-    }
-  };
-}
-function movePropBetweenGroups(groups, propKey, fromGroupId, toGroupId) {
-  if (fromGroupId === toGroupId) {
-    return groups;
-  }
-  const withoutProp = removePropFromGroup(groups, fromGroupId, propKey);
-  return addPropToGroup(withoutProp, toGroupId, propKey);
-}
-function removePropFromGroup(groups, groupId, propKey) {
-  const group = groups.items[groupId];
-  if (!group) {
-    return groups;
-  }
-  return {
-    ...groups,
-    items: {
-      ...groups.items,
-      [groupId]: {
-        ...group,
-        props: group.props.filter((p) => p !== propKey)
-      }
-    }
-  };
-}
-function resolveOrCreateGroup(groups, requestedGroupId) {
-  if (requestedGroupId && groups.items[requestedGroupId]) {
-    return { groups, groupId: requestedGroupId };
-  }
-  if (!requestedGroupId && groups.order.length > 0) {
-    return { groups, groupId: groups.order[0] };
-  }
-  return createGroup(groups, requestedGroupId);
-}
-function createGroup(groups, groupId, label) {
-  const newGroupId = groupId || (0, import_utils3.generateUniqueId)("group");
-  const newLabel = label || (0, import_i18n10.__)("Default", "elementor");
-  return {
-    groups: {
-      ...groups,
-      items: {
-        ...groups.items,
-        [newGroupId]: {
-          id: newGroupId,
-          label: newLabel,
-          props: []
-        }
-      },
-      order: [...groups.order, newGroupId]
-    },
-    groupId: newGroupId
-  };
-}
-function removePropsFromState(overridableProps, propsToRemove) {
-  const overrideKeysToRemove = propsToRemove.map((prop) => prop.overrideKey);
-  const remainingProps = Object.fromEntries(
-    Object.entries(overridableProps.props).filter(([, prop]) => !propsToRemove.includes(prop))
-  );
-  const updatedGroupItems = Object.fromEntries(
-    Object.entries(overridableProps.groups.items).map(
-      ([groupId, group]) => [
-        groupId,
-        {
-          ...group,
-          props: group.props.filter((prop) => !overrideKeysToRemove.includes(prop))
-        }
-      ]
-    )
-  );
-  return {
-    props: remainingProps,
-    groups: {
-      items: updatedGroupItems,
-      order: overridableProps.groups.order.filter((groupId) => !overrideKeysToRemove.includes(groupId))
-    }
-  };
-}
-function ensureGroupInOrder(groups, groupId) {
-  if (groups.order.includes(groupId)) {
-    return groups;
-  }
-  return {
-    ...groups,
-    order: [...groups.order, groupId]
-  };
-}
-function deleteGroup(groups, groupId) {
-  const { [groupId]: removed, ...remainingItems } = groups.items;
-  return {
-    items: remainingItems,
-    order: groups.order.filter((id2) => id2 !== groupId)
-  };
-}
-function renameGroup(groups, groupId, newLabel) {
-  const group = groups.items[groupId];
-  if (!group) {
-    return groups;
-  }
-  return {
-    ...groups,
-    items: {
-      ...groups.items,
-      [groupId]: {
-        ...group,
-        label: newLabel
-      }
-    }
-  };
-}
-
-// src/extended/store/actions/delete-overridable-prop.ts
-function deleteOverridableProp({ componentId, propKey, source }) {
-  const overridableProps = selectOverridableProps((0, import_store21.__getState)(), componentId);
-  if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
-    return;
-  }
-  const propKeysToDelete = Array.isArray(propKey) ? propKey : [propKey];
-  const deletedProps = [];
-  for (const key of propKeysToDelete) {
-    const prop = overridableProps.props[key];
-    if (!prop) {
-      continue;
-    }
-    deletedProps.push(prop);
-    revertElementOverridableSetting(prop.elementId, prop.propKey, prop.originValue, key);
-  }
-  if (deletedProps.length === 0) {
-    return;
-  }
-  const remainingProps = Object.fromEntries(
-    Object.entries(overridableProps.props).filter(([key]) => !propKeysToDelete.includes(key))
-  );
-  const updatedGroups = removePropFromAllGroups(overridableProps.groups, propKey);
-  (0, import_store21.__dispatch)(
-    slice.actions.setOverridableProps({
-      componentId,
-      overridableProps: {
-        ...overridableProps,
-        props: remainingProps,
-        groups: updatedGroups
-      }
-    })
-  );
-  const currentComponent = selectCurrentComponent((0, import_store21.__getState)());
-  for (const prop of deletedProps) {
-    trackComponentEvent({
-      action: "propertyRemoved",
-      source,
-      component_uid: currentComponent?.uid,
-      property_id: prop.overrideKey,
-      property_path: prop.propKey,
-      property_name: prop.label,
-      element_type: prop.widgetType ?? prop.elType
-    });
-  }
-}
-
-// src/extended/store/actions/update-component-sanitized-attribute.ts
-var import_store23 = require("@elementor/store");
-function updateComponentSanitizedAttribute(componentId, attribute) {
-  (0, import_store23.__dispatch)(slice.actions.updateComponentSanitizedAttribute({ componentId, attribute }));
-}
-
 // src/utils/get-container-by-origin-id.ts
-var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_elements5 = require("@elementor/editor-elements");
 function getContainerByOriginId(originElementId, instanceElementId) {
   if (!instanceElementId) {
-    return (0, import_editor_elements6.getContainer)(originElementId);
+    return (0, import_editor_elements5.getContainer)(originElementId);
   }
-  const instanceContainer = (0, import_editor_elements6.getContainer)(instanceElementId);
+  const instanceContainer = (0, import_editor_elements5.getContainer)(instanceElementId);
   if (!instanceContainer) {
     return null;
   }
@@ -1947,12 +1611,12 @@ function getContainerByOriginId(originElementId, instanceElementId) {
 }
 
 // src/utils/get-overridable-prop.ts
-var import_store25 = require("@elementor/store");
+var import_store21 = require("@elementor/store");
 function getOverridableProp({
   componentId,
   overrideKey
 }) {
-  const overridableProps = selectOverridableProps((0, import_store25.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store21.__getState)(), componentId);
   if (!overridableProps) {
     return void 0;
   }
@@ -2060,14 +1724,7 @@ function useSanitizeOverridableProps(componentId, instanceElementId) {
   if (isSanitized) {
     return overridableProps;
   }
-  const filteredOverridableProps = filterValidOverridableProps(overridableProps, instanceElementId);
-  const originalPropsArray = Object.entries(overridableProps.props ?? {});
-  const propsToDelete = originalPropsArray.filter(([key]) => !filteredOverridableProps.props[key]);
-  propsToDelete.forEach(([key]) => {
-    deleteOverridableProp({ componentId, propKey: key, source: "system" });
-  });
-  updateComponentSanitizedAttribute(componentId, "overridableProps");
-  return filteredOverridableProps;
+  return filterValidOverridableProps(overridableProps, instanceElementId);
 }
 
 // src/provider/component-instance-context.tsx
@@ -2085,13 +1742,13 @@ var useComponentOverridableProps = () => (0, import_react3.useContext)(Component
 var React11 = __toESM(require("react"));
 var import_icons5 = require("@elementor/icons");
 var import_ui7 = require("@elementor/ui");
-var import_i18n11 = require("@wordpress/i18n");
+var import_i18n10 = require("@wordpress/i18n");
 var EmptyState2 = ({ onEditComponent }) => {
   const { canEdit } = useComponentsPermissions();
-  const message = canEdit ? (0, import_i18n11.__)(
+  const message = canEdit ? (0, import_i18n10.__)(
     "Edit the component to add properties, manage them or update the design across all instances.",
     "elementor"
-  ) : (0, import_i18n11.__)(
+  ) : (0, import_i18n10.__)(
     "With your current role, you cannot edit this component. Contact an administrator to add properties.",
     "elementor"
   );
@@ -2106,9 +1763,9 @@ var EmptyState2 = ({ onEditComponent }) => {
       gap: 1.5
     },
     /* @__PURE__ */ React11.createElement(import_icons5.ComponentPropListIcon, { fontSize: "large" }),
-    /* @__PURE__ */ React11.createElement(import_ui7.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n11.__)("No properties yet", "elementor")),
+    /* @__PURE__ */ React11.createElement(import_ui7.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n10.__)("No properties yet", "elementor")),
     /* @__PURE__ */ React11.createElement(import_ui7.Typography, { align: "center", variant: "caption", maxWidth: "170px" }, message),
-    canEdit && /* @__PURE__ */ React11.createElement(import_ui7.Button, { variant: "outlined", color: "secondary", size: "small", sx: { mt: 1 }, onClick: onEditComponent }, /* @__PURE__ */ React11.createElement(import_icons5.PencilIcon, { fontSize: "small" }), (0, import_i18n11.__)("Edit component", "elementor"))
+    canEdit && /* @__PURE__ */ React11.createElement(import_ui7.Button, { variant: "outlined", color: "secondary", size: "small", sx: { mt: 1 }, onClick: onEditComponent }, /* @__PURE__ */ React11.createElement(import_icons5.PencilIcon, { fontSize: "small" }), (0, import_i18n10.__)("Edit component", "elementor"))
   );
 };
 
@@ -2123,13 +1780,13 @@ var import_ui10 = require("@elementor/ui");
 var React14 = __toESM(require("react"));
 var import_editor_controls2 = require("@elementor/editor-controls");
 var import_editor_editing_panel = require("@elementor/editor-editing-panel");
-var import_editor_elements9 = require("@elementor/editor-elements");
+var import_editor_elements8 = require("@elementor/editor-elements");
 var import_ui9 = require("@elementor/ui");
 
 // src/hooks/use-controls-by-widget-type.ts
-var import_editor_elements7 = require("@elementor/editor-elements");
+var import_editor_elements6 = require("@elementor/editor-elements");
 function useControlsByWidgetType(type) {
-  const elementType = (0, import_editor_elements7.getElementType)(type);
+  const elementType = (0, import_editor_elements6.getElementType)(type);
   if (!elementType) {
     return {};
   }
@@ -2168,7 +1825,7 @@ var useOverridablePropValue = () => (0, import_react4.useContext)(OverridablePro
 var useComponentInstanceElement = () => (0, import_react4.useContext)(OverridablePropContext)?.componentInstanceElement;
 
 // src/store/actions/update-overridable-prop.ts
-var import_store28 = require("@elementor/store");
+var import_store24 = require("@elementor/store");
 
 // src/utils/resolve-override-prop-value.ts
 var resolveOverridePropValue = (originalPropValue) => {
@@ -2203,7 +1860,7 @@ function getOverrideValue(overrideProp) {
 
 // src/store/actions/update-overridable-prop.ts
 function updateOverridableProp(componentId, propValue, originPropFields) {
-  const overridableProps = selectOverridableProps((0, import_store28.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store24.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -2228,7 +1885,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
       }
     }
   };
-  (0, import_store28.__dispatch)(
+  (0, import_store24.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: newOverridableProps
@@ -2237,7 +1894,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
 }
 
 // src/utils/get-prop-type-for-component-override.ts
-var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_elements7 = require("@elementor/editor-elements");
 var getPropTypeForComponentOverride = (overridableProp) => {
   if (overridableProp.originPropFields) {
     return getPropType(overridableProp.originPropFields);
@@ -2249,7 +1906,7 @@ var getPropTypeForComponentOverride = (overridableProp) => {
   });
 };
 function getPropType({ widgetType, propKey }) {
-  const widgetPropsSchema = (0, import_editor_elements8.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
+  const widgetPropsSchema = (0, import_editor_elements7.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
   return widgetPropsSchema?.[propKey];
 }
 
@@ -2262,16 +1919,16 @@ var ControlLabel = ({ children, ...props }) => {
 };
 
 // src/components/errors.ts
-var import_utils4 = require("@elementor/utils");
-var OverrideControlInnerElementNotFoundError = (0, import_utils4.createError)({
+var import_utils3 = require("@elementor/utils");
+var OverrideControlInnerElementNotFoundError = (0, import_utils3.createError)({
   code: "override_control_inner_element_not_found",
   message: `Component inner element not found for override control. The element may have been deleted without updating the overridable props, or the component has not finished rendering yet.`
 });
 
 // src/components/instance-editing-panel/use-resolved-origin-value.tsx
-var import_store30 = require("@elementor/store");
+var import_store26 = require("@elementor/store");
 function useResolvedOriginValue(override, overridableProp) {
-  const components = (0, import_store30.__useSelector)(selectData);
+  const components = (0, import_store26.__useSelector)(selectData);
   return resolveOriginValue(components, override, overridableProp);
 }
 function resolveOriginValue(components, matchingOverride, overridableProp) {
@@ -2436,7 +2093,7 @@ function OverrideControl({ overridableProp }) {
   }
   const elementId = element.id;
   const type = elType === "widget" ? widgetType : elType;
-  const elementType = (0, import_editor_elements9.getElementType)(type);
+  const elementType = (0, import_editor_elements8.getElementType)(type);
   if (!elementType) {
     return null;
   }
@@ -2584,12 +2241,12 @@ function InstanceEditingPanel() {
   const componentId = settings?.component_id?.value;
   const overrides = settings?.overrides?.value;
   const component = useComponent(componentId ?? null);
-  const componentInstanceId = (0, import_editor_elements10.useSelectedElement)()?.element?.id;
+  const componentInstanceId = (0, import_editor_elements9.useSelectedElement)()?.element?.id;
   const overridableProps = useSanitizeOverridableProps(componentId ?? null, componentInstanceId);
   if (!componentId || !overridableProps || !component) {
     return null;
   }
-  const panelTitle = (0, import_i18n12.__)("Edit %s", "elementor").replace("%s", component.name);
+  const panelTitle = (0, import_i18n11.__)("Edit %s", "elementor").replace("%s", component.name);
   const handleEditComponent = () => switchToComponent(componentId, componentInstanceId);
   const isNonEmptyGroup = (group) => group !== null && group.props.length > 0;
   const groups = overridableProps.groups.order.map((groupId) => overridableProps.groups.items[groupId] ?? null).filter(isNonEmptyGroup);
@@ -2607,7 +2264,7 @@ function InstanceEditingPanel() {
 }
 function useComponentInstanceSettings() {
   const { element } = (0, import_editor_editing_panel3.useElement)();
-  const settings = (0, import_editor_elements10.useElementSetting)(element.id, "component_instance");
+  const settings = (0, import_editor_elements9.useElementSetting)(element.id, "component_instance");
   return componentInstancePropTypeUtil.extract(settings);
 }
 
@@ -2637,16 +2294,16 @@ var import_editor_documents10 = require("@elementor/editor-documents");
 var import_editor_panels4 = require("@elementor/editor-panels");
 var import_editor_ui13 = require("@elementor/editor-ui");
 var import_icons13 = require("@elementor/icons");
-var import_store50 = require("@elementor/store");
+var import_store48 = require("@elementor/store");
 var import_ui21 = require("@elementor/ui");
 var import_i18n23 = require("@wordpress/i18n");
 
 // src/extended/hooks/use-navigate-back.ts
 var import_react7 = require("react");
 var import_editor_documents7 = require("@elementor/editor-documents");
-var import_store34 = require("@elementor/store");
+var import_store30 = require("@elementor/store");
 function useNavigateBack() {
-  const path = (0, import_store34.__useSelector)(selectPath);
+  const path = (0, import_store30.__useSelector)(selectPath);
   const documentsManager = (0, import_editor_documents7.getV1DocumentsManager)();
   return (0, import_react7.useCallback)(() => {
     const { componentId: prevComponentId, instanceId: prevComponentInstanceId } = path.at(-2) ?? {};
@@ -2663,7 +2320,7 @@ var React17 = __toESM(require("react"));
 var import_editor_controls4 = require("@elementor/editor-controls");
 var import_editor_ui8 = require("@elementor/editor-ui");
 var import_ui12 = require("@elementor/ui");
-var import_i18n13 = require("@wordpress/i18n");
+var import_i18n12 = require("@wordpress/i18n");
 var ComponentIntroduction = ({
   anchorRef,
   shouldShowIntroduction,
@@ -2687,17 +2344,17 @@ var ComponentIntroduction = ({
       },
       onClose
     },
-    /* @__PURE__ */ React17.createElement(import_ui12.Box, { sx: { width: "296px" } }, /* @__PURE__ */ React17.createElement(import_editor_ui8.PopoverHeader, { title: (0, import_i18n13.__)("Add your first property", "elementor"), onClose }), /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React17.createElement(import_ui12.Box, { sx: { width: "296px" } }, /* @__PURE__ */ React17.createElement(import_editor_ui8.PopoverHeader, { title: (0, import_i18n12.__)("Add your first property", "elementor"), onClose }), /* @__PURE__ */ React17.createElement(
       import_ui12.Image,
       {
         sx: { width: "296px", height: "160px" },
         src: "https://assets.elementor.com/packages/v1/images/components-properties-intro.png",
         alt: ""
       }
-    ), /* @__PURE__ */ React17.createElement(import_editor_controls4.PopoverContent, null, /* @__PURE__ */ React17.createElement(import_ui12.Stack, { sx: { p: 2 } }, /* @__PURE__ */ React17.createElement(import_ui12.Typography, { variant: "body2" }, (0, import_i18n13.__)("Properties make instances flexible.", "elementor")), /* @__PURE__ */ React17.createElement(import_ui12.Typography, { variant: "body2" }, (0, import_i18n13.__)(
+    ), /* @__PURE__ */ React17.createElement(import_editor_controls4.PopoverContent, null, /* @__PURE__ */ React17.createElement(import_ui12.Stack, { sx: { p: 2 } }, /* @__PURE__ */ React17.createElement(import_ui12.Typography, { variant: "body2" }, (0, import_i18n12.__)("Properties make instances flexible.", "elementor")), /* @__PURE__ */ React17.createElement(import_ui12.Typography, { variant: "body2" }, (0, import_i18n12.__)(
       "Select any Element, then in the General tab, click next to any setting you want users to customize - like text, images, or links.",
       "elementor"
-    )), /* @__PURE__ */ React17.createElement(import_ui12.Typography, { variant: "body2", sx: { mt: 2 } }, (0, import_i18n13.__)(
+    )), /* @__PURE__ */ React17.createElement(import_ui12.Typography, { variant: "body2", sx: { mt: 2 } }, (0, import_i18n12.__)(
       "Your properties will appear in the Properties panel, where you can organize and manage them anytime.",
       "elementor"
     )), /* @__PURE__ */ React17.createElement(
@@ -2709,8 +2366,8 @@ var ComponentIntroduction = ({
         color: "info.main",
         variant: "body2"
       },
-      (0, import_i18n13.__)("Learn more", "elementor")
-    ), /* @__PURE__ */ React17.createElement(import_ui12.Stack, { direction: "row", alignItems: "center", justifyContent: "flex-end", sx: { pt: 1 } }, /* @__PURE__ */ React17.createElement(import_ui12.Button, { size: "medium", variant: "contained", onClick: onClose }, (0, import_i18n13.__)("Got it", "elementor"))))))
+      (0, import_i18n12.__)("Learn more", "elementor")
+    ), /* @__PURE__ */ React17.createElement(import_ui12.Stack, { direction: "row", alignItems: "center", justifyContent: "flex-end", sx: { pt: 1 } }, /* @__PURE__ */ React17.createElement(import_ui12.Button, { size: "medium", variant: "contained", onClick: onClose }, (0, import_i18n12.__)("Got it", "elementor"))))))
   );
 };
 
@@ -2734,15 +2391,15 @@ var import_utils5 = require("@elementor/utils");
 var import_i18n20 = require("@wordpress/i18n");
 
 // src/extended/store/actions/add-overridable-group.ts
-var import_store36 = require("@elementor/store");
+var import_store32 = require("@elementor/store");
 function addOverridableGroup({
   componentId,
   groupId,
   label,
   source
 }) {
-  const currentComponent = selectCurrentComponent((0, import_store36.__getState)());
-  const overridableProps = selectOverridableProps((0, import_store36.__getState)(), componentId);
+  const currentComponent = selectCurrentComponent((0, import_store32.__getState)());
+  const overridableProps = selectOverridableProps((0, import_store32.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -2751,7 +2408,7 @@ function addOverridableGroup({
     label,
     props: []
   };
-  (0, import_store36.__dispatch)(
+  (0, import_store32.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -2765,21 +2422,168 @@ function addOverridableGroup({
           order: [groupId, ...overridableProps.groups.order]
         }
       }
-    })
-  );
-  trackComponentEvent({
-    action: "propertiesGroupCreated",
-    source,
-    component_uid: currentComponent?.uid,
-    group_name: label
-  });
-  return newGroup;
+    })
+  );
+  trackComponentEvent({
+    action: "propertiesGroupCreated",
+    source,
+    component_uid: currentComponent?.uid,
+    group_name: label
+  });
+  return newGroup;
+}
+
+// src/extended/store/actions/delete-overridable-group.ts
+var import_store34 = require("@elementor/store");
+
+// src/extended/store/utils/groups-transformers.ts
+var import_utils4 = require("@elementor/utils");
+var import_i18n13 = require("@wordpress/i18n");
+function removePropFromAllGroups(groups, propKey) {
+  const propKeys = Array.isArray(propKey) ? propKey : [propKey];
+  return {
+    ...groups,
+    items: Object.fromEntries(
+      Object.entries(groups.items).map(([groupId, group]) => [
+        groupId,
+        {
+          ...group,
+          props: group.props.filter((p) => !propKeys.includes(p))
+        }
+      ])
+    )
+  };
+}
+function addPropToGroup(groups, groupId, propKey) {
+  const group = groups.items[groupId];
+  if (!group) {
+    return groups;
+  }
+  if (group.props.includes(propKey)) {
+    return groups;
+  }
+  return {
+    ...groups,
+    items: {
+      ...groups.items,
+      [groupId]: {
+        ...group,
+        props: [...group.props, propKey]
+      }
+    }
+  };
+}
+function movePropBetweenGroups(groups, propKey, fromGroupId, toGroupId) {
+  if (fromGroupId === toGroupId) {
+    return groups;
+  }
+  const withoutProp = removePropFromGroup(groups, fromGroupId, propKey);
+  return addPropToGroup(withoutProp, toGroupId, propKey);
+}
+function removePropFromGroup(groups, groupId, propKey) {
+  const group = groups.items[groupId];
+  if (!group) {
+    return groups;
+  }
+  return {
+    ...groups,
+    items: {
+      ...groups.items,
+      [groupId]: {
+        ...group,
+        props: group.props.filter((p) => p !== propKey)
+      }
+    }
+  };
+}
+function resolveOrCreateGroup(groups, requestedGroupId) {
+  if (requestedGroupId && groups.items[requestedGroupId]) {
+    return { groups, groupId: requestedGroupId };
+  }
+  if (!requestedGroupId && groups.order.length > 0) {
+    return { groups, groupId: groups.order[0] };
+  }
+  return createGroup(groups, requestedGroupId);
+}
+function createGroup(groups, groupId, label) {
+  const newGroupId = groupId || (0, import_utils4.generateUniqueId)("group");
+  const newLabel = label || (0, import_i18n13.__)("Default", "elementor");
+  return {
+    groups: {
+      ...groups,
+      items: {
+        ...groups.items,
+        [newGroupId]: {
+          id: newGroupId,
+          label: newLabel,
+          props: []
+        }
+      },
+      order: [...groups.order, newGroupId]
+    },
+    groupId: newGroupId
+  };
+}
+function removePropsFromState(overridableProps, propsToRemove) {
+  const overrideKeysToRemove = propsToRemove.map((prop) => prop.overrideKey);
+  const remainingProps = Object.fromEntries(
+    Object.entries(overridableProps.props).filter(([, prop]) => !propsToRemove.includes(prop))
+  );
+  const updatedGroupItems = Object.fromEntries(
+    Object.entries(overridableProps.groups.items).map(
+      ([groupId, group]) => [
+        groupId,
+        {
+          ...group,
+          props: group.props.filter((prop) => !overrideKeysToRemove.includes(prop))
+        }
+      ]
+    )
+  );
+  return {
+    props: remainingProps,
+    groups: {
+      items: updatedGroupItems,
+      order: overridableProps.groups.order.filter((groupId) => !overrideKeysToRemove.includes(groupId))
+    }
+  };
+}
+function ensureGroupInOrder(groups, groupId) {
+  if (groups.order.includes(groupId)) {
+    return groups;
+  }
+  return {
+    ...groups,
+    order: [...groups.order, groupId]
+  };
+}
+function deleteGroup(groups, groupId) {
+  const { [groupId]: removed, ...remainingItems } = groups.items;
+  return {
+    items: remainingItems,
+    order: groups.order.filter((id2) => id2 !== groupId)
+  };
+}
+function renameGroup(groups, groupId, newLabel) {
+  const group = groups.items[groupId];
+  if (!group) {
+    return groups;
+  }
+  return {
+    ...groups,
+    items: {
+      ...groups.items,
+      [groupId]: {
+        ...group,
+        label: newLabel
+      }
+    }
+  };
 }
 
 // src/extended/store/actions/delete-overridable-group.ts
-var import_store38 = require("@elementor/store");
 function deleteOverridableGroup({ componentId, groupId }) {
-  const overridableProps = selectOverridableProps((0, import_store38.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store34.__getState)(), componentId);
   if (!overridableProps) {
     return false;
   }
@@ -2788,7 +2592,7 @@ function deleteOverridableGroup({ componentId, groupId }) {
     return false;
   }
   const updatedGroups = deleteGroup(overridableProps.groups, groupId);
-  (0, import_store38.__dispatch)(
+  (0, import_store34.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -2800,10 +2604,193 @@ function deleteOverridableGroup({ componentId, groupId }) {
   return true;
 }
 
+// src/extended/store/actions/delete-overridable-prop.ts
+var import_store36 = require("@elementor/store");
+
+// src/extended/utils/revert-overridable-settings.ts
+var import_editor_elements10 = require("@elementor/editor-elements");
+function revertElementOverridableSetting(elementId, settingKey, originValue, overrideKey) {
+  const container = (0, import_editor_elements10.getContainer)(elementId);
+  if (!container) {
+    return;
+  }
+  if (isComponentInstance(container.model.toJSON())) {
+    revertComponentInstanceOverridableSetting(elementId, overrideKey);
+    return;
+  }
+  (0, import_editor_elements10.updateElementSettings)({
+    id: elementId,
+    props: { [settingKey]: originValue ?? null },
+    withHistory: false
+  });
+}
+function revertComponentInstanceOverridableSetting(elementId, overrideKey) {
+  const setting = (0, import_editor_elements10.getElementSetting)(elementId, "component_instance");
+  const componentInstance = componentInstancePropTypeUtil.extract(setting);
+  const overrides = componentInstanceOverridesPropTypeUtil.extract(componentInstance?.overrides);
+  if (!overrides?.length) {
+    return;
+  }
+  const revertedOverrides = revertComponentInstanceOverrides(overrides, overrideKey);
+  const updatedSetting = componentInstancePropTypeUtil.create({
+    ...componentInstance,
+    overrides: componentInstanceOverridesPropTypeUtil.create(revertedOverrides)
+  });
+  (0, import_editor_elements10.updateElementSettings)({
+    id: elementId,
+    props: { component_instance: updatedSetting },
+    withHistory: false
+  });
+}
+function revertComponentInstanceOverrides(overrides, filterByKey) {
+  return overrides.map((item) => {
+    if (!componentOverridablePropTypeUtil.isValid(item)) {
+      return item;
+    }
+    if (!componentInstanceOverridePropTypeUtil.isValid(item.value.origin_value)) {
+      return null;
+    }
+    if (filterByKey && item.value.override_key !== filterByKey) {
+      return item;
+    }
+    return item.value.origin_value;
+  }).filter((item) => item !== null);
+}
+function revertOverridablePropsFromSettings(settings) {
+  let hasChanges = false;
+  const revertedSettings = {};
+  for (const [key, value] of Object.entries(settings)) {
+    if (componentOverridablePropTypeUtil.isValid(value)) {
+      revertedSettings[key] = value.value.origin_value;
+      hasChanges = true;
+    } else {
+      revertedSettings[key] = value;
+    }
+  }
+  return { hasChanges, settings: revertedSettings };
+}
+function revertAllOverridablesInElementData(elementData) {
+  const revertedElement = { ...elementData };
+  if (isComponentInstance({ widgetType: elementData.widgetType, elType: elementData.elType })) {
+    revertedElement.settings = revertComponentInstanceSettings(elementData.settings);
+  } else if (revertedElement.settings) {
+    const { settings } = revertOverridablePropsFromSettings(revertedElement.settings);
+    revertedElement.settings = settings;
+  }
+  if (revertedElement.elements) {
+    revertedElement.elements = revertedElement.elements.map(revertAllOverridablesInElementData);
+  }
+  return revertedElement;
+}
+function revertComponentInstanceSettings(settings) {
+  if (!settings?.component_instance) {
+    return settings;
+  }
+  const componentInstance = componentInstancePropTypeUtil.extract(settings.component_instance);
+  const overrides = componentInstanceOverridesPropTypeUtil.extract(componentInstance?.overrides);
+  if (!overrides?.length) {
+    return settings;
+  }
+  const revertedOverrides = revertComponentInstanceOverrides(overrides);
+  return {
+    ...settings,
+    component_instance: componentInstancePropTypeUtil.create({
+      ...componentInstance,
+      overrides: componentInstanceOverridesPropTypeUtil.create(revertedOverrides)
+    })
+  };
+}
+function revertAllOverridablesInContainer(container) {
+  (0, import_editor_elements10.getAllDescendants)(container).forEach((element) => {
+    if (element.model.get("widgetType") === COMPONENT_WIDGET_TYPE) {
+      revertComponentInstanceOverridesInElement(element);
+    } else {
+      revertElementSettings(element);
+    }
+  });
+}
+function revertComponentInstanceOverridesInElement(element) {
+  const settings = element.settings?.toJSON() ?? {};
+  const componentInstance = componentInstancePropTypeUtil.extract(settings.component_instance);
+  const overrides = componentInstanceOverridesPropTypeUtil.extract(componentInstance?.overrides);
+  if (!overrides?.length) {
+    return;
+  }
+  const revertedOverrides = revertComponentInstanceOverrides(overrides);
+  const updatedSetting = componentInstancePropTypeUtil.create({
+    ...componentInstance,
+    overrides: componentInstanceOverridesPropTypeUtil.create(revertedOverrides)
+  });
+  (0, import_editor_elements10.updateElementSettings)({
+    id: element.id,
+    props: { component_instance: updatedSetting },
+    withHistory: false
+  });
+}
+function revertElementSettings(element) {
+  const settings = element.settings?.toJSON() ?? {};
+  const { hasChanges, settings: revertedSettings } = revertOverridablePropsFromSettings(settings);
+  if (!hasChanges) {
+    return;
+  }
+  (0, import_editor_elements10.updateElementSettings)({
+    id: element.id,
+    props: revertedSettings,
+    withHistory: false
+  });
+}
+
+// src/extended/store/actions/delete-overridable-prop.ts
+function deleteOverridableProp({ componentId, propKey, source }) {
+  const overridableProps = selectOverridableProps((0, import_store36.__getState)(), componentId);
+  if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
+    return;
+  }
+  const propKeysToDelete = Array.isArray(propKey) ? propKey : [propKey];
+  const deletedProps = [];
+  for (const key of propKeysToDelete) {
+    const prop = overridableProps.props[key];
+    if (!prop) {
+      continue;
+    }
+    deletedProps.push(prop);
+    revertElementOverridableSetting(prop.elementId, prop.propKey, prop.originValue, key);
+  }
+  if (deletedProps.length === 0) {
+    return;
+  }
+  const remainingProps = Object.fromEntries(
+    Object.entries(overridableProps.props).filter(([key]) => !propKeysToDelete.includes(key))
+  );
+  const updatedGroups = removePropFromAllGroups(overridableProps.groups, propKey);
+  (0, import_store36.__dispatch)(
+    slice.actions.setOverridableProps({
+      componentId,
+      overridableProps: {
+        ...overridableProps,
+        props: remainingProps,
+        groups: updatedGroups
+      }
+    })
+  );
+  const currentComponent = selectCurrentComponent((0, import_store36.__getState)());
+  for (const prop of deletedProps) {
+    trackComponentEvent({
+      action: "propertyRemoved",
+      source,
+      component_uid: currentComponent?.uid,
+      property_id: prop.overrideKey,
+      property_path: prop.propKey,
+      property_name: prop.label,
+      element_type: prop.widgetType ?? prop.elType
+    });
+  }
+}
+
 // src/extended/store/actions/reorder-group-props.ts
-var import_store40 = require("@elementor/store");
+var import_store38 = require("@elementor/store");
 function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
-  const overridableProps = selectOverridableProps((0, import_store40.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store38.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -2811,7 +2798,7 @@ function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
   if (!group) {
     return;
   }
-  (0, import_store40.__dispatch)(
+  (0, import_store38.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -2832,13 +2819,13 @@ function reorderGroupProps({ componentId, groupId, newPropsOrder }) {
 }
 
 // src/extended/store/actions/reorder-overridable-groups.ts
-var import_store42 = require("@elementor/store");
+var import_store40 = require("@elementor/store");
 function reorderOverridableGroups({ componentId, newOrder }) {
-  const overridableProps = selectOverridableProps((0, import_store42.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store40.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
-  (0, import_store42.__dispatch)(
+  (0, import_store40.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -2853,14 +2840,14 @@ function reorderOverridableGroups({ componentId, newOrder }) {
 }
 
 // src/extended/store/actions/update-overridable-prop-params.ts
-var import_store44 = require("@elementor/store");
+var import_store42 = require("@elementor/store");
 function updateOverridablePropParams({
   componentId,
   overrideKey,
   label,
   groupId
 }) {
-  const overridableProps = selectOverridableProps((0, import_store44.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store42.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -2876,7 +2863,7 @@ function updateOverridablePropParams({
     groupId: newGroupId
   };
   const updatedGroups = movePropBetweenGroups(overridableProps.groups, overrideKey, oldGroupId, newGroupId);
-  (0, import_store44.__dispatch)(
+  (0, import_store42.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -3375,9 +3362,9 @@ var import_editor_ui11 = require("@elementor/editor-ui");
 var import_i18n19 = require("@wordpress/i18n");
 
 // src/extended/store/actions/rename-overridable-group.ts
-var import_store46 = require("@elementor/store");
+var import_store44 = require("@elementor/store");
 function renameOverridableGroup({ componentId, groupId, label }) {
-  const overridableProps = selectOverridableProps((0, import_store46.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store44.__getState)(), componentId);
   if (!overridableProps) {
     return false;
   }
@@ -3386,7 +3373,7 @@ function renameOverridableGroup({ componentId, groupId, label }) {
     return false;
   }
   const updatedGroups = renameGroup(overridableProps.groups, groupId, label);
-  (0, import_store46.__dispatch)(
+  (0, import_store44.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -3719,7 +3706,7 @@ var ComponentPanelHeader = () => {
   ));
 };
 function getComponentName() {
-  const state = (0, import_store50.__getState)();
+  const state = (0, import_store48.__getState)();
   const path = state[SLICE_NAME].path;
   const { instanceTitle } = path.at(-1) ?? {};
   if (instanceTitle) {
@@ -3737,14 +3724,14 @@ var import_editor_elements16 = require("@elementor/editor-elements");
 var import_editor_notifications3 = require("@elementor/editor-notifications");
 var import_editor_ui14 = require("@elementor/editor-ui");
 var import_icons14 = require("@elementor/icons");
-var import_store56 = require("@elementor/store");
+var import_store54 = require("@elementor/store");
 var import_ui22 = require("@elementor/ui");
 var import_i18n26 = require("@wordpress/i18n");
 
 // src/extended/store/actions/create-unpublished-component.ts
 var import_editor_elements14 = require("@elementor/editor-elements");
 var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
-var import_store52 = require("@elementor/store");
+var import_store50 = require("@elementor/store");
 var import_utils6 = require("@elementor/utils");
 var import_i18n24 = require("@wordpress/i18n");
 
@@ -3777,14 +3764,14 @@ async function createUnpublishedComponent({
     parentId: container?.parent?.id ?? "",
     index: container?.view?._index ?? 0
   };
-  (0, import_store52.__dispatch)(
+  (0, import_store50.__dispatch)(
     slice.actions.addUnpublished({
       ...componentBase,
       elements: [elementDataWithOverridablesReverted],
       overridableProps
     })
   );
-  (0, import_store52.__dispatch)(slice.actions.addCreatedThisSession(generatedUid));
+  (0, import_store50.__dispatch)(slice.actions.addCreatedThisSession(generatedUid));
   const componentInstance = await replaceElementWithComponent(element, componentBase);
   trackComponentEvent({
     action: "created",
@@ -3797,8 +3784,8 @@ async function createUnpublishedComponent({
     await (0, import_editor_v1_adapters3.__privateRunCommand)("document/save/auto");
   } catch (error) {
     restoreOriginalElement(originalElement, componentInstance.id);
-    (0, import_store52.__dispatch)(slice.actions.removeUnpublished(generatedUid));
-    (0, import_store52.__dispatch)(slice.actions.removeCreatedThisSession(generatedUid));
+    (0, import_store50.__dispatch)(slice.actions.removeUnpublished(generatedUid));
+    (0, import_store50.__dispatch)(slice.actions.removeCreatedThisSession(generatedUid));
     throw error;
   }
   return { uid: generatedUid, instanceId: componentInstance.id };
@@ -3833,9 +3820,9 @@ var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_i18n25 = require("@wordpress/i18n");
 
 // src/extended/utils/is-editing-component.ts
-var import_store54 = require("@elementor/store");
+var import_store52 = require("@elementor/store");
 function isEditingComponent() {
-  const state = (0, import_store54.__getStore)()?.getState();
+  const state = (0, import_store52.__getStore)()?.getState();
   if (!state) {
     return false;
   }
@@ -4061,7 +4048,7 @@ function CreateComponentForm() {
         eventData: eventData.current,
         source: "user"
       });
-      const publishedComponentId = selectComponentByUid((0, import_store56.__getState)(), uid)?.id;
+      const publishedComponentId = selectComponentByUid((0, import_store54.__getState)(), uid)?.id;
       if (publishedComponentId) {
         switchToComponent(publishedComponentId, instanceId);
       } else {
@@ -4210,7 +4197,7 @@ var React29 = __toESM(require("react"));
 var import_react17 = require("react");
 var import_editor_documents11 = require("@elementor/editor-documents");
 var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
-var import_store62 = require("@elementor/store");
+var import_store60 = require("@elementor/store");
 var import_utils8 = require("@elementor/utils");
 
 // src/extended/consts.ts
@@ -4218,18 +4205,18 @@ var OVERRIDABLE_PROP_REPLACEMENT_ID = "overridable-prop";
 var COMPONENT_DOCUMENT_TYPE = "elementor_component";
 
 // src/extended/store/actions/reset-sanitized-components.ts
-var import_store58 = require("@elementor/store");
+var import_store56 = require("@elementor/store");
 function resetSanitizedComponents() {
-  (0, import_store58.__dispatch)(slice.actions.resetSanitizedComponents());
+  (0, import_store56.__dispatch)(slice.actions.resetSanitizedComponents());
 }
 
 // src/extended/store/actions/update-current-component.ts
-var import_store60 = require("@elementor/store");
+var import_store58 = require("@elementor/store");
 function updateCurrentComponent({
   path,
   currentComponentId
 }) {
-  const dispatch21 = (0, import_store60.__getStore)()?.dispatch;
+  const dispatch21 = (0, import_store58.__getStore)()?.dispatch;
   if (!dispatch21) {
     return;
   }
@@ -4425,7 +4412,7 @@ function EditComponent() {
 function useHandleDocumentSwitches() {
   const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
   const currentComponentId = useCurrentComponentId();
-  const path = (0, import_store62.__useSelector)(selectPath);
+  const path = (0, import_store60.__useSelector)(selectPath);
   (0, import_react17.useEffect)(() => {
     return (0, import_editor_v1_adapters6.__privateListenTo)((0, import_editor_v1_adapters6.commandEndEvent)("editor/documents/open"), () => {
       const nextDocument = documentsManager.getCurrent();
@@ -4592,7 +4579,7 @@ var import_ui24 = require("@elementor/ui");
 var import_i18n29 = require("@wordpress/i18n");
 
 // src/extended/store/actions/set-overridable-prop.ts
-var import_store65 = require("@elementor/store");
+var import_store63 = require("@elementor/store");
 var import_utils9 = require("@elementor/utils");
 function setOverridableProp({
   componentId,
@@ -4607,7 +4594,7 @@ function setOverridableProp({
   originPropFields,
   source
 }) {
-  const overridableProps = selectOverridableProps((0, import_store65.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store63.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -4644,7 +4631,7 @@ function setOverridableProp({
   if (isChangingGroups) {
     groups = removePropFromGroup(groups, existingOverridableProp.groupId, overridableProp.overrideKey);
   }
-  (0, import_store65.__dispatch)(
+  (0, import_store63.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -4655,7 +4642,7 @@ function setOverridableProp({
   );
   const isNewProperty = !existingOverridableProp;
   if (isNewProperty) {
-    const currentComponent = selectCurrentComponent((0, import_store65.__getState)());
+    const currentComponent = selectCurrentComponent((0, import_store63.__getState)());
     trackComponentEvent({
       action: "propertyExposed",
       source,
@@ -5213,7 +5200,7 @@ async function publishDraftComponentsInPageBeforeSave({ status, elements }) {
 }
 
 // src/extended/sync/set-component-overridable-props-settings-before-save.ts
-var import_store68 = require("@elementor/store");
+var import_store66 = require("@elementor/store");
 var setComponentOverridablePropsSettingsBeforeSave = ({
   container
 }) => {
@@ -5221,7 +5208,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
   if (!currentDocument || currentDocument.config.type !== COMPONENT_DOCUMENT_TYPE) {
     return;
   }
-  const overridableProps = selectOverridableProps((0, import_store68.__getState)(), currentDocument.id);
+  const overridableProps = selectOverridableProps((0, import_store66.__getState)(), currentDocument.id);
   if (overridableProps) {
     container.settings.set("overridable_props", overridableProps);
   }
@@ -5229,7 +5216,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
 
 // src/extended/sync/update-archived-component-before-save.ts
 var import_editor_notifications4 = require("@elementor/editor-notifications");
-var import_store70 = require("@elementor/store");
+var import_store68 = require("@elementor/store");
 var failedNotification = (message) => ({
   type: "error",
   message: `Failed to archive components: ${message}`,
@@ -5237,7 +5224,7 @@ var failedNotification = (message) => ({
 });
 var updateArchivedComponentBeforeSave = async (status) => {
   try {
-    const archivedComponents = selectArchivedThisSession((0, import_store70.__getState)());
+    const archivedComponents = selectArchivedThisSession((0, import_store68.__getState)());
     if (!archivedComponents.length) {
       return;
     }
@@ -5252,33 +5239,33 @@ var updateArchivedComponentBeforeSave = async (status) => {
 };
 
 // src/extended/sync/update-component-title-before-save.ts
-var import_store72 = require("@elementor/store");
+var import_store70 = require("@elementor/store");
 var updateComponentTitleBeforeSave = async (status) => {
-  const updatedComponentNames = selectUpdatedComponentNames((0, import_store72.__getState)());
+  const updatedComponentNames = selectUpdatedComponentNames((0, import_store70.__getState)());
   if (!updatedComponentNames.length) {
     return;
   }
   const result = await apiClient.updateComponentTitle(updatedComponentNames, status);
   if (result.failedIds.length === 0) {
-    (0, import_store72.__dispatch)(slice.actions.cleanUpdatedComponentNames());
+    (0, import_store70.__dispatch)(slice.actions.cleanUpdatedComponentNames());
   }
 };
 
 // src/extended/sync/create-components-before-save.ts
 var import_editor_elements19 = require("@elementor/editor-elements");
-var import_store74 = require("@elementor/store");
+var import_store72 = require("@elementor/store");
 async function createComponentsBeforeSave({
   elements,
   status
 }) {
-  const unpublishedComponents = selectUnpublishedComponents((0, import_store74.__getState)());
+  const unpublishedComponents = selectUnpublishedComponents((0, import_store72.__getState)());
   if (!unpublishedComponents.length) {
     return;
   }
   try {
     const uidToComponentId = await createComponents(unpublishedComponents, status);
     updateComponentInstances(elements, uidToComponentId);
-    (0, import_store74.__dispatch)(
+    (0, import_store72.__dispatch)(
       slice.actions.add(
         unpublishedComponents.map((component) => ({
           id: uidToComponentId.get(component.uid),
@@ -5288,10 +5275,10 @@ async function createComponentsBeforeSave({
         }))
       )
     );
-    (0, import_store74.__dispatch)(slice.actions.resetUnpublished());
+    (0, import_store72.__dispatch)(slice.actions.resetUnpublished());
   } catch (error) {
     const failedUids = unpublishedComponents.map((component) => component.uid);
-    (0, import_store74.__dispatch)(slice.actions.removeUnpublished(failedUids));
+    (0, import_store72.__dispatch)(slice.actions.removeUnpublished(failedUids));
     throw new Error(`Failed to publish components: ${error}`);
   }
 }
@@ -5373,13 +5360,13 @@ var updateExistingComponentsBeforeSave = async ({
 // src/extended/sync/cleanup-overridable-props-on-delete.ts
 var import_editor_elements20 = require("@elementor/editor-elements");
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
-var import_store76 = require("@elementor/store");
+var import_store74 = require("@elementor/store");
 function initCleanupOverridablePropsOnDelete() {
   (0, import_editor_v1_adapters7.registerDataHook)("dependency", "document/elements/delete", (args, options) => {
     if (isPartOfMoveCommand(options)) {
       return true;
     }
-    const state = (0, import_store76.__getState)();
+    const state = (0, import_store74.__getState)();
     if (!state) {
       return true;
     }
@@ -5526,6 +5513,36 @@ function revertOverridablesInStorage(storageKey) {
   });
 }
 
+// src/extended/sync/sanitize-overridable-props.ts
+var import_react19 = require("react");
+
+// src/extended/store/actions/update-component-sanitized-attribute.ts
+var import_store76 = require("@elementor/store");
+function updateComponentSanitizedAttribute(componentId, attribute) {
+  (0, import_store76.__dispatch)(slice.actions.updateComponentSanitizedAttribute({ componentId, attribute }));
+}
+
+// src/extended/sync/sanitize-overridable-props.ts
+function SanitizeOverridableProps() {
+  const currentComponentId = useCurrentComponentId();
+  const overridableProps = useOverridableProps(currentComponentId);
+  const isSanitized = useIsSanitizedComponent(currentComponentId, "overridableProps");
+  (0, import_react19.useEffect)(() => {
+    if (isSanitized || !overridableProps || !currentComponentId) {
+      return;
+    }
+    const filtered = filterValidOverridableProps(overridableProps);
+    const propsToDelete = Object.keys(overridableProps.props ?? {}).filter((key) => !filtered.props[key]);
+    if (propsToDelete.length > 0) {
+      propsToDelete.forEach((key) => {
+        deleteOverridableProp({ componentId: currentComponentId, propKey: key, source: "system" });
+      });
+    }
+    updateComponentSanitizedAttribute(currentComponentId, "overridableProps");
+  }, [currentComponentId, isSanitized, overridableProps]);
+  return null;
+}
+
 // src/extended/init.ts
 function initExtended() {
   (0, import_editor_panels5.__registerPanel)(panel);
@@ -5566,14 +5583,18 @@ function initExtended() {
   initNonAtomicNestingPrevention();
   initHandleComponentEditModeContainer();
   initRevertOverridablesOnCopyOrDuplicate();
+  (0, import_editor.injectIntoLogic)({
+    id: "sanitize-overridable-props",
+    component: SanitizeOverridableProps
+  });
 }
 
 // src/populate-store.ts
-var import_react19 = require("react");
-var import_store78 = require("@elementor/store");
+var import_react20 = require("react");
+var import_store79 = require("@elementor/store");
 function PopulateStore() {
-  (0, import_react19.useEffect)(() => {
-    (0, import_store78.__dispatch)(loadComponents());
+  (0, import_react20.useEffect)(() => {
+    (0, import_store79.__dispatch)(loadComponents());
   }, []);
   return null;
 }
@@ -5582,7 +5603,7 @@ function PopulateStore() {
 var import_editor_elements22 = require("@elementor/editor-elements");
 var import_editor_notifications5 = require("@elementor/editor-notifications");
 var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
-var import_store79 = require("@elementor/store");
+var import_store80 = require("@elementor/store");
 var import_i18n30 = require("@wordpress/i18n");
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
@@ -5608,7 +5629,7 @@ function wouldCreateCircularNesting(componentIdToAdd) {
   if (componentIdToAdd === void 0) {
     return false;
   }
-  const state = (0, import_store79.__getState)();
+  const state = (0, import_store80.__getState)();
   const currentComponentId = selectCurrentComponentId(state);
   const path = selectPath(state);
   if (currentComponentId === null) {
@@ -5706,19 +5727,19 @@ function blockCircularPaste(args) {
 }
 
 // src/store/actions/remove-component-styles.ts
-var import_store81 = require("@elementor/store");
+var import_store82 = require("@elementor/store");
 function removeComponentStyles(id2) {
   apiClient.invalidateComponentConfigCache(id2);
-  (0, import_store81.__dispatch)(slice.actions.removeStyles({ id: id2 }));
+  (0, import_store82.__dispatch)(slice.actions.removeStyles({ id: id2 }));
 }
 
 // src/store/components-styles-provider.ts
 var import_editor_styles_repository = require("@elementor/editor-styles-repository");
-var import_store83 = require("@elementor/store");
+var import_store84 = require("@elementor/store");
 var componentsStylesProvider = (0, import_editor_styles_repository.createStylesProvider)({
   key: "components-styles",
   priority: 100,
-  subscribe: (cb) => (0, import_store83.__subscribeWithSelector)(
+  subscribe: (cb) => (0, import_store84.__subscribeWithSelector)(
     (state) => state[SLICE_NAME],
     () => {
       cb();
@@ -5726,10 +5747,10 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
   ),
   actions: {
     all: () => {
-      return selectFlatStyles((0, import_store83.__getState)());
+      return selectFlatStyles((0, import_store84.__getState)());
     },
     get: (id2) => {
-      return selectFlatStyles((0, import_store83.__getState)()).find((style) => style.id === id2) ?? null;
+      return selectFlatStyles((0, import_store84.__getState)()).find((style) => style.id === id2) ?? null;
     }
   }
 });
@@ -5758,7 +5779,7 @@ function load(result) {
 // src/init.ts
 function init() {
   import_editor_styles_repository2.stylesRepository.register(componentsStylesProvider);
-  (0, import_store85.__registerSlice)(slice);
+  (0, import_store86.__registerSlice)(slice);
   (0, import_editor_canvas8.registerElementType)(
     COMPONENT_WIDGET_TYPE,
     (options) => createComponentType({ ...options, showLockedByModal: openEditModeDialog })