@elementor/editor-components 3.35.0-419 → 3.35.0-421

package/dist/index.js

@@ -37,13 +37,13 @@ module.exports = __toCommonJS(index_exports);
 // src/init.ts
 var import_editor = require("@elementor/editor");
 var import_editor_canvas9 = require("@elementor/editor-canvas");
-var import_editor_documents12 = require("@elementor/editor-documents");
+var import_editor_documents13 = require("@elementor/editor-documents");
 var import_editor_editing_panel8 = require("@elementor/editor-editing-panel");
 var import_editor_elements_panel = require("@elementor/editor-elements-panel");
 var import_editor_panels4 = require("@elementor/editor-panels");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
 var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
-var import_store76 = require("@elementor/store");
+var import_store78 = require("@elementor/store");
 var import_i18n26 = require("@wordpress/i18n");
 
 // src/component-instance-transformer.ts
@@ -1701,46 +1701,19 @@ var useComponents = () => {
 };
 
 // src/store/actions/rename-component.ts
-var import_store29 = require("@elementor/store");
-var renameComponent = (componentUid, newName) => {
-  (0, import_store29.__dispatch)(slice.actions.rename({ componentUid, name: newName }));
-};
-
-// src/components/components-tab/components-item.tsx
-var React13 = __toESM(require("react"));
-var import_react8 = require("react");
-var import_editor_canvas5 = require("@elementor/editor-canvas");
-var import_editor_elements7 = require("@elementor/editor-elements");
-var import_editor_ui6 = require("@elementor/editor-ui");
-var import_icons9 = require("@elementor/icons");
-var import_ui12 = require("@elementor/ui");
-var import_i18n15 = require("@wordpress/i18n");
-
-// src/store/actions/archive-component.ts
-var import_editor_documents6 = require("@elementor/editor-documents");
-var import_store31 = require("@elementor/store");
-var archiveComponent = (componentId) => {
-  const store = (0, import_store31.__getStore)();
-  const dispatch18 = store?.dispatch;
-  if (!dispatch18) {
-    return;
-  }
-  dispatch18(slice.actions.archive(componentId));
-  (0, import_editor_documents6.setDocumentModifiedStatus)(true);
-};
-
-// src/store/actions/load-components-assets.ts
-var import_editor_documents8 = require("@elementor/editor-documents");
+var import_editor_documents7 = require("@elementor/editor-documents");
+var import_editor_elements5 = require("@elementor/editor-elements");
+var import_store33 = require("@elementor/store");
 
 // src/create-component-type.ts
 var import_editor_canvas4 = require("@elementor/editor-canvas");
-var import_editor_documents7 = require("@elementor/editor-documents");
-var import_store35 = require("@elementor/store");
+var import_editor_documents6 = require("@elementor/editor-documents");
+var import_store31 = require("@elementor/store");
 var import_i18n13 = require("@wordpress/i18n");
 
 // src/utils/tracking.ts
 var import_mixpanel = require("@elementor/mixpanel");
