@elementor/editor-app-bar 0.32.1 → 3.32.0-21

package/dist/index.js

@@ -31,7 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   documentOptionsMenu: () => documentOptionsMenu,
-  init: () => init16,
+  init: () => init17,
   injectIntoPageIndication: () => injectIntoPageIndication,
   injectIntoPrimaryAction: () => injectIntoPrimaryAction,
   injectIntoResponsive: () => injectIntoResponsive,
@@ -76,9 +76,10 @@ function PopoverMenuItem({
   target,
   disabled,
   isGroupParent,
+  showExternalLinkIcon,
   ...props
 }) {
-  const isExternalLink = href && target === "_blank";
+  const isExternalLink = href && target === "_blank" && showExternalLinkIcon;
   return /* @__PURE__ */ React2.createElement(
     import_ui.MenuItem,
     {
@@ -152,12 +153,12 @@ function Action({ icon: Icon, title, visible = true, ...props }) {
 
 // src/components/actions/link.tsx
 var React5 = __toESM(require("react"));
-function Link({ icon: Icon, title, visible = true, ...props }) {
+function Link({ icon: Icon, title, visible = true, showExternalLinkIcon = false, ...props }) {
   const { type } = useMenuContext();
   if (!visible) {
     return null;
   }
-  return type === "toolbar" ? /* @__PURE__ */ React5.createElement(ToolbarMenuItem, { title, ...props }, /* @__PURE__ */ React5.createElement(Icon, null)) : /* @__PURE__ */ React5.createElement(PopoverMenuItem, { ...props, text: title, icon: /* @__PURE__ */ React5.createElement(Icon, null) });
+  return type === "toolbar" ? /* @__PURE__ */ React5.createElement(ToolbarMenuItem, { title, ...props }, /* @__PURE__ */ React5.createElement(Icon, null)) : /* @__PURE__ */ React5.createElement(PopoverMenuItem, { ...props, text: title, icon: /* @__PURE__ */ React5.createElement(Icon, null), showExternalLinkIcon });
 }
 
 // src/components/actions/toggle-action.tsx
@@ -339,9 +340,9 @@ function MainMenuLocation() {
   const toolbarLogoProps = (0, import_ui6.bindTrigger)(popupState);
   const onToolbarClick = (e) => {
     const extendedWindow = window;
-    const config = extendedWindow?.elementor?.editorEvents?.config;
+    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.elementorLogoDropdown, {
+      extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.elementorLogoDropdown, {
         location: config.locations.topBar,
         secondaryLocation: config.secondaryLocations.elementorLogo,
         trigger: config.triggers.dropdownClick,
@@ -451,13 +452,42 @@ function AppBar() {
   return /* @__PURE__ */ React19.createElement(import_ui11.ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React19.createElement(import_ui11.AppBar, { position: "sticky" }, /* @__PURE__ */ React19.createElement(import_ui11.Toolbar, { disableGutters: true, variant: "dense" }, /* @__PURE__ */ React19.createElement(import_ui11.Box, { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", flexGrow: 1 }, /* @__PURE__ */ React19.createElement(import_ui11.Grid, { container: true, flexWrap: "nowrap" }, /* @__PURE__ */ React19.createElement(MainMenuLocation, null), document2?.permissions?.allowAddingWidgets && /* @__PURE__ */ React19.createElement(ToolsMenuLocation, null)), /* @__PURE__ */ React19.createElement(import_ui11.Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React19.createElement(ToolbarMenu, { spacing: 1.5 }, /* @__PURE__ */ React19.createElement(import_ui11.Divider, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(PageIndicationLocation, null), /* @__PURE__ */ React19.createElement(import_ui11.Divider, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(ResponsiveLocation, null), /* @__PURE__ */ React19.createElement(import_ui11.Divider, { orientation: "vertical" }))), /* @__PURE__ */ React19.createElement(import_ui11.Grid, { container: true, justifyContent: "flex-end", flexWrap: "nowrap" }, /* @__PURE__ */ React19.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React19.createElement(PrimaryActionLocation, null))))));
 }
 
+// src/extensions/connect/hooks/use-connect-link-config.tsx
+var import_icons4 = require("@elementor/icons");
+var import_i18n4 = require("@wordpress/i18n");
+function useConnectLinkConfig() {
+  const extendedWindow = window;
+  const isUserConnected = extendedWindow?.elementorCommon?.config.library_connect.is_connected ?? false;
+  return isUserConnected ? {
+    title: (0, import_i18n4.__)("My Elementor", "elementor"),
+    href: extendedWindow?.elementorCommon?.config.user.top_bar.my_elementor_url,
+    icon: import_icons4.UserIcon,
+    target: "_blank"
+  } : {
+    title: (0, import_i18n4.__)("Connect my account", "elementor"),
+    href: extendedWindow?.elementorCommon?.config.user.top_bar.connect_url,
+    icon: import_icons4.UserIcon,
+    target: "_blank"
+  };
+}
+
+// src/extensions/connect/index.ts
+function init() {
+  mainMenu.registerLink({
+    id: "app-bar-connect",
+    group: "exits",
+    priority: 10,
+    useProps: useConnectLinkConfig
+  });
+}
+
 // src/extensions/documents-indicator/components/settings-button.tsx
 var React20 = __toESM(require("react"));
 var import_editor_documents2 = require("@elementor/editor-documents");
 var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
-var import_icons4 = require("@elementor/icons");
+var import_icons5 = require("@elementor/icons");
 var import_ui12 = require("@elementor/ui");
-var import_i18n4 = require("@wordpress/i18n");
+var import_i18n5 = require("@wordpress/i18n");
 function SettingsButton() {
   const activeDocument = (0, import_editor_documents2.__useActiveDocument)();
   const hostDocument = (0, import_editor_documents2.__useHostDocument)();
@@ -466,7 +496,7 @@ function SettingsButton() {
   if (!document2) {
     return null;
   }
-  const title = (0, import_i18n4.__)("%s Settings", "elementor").replace("%s", document2.type.label);
+  const title = (0, import_i18n5.__)("%s Settings", "elementor").replace("%s", document2.type.label);
   return /* @__PURE__ */ React20.createElement(Tooltip3, { title }, /* @__PURE__ */ React20.createElement(import_ui12.Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React20.createElement(
     import_ui12.ToggleButton,
     {
@@ -475,14 +505,17 @@ function SettingsButton() {
       disabled: isBlocked,
       onChange: () => {
         const extendedWindow = window;
-        const config = extendedWindow?.elementor?.editorEvents?.config;
+        const config = extendedWindow?.elementorCommon?.eventsManager?.config;
         if (config) {
-          extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.documentSettings, {
-            location: config.locations.topBar,
-            secondaryLocation: config.secondaryLocations["document-settings"],
-            trigger: config.triggers.click,
-            element: config.elements.buttonIcon
-          });
+          extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+            config.names.topBar.documentSettings,
+            {
+              location: config.locations.topBar,
+              secondaryLocation: config.secondaryLocations["document-settings"],
+              trigger: config.triggers.click,
+              element: config.elements.buttonIcon
+            }
+          );
         }
         (0, import_editor_v1_adapters.__privateOpenRoute)("panel/page-settings/settings");
       },
@@ -497,7 +530,7 @@ function SettingsButton() {
         }
       }
     },
-    /* @__PURE__ */ React20.createElement(import_icons4.SettingsIcon, { fontSize: "small" })
+    /* @__PURE__ */ React20.createElement(import_icons5.SettingsIcon, { fontSize: "small" })
   )));
 }
 function Tooltip3(props) {
@@ -517,7 +550,7 @@ function Tooltip3(props) {
 }
 
 // src/extensions/documents-indicator/index.ts
-function init() {
+function init2() {
   injectIntoPageIndication({
     id: "document-settings-button",
     component: SettingsButton,
@@ -531,18 +564,18 @@ function init() {
 // src/extensions/documents-preview/hooks/use-action-props.ts
 var import_editor_documents3 = require("@elementor/editor-documents");
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
-var import_icons5 = require("@elementor/icons");
-var import_i18n5 = require("@wordpress/i18n");
+var import_icons6 = require("@elementor/icons");
+var import_i18n6 = require("@wordpress/i18n");
 function useActionProps() {
   const document2 = (0, import_editor_documents3.__useActiveDocument)();
   return {
-    icon: import_icons5.EyeIcon,
-    title: (0, import_i18n5.__)("Preview Changes", "elementor"),
+    icon: import_icons6.EyeIcon,
+    title: (0, import_i18n6.__)("Preview Changes", "elementor"),
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.previewPage, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.previewPage, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations["preview-page"],
           trigger: config.triggers.click,
@@ -560,7 +593,7 @@ function useActionProps() {
 }
 
 // src/extensions/documents-preview/index.ts
-function init2() {
+function init3() {
   utilitiesMenu.registerAction({
     id: "document-preview-button",
     priority: 30,
@@ -573,9 +606,9 @@ function init2() {
 var React22 = __toESM(require("react"));
 var import_editor_documents4 = require("@elementor/editor-documents");
 var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
-var import_icons6 = require("@elementor/icons");
+var import_icons7 = require("@elementor/icons");
 var import_ui14 = require("@elementor/ui");
-var import_i18n6 = require("@wordpress/i18n");
+var import_i18n7 = require("@wordpress/i18n");
 
 // src/extensions/documents-save/components/primary-action-menu.tsx
 var React21 = __toESM(require("react"));
@@ -644,14 +677,17 @@ function PrimaryAction() {
     {
       onClick: () => {
         const extendedWindow = window;
-        const config = extendedWindow?.elementor?.editorEvents?.config;
+        const config = extendedWindow?.elementorCommon?.eventsManager?.config;
         if (config) {
-          extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.publishButton, {
-            location: config.locations.topBar,
-            secondaryLocation: config.secondaryLocations["publish-button"],
-            trigger: config.triggers.click,
-            element: config.elements.mainCta
-          });
+          extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+            config.names.topBar.publishButton,
+            {
+              location: config.locations.topBar,
+              secondaryLocation: config.secondaryLocations["publish-button"],
+              trigger: config.triggers.click,
+              element: config.elements.mainCta
+            }
+          );
         }
         if (!document2.isSaving) {
           save();
@@ -671,7 +707,7 @@ function PrimaryAction() {
   ), /* @__PURE__ */ React22.createElement(
     import_ui14.Tooltip,
     {
-      title: (0, import_i18n6.__)("Save Options", "elementor"),
+      title: (0, import_i18n7.__)("Save Options", "elementor"),
       PopperProps: {
         sx: {
           "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
@@ -688,14 +724,14 @@ function PrimaryAction() {
         ...(0, import_ui14.bindTrigger)(popupState),
         sx: { px: 0, height: "100%", borderRadius: 0 },
         disabled: isSaveOptionsDisabled,
-        "aria-label": (0, import_i18n6.__)("Save Options", "elementor")
+        "aria-label": (0, import_i18n7.__)("Save Options", "elementor")
       },
-      /* @__PURE__ */ React22.createElement(import_icons6.ChevronDownIcon, null)
+      /* @__PURE__ */ React22.createElement(import_icons7.ChevronDownIcon, null)
     ))
   )), /* @__PURE__ */ React22.createElement(PrimaryActionMenu, { ...(0, import_ui14.bindMenu)(popupState), onClick: popupState.close }));
 }
 function getLabel(document2) {
-  return document2.userCan.publish ? (0, import_i18n6.__)("Publish", "elementor") : (0, import_i18n6.__)("Submit", "elementor");
+  return document2.userCan.publish ? (0, import_i18n7.__)("Publish", "elementor") : (0, import_i18n7.__)("Submit", "elementor");
 }
 function isPublishEnabled(document2) {
   if (document2.type.value === "kit") {
@@ -706,14 +742,14 @@ function isPublishEnabled(document2) {
 
 // src/extensions/documents-save/hooks/use-document-copy-and-share-props.ts
 var import_editor_documents5 = require("@elementor/editor-documents");
-var import_icons7 = require("@elementor/icons");
-var import_i18n7 = require("@wordpress/i18n");
+var import_icons8 = require("@elementor/icons");
+var import_i18n8 = require("@wordpress/i18n");
 function useDocumentCopyAndShareProps() {
   const document2 = (0, import_editor_documents5.__useActiveDocument)();
   const { copyAndShare } = (0, import_editor_documents5.__useActiveDocumentActions)();
   return {
-    icon: import_icons7.LinkIcon,
-    title: (0, import_i18n7.__)("Copy and Share", "elementor"),
+    icon: import_icons8.LinkIcon,
+    title: (0, import_i18n8.__)("Copy and Share", "elementor"),
     onClick: copyAndShare,
     disabled: !document2 || document2.isSaving || document2.isSavingDraft || !("publish" === document2.status.value),
     visible: document2?.permissions?.showCopyAndShare
@@ -722,14 +758,14 @@ function useDocumentCopyAndShareProps() {
 
 // src/extensions/documents-save/hooks/use-document-save-draft-props.ts
 var import_editor_documents6 = require("@elementor/editor-documents");
-var import_icons8 = require("@elementor/icons");
-var import_i18n8 = require("@wordpress/i18n");
+var import_icons9 = require("@elementor/icons");
+var import_i18n9 = require("@wordpress/i18n");
 function useDocumentSaveDraftProps() {
   const document2 = (0, import_editor_documents6.__useActiveDocument)();
   const { saveDraft } = (0, import_editor_documents6.__useActiveDocumentActions)();
   return {
-    icon: import_icons8.FileReportIcon,
-    title: (0, import_i18n8.__)("Save Draft", "elementor"),
+    icon: import_icons9.FileReportIcon,
+    title: (0, import_i18n9.__)("Save Draft", "elementor"),
     onClick: saveDraft,
     disabled: !document2 || document2.isSaving || document2.isSavingDraft || !document2.isDirty
   };
@@ -737,13 +773,13 @@ function useDocumentSaveDraftProps() {
 
 // src/extensions/documents-save/hooks/use-document-save-template-props.ts
 var import_editor_documents7 = require("@elementor/editor-documents");
-var import_icons9 = require("@elementor/icons");
-var import_i18n9 = require("@wordpress/i18n");
+var import_icons10 = require("@elementor/icons");
+var import_i18n10 = require("@wordpress/i18n");
 function useDocumentSaveTemplateProps() {
   const { saveTemplate } = (0, import_editor_documents7.__useActiveDocumentActions)();
   return {
-    icon: import_icons9.FolderIcon,
-    title: (0, import_i18n9.__)("Save as Template", "elementor"),
+    icon: import_icons10.FolderIcon,
+    title: (0, import_i18n10.__)("Save as Template", "elementor"),
     onClick: saveTemplate
   };
 }
@@ -751,13 +787,13 @@ function useDocumentSaveTemplateProps() {
 // src/extensions/documents-save/hooks/use-document-view-page-props.ts
 var import_editor_documents8 = require("@elementor/editor-documents");
 var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
-var import_icons10 = require("@elementor/icons");
-var import_i18n10 = require("@wordpress/i18n");
+var import_icons11 = require("@elementor/icons");
+var import_i18n11 = require("@wordpress/i18n");
 function useDocumentViewPageProps() {
   const document2 = (0, import_editor_documents8.__useActiveDocument)();
   return {
-    icon: import_icons10.EyeIcon,
-    title: (0, import_i18n10.__)("View Page", "elementor"),
+    icon: import_icons11.EyeIcon,
+    title: (0, import_i18n11.__)("View Page", "elementor"),
     onClick: () => document2?.id && (0, import_editor_v1_adapters4.__privateRunCommand)("editor/documents/view", {
       id: document2.id
     })
@@ -765,7 +801,7 @@ function useDocumentViewPageProps() {
 }
 
 // src/extensions/documents-save/index.ts
-function init3() {
+function init4() {
   injectIntoPrimaryAction({
     id: "document-primary-action",
     component: PrimaryAction
@@ -796,18 +832,18 @@ function init3() {
 
 // src/extensions/elements/hooks/use-action-props.ts
 var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
-var import_icons11 = require("@elementor/icons");
-var import_i18n11 = require("@wordpress/i18n");
+var import_icons12 = require("@elementor/icons");
+var import_i18n12 = require("@wordpress/i18n");
 function useActionProps2() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters5.__privateUseRouteStatus)("panel/elements");
   return {
-    title: (0, import_i18n11.__)("Add Element", "elementor"),
-    icon: import_icons11.PlusIcon,
+    title: (0, import_i18n12.__)("Add Element", "elementor"),
+    icon: import_icons12.PlusIcon,
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.widgetPanel, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.widgetPanel, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations["widget-panel"],
           trigger: config.triggers.toggleClick,
@@ -823,10 +859,10 @@ function useActionProps2() {
 
 // src/extensions/elements/sync/sync-panel-title.ts
 var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
-var import_i18n12 = require("@wordpress/i18n");
+var import_i18n13 = require("@wordpress/i18n");
 function syncPanelTitle() {
-  const panelTitle = (0, import_i18n12.__)("Elements", "elementor");
-  const tabTitle = (0, import_i18n12.__)("Widgets", "elementor");
+  const panelTitle = (0, import_i18n13.__)("Elements", "elementor");
+  const tabTitle = (0, import_i18n13.__)("Widgets", "elementor");
   (0, import_editor_v1_adapters6.__privateListenTo)((0, import_editor_v1_adapters6.routeOpenEvent)("panel/elements"), () => {
     setPanelTitle(panelTitle);
     setTabTitle(tabTitle);
@@ -849,7 +885,7 @@ function setTabTitle(title) {
 }
 
 // src/extensions/elements/index.ts
-function init4() {
+function init5() {
   syncPanelTitle();
   toolsMenu.registerToggleAction({
     id: "open-elements-panel",
@@ -860,17 +896,17 @@ function init4() {
 
 // src/extensions/finder/hooks/use-action-props.ts
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
-var import_icons12 = require("@elementor/icons");
-var import_i18n13 = require("@wordpress/i18n");
+var import_icons13 = require("@elementor/icons");
+var import_i18n14 = require("@wordpress/i18n");
 function useActionProps3() {
   return {
-    title: (0, import_i18n13.__)("Finder", "elementor"),
-    icon: import_icons12.SearchIcon,
+    title: (0, import_i18n14.__)("Finder", "elementor"),
+    icon: import_icons13.SearchIcon,
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.finder, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.finder, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.finder,
           trigger: config.triggers.toggleClick,
@@ -883,7 +919,7 @@ function useActionProps3() {
 }
 
 // src/extensions/finder/index.ts
-function init5() {
+function init6() {
   utilitiesMenu.registerAction({
     id: "toggle-finder",
     priority: 15,
@@ -893,24 +929,25 @@ function init5() {
 }
 
 // src/extensions/help/index.ts
-var import_icons13 = require("@elementor/icons");
-var import_i18n14 = require("@wordpress/i18n");
-function init6() {
+var import_icons14 = require("@elementor/icons");
+var import_i18n15 = require("@wordpress/i18n");
+function init7() {
   utilitiesMenu.registerLink({
     id: "open-help-center",
     priority: 25,
     // After Finder.
     useProps: () => {
       return {
-        title: (0, import_i18n14.__)("Help", "elementor"),
+        title: (0, import_i18n15.__)("Help", "elementor"),
         href: "https://go.elementor.com/editor-top-bar-learn/",
-        icon: import_icons13.HelpIcon,
+        icon: import_icons14.HelpIcon,
         target: "_blank",
+        showExternalLinkIcon: true,
         onClick: () => {
           const extendedWindow = window;
-          const config = extendedWindow?.elementor?.editorEvents?.config;
+          const config = extendedWindow?.elementorCommon?.eventsManager?.config;
           if (config) {
-            extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.help, {
+            extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.help, {
               location: config.locations.topBar,
               secondaryLocation: config.secondaryLocations.help,
               trigger: config.triggers.click,
@@ -925,18 +962,18 @@ function init6() {
 
 // src/extensions/history/hooks/use-action-props.ts
 var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
-var import_icons14 = require("@elementor/icons");
-var import_i18n15 = require("@wordpress/i18n");
+var import_icons15 = require("@elementor/icons");
+var import_i18n16 = require("@wordpress/i18n");
 function useActionProps4() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters8.__privateUseRouteStatus)("panel/history");
   return {
-    title: (0, import_i18n15.__)("History", "elementor"),
-    icon: import_icons14.HistoryIcon,
+    title: (0, import_i18n16.__)("History", "elementor"),
+    icon: import_icons15.HistoryIcon,
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.history, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.history, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -951,7 +988,7 @@ function useActionProps4() {
 }
 
 // src/extensions/history/index.ts
-function init7() {
+function init8() {
   mainMenu.registerToggleAction({
     id: "open-history",
     priority: 20,
@@ -961,17 +998,17 @@ function init7() {
 
 // src/extensions/keyboard-shortcuts/hooks/use-action-props.ts
 var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
-var import_icons15 = require("@elementor/icons");
-var import_i18n16 = require("@wordpress/i18n");
+var import_icons16 = require("@elementor/icons");
+var import_i18n17 = require("@wordpress/i18n");
 function useActionProps5() {
   return {
-    icon: import_icons15.KeyboardIcon,
-    title: (0, import_i18n16.__)("Keyboard Shortcuts", "elementor"),
+    icon: import_icons16.KeyboardIcon,
+    title: (0, import_i18n17.__)("Keyboard Shortcuts", "elementor"),
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.keyboardShortcuts, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.keyboardShortcuts, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -984,7 +1021,7 @@ function useActionProps5() {
 }
 
 // src/extensions/keyboard-shortcuts/index.ts
-function init8() {
+function init9() {
   mainMenu.registerAction({
     id: "open-keyboard-shortcuts",
     group: "default",
@@ -997,9 +1034,9 @@ function init8() {
 // src/extensions/responsive/components/breakpoints-switcher.tsx
 var React23 = __toESM(require("react"));
 var import_editor_responsive = require("@elementor/editor-responsive");
-var import_icons16 = require("@elementor/icons");
+var import_icons17 = require("@elementor/icons");
 var import_ui15 = require("@elementor/ui");
-var import_i18n17 = require("@wordpress/i18n");
+var import_i18n18 = require("@wordpress/i18n");
 function BreakpointsSwitcher() {
   const breakpoints = (0, import_editor_responsive.useBreakpoints)();
   const activeBreakpoint = (0, import_editor_responsive.useActiveBreakpoint)();
@@ -1009,9 +1046,9 @@ function BreakpointsSwitcher() {
   }
   const onChange = (_, value) => {
     const extendedWindow = window;
-    const config = extendedWindow?.elementor?.editorEvents?.config;
+    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.responsiveControls, {
+      extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.responsiveControls, {
         location: config.locations.topBar,
         secondaryLocation: config.secondaryLocations.responsiveControls,
         trigger: config.triggers.click,
@@ -1028,7 +1065,7 @@ function BreakpointsSwitcher() {
       indicatorColor: "secondary",
       value: activeBreakpoint,
       onChange,
-      "aria-label": (0, import_i18n17.__)("Switch Device", "elementor"),
+      "aria-label": (0, import_i18n18.__)("Switch Device", "elementor"),
       sx: {
         "& .MuiTabs-indicator": {
           backgroundColor: "text.primary"
@@ -1068,24 +1105,24 @@ function Tooltip5(props) {
   );
 }
 var iconsMap = {
-  widescreen: import_icons16.WidescreenIcon,
-  desktop: import_icons16.DesktopIcon,
-  laptop: import_icons16.LaptopIcon,
-  tablet_extra: import_icons16.TabletLandscapeIcon,
-  tablet: import_icons16.TabletPortraitIcon,
-  mobile_extra: import_icons16.MobileLandscapeIcon,
-  mobile: import_icons16.MobilePortraitIcon
+  widescreen: import_icons17.WidescreenIcon,
+  desktop: import_icons17.DesktopIcon,
+  laptop: import_icons17.LaptopIcon,
+  tablet_extra: import_icons17.TabletLandscapeIcon,
+  tablet: import_icons17.TabletPortraitIcon,
+  mobile_extra: import_icons17.MobileLandscapeIcon,
+  mobile: import_icons17.MobilePortraitIcon
 };
 var labelsMap = {
   default: "%s",
   // translators: %s: Breakpoint label, %d: Breakpoint size.
-  "min-width": (0, import_i18n17.__)("%s (%dpx and up)", "elementor"),
+  "min-width": (0, import_i18n18.__)("%s (%dpx and up)", "elementor"),
   // translators: %s: Breakpoint label, %d: Breakpoint size.
-  "max-width": (0, import_i18n17.__)("%s (up to %dpx)", "elementor")
+  "max-width": (0, import_i18n18.__)("%s (up to %dpx)", "elementor")
 };
 
 // src/extensions/responsive/index.ts
-function init9() {
+function init10() {
   injectIntoResponsive({
     id: "responsive-breakpoints-switcher",
     component: BreakpointsSwitcher,
@@ -1124,7 +1161,7 @@ function getContainerRef() {
 var React25 = __toESM(require("react"));
 var import_editor_documents9 = require("@elementor/editor-documents");
 var import_ui17 = require("@elementor/ui");
-var import_i18n18 = require("@wordpress/i18n");
+var import_i18n19 = require("@wordpress/i18n");
 function PrimaryAction2() {
   const document2 = (0, import_editor_documents9.__useActiveDocument)();
   const { save } = (0, import_editor_documents9.__useActiveDocumentActions)();
@@ -1147,7 +1184,7 @@ function PrimaryAction2() {
         sx: { width: "100%" },
         onClick: () => document2 && !document2.isSaving ? save() : null
       },
-      document2?.isSaving ? /* @__PURE__ */ React25.createElement(import_ui17.CircularProgress, null) : (0, import_i18n18.__)("Save Changes", "elementor")
+      document2?.isSaving ? /* @__PURE__ */ React25.createElement(import_ui17.CircularProgress, null) : (0, import_i18n19.__)("Save Changes", "elementor")
     )
   );
 }
@@ -1159,20 +1196,20 @@ function PortalledPrimaryAction() {
 
 // src/extensions/site-settings/hooks/use-action-props.ts
 var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
-var import_icons17 = require("@elementor/icons");
-var import_i18n19 = require("@wordpress/i18n");
+var import_icons18 = require("@elementor/icons");
+var import_i18n20 = require("@wordpress/i18n");
 function useActionProps6() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters11.__privateUseRouteStatus)("panel/global", {
     blockOnKitRoutes: false
   });
   return {
-    title: (0, import_i18n19.__)("Site Settings", "elementor"),
-    icon: import_icons17.AdjustmentsHorizontalIcon,
+    title: (0, import_i18n20.__)("Site Settings", "elementor"),
+    icon: import_icons18.AdjustmentsHorizontalIcon,
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.siteSettings, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.siteSettings, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.siteSettings,
           trigger: config.triggers.toggleClick,
@@ -1191,7 +1228,7 @@ function useActionProps6() {
 }
 
 // src/extensions/site-settings/index.ts
-function init10() {
+function init11() {
   (0, import_editor.injectIntoTop)({
     id: "site-settings-primary-action-portal",
     component: PortalledPrimaryAction
@@ -1205,18 +1242,18 @@ function init10() {
 
 // src/extensions/structure/hooks/use-action-props.ts
 var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
-var import_icons18 = require("@elementor/icons");
-var import_i18n20 = require("@wordpress/i18n");
+var import_icons19 = require("@elementor/icons");
+var import_i18n21 = require("@wordpress/i18n");
 function useActionProps7() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters12.__privateUseRouteStatus)("navigator");
   return {
-    title: (0, import_i18n20.__)("Structure", "elementor"),
-    icon: import_icons18.StructureIcon,
+    title: (0, import_i18n21.__)("Structure", "elementor"),
+    icon: import_icons19.StructureIcon,
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.structure, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.structure, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.structure,
           trigger: config.triggers.toggleClick,
@@ -1231,7 +1268,7 @@ function useActionProps7() {
 }
 
 // src/extensions/structure/index.ts
-function init11() {
+function init12() {
   toolsMenu.registerToggleAction({
     id: "toggle-structure-view",
     priority: 3,
@@ -1241,17 +1278,17 @@ function init11() {
 
 // src/extensions/theme-builder/hooks/use-action-props.ts
 var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
-var import_icons19 = require("@elementor/icons");
-var import_i18n21 = require("@wordpress/i18n");
+var import_icons20 = require("@elementor/icons");
+var import_i18n22 = require("@wordpress/i18n");
 function useActionProps8() {
   return {
-    icon: import_icons19.ThemeBuilderIcon,
-    title: (0, import_i18n21.__)("Theme Builder", "elementor"),
+    icon: import_icons20.ThemeBuilderIcon,
+    title: (0, import_i18n22.__)("Theme Builder", "elementor"),
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.themeBuilder, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.themeBuilder, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1264,7 +1301,7 @@ function useActionProps8() {
 }
 
 // src/extensions/theme-builder/index.ts
-function init12() {
+function init13() {
   mainMenu.registerAction({
     id: "open-theme-builder",
     useProps: useActionProps8
@@ -1273,18 +1310,18 @@ function init12() {
 
 // src/extensions/user-preferences/hooks/use-action-props.ts
 var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
-var import_icons20 = require("@elementor/icons");
-var import_i18n22 = require("@wordpress/i18n");
+var import_icons21 = require("@elementor/icons");
+var import_i18n23 = require("@wordpress/i18n");
 function useActionProps9() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters14.__privateUseRouteStatus)("panel/editor-preferences");
   return {
-    icon: import_icons20.ToggleRightIcon,
-    title: (0, import_i18n22.__)("User Preferences", "elementor"),
+    icon: import_icons21.ToggleRightIcon,
+    title: (0, import_i18n23.__)("User Preferences", "elementor"),
     onClick: () => {
       const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
+      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.userPreferences, {
+        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.userPreferences, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1299,7 +1336,7 @@ function useActionProps9() {
 }
 
 // src/extensions/user-preferences/index.ts
-function init13() {
+function init14() {
   mainMenu.registerToggleAction({
     id: "open-user-preferences",
     priority: 30,
@@ -1310,28 +1347,32 @@ function init13() {
 
 // src/extensions/wordpress/index.ts
 var import_editor_documents10 = require("@elementor/editor-documents");
-var import_icons21 = require("@elementor/icons");
-var import_i18n23 = require("@wordpress/i18n");
-function init14() {
+var import_icons22 = require("@elementor/icons");
+var import_i18n24 = require("@wordpress/i18n");
+function init15() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
     group: "exits",
+    priority: 20,
     useProps: () => {
       const document2 = (0, import_editor_documents10.__useActiveDocument)();
       return {
-        title: (0, import_i18n23.__)("Exit to WordPress", "elementor"),
+        title: (0, import_i18n24.__)("Exit to WordPress", "elementor"),
         href: document2?.links?.platformEdit,
-        icon: import_icons21.WordpressIcon,
+        icon: import_icons22.WordpressIcon,
         onClick: () => {
           const extendedWindow = window;
-          const config = extendedWindow?.elementor?.editorEvents?.config;
+          const config = extendedWindow?.elementorCommon?.eventsManager?.config;
           if (config) {
-            extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.exitToWordpress, {
-              location: config.locations.topBar,
-              secondaryLocation: config.secondaryLocations.elementorLogo,
-              trigger: config.triggers.click,
-              element: config.elements.link
-            });
+            extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+              config.names.topBar.exitToWordpress,
+              {
+                location: config.locations.topBar,
+                secondaryLocation: config.secondaryLocations.elementorLogo,
+                trigger: config.triggers.click,
+                element: config.elements.link
+              }
+            );
           }
         }
       };
@@ -1340,8 +1381,7 @@ function init14() {
 }
 
 // src/extensions/index.ts
-function init15() {
-  init();
+function init16() {
   init2();
   init3();
   init4();
@@ -1355,6 +1395,8 @@ function init15() {
   init12();
   init13();
   init14();
+  init15();
+  init();
 }
 
 // src/sync/redirect-old-menus.ts
@@ -1366,9 +1408,9 @@ function redirectOldMenus() {
 }
 
 // src/init.ts
-function init16() {
+function init17() {
   redirectOldMenus();
-  init15();
+  init16();
   (0, import_editor2.injectIntoTop)({
     id: "app-bar",
     component: AppBar