@elementor/editor-components 3.35.0-438 → 3.35.0-440

package/dist/index.js

@@ -3421,6 +3421,7 @@ var import_editor_controls4 = require("@elementor/editor-controls");
 var import_editor_editing_panel5 = require("@elementor/editor-editing-panel");
 var import_editor_elements15 = require("@elementor/editor-elements");
 var import_editor_panels3 = require("@elementor/editor-panels");
+var import_editor_ui12 = require("@elementor/editor-ui");
 var import_icons14 = require("@elementor/icons");
 var import_ui22 = require("@elementor/ui");
 var import_i18n26 = require("@wordpress/i18n");
@@ -3888,7 +3889,7 @@ function InstanceEditingPanel() {
   const isNonEmptyGroup = (group) => group !== null && group.props.length > 0;
   const groups = overridableProps.groups.order.map((groupId) => overridableProps.groups.items[groupId] ?? null).filter(isNonEmptyGroup);
   const isEmpty = groups.length === 0 || Object.keys(overridableProps.props).length === 0;
-  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(import_editor_panels3.PanelHeader, { sx: { justifyContent: "start", px: 2 } }, /* @__PURE__ */ React28.createElement(import_ui22.Stack, { direction: "row", alignContent: "space-between", flexGrow: 1 }, /* @__PURE__ */ React28.createElement(import_ui22.Stack, { direction: "row", alignItems: "center", justifyContent: "start", gap: 1, flexGrow: 1 }, /* @__PURE__ */ React28.createElement(import_icons14.ComponentsIcon, { fontSize: "small", sx: { color: "text.tertiary" } }), /* @__PURE__ */ React28.createElement(import_editor_panels3.PanelHeaderTitle, null, component.name)), /* @__PURE__ */ React28.createElement(import_ui22.Tooltip, { title: panelTitle }, /* @__PURE__ */ React28.createElement(import_ui22.IconButton, { size: "tiny", onClick: handleEditComponent, "aria-label": panelTitle }, /* @__PURE__ */ React28.createElement(import_icons14.PencilIcon, { fontSize: "tiny" }))))), /* @__PURE__ */ React28.createElement(import_editor_panels3.PanelBody, null, /* @__PURE__ */ React28.createElement(import_editor_controls4.ControlAdornmentsProvider, { items: (0, import_editor_editing_panel5.getFieldIndicators)("settings") }, isEmpty ? /* @__PURE__ */ React28.createElement(EmptyState2, { onEditComponent: handleEditComponent }) : /* @__PURE__ */ React28.createElement(import_ui22.Stack, { direction: "column", alignItems: "stretch" }, groups.map((group) => /* @__PURE__ */ React28.createElement(React28.Fragment, { key: group.id }, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(import_editor_panels3.PanelHeader, { sx: { justifyContent: "start", px: 2 } }, /* @__PURE__ */ React28.createElement(import_ui22.Stack, { direction: "row", alignItems: "center", flexGrow: 1, gap: 1, maxWidth: "100%" }, /* @__PURE__ */ React28.createElement(import_icons14.ComponentsIcon, { fontSize: "small", sx: { color: "text.tertiary" } }), /* @__PURE__ */ React28.createElement(import_editor_ui12.EllipsisWithTooltip, { title: component.name, as: import_editor_panels3.PanelHeaderTitle }), /* @__PURE__ */ React28.createElement(import_ui22.Tooltip, { title: panelTitle, sx: { marginLeft: "auto" } }, /* @__PURE__ */ React28.createElement(import_ui22.IconButton, { size: "tiny", onClick: handleEditComponent, "aria-label": panelTitle }, /* @__PURE__ */ React28.createElement(import_icons14.PencilIcon, { fontSize: "tiny" }))))), /* @__PURE__ */ React28.createElement(import_editor_panels3.PanelBody, null, /* @__PURE__ */ React28.createElement(import_editor_controls4.ControlAdornmentsProvider, { items: (0, import_editor_editing_panel5.getFieldIndicators)("settings") }, isEmpty ? /* @__PURE__ */ React28.createElement(EmptyState2, { onEditComponent: handleEditComponent }) : /* @__PURE__ */ React28.createElement(import_ui22.Stack, { direction: "column", alignItems: "stretch" }, groups.map((group) => /* @__PURE__ */ React28.createElement(React28.Fragment, { key: group.id }, /* @__PURE__ */ React28.createElement(
     OverridePropsGroup,
     {
       group,
@@ -4208,30 +4209,30 @@ var import_editor_elements17 = require("@elementor/editor-elements");
 var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 var import_store63 = require("@elementor/store");
 function initCleanupOverridablePropsOnDelete() {
-  (0, import_editor_v1_adapters8.registerDataHook)("after", "document/elements/delete", (args) => {
+  (0, import_editor_v1_adapters8.registerDataHook)("dependency", "document/elements/delete", (args) => {
     const state = (0, import_store63.__getState)();
     if (!state) {
-      return;
+      return true;
     }
     const currentComponentId = selectCurrentComponentId(state);
     if (!currentComponentId) {
-      return;
+      return true;
     }
     const overridableProps = selectOverridableProps(state, currentComponentId);
     if (!overridableProps || Object.keys(overridableProps.props).length === 0) {
-      return;
+      return true;
     }
     const containers = args.containers ?? (args.container ? [args.container] : []);
     if (containers.length === 0) {
-      return;
+      return true;
     }
     const deletedElementIds = collectDeletedElementIds(containers);
     if (deletedElementIds.length === 0) {
-      return;
+      return true;
     }
     const propKeysToDelete = Object.entries(overridableProps.props).filter(([, prop]) => deletedElementIds.includes(prop.elementId)).map(([propKey]) => propKey);
     if (propKeysToDelete.length === 0) {
-      return;
+      return true;
     }
     const remainingProps = Object.fromEntries(
       Object.entries(overridableProps.props).filter(([propKey]) => !propKeysToDelete.includes(propKey))
@@ -4250,6 +4251,7 @@ function initCleanupOverridablePropsOnDelete() {
         }
       })
     );
+    return true;
   });
 }
 function collectDeletedElementIds(containers) {