-var import_store33 = require("@elementor/store");
+var import_store29 = require("@elementor/store");
 var trackComponentEvent = ({ action, ...data }) => {
   const { dispatchEvent, config } = (0, import_mixpanel.getMixpanel)();
   if (!config?.names?.components?.[action]) {
@@ -1757,7 +1730,7 @@ var onElementDrop = (_args, element) => {
   const componentName = editorSettings?.title;
   const componentUID = editorSettings?.component_uid;
   const instanceId = element.id;
-  const createdThisSession = selectCreatedThisSession((0, import_store33.__getState)());
+  const createdThisSession = selectCreatedThisSession((0, import_store29.__getState)());
   const isSameSessionReuse = componentUID && createdThisSession.includes(componentUID);
   const eventsManagerConfig = window.elementorCommon.eventsManager.config;
   const { locations, secondaryLocations } = eventsManagerConfig;
@@ -1810,7 +1783,7 @@ function createComponentView(options) {
     eventsManagerConfig = this.legacyWindow.elementorCommon.eventsManager.config;
     #componentRenderContext;
     isComponentCurrentlyEdited() {
-      const currentDocument = (0, import_editor_documents7.getCurrentDocument)();
+      const currentDocument = (0, import_editor_documents6.getCurrentDocument)();
       return currentDocument?.id === this.getComponentId();
     }
     getRenderContext() {
@@ -1983,7 +1956,7 @@ function createComponentModel() {
       }
       const componentUid = editorSettings?.component_uid;
       if (componentUid) {
-        const component = selectComponentByUid((0, import_store35.__getState)(), componentUid);
+        const component = selectComponentByUid((0, import_store31.__getState)(), componentUid);
         if (component?.name) {
           return component.name;
         }
@@ -2003,6 +1976,63 @@ function createComponentModel() {
   });
 }
 
+// src/store/actions/rename-component.ts
+var TITLE_EXTERNAL_CHANGE_COMMAND = "title_external_change";
+var renameComponent = (componentUid, newName) => {
+  (0, import_store33.__dispatch)(slice.actions.rename({ componentUid, name: newName }));
+  (0, import_editor_documents7.setDocumentModifiedStatus)(true);
+  refreshComponentInstanceTitles(componentUid);
+};
+function refreshComponentInstanceTitles(componentUid) {
+  const documentContainer = getDocumentContainer();
+  if (!documentContainer) {
+    return;
+  }
+  const componentInstances = findComponentInstancesByUid(documentContainer, componentUid);
+  componentInstances.forEach((element) => {
+    element.model.trigger?.(TITLE_EXTERNAL_CHANGE_COMMAND);
+  });
+}
+function getDocumentContainer() {
+  const documentsManager = (0, import_editor_documents7.getV1DocumentsManager)();
+  return documentsManager?.getCurrent()?.container;
+}
+function findComponentInstancesByUid(documentContainer, componentUid) {
+  const allDescendants = (0, import_editor_elements5.getAllDescendants)(documentContainer);
+  return allDescendants.filter((element) => {
+    const widgetType = element.model.get("widgetType");
+    const editorSettings = element.model.get("editor_settings");
+    const isMatch = widgetType === COMPONENT_WIDGET_TYPE && editorSettings?.component_uid === componentUid;
+    return isMatch;
+  });
+}
+
+// src/components/components-tab/components-item.tsx
+var React13 = __toESM(require("react"));
+var import_react8 = require("react");
+var import_editor_canvas5 = require("@elementor/editor-canvas");
+var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_ui6 = require("@elementor/editor-ui");
+var import_icons9 = require("@elementor/icons");
+var import_ui12 = require("@elementor/ui");
+var import_i18n15 = require("@wordpress/i18n");
+
+// src/store/actions/archive-component.ts
+var import_editor_documents8 = require("@elementor/editor-documents");
+var import_store35 = require("@elementor/store");
+var archiveComponent = (componentId) => {
+  const store = (0, import_store35.__getStore)();
+  const dispatch18 = store?.dispatch;
+  if (!dispatch18) {
+    return;
+  }
+  dispatch18(slice.actions.archive(componentId));
+  (0, import_editor_documents8.setDocumentModifiedStatus)(true);
+};
+
+// src/store/actions/load-components-assets.ts
+var import_editor_documents9 = require("@elementor/editor-documents");
+
 // src/utils/is-component-instance.ts
 function isComponentInstance(elementModel) {
   return [elementModel.widgetType, elementModel.elType].includes(COMPONENT_WIDGET_TYPE);
@@ -2102,9 +2132,9 @@ async function updateDocumentState(componentIds) {
   const components = (await Promise.all(componentIds.map(getComponentDocumentData))).filter(
     (document) => !!document
   );
-  const isDrafted = components.some(import_editor_documents8.isDocumentDirty);
+  const isDrafted = components.some(import_editor_documents9.isDocumentDirty);
   if (isDrafted) {
-    (0, import_editor_documents8.setDocumentModifiedStatus)(true);
+    (0, import_editor_documents9.setDocumentModifiedStatus)(true);
   }
 }
 
@@ -2155,9 +2185,9 @@ function validateComponentName(label) {
 }
 
 // src/utils/get-container-for-new-element.ts
-var import_editor_elements5 = require("@elementor/editor-elements");
+var import_editor_elements6 = require("@elementor/editor-elements");
 var getContainerForNewElement = () => {
-  const currentDocumentContainer = (0, import_editor_elements5.getCurrentDocumentContainer)();
+  const currentDocumentContainer = (0, import_editor_elements6.getCurrentDocumentContainer)();
   const selectedElement = getSelectedElementContainer();
   let container, options;
   if (selectedElement) {
@@ -2183,17 +2213,17 @@ var getContainerForNewElement = () => {
   return { container: container ?? currentDocumentContainer, options };
 };
 function getSelectedElementContainer() {
-  const selectedElements = (0, import_editor_elements5.getSelectedElements)();
+  const selectedElements = (0, import_editor_elements6.getSelectedElements)();
   if (selectedElements.length !== 1) {
     return void 0;
   }
-  return (0, import_editor_elements5.getContainer)(selectedElements[0].id);
+  return (0, import_editor_elements6.getContainer)(selectedElements[0].id);
 }
 
 // src/components/create-component-form/utils/replace-element-with-component.ts
-var import_editor_elements6 = require("@elementor/editor-elements");
-var replaceElementWithComponent = (element, component) => {
-  (0, import_editor_elements6.replaceElement)({
+var import_editor_elements7 = require("@elementor/editor-elements");
+var replaceElementWithComponent = async (element, component) => {
+  return await (0, import_editor_elements7.replaceElement)({
     currentElement: element,
     newElement: createComponentModel2(component),
     withHistory: false
@@ -2346,7 +2376,7 @@ var addComponentToPage = (model) => {
     throw new Error(`Can't find container to drop new component instance at`);
   }
   loadComponentsAssets([model]);
-  (0, import_editor_elements7.dropElement)({
+  (0, import_editor_elements8.dropElement)({
     containerId: container.id,
     model,
     options: { ...options, useHistory: false, scrollIntoView: true }
@@ -2552,16 +2582,17 @@ var COMPONENT_DOCUMENT_TYPE = "elementor_component";
 // src/components/create-component-form/create-component-form.tsx
 var React17 = __toESM(require("react"));
 var import_react10 = require("react");
-var import_editor_elements9 = require("@elementor/editor-elements");
+var import_editor_elements10 = require("@elementor/editor-elements");
 var import_editor_notifications2 = require("@elementor/editor-notifications");
 var import_editor_ui8 = require("@elementor/editor-ui");
 var import_icons11 = require("@elementor/icons");
+var import_store47 = require("@elementor/store");
 var import_ui15 = require("@elementor/ui");
 var import_i18n18 = require("@wordpress/i18n");
 
 // src/prevent-non-atomic-nesting.ts
 var import_editor_canvas6 = require("@elementor/editor-canvas");
-var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_elements9 = require("@elementor/editor-elements");
 var import_editor_notifications = require("@elementor/editor-notifications");
 var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_store43 = require("@elementor/store");
@@ -2593,7 +2624,7 @@ function isEditingComponent() {
   return selectCurrentComponentId(state) !== null;
 }
 function isElementAtomic(elementType) {
-  return (0, import_editor_elements8.getElementType)(elementType) !== null;
+  return (0, import_editor_elements9.getElementType)(elementType) !== null;
 }
 function blockNonAtomicCreate(args) {
   if (!isEditingComponent()) {
@@ -2619,7 +2650,7 @@ function blockNonAtomicMove(args) {
     if (!container) {
       return false;
     }
-    const allElements = (0, import_editor_elements8.getAllDescendants)(container);
+    const allElements = (0, import_editor_elements9.getAllDescendants)(container);
     return allElements.some((element) => !(0, import_editor_canvas6.isAtomicWidget)(element));
   });
   if (hasNonAtomicElement) {
@@ -2677,7 +2708,7 @@ function findNonAtomicElementsInElement(element) {
 var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 var import_store45 = require("@elementor/store");
 var import_utils4 = require("@elementor/utils");
-function createUnpublishedComponent(name, element, eventData, overridableProps, uid) {
+async function createUnpublishedComponent(name, element, eventData, overridableProps, uid) {
   const generatedUid = uid ?? (0, import_utils4.generateUniqueId)("component");
   const componentBase = { uid: generatedUid, name, overridableProps };
   (0, import_store45.__dispatch)(
@@ -2687,15 +2718,15 @@ function createUnpublishedComponent(name, element, eventData, overridableProps,
     })
   );
   (0, import_store45.__dispatch)(slice.actions.addCreatedThisSession(generatedUid));
-  replaceElementWithComponent(element, componentBase);
+  const componentInstance = await replaceElementWithComponent(element, componentBase);
   trackComponentEvent({
     action: "created",
     component_uid: generatedUid,
     component_name: name,
     ...eventData
   });
-  (0, import_editor_v1_adapters5.__privateRunCommand)("document/save/auto");
-  return generatedUid;
+  await (0, import_editor_v1_adapters5.__privateRunCommand)("document/save/auto");
+  return { uid: generatedUid, instanceId: componentInstance.id };
 }
 
 // src/components/create-component-form/hooks/use-form.ts
@@ -2797,7 +2828,7 @@ function CreateComponentForm() {
         });
         return;
       }
-      setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements9.getElementLabel)(event.detail.element.id) });
+      setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements10.getElementLabel)(event.detail.element.id) });
       setAnchorPosition(event.detail.anchorPosition);
       eventData.current = getComponentEventData(event.detail.element, event.detail.options);
       trackComponentEvent({
@@ -2810,12 +2841,22 @@ function CreateComponentForm() {
       window.removeEventListener(OPEN_SAVE_AS_COMPONENT_FORM_EVENT, openPopup);
     };
   }, []);
-  const handleSave = (values) => {
+  const handleSave = async (values) => {
     try {
       if (!element) {
         throw new Error(`Can't save element as component: element not found`);
       }
-      const uid = createUnpublishedComponent(values.componentName, element.element, eventData.current);
+      const { uid, instanceId } = await createUnpublishedComponent(
+        values.componentName,
+        element.element,
+        eventData.current
+      );
+      const publishedComponentId = selectComponentByUid((0, import_store47.__getState)(), uid)?.id;
+      if (publishedComponentId) {
+        switchToComponent(publishedComponentId, instanceId);
+      } else {
+        throw new Error("Failed to find published component");
+      }
       setResultNotification({
         show: true,
         // Translators: %1$s: Component name, %2$s: Component UID
@@ -2930,19 +2971,19 @@ var Form2 = ({
 // src/components/edit-component/edit-component.tsx
 var React19 = __toESM(require("react"));
 var import_react13 = require("react");
-var import_editor_documents10 = require("@elementor/editor-documents");
+var import_editor_documents11 = require("@elementor/editor-documents");
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
-var import_store49 = require("@elementor/store");
+var import_store51 = require("@elementor/store");
 var import_utils6 = require("@elementor/utils");
 
 // src/store/actions/update-current-component.ts
-var import_editor_documents9 = require("@elementor/editor-documents");
-var import_store47 = require("@elementor/store");
+var import_editor_documents10 = require("@elementor/editor-documents");
+var import_store49 = require("@elementor/store");
 function updateCurrentComponent({
   path,
   currentComponentId
 }) {
-  const dispatch18 = (0, import_store47.__getStore)()?.dispatch;
+  const dispatch18 = (0, import_store49.__getStore)()?.dispatch;
   if (!dispatch18) {
     return;
   }
@@ -3142,9 +3183,9 @@ function EditComponent() {
   return /* @__PURE__ */ React19.createElement(ComponentModal, { element: elementDom, onClose });
 }
 function useHandleDocumentSwitches() {
-  const documentsManager = (0, import_editor_documents10.getV1DocumentsManager)();
+  const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
   const currentComponentId = useCurrentComponentId();
-  const path = (0, import_store49.__useSelector)(selectPath);
+  const path = (0, import_store51.__useSelector)(selectPath);
   (0, import_react13.useEffect)(() => {
     return (0, import_editor_v1_adapters7.__privateListenTo)((0, import_editor_v1_adapters7.commandEndEvent)("editor/documents/open"), () => {
       const nextDocument = documentsManager.getCurrent();
@@ -3186,7 +3227,7 @@ function getInstanceTitle(instanceId, path) {
   if (!instanceId) {
     return void 0;
   }
-  const documentsManager = (0, import_editor_documents10.getV1DocumentsManager)();
+  const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
   const parentDocId = path.at(-1)?.componentId ?? documentsManager.getInitialId();
   const parentDoc = documentsManager.get(parentDocId);
   const parentContainer = parentDoc?.container;
@@ -3200,7 +3241,7 @@ function getComponentDOMElement(id2) {
   if (!id2) {
     return null;
   }
-  const documentsManager = (0, import_editor_documents10.getV1DocumentsManager)();
+  const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
   const currentComponent = documentsManager.get(id2);
   const widget = currentComponent?.container;
   const container = widget?.view?.el?.children?.[0] ?? null;
@@ -3231,7 +3272,7 @@ var EditModeDialog = ({ lockedBy }) => {
 var React25 = __toESM(require("react"));
 var import_editor_controls4 = require("@elementor/editor-controls");
 var import_editor_editing_panel5 = require("@elementor/editor-editing-panel");
-var import_editor_elements13 = require("@elementor/editor-elements");
+var import_editor_elements14 = require("@elementor/editor-elements");
 var import_editor_panels3 = require("@elementor/editor-panels");
 var import_icons14 = require("@elementor/icons");
 var import_ui21 = require("@elementor/ui");
@@ -3239,7 +3280,7 @@ var import_i18n22 = require("@wordpress/i18n");
 
 // src/hooks/use-component-instance-settings.ts
 var import_editor_editing_panel2 = require("@elementor/editor-editing-panel");
-var import_editor_elements10 = require("@elementor/editor-elements");
+var import_editor_elements11 = require("@elementor/editor-elements");
 
 // src/prop-types/component-instance-prop-type.ts
 var import_editor_props4 = require("@elementor/editor-props");
@@ -3296,7 +3337,7 @@ var componentInstancePropTypeUtil = (0, import_editor_props4.createPropUtils)(
 // src/hooks/use-component-instance-settings.ts
 function useComponentInstanceSettings() {
   const { element } = (0, import_editor_editing_panel2.useElement)();
-  const settings = (0, import_editor_elements10.useElementSetting)(element.id, "component_instance");
+  const settings = (0, import_editor_elements11.useElementSetting)(element.id, "component_instance");
   return componentInstancePropTypeUtil.extract(settings);
 }
 
@@ -3340,9 +3381,9 @@ var import_editor_editing_panel3 = require("@elementor/editor-editing-panel");
 var import_ui19 = require("@elementor/ui");
 
 // src/hooks/use-controls-by-widget-type.ts
-var import_editor_elements11 = require("@elementor/editor-elements");
+var import_editor_elements12 = require("@elementor/editor-elements");
 function useControlsByWidgetType(type) {
-  const elementType = (0, import_editor_elements11.getElementType)(type);
+  const elementType = (0, import_editor_elements12.getElementType)(type);
   if (!elementType) {
     return {};
   }
@@ -3371,9 +3412,9 @@ function getControlsByBind(controls) {
 }
 
 // src/store/actions/update-overridable-prop.ts
-var import_store51 = require("@elementor/store");
+var import_store53 = require("@elementor/store");
 function updateOverridableProp(componentId, propValue, originPropFields) {
-  const overridableProps = selectOverridableProps((0, import_store51.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store53.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -3397,7 +3438,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
       }
     }
   };
-  (0, import_store51.__dispatch)(
+  (0, import_store53.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: newOverridableProps
@@ -3406,7 +3447,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
 }
 
 // src/utils/get-prop-type-for-component-override.ts
-var import_editor_elements12 = require("@elementor/editor-elements");
+var import_editor_elements13 = require("@elementor/editor-elements");
 var getPropTypeForComponentOverride = (overridableProp) => {
   if (overridableProp.originPropFields) {
     return getPropType(overridableProp.originPropFields);
@@ -3419,7 +3460,7 @@ var getPropTypeForComponentOverride = (overridableProp) => {
   });
 };
 function getPropType({ widgetType, propKey }) {
-  const widgetPropsSchema = (0, import_editor_elements12.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
+  const widgetPropsSchema = (0, import_editor_elements13.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
   return widgetPropsSchema?.[propKey];
 }
 
@@ -3592,7 +3633,7 @@ function InstanceEditingPanel() {
   const overrides = settings?.overrides?.value;
   const component = useComponent(componentId ?? null);
   const overridableProps = useOverridableProps(componentId ?? null);
-  const componentInstanceId = (0, import_editor_elements13.useSelectedElement)()?.element?.id ?? null;
+  const componentInstanceId = (0, import_editor_elements14.useSelectedElement)()?.element?.id ?? null;
   if (!componentId || !overridableProps || !component) {
     return null;
   }
@@ -3680,12 +3721,12 @@ function OverridablePropControl({
 var React29 = __toESM(require("react"));
 var import_editor_controls6 = require("@elementor/editor-controls");
 var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
-var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_elements15 = require("@elementor/editor-elements");
 var import_ui23 = require("@elementor/ui");
 var import_i18n24 = require("@wordpress/i18n");
 
 // src/store/actions/set-overridable-prop.ts
-var import_store56 = require("@elementor/store");
+var import_store58 = require("@elementor/store");
 var import_utils7 = require("@elementor/utils");
 function setOverridableProp({
   componentId,
@@ -3699,7 +3740,7 @@ function setOverridableProp({
   originValue,
   originPropFields
 }) {
-  const overridableProps = selectOverridableProps((0, import_store56.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store58.__getState)(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -3736,7 +3777,7 @@ function setOverridableProp({
   if (isChangingGroups) {
     groups = removePropFromGroup(groups, existingOverridableProp.groupId, overridableProp.overrideKey);
   }
-  (0, import_store56.__dispatch)(
+  (0, import_store58.__dispatch)(
     slice.actions.setOverridableProps({
       componentId,
       overridableProps: {
@@ -3819,12 +3860,12 @@ var Indicator2 = (0, import_react16.forwardRef)(({ isOpen, isOverridable, ...pro
 )));
 
 // src/components/overridable-props/utils/get-overridable-prop.ts
-var import_store58 = require("@elementor/store");
+var import_store60 = require("@elementor/store");
 function getOverridableProp({
   componentId,
   overrideKey
 }) {
-  const overridableProps = selectOverridableProps((0, import_store58.__getState)(), componentId);
+  const overridableProps = selectOverridableProps((0, import_store60.__getState)(), componentId);
   if (!overridableProps) {
     return void 0;
   }
@@ -3858,7 +3899,7 @@ function Content2({ componentId, overridableProps }) {
   });
   const triggerProps = (0, import_ui23.bindTrigger)(popupState);
   const popoverProps = (0, import_ui23.bindPopover)(popupState);
-  const { elType } = (0, import_editor_elements14.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
+  const { elType } = (0, import_editor_elements15.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
   const handleSubmit = ({ label, group }) => {
     const propTypeDefault = propType.default ?? {};
     const originValue = (!overridableValue ? value : overridableValue?.origin_value) ?? propTypeDefault;
@@ -3919,7 +3960,7 @@ function isPropAllowed(bind) {
 }
 
 // src/hooks/regenerate-override-keys.ts
-var import_editor_elements15 = require("@elementor/editor-elements");
+var import_editor_elements16 = require("@elementor/editor-elements");
 var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 var import_utils8 = require("@elementor/utils");
 function initRegenerateOverrideKeys() {
@@ -3940,11 +3981,11 @@ function regenerateOverrideKeysForContainers(result) {
   });
 }
 function regenerateOverrideKeysRecursive(elementId) {
-  const container = (0, import_editor_elements15.getContainer)(elementId);
+  const container = (0, import_editor_elements16.getContainer)(elementId);
   if (!container) {
     return;
   }
-  (0, import_editor_elements15.getAllDescendants)(container).forEach(regenerateOverrideKeys);
+  (0, import_editor_elements16.getAllDescendants)(container).forEach(regenerateOverrideKeys);
 }
 function regenerateOverrideKeys(element) {
   if (!isComponentInstance(element.model.toJSON())) {
@@ -3978,7 +4019,7 @@ function regenerateOverrideKeys(element) {
       }
     }
   };
-  (0, import_editor_elements15.updateElementSettings)({
+  (0, import_editor_elements16.updateElementSettings)({
     id: element.id,
     props: { component_instance: newComponentInstance },
     withHistory: false
@@ -4002,7 +4043,7 @@ var import_editor_mcp2 = require("@elementor/editor-mcp");
 
 // src/mcp/save-as-component-tool.ts
 var import_editor_canvas8 = require("@elementor/editor-canvas");
-var import_editor_elements16 = require("@elementor/editor-elements");
+var import_editor_elements17 = require("@elementor/editor-elements");
 var import_editor_mcp = require("@elementor/editor-mcp");
 var import_http_client2 = require("@elementor/http-client");
 var import_schema6 = require("@elementor/schema");
@@ -4040,7 +4081,7 @@ var ERROR_MESSAGES2 = {
 var handleSaveAsComponent = async (params) => {
   const { element_id: elementId, component_name: componentName, overridable_props: overridablePropsInput } = params;
   const validElementTypes = getValidElementTypes();
-  const container = (0, import_editor_elements16.getContainer)(elementId);
+  const container = (0, import_editor_elements17.getContainer)(elementId);
   if (!container) {
     throw new Error(ERROR_MESSAGES2.ELEMENT_NOT_FOUND);
   }
@@ -4087,7 +4128,7 @@ function enrichOverridableProps(input, rootElement) {
     }
     const elType = element.elType;
     const widgetType = element.widgetType || element.elType;
-    const elementType = (0, import_editor_elements16.getElementType)(widgetType);
+    const elementType = (0, import_editor_elements17.getElementType)(widgetType);
     if (!elementType) {
       throw new Error(
         `Element type "${widgetType}" is not atomic or does not have a settings schema. Cannot expose property "${propKey}" for element "${elementId}".`
@@ -4156,7 +4197,7 @@ function findElementById(root, targetId) {
   return null;
 }
 function getValidElementTypes() {
-  const types = (0, import_editor_elements16.getWidgetsCache)();
+  const types = (0, import_editor_elements17.getWidgetsCache)();
   if (!types) {
     return [];
   }
@@ -4334,19 +4375,19 @@ function initMcp() {
 
 // src/populate-store.ts
 var import_react17 = require("react");
-var import_store61 = require("@elementor/store");
+var import_store63 = require("@elementor/store");
 function PopulateStore() {
   (0, import_react17.useEffect)(() => {
-    (0, import_store61.__dispatch)(loadComponents());
+    (0, import_store63.__dispatch)(loadComponents());
   }, []);
   return null;
 }
 
 // src/prevent-circular-nesting.ts
-var import_editor_elements17 = require("@elementor/editor-elements");
+var import_editor_elements18 = require("@elementor/editor-elements");
 var import_editor_notifications3 = require("@elementor/editor-notifications");
 var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
-var import_store62 = require("@elementor/store");
+var import_store64 = require("@elementor/store");
 var import_i18n25 = require("@wordpress/i18n");
 var COMPONENT_TYPE = "e-component";
 var COMPONENT_CIRCULAR_NESTING_ALERT = {
@@ -4372,7 +4413,7 @@ function wouldCreateCircularNesting(componentIdToAdd) {
   if (componentIdToAdd === void 0) {
     return false;
   }
-  const state = (0, import_store62.__getState)();
+  const state = (0, import_store64.__getState)();
   const currentComponentId = selectCurrentComponentId(state);
   const path = selectPath(state);
   if (currentComponentId === null) {
@@ -4438,7 +4479,7 @@ function blockCircularMove(args) {
     if (!container) {
       return false;
     }
-    const allElements = (0, import_editor_elements17.getAllDescendants)(container);
+    const allElements = (0, import_editor_elements18.getAllDescendants)(container);
     return allElements.some((element) => {
       const componentId = extractComponentIdFromContainer(element);
       if (componentId === null) {
@@ -4470,19 +4511,19 @@ function blockCircularPaste(args) {
 }
 
 // src/store/actions/remove-component-styles.ts
-var import_store64 = require("@elementor/store");
+var import_store66 = require("@elementor/store");
 function removeComponentStyles(id2) {
   apiClient.invalidateComponentConfigCache(id2);
-  (0, import_store64.__dispatch)(slice.actions.removeStyles({ id: id2 }));
+  (0, import_store66.__dispatch)(slice.actions.removeStyles({ id: id2 }));
 }
 
 // src/store/components-styles-provider.ts
 var import_editor_styles_repository = require("@elementor/editor-styles-repository");
-var import_store66 = require("@elementor/store");
+var import_store68 = require("@elementor/store");
 var componentsStylesProvider = (0, import_editor_styles_repository.createStylesProvider)({
   key: "components-styles",
   priority: 100,
-  subscribe: (cb) => (0, import_store66.__subscribeWithSelector)(
+  subscribe: (cb) => (0, import_store68.__subscribeWithSelector)(
     (state) => state[SLICE_NAME],
     () => {
       cb();
@@ -4490,29 +4531,29 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
   ),
   actions: {
     all: () => {
-      return selectFlatStyles((0, import_store66.__getState)());
+      return selectFlatStyles((0, import_store68.__getState)());
     },
     get: (id2) => {
-      return selectFlatStyles((0, import_store66.__getState)()).find((style) => style.id === id2) ?? null;
+      return selectFlatStyles((0, import_store68.__getState)()).find((style) => style.id === id2) ?? null;
     }
   }
 });
 
 // src/sync/create-components-before-save.ts
-var import_editor_elements18 = require("@elementor/editor-elements");
-var import_store68 = require("@elementor/store");
+var import_editor_elements19 = require("@elementor/editor-elements");
+var import_store70 = require("@elementor/store");
 async function createComponentsBeforeSave({
   elements,
   status
 }) {
-  const unpublishedComponents = selectUnpublishedComponents((0, import_store68.__getState)());
+  const unpublishedComponents = selectUnpublishedComponents((0, import_store70.__getState)());
   if (!unpublishedComponents.length) {
     return;
   }
   try {
     const uidToComponentId = await createComponents(unpublishedComponents, status);
     updateComponentInstances(elements, uidToComponentId);
-    (0, import_store68.__dispatch)(
+    (0, import_store70.__dispatch)(
       slice.actions.add(
         unpublishedComponents.map((component) => ({
           id: uidToComponentId.get(component.uid),
@@ -4522,7 +4563,7 @@ async function createComponentsBeforeSave({
         }))
       )
     );
-    (0, import_store68.__dispatch)(slice.actions.resetUnpublished());
+    (0, import_store70.__dispatch)(slice.actions.resetUnpublished());
   } catch (error) {
     throw new Error(`Failed to publish components and update component instances: ${error}`);
   }
@@ -4567,7 +4608,7 @@ function shouldUpdateElement(element, uidToComponentId) {
   return { shouldUpdate: false, newComponentId: null };
 }
 function updateElementComponentId(elementId, componentId) {
-  (0, import_editor_elements18.updateElementSettings)({
+  (0, import_editor_elements19.updateElementSettings)({
     id: elementId,
     props: {
       component_instance: {
@@ -4582,7 +4623,7 @@ function updateElementComponentId(elementId, componentId) {
 }
 
 // src/sync/set-component-overridable-props-settings-before-save.ts
-var import_store70 = require("@elementor/store");
+var import_store72 = require("@elementor/store");
 var setComponentOverridablePropsSettingsBeforeSave = ({
   container
 }) => {
@@ -4590,7 +4631,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
   if (!currentDocument || currentDocument.config.type !== COMPONENT_DOCUMENT_TYPE) {
     return;
   }
-  const overridableProps = selectOverridableProps((0, import_store70.__getState)(), currentDocument.id);
+  const overridableProps = selectOverridableProps((0, import_store72.__getState)(), currentDocument.id);
   if (overridableProps) {
     container.settings.set("overridable_props", overridableProps);
   }
@@ -4598,7 +4639,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
 
 // src/sync/update-archived-component-before-save.ts
 var import_editor_notifications4 = require("@elementor/editor-notifications");
-var import_store72 = require("@elementor/store");
+var import_store74 = require("@elementor/store");
 var failedNotification = (message) => ({
   type: "error",
   message: `Failed to archive components: ${message}`,
@@ -4611,7 +4652,7 @@ var successNotification = (message) => ({
 });
 var updateArchivedComponentBeforeSave = async () => {
   try {
-    const archivedComponents = selectArchivedComponents((0, import_store72.__getState)());
+    const archivedComponents = selectArchivedComponents((0, import_store74.__getState)());
     if (!archivedComponents.length) {
       return;
     }
@@ -4632,27 +4673,27 @@ var updateArchivedComponentBeforeSave = async () => {
 };
 
 // src/sync/update-component-title-before-save.ts
-var import_store74 = require("@elementor/store");
+var import_store76 = require("@elementor/store");
 var updateComponentTitleBeforeSave = async () => {
-  const updatedComponentNames = selectUpdatedComponentNames((0, import_store74.__getState)());
+  const updatedComponentNames = selectUpdatedComponentNames((0, import_store76.__getState)());
   if (!updatedComponentNames.length) {
     return;
   }
   const result = await apiClient.updateComponentTitle(updatedComponentNames);
   if (result.failedIds.length === 0) {
-    (0, import_store74.__dispatch)(slice.actions.cleanUpdatedComponentNames());
+    (0, import_store76.__dispatch)(slice.actions.cleanUpdatedComponentNames());
   }
 };
 
 // src/sync/update-components-before-save.ts
-var import_editor_documents11 = require("@elementor/editor-documents");
+var import_editor_documents12 = require("@elementor/editor-documents");
 async function updateComponentsBeforeSave({ status, elements }) {
   if (status !== "publish") {
     return;
   }
   const componentIds = await getComponentIds(elements);
   const componentDocumentData = await Promise.all(componentIds.map(getComponentDocumentData));
-  const draftIds = componentDocumentData.filter((document) => !!document).filter(import_editor_documents11.isDocumentDirty).map((document) => document.id);
+  const draftIds = componentDocumentData.filter((document) => !!document).filter(import_editor_documents12.isDocumentDirty).map((document) => document.id);
   if (draftIds.length === 0) {
     return;
   }
@@ -4675,14 +4716,14 @@ var beforeSave = ({ container, status }) => {
 // src/init.ts
 function init() {
   import_editor_styles_repository2.stylesRepository.register(componentsStylesProvider);
-  (0, import_store76.__registerSlice)(slice);
+  (0, import_store78.__registerSlice)(slice);
   (0, import_editor_panels4.__registerPanel)(panel);
   (0, import_editor_canvas9.registerElementType)(
     COMPONENT_WIDGET_TYPE,
     (options) => createComponentType({ ...options, showLockedByModal: openEditModeDialog })
   );
   (0, import_editor_v1_adapters10.registerDataHook)("dependency", "editor/documents/close", (args) => {
-    const document = (0, import_editor_documents12.getV1CurrentDocument)();
+    const document = (0, import_editor_documents13.getV1CurrentDocument)();
     if (document.config.type === COMPONENT_DOCUMENT_TYPE) {
       args.mode = "autosave";
     }
@@ -4712,7 +4753,7 @@ function init() {
     component: ComponentPanelHeader
   });
   (0, import_editor_v1_adapters10.registerDataHook)("after", "editor/documents/attach-preview", async () => {
-    const { id: id2, config } = (0, import_editor_documents12.getV1CurrentDocument)();
+    const { id: id2, config } = (0, import_editor_documents13.getV1CurrentDocument)();
     if (id2) {
       removeComponentStyles(id2);
     }