@elementor/editor-components 4.0.0-609 → 4.0.0-621

package/dist/index.js

@@ -1254,6 +1254,7 @@ function OverrideControl({ overridableProp }) {
   if (!elementType) {
     return null;
   }
+  const settings = (0, import_editor_elements4.getElementSettings)(elementId, Object.keys(elementType.propsSchema));
   const propTypeSchema = (0, import_editor_editing_panel.createTopLevelObjectType)({
     schema: {
       [overridableProp.overrideKey]: propType
@@ -1265,7 +1266,7 @@ function OverrideControl({ overridableProp }) {
       value: componentOverridablePropTypeUtil.extract(matchingOverride) ?? void 0,
       componentInstanceElement
     },
-    /* @__PURE__ */ React13.createElement(import_editor_editing_panel.ElementProvider, { element: { id: elementId, type }, elementType }, /* @__PURE__ */ React13.createElement(import_editor_editing_panel.SettingsField, { bind: propKey, propDisplayName: overridableProp.label }, /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React13.createElement(import_editor_editing_panel.ElementProvider, { element: { id: elementId, type }, elementType, settings }, /* @__PURE__ */ React13.createElement(import_editor_editing_panel.SettingsField, { bind: propKey, propDisplayName: overridableProp.label }, /* @__PURE__ */ React13.createElement(
       import_editor_controls2.PropProvider,
       {
         propType: propTypeSchema,
@@ -1411,7 +1412,6 @@ function EditComponentAction({ label, onClick, disabled = false, icon: Icon2 })
 
 // src/components/instance-editing-panel/use-instance-panel-data.ts
 var import_editor_editing_panel4 = require("@elementor/editor-editing-panel");
-var import_editor_elements5 = require("@elementor/editor-elements");
 
 // src/utils/filter-valid-overridable-props.ts
 function filterValidOverridableProps(overridableProps, instanceElementId) {
@@ -1487,11 +1487,11 @@ function useSanitizeOverridableProps(componentId, instanceElementId) {
 
 // src/components/instance-editing-panel/use-instance-panel-data.ts
 function useInstancePanelData() {
-  const settings = useComponentInstanceSettings();
+  const { element, settings } = useComponentInstanceSettings();
   const componentId = settings?.component_id?.value;
   const overrides = settings?.overrides?.value;
   const component = useComponent(componentId ?? null);
-  const componentInstanceId = (0, import_editor_elements5.useSelectedElement)()?.element?.id;
+  const componentInstanceId = element?.id;
   const overridableProps = useSanitizeOverridableProps(componentId ?? null, componentInstanceId);
   if (!componentId || !overridableProps || !component) {
     return null;
@@ -1502,9 +1502,8 @@ function useInstancePanelData() {
   return { componentId, component, overrides, overridableProps, groups, isEmpty, componentInstanceId };
 }
 function useComponentInstanceSettings() {
-  const { element } = (0, import_editor_editing_panel4.useElement)();
-  const settings = (0, import_editor_elements5.useElementSetting)(element.id, "component_instance");
-  return componentInstancePropTypeUtil.extract(settings);
+  const { element, settings } = (0, import_editor_editing_panel4.useElement)();
+  return { element, settings: componentInstancePropTypeUtil.extract(settings.component_instance) };
 }
 
 // src/components/instance-editing-panel/instance-editing-panel.tsx
@@ -1552,6 +1551,7 @@ var import_editor_documents4 = require("@elementor/editor-documents");
 var import_editor_canvas4 = require("@elementor/editor-canvas");
 var import_editor_documents3 = require("@elementor/editor-documents");
 var import_store18 = require("@elementor/store");
+var import_utils4 = require("@elementor/utils");
 var import_i18n7 = require("@wordpress/i18n");
 
 // src/utils/format-component-elements-id.ts
@@ -1572,7 +1572,7 @@ function formatComponentElementsId(elements, path) {
 
 // src/utils/switch-to-component.ts
 var import_editor_documents2 = require("@elementor/editor-documents");
-var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_elements5 = require("@elementor/editor-elements");
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 async function switchToComponent(componentId, componentInstanceId, element) {
   const selector = getSelector(element, componentInstanceId);
@@ -1583,10 +1583,10 @@ async function switchToComponent(componentId, componentInstanceId, element) {
     setAsInitial: false,
     shouldScroll: false
   });
-  const currentDocumentContainer = (0, import_editor_elements6.getCurrentDocumentContainer)();
+  const currentDocumentContainer = (0, import_editor_elements5.getCurrentDocumentContainer)();
   const topLevelElement = currentDocumentContainer?.children?.[0];
   if (topLevelElement) {
-    (0, import_editor_elements6.selectElement)(topLevelElement.id);
+    (0, import_editor_elements5.selectElement)(topLevelElement.id);
     expandNavigator();
   }
 }
@@ -1663,6 +1663,7 @@ var onElementDrop = (_args, element) => {
 
 // src/create-component-type.ts
 var COMPONENT_WIDGET_TYPE = "e-component";
+var EDIT_COMPONENT_UPGRADE_URL = "https://go.elementor.com/go-pro-components-edit/";
 var updateGroups = (groups, config) => {
   const disableMap = new Map(Object.entries(config.disable ?? {}));
   const addMap = new Map(Object.entries(config.add ?? {}));
@@ -1771,6 +1772,10 @@ function createComponentView(options) {
     }
     _getContextMenuConfig() {
       const isAdministrator = isUserAdministrator();
+      const hasPro = (0, import_utils4.hasProInstalled)();
+      const proLabel = (0, import_i18n7.__)("PRO", "elementor");
+      const badgeClass = "elementor-context-menu-list__item__shortcut__new-badge";
+      const proBadge = `<a href="${EDIT_COMPONENT_UPGRADE_URL}" target="_blank" onclick="event.stopPropagation()" class="${badgeClass}">${proLabel}</a>`;
       const addedGroup = {
         general: {
           index: 1,
@@ -1778,7 +1783,8 @@ function createComponentView(options) {
             name: "edit component",
             icon: "eicon-edit",
             title: () => (0, import_i18n7.__)("Edit Component", "elementor"),
-            isEnabled: () => true,
+            ...!hasPro && { shortcut: proBadge, hasShortcutAction: true },
+            isEnabled: () => hasPro,
             callback: (_, eventData) => this.editComponent(eventData)
           }
         }
@@ -1799,7 +1805,8 @@ function createComponentView(options) {
       }
     }
     editComponent({ trigger, location, secondaryLocation }) {
-      if (this.isComponentCurrentlyEdited()) {
+      const hasPro = (0, import_utils4.hasProInstalled)();
+      if (!hasPro || this.isComponentCurrentlyEdited()) {
         return;
       }
       this.switchDocument();
@@ -1816,8 +1823,7 @@ function createComponentView(options) {
     }
     handleDblClick(e) {
       e.stopPropagation();
-      const isAdministrator = isUserAdministrator();
-      if (!isAdministrator) {
+      if (!isUserAdministrator() || !(0, import_utils4.hasProInstalled)()) {
         return;
       }
       const { triggers, locations, secondaryLocations } = this.eventsManagerConfig;
@@ -2127,7 +2133,6 @@ var ComponentIntroduction = ({
 // src/extended/components/component-properties-panel/component-properties-panel.tsx
 var React25 = __toESM(require("react"));
 var import_editor_editing_panel5 = require("@elementor/editor-editing-panel");
-var import_editor_elements9 = require("@elementor/editor-elements");
 var import_editor_panels4 = require("@elementor/editor-panels");
 var import_editor_ui11 = require("@elementor/editor-ui");
 var import_ui21 = require("@elementor/ui");
@@ -2140,7 +2145,7 @@ var import_editor_documents7 = require("@elementor/editor-documents");
 var import_editor_panels3 = require("@elementor/editor-panels");
 var import_icons12 = require("@elementor/icons");
 var import_ui20 = require("@elementor/ui");
-var import_utils5 = require("@elementor/utils");
+var import_utils6 = require("@elementor/utils");
 var import_i18n16 = require("@wordpress/i18n");
 
 // src/extended/store/actions/add-overridable-group.ts
@@ -2190,7 +2195,7 @@ function addOverridableGroup({
 var import_store28 = require("@elementor/store");
 
 // src/extended/store/utils/groups-transformers.ts
-var import_utils4 = require("@elementor/utils");
+var import_utils5 = require("@elementor/utils");
 var import_i18n9 = require("@wordpress/i18n");
 function removePropFromAllGroups(groups, propKey) {
   const propKeys = Array.isArray(propKey) ? propKey : [propKey];
@@ -2259,7 +2264,7 @@ function resolveOrCreateGroup(groups, requestedGroupId) {
   return createGroup(groups, requestedGroupId);
 }
 function createGroup(groups, groupId, label) {
-  const newGroupId = groupId || (0, import_utils4.generateUniqueId)("group");
+  const newGroupId = groupId || (0, import_utils5.generateUniqueId)("group");
   const newLabel = label || (0, import_i18n9.__)("Default", "elementor");
   return {
     groups: {
@@ -2361,9 +2366,9 @@ function deleteOverridableGroup({ componentId, groupId }) {
 var import_store30 = require("@elementor/store");
 
 // src/extended/utils/revert-overridable-settings.ts
-var import_editor_elements7 = require("@elementor/editor-elements");
+var import_editor_elements6 = require("@elementor/editor-elements");
 function revertElementOverridableSetting(elementId, settingKey, originValue, overrideKey) {
-  const container = (0, import_editor_elements7.getContainer)(elementId);
+  const container = (0, import_editor_elements6.getContainer)(elementId);
   if (!container) {
     return;
   }
@@ -2371,14 +2376,14 @@ function revertElementOverridableSetting(elementId, settingKey, originValue, ove
     revertComponentInstanceOverridableSetting(elementId, overrideKey);
     return;
   }
-  (0, import_editor_elements7.updateElementSettings)({
+  (0, import_editor_elements6.updateElementSettings)({
     id: elementId,
     props: { [settingKey]: originValue ?? null },
     withHistory: false
   });
 }
 function revertComponentInstanceOverridableSetting(elementId, overrideKey) {
-  const setting = (0, import_editor_elements7.getElementSetting)(elementId, "component_instance");
+  const setting = (0, import_editor_elements6.getElementSetting)(elementId, "component_instance");
   const componentInstance = componentInstancePropTypeUtil.extract(setting);
   const overrides = componentInstanceOverridesPropTypeUtil.extract(componentInstance?.overrides);
   if (!overrides?.length) {
@@ -2389,7 +2394,7 @@ function revertComponentInstanceOverridableSetting(elementId, overrideKey) {
     ...componentInstance,
     overrides: componentInstanceOverridesPropTypeUtil.create(revertedOverrides)
   });
-  (0, import_editor_elements7.updateElementSettings)({
+  (0, import_editor_elements6.updateElementSettings)({
     id: elementId,
     props: { component_instance: updatedSetting },
     withHistory: false
@@ -2454,7 +2459,7 @@ function revertComponentInstanceSettings(settings) {
   };
 }
 function revertAllOverridablesInContainer(container) {
-  (0, import_editor_elements7.getAllDescendants)(container).forEach((element) => {
+  (0, import_editor_elements6.getAllDescendants)(container).forEach((element) => {
     if (element.model.get("widgetType") === COMPONENT_WIDGET_TYPE) {
       revertComponentInstanceOverridesInElement(element);
     } else {
@@ -2474,7 +2479,7 @@ function revertComponentInstanceOverridesInElement(element) {
     ...componentInstance,
     overrides: componentInstanceOverridesPropTypeUtil.create(revertedOverrides)
   });
-  (0, import_editor_elements7.updateElementSettings)({
+  (0, import_editor_elements6.updateElementSettings)({
     id: element.id,
     props: { component_instance: updatedSetting },
     withHistory: false
@@ -2486,7 +2491,7 @@ function revertElementSettings(element) {
   if (!hasChanges) {
     return;
   }
-  (0, import_editor_elements7.updateElementSettings)({
+  (0, import_editor_elements6.updateElementSettings)({
     id: element.id,
     props: revertedSettings,
     withHistory: false
@@ -2683,7 +2688,7 @@ var import_i18n13 = require("@wordpress/i18n");
 
 // src/extended/components/component-properties-panel/property-item.tsx
 var React22 = __toESM(require("react"));
-var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_elements7 = require("@elementor/editor-elements");
 var import_icons10 = require("@elementor/icons");
 var import_ui18 = require("@elementor/ui");
 
@@ -2956,7 +2961,7 @@ function PropertyItem({
 }
 function getElementIcon(prop) {
   const elType = prop.elType === "widget" ? prop.widgetType : prop.elType;
-  const widgetsCache = (0, import_editor_elements8.getWidgetsCache)();
+  const widgetsCache = (0, import_editor_elements7.getWidgetsCache)();
   if (!widgetsCache) {
     return "eicon-apps";
   }
@@ -3247,7 +3252,7 @@ function ComponentPropertiesPanelContent({ onClose }) {
     if (isAddingGroup) {
       return;
     }
-    const newGroupId = (0, import_utils5.generateUniqueId)("group");
+    const newGroupId = (0, import_utils6.generateUniqueId)("group");
     const newLabel = generateUniqueLabel(groups);
     addOverridableGroup({
       componentId: currentComponentId,
@@ -3327,13 +3332,9 @@ var { panel, usePanelActions } = (0, import_editor_panels4.__createPanel)({
   component: ComponentPropertiesPanel
 });
 function ComponentPropertiesPanel() {
-  const { element, elementType } = (0, import_editor_elements9.useSelectedElement)();
   const { close: closePanel } = usePanelActions();
   const { open: openEditingPanel } = (0, import_editor_editing_panel5.usePanelActions)();
-  if (!element || !elementType) {
-    return null;
-  }
-  return /* @__PURE__ */ React25.createElement(import_editor_ui11.ThemeProvider, null, /* @__PURE__ */ React25.createElement(import_ui21.ErrorBoundary, { fallback: /* @__PURE__ */ React25.createElement(ErrorBoundaryFallback, null) }, /* @__PURE__ */ React25.createElement(import_editor_editing_panel5.ElementProvider, { element, elementType }, /* @__PURE__ */ React25.createElement(import_editor_panels4.Panel, null, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(import_editor_ui11.ThemeProvider, null, /* @__PURE__ */ React25.createElement(import_ui21.ErrorBoundary, { fallback: /* @__PURE__ */ React25.createElement(ErrorBoundaryFallback, null) }, /* @__PURE__ */ React25.createElement(import_editor_panels4.Panel, null, /* @__PURE__ */ React25.createElement(
     ComponentPropertiesPanelContent,
     {
       onClose: () => {
@@ -3341,7 +3342,7 @@ function ComponentPropertiesPanel() {
         openEditingPanel();
       }
     }
-  )))));
+  ))));
 }
 var ErrorBoundaryFallback = () => /* @__PURE__ */ React25.createElement(import_ui21.Box, { role: "alert", sx: { minHeight: "100%", p: 2 } }, /* @__PURE__ */ React25.createElement(import_ui21.Alert, { severity: "error", sx: { mb: 2, maxWidth: 400, textAlign: "center" } }, /* @__PURE__ */ React25.createElement("strong", null, (0, import_i18n17.__)("Something went wrong", "elementor"))));
 
@@ -3479,7 +3480,7 @@ var import_ui25 = require("@elementor/ui");
 var React29 = __toESM(require("react"));
 var import_react13 = require("react");
 var import_editor_canvas5 = require("@elementor/editor-canvas");
-var import_editor_elements12 = require("@elementor/editor-elements");
+var import_editor_elements10 = require("@elementor/editor-elements");
 var import_editor_ui14 = require("@elementor/editor-ui");
 var import_icons15 = require("@elementor/icons");
 var import_ui24 = require("@elementor/ui");
@@ -3504,7 +3505,7 @@ var archiveComponent = (componentId, componentName) => {
 
 // src/extended/store/actions/rename-component.ts
 var import_editor_documents10 = require("@elementor/editor-documents");
-var import_editor_elements10 = require("@elementor/editor-elements");
+var import_editor_elements8 = require("@elementor/editor-elements");
 var import_store46 = require("@elementor/store");
 var TITLE_EXTERNAL_CHANGE_COMMAND = "title_external_change";
 var renameComponent = (componentUid, newName) => {
@@ -3527,7 +3528,7 @@ function getDocumentContainer() {
   return documentsManager?.getCurrent()?.container;
 }
 function findComponentInstancesByUid(documentContainer, componentUid) {
-  const allDescendants = (0, import_editor_elements10.getAllDescendants)(documentContainer);
+  const allDescendants = (0, import_editor_elements8.getAllDescendants)(documentContainer);
   return allDescendants.filter((element) => {
     const widgetType = element.model.get("widgetType");
     const editorSettings = element.model.get("editor_settings");
@@ -3605,9 +3606,9 @@ var createComponentModel2 = (component) => {
 };
 
 // src/extended/utils/get-container-for-new-element.ts
-var import_editor_elements11 = require("@elementor/editor-elements");
+var import_editor_elements9 = require("@elementor/editor-elements");
 var getContainerForNewElement = () => {
-  const currentDocumentContainer = (0, import_editor_elements11.getCurrentDocumentContainer)();
+  const currentDocumentContainer = (0, import_editor_elements9.getCurrentDocumentContainer)();
   const selectedElement = getSelectedElementContainer();
   let container, options;
   if (selectedElement) {
@@ -3633,11 +3634,11 @@ var getContainerForNewElement = () => {
   return { container: container ?? currentDocumentContainer, options };
 };
 function getSelectedElementContainer() {
-  const selectedElements = (0, import_editor_elements11.getSelectedElements)();
+  const selectedElements = (0, import_editor_elements9.getSelectedElements)();
   if (selectedElements.length !== 1) {
     return void 0;
   }
-  return (0, import_editor_elements11.getContainer)(selectedElements[0].id);
+  return (0, import_editor_elements9.getContainer)(selectedElements[0].id);
 }
 
 // src/extended/components/components-tab/delete-confirmation-dialog.tsx
@@ -3774,7 +3775,7 @@ var addComponentToPage = (model) => {
     throw new Error(`Can't find container to drop new component instance at`);
   }
   loadComponentsAssets([model]);
-  (0, import_editor_elements12.dropElement)({
+  (0, import_editor_elements10.dropElement)({
     containerId: container.id,
     model,
     options: { ...options, useHistory: false, scrollIntoView: true }
@@ -3812,7 +3813,7 @@ var ExtendedComponents = () => {
 // src/extended/components/create-component-form/create-component-form.tsx
 var React31 = __toESM(require("react"));
 var import_react15 = require("react");
-var import_editor_elements16 = require("@elementor/editor-elements");
+var import_editor_elements14 = require("@elementor/editor-elements");
 var import_editor_notifications3 = require("@elementor/editor-notifications");
 var import_editor_ui16 = require("@elementor/editor-ui");
 var import_icons16 = require("@elementor/icons");
@@ -3821,16 +3822,16 @@ var import_ui26 = 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_elements12 = require("@elementor/editor-elements");
 var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 var import_store50 = require("@elementor/store");
-var import_utils6 = require("@elementor/utils");
+var import_utils7 = require("@elementor/utils");
 var import_i18n24 = require("@wordpress/i18n");
 
 // src/extended/utils/replace-element-with-component.ts
-var import_editor_elements13 = require("@elementor/editor-elements");
+var import_editor_elements11 = require("@elementor/editor-elements");
 var replaceElementWithComponent = async (element, component) => {
-  return await (0, import_editor_elements13.replaceElement)({
+  return await (0, import_editor_elements11.replaceElement)({
     currentElement: element,
     newElement: createComponentModel2(component),
     withHistory: false
@@ -3846,10 +3847,10 @@ async function createUnpublishedComponent({
   overridableProps,
   source
 }) {
-  const generatedUid = uid ?? (0, import_utils6.generateUniqueId)("component");
+  const generatedUid = uid ?? (0, import_utils7.generateUniqueId)("component");
   const componentBase = { uid: generatedUid, name };
   const elementDataWithOverridablesReverted = revertAllOverridablesInElementData(element);
-  const container = (0, import_editor_elements14.getContainer)(element.id);
+  const container = (0, import_editor_elements12.getContainer)(element.id);
   const modelFromContainer = container?.model?.toJSON?.();
   const originalElement = {
     model: modelFromContainer ?? element,
@@ -3883,16 +3884,16 @@ async function createUnpublishedComponent({
   return { uid: generatedUid, instanceId: componentInstance.id };
 }
 function restoreOriginalElement(originalElement, componentInstanceId) {
-  const componentContainer = (0, import_editor_elements14.getContainer)(componentInstanceId);
+  const componentContainer = (0, import_editor_elements12.getContainer)(componentInstanceId);
   if (componentContainer) {
-    (0, import_editor_elements14.deleteElement)({ container: componentContainer, options: { useHistory: false } });
+    (0, import_editor_elements12.deleteElement)({ container: componentContainer, options: { useHistory: false } });
   }
-  const parentContainer = (0, import_editor_elements14.getContainer)(originalElement.parentId);
+  const parentContainer = (0, import_editor_elements12.getContainer)(originalElement.parentId);
   if (!parentContainer) {
     return;
   }
   const clonedModel = structuredClone(originalElement.model);
-  (0, import_editor_elements14.createElements)({
+  (0, import_editor_elements12.createElements)({
     title: (0, import_i18n24.__)("Restore Element", "elementor"),
     elements: [
       {
@@ -3906,7 +3907,7 @@ function restoreOriginalElement(originalElement, componentInstanceId) {
 
 // src/extended/sync/prevent-non-atomic-nesting.ts
 var import_editor_canvas6 = require("@elementor/editor-canvas");
-var import_editor_elements15 = require("@elementor/editor-elements");
+var import_editor_elements13 = require("@elementor/editor-elements");
 var import_editor_notifications2 = require("@elementor/editor-notifications");
 var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_i18n25 = require("@wordpress/i18n");
@@ -3942,7 +3943,7 @@ function initNonAtomicNestingPrevention() {
   });
 }
 function isElementAtomic(elementType) {
-  return (0, import_editor_elements15.getElementType)(elementType) !== null;
+  return (0, import_editor_elements13.getElementType)(elementType) !== null;
 }
 function blockNonAtomicCreate(args) {
   if (!isEditingComponent()) {
@@ -3968,7 +3969,7 @@ function blockNonAtomicMove(args) {
     if (!container) {
       return false;
     }
-    const allElements = (0, import_editor_elements15.getAllDescendants)(container);
+    const allElements = (0, import_editor_elements13.getAllDescendants)(container);
     return allElements.some((element) => !(0, import_editor_canvas6.isAtomicWidget)(element));
   });
   if (hasNonAtomicElement) {
@@ -4115,7 +4116,7 @@ function CreateComponentForm() {
         (0, import_editor_notifications3.notify)(notification);
         return;
       }
-      setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements16.getElementLabel)(event.detail.element.id) });
+      setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements14.getElementLabel)(event.detail.element.id) });
       setAnchorPosition(event.detail.anchorPosition);
       eventData.current = getComponentEventData(event.detail.element, event.detail.options);
       trackComponentEvent({
@@ -4290,7 +4291,7 @@ var import_react18 = require("react");
 var import_editor_documents11 = require("@elementor/editor-documents");
 var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
 var import_store60 = require("@elementor/store");
-var import_utils8 = require("@elementor/utils");
+var import_utils9 = require("@elementor/utils");
 
 // src/extended/consts.ts
 var OVERRIDABLE_PROP_REPLACEMENT_ID = "overridable-prop";
@@ -4330,10 +4331,10 @@ function useCanvasDocument() {
 
 // src/extended/components/edit-component/use-element-rect.ts
 var import_react16 = require("react");
-var import_utils7 = require("@elementor/utils");
+var import_utils8 = require("@elementor/utils");
 function useElementRect(element) {
   const [rect, setRect] = (0, import_react16.useState)(new DOMRect(0, 0, 0, 0));
-  const onChange = (0, import_utils7.throttle)(
+  const onChange = (0, import_utils8.throttle)(
     () => {
       setRect(element?.getBoundingClientRect() ?? new DOMRect(0, 0, 0, 0));
     },
@@ -4494,7 +4495,7 @@ function EditComponent() {
   const currentComponentId = useCurrentComponentId();
   useHandleDocumentSwitches();
   const navigateBack = useNavigateBack();
-  const onClose = (0, import_utils8.throttle)(navigateBack, 100);
+  const onClose = (0, import_utils9.throttle)(navigateBack, 100);
   const topLevelElementDom = useComponentDOMElement(currentComponentId ?? void 0);
   if (!currentComponentId) {
     return null;
@@ -4713,13 +4714,13 @@ function ControlWithReplacements({
 var React37 = __toESM(require("react"));
 var import_editor_controls6 = require("@elementor/editor-controls");
 var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
-var import_editor_elements17 = require("@elementor/editor-elements");
+var import_editor_elements15 = require("@elementor/editor-elements");
 var import_ui29 = require("@elementor/ui");
 var import_i18n30 = require("@wordpress/i18n");
 
 // src/extended/store/actions/set-overridable-prop.ts
 var import_store63 = require("@elementor/store");
-var import_utils9 = require("@elementor/utils");
+var import_utils10 = require("@elementor/utils");
 function setOverridableProp({
   componentId,
   overrideKey,
@@ -4746,7 +4747,7 @@ function setOverridableProp({
     groupId || existingOverridableProp?.groupId || void 0
   );
   const overridableProp = {
-    overrideKey: existingOverridableProp?.overrideKey || (0, import_utils9.generateUniqueId)("prop"),
+    overrideKey: existingOverridableProp?.overrideKey || (0, import_utils10.generateUniqueId)("prop"),
     label,
     elementId,
     propKey,
@@ -4895,7 +4896,7 @@ function Content2({ componentId, overridableProps }) {
   });
   const triggerProps = (0, import_ui29.bindTrigger)(popupState);
   const popoverProps = (0, import_ui29.bindPopover)(popupState);
-  const { elType } = (0, import_editor_elements17.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 = resolveOverridePropValue(overridableValue?.origin_value) ?? value ?? propTypeDefault;
@@ -4962,11 +4963,11 @@ var import_editor_mcp2 = require("@elementor/editor-mcp");
 
 // src/extended/mcp/save-as-component-tool.ts
 var import_editor_canvas7 = require("@elementor/editor-canvas");
-var import_editor_elements18 = require("@elementor/editor-elements");
+var import_editor_elements16 = 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");
-var import_utils10 = require("@elementor/utils");
+var import_utils11 = require("@elementor/utils");
 var InputSchema = {
   element_id: import_schema6.z.string().describe(
     'The unique identifier of the element to save as a component. Use the "list-elements" tool to find available element IDs in the current document.'
@@ -5007,7 +5008,7 @@ var handleSaveAsComponent = async (params) => {
     overridable_props: overridablePropsInput
   } = params;
   const validElementTypes = getValidElementTypes();
-  const container = (0, import_editor_elements18.getContainer)(elementId);
+  const container = (0, import_editor_elements16.getContainer)(elementId);
   if (!container) {
     throw new Error(ERROR_MESSAGES3.ELEMENT_NOT_FOUND);
   }
@@ -5021,7 +5022,7 @@ var handleSaveAsComponent = async (params) => {
   }
   const groupsWithDefaultGroup = groups.indexOf("Default") >= 0 ? [...groups] : ["Default", ...groups];
   const propertyGroups = groupsWithDefaultGroup.map((groupName) => ({
-    id: (0, import_utils10.generateUniqueId)("group"),
+    id: (0, import_utils11.generateUniqueId)("group"),
     label: groupName,
     props: []
   }));
@@ -5029,7 +5030,7 @@ var handleSaveAsComponent = async (params) => {
   if (overridableProps) {
     updateElementDataWithOverridableProps(element, overridableProps);
   }
-  const uid = (0, import_utils10.generateUniqueId)("component");
+  const uid = (0, import_utils11.generateUniqueId)("component");
   try {
     await apiClient.validate({
       items: [
@@ -5073,7 +5074,7 @@ function enrichOverridableProps(input, rootElement, propertGroups) {
     }
     const elType = element.elType;
     const widgetType = element.widgetType || element.elType;
-    const elementType = (0, import_editor_elements18.getElementType)(widgetType);
+    const elementType = (0, import_editor_elements16.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}".`
@@ -5085,7 +5086,7 @@ function enrichOverridableProps(input, rootElement, propertGroups) {
         `Property "${propKey}" does not exist in element "${elementId}" (type: ${widgetType}). Available properties: ${availableProps}`
       );
     }
-    const overrideKey = (0, import_utils10.generateUniqueId)("prop");
+    const overrideKey = (0, import_utils11.generateUniqueId)("prop");
     const originValue = element.settings?.[propKey] ? element.settings[propKey] : elementType.propsSchema[propKey].default ?? null;
     if (!enrichedGroups[targetGroupId]) {
       enrichedGroups[targetGroupId] = {
@@ -5144,7 +5145,7 @@ function findElementById(root, targetId) {
   return null;
 }
 function getValidElementTypes() {
-  const types = (0, import_editor_elements18.getWidgetsCache)();
+  const types = (0, import_editor_elements16.getWidgetsCache)();
   if (!types) {
     return [];
   }
@@ -5391,7 +5392,7 @@ var updateComponentTitleBeforeSave = async (status) => {
 };
 
 // src/extended/sync/create-components-before-save.ts
-var import_editor_elements19 = require("@elementor/editor-elements");
+var import_editor_elements17 = require("@elementor/editor-elements");
 var import_store72 = require("@elementor/store");
 async function createComponentsBeforeSave({
   elements,
@@ -5461,7 +5462,7 @@ function shouldUpdateElement(element, uidToComponentId) {
   return { shouldUpdate: false, newComponentId: null };
 }
 function updateElementComponentId(elementId, componentId) {
-  (0, import_editor_elements19.updateElementSettings)({
+  (0, import_editor_elements17.updateElementSettings)({
     id: elementId,
     props: {
       component_instance: {
@@ -5497,7 +5498,7 @@ var updateExistingComponentsBeforeSave = async ({
 };
 
 // src/extended/sync/cleanup-overridable-props-on-delete.ts
-var import_editor_elements20 = require("@elementor/editor-elements");
+var import_editor_elements18 = require("@elementor/editor-elements");
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_store74 = require("@elementor/store");
 function initCleanupOverridablePropsOnDelete() {
@@ -5534,7 +5535,7 @@ function initCleanupOverridablePropsOnDelete() {
   });
 }
 function collectDeletedElementIds(containers) {
-  const elementIds = containers.filter(Boolean).flatMap((container) => [container, ...(0, import_editor_elements20.getAllDescendants)(container)]).map((element) => element.model?.get?.("id") ?? element.id).filter((id2) => Boolean(id2));
+  const elementIds = containers.filter(Boolean).flatMap((container) => [container, ...(0, import_editor_elements18.getAllDescendants)(container)]).map((element) => element.model?.get?.("id") ?? element.id).filter((id2) => Boolean(id2));
   return elementIds;
 }
 function isPartOfMoveCommand(options) {
@@ -5543,7 +5544,7 @@ function isPartOfMoveCommand(options) {
 }
 
 // src/extended/sync/handle-component-edit-mode-container.ts
-var import_editor_elements21 = require("@elementor/editor-elements");
+var import_editor_elements19 = require("@elementor/editor-elements");
 var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 var V4_DEFAULT_CONTAINER_TYPE = "e-flexbox";
 function initHandleComponentEditModeContainer() {
@@ -5593,11 +5594,11 @@ function initRedirectDropIntoComponent() {
   });
 }
 function createEmptyTopLevelContainer(container) {
-  const newContainer = (0, import_editor_elements21.createElement)({
+  const newContainer = (0, import_editor_elements19.createElement)({
     container,
     model: { elType: V4_DEFAULT_CONTAINER_TYPE }
   });
-  (0, import_editor_elements21.selectElement)(newContainer.id);
+  (0, import_editor_elements19.selectElement)(newContainer.id);
 }
 function getComponentContainer(container) {
   const topLevelElement = container.children?.[0];
@@ -5749,7 +5750,7 @@ function PopulateStore() {
 }
 
 // src/prevent-circular-nesting.ts
-var import_editor_elements22 = require("@elementor/editor-elements");
+var import_editor_elements20 = require("@elementor/editor-elements");
 var import_editor_notifications5 = require("@elementor/editor-notifications");
 var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 var import_store80 = require("@elementor/store");
@@ -5844,7 +5845,7 @@ function blockCircularMove(args) {
     if (!container) {
       return false;
     }
-    const allElements = (0, import_editor_elements22.getAllDescendants)(container);
+    const allElements = (0, import_editor_elements20.getAllDescendants)(container);
     return allElements.some((element) => {
       const componentId = extractComponentIdFromContainer(element);
       if (componentId === null) {