@elementor/editor-app-bar 0.20.0 → 0.22.0

package/dist/index.mjs

@@ -18,11 +18,51 @@ function useMenuContext() {
   return useContext(MenuContext);
 }
 
-// src/components/ui/toolbar-menu-item.tsx
+// src/components/ui/popover-menu-item.tsx
 import * as React2 from "react";
+import { ArrowUpRightIcon, ChevronRightIcon } from "@elementor/icons";
+import { ListItemIcon, ListItemText, MenuItem, withDirection } from "@elementor/ui";
+var DirectionalArrowIcon = withDirection(ArrowUpRightIcon);
+var DirectionalChevronIcon = withDirection(ChevronRightIcon);
+function PopoverMenuItem({
+  text,
+  icon,
+  onClick,
+  href,
+  target,
+  disabled,
+  isGroupParent,
+  ...props
+}) {
+  const isExternalLink = href && target === "_blank";
+  return /* @__PURE__ */ React2.createElement(
+    MenuItem,
+    {
+      ...props,
+      disabled,
+      onClick,
+      component: href ? "a" : "div",
+      href,
+      target,
+      sx: {
+        "&:hover": {
+          color: "text.primary"
+          // Overriding global CSS from the editor.
+        }
+      }
+    },
+    /* @__PURE__ */ React2.createElement(ListItemIcon, null, icon),
+    /* @__PURE__ */ React2.createElement(ListItemText, { primary: text }),
+    isExternalLink && /* @__PURE__ */ React2.createElement(DirectionalArrowIcon, null),
+    isGroupParent && /* @__PURE__ */ React2.createElement(DirectionalChevronIcon, null)
+  );
+}
+
+// src/components/ui/toolbar-menu-item.tsx
+import * as React3 from "react";
 import { Box, IconButton, Tooltip as BaseTooltip } from "@elementor/ui";
 function ToolbarMenuItem({ title, ...props }) {
-  return /* @__PURE__ */ React2.createElement(Tooltip, { title }, /* @__PURE__ */ React2.createElement(Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React3.createElement(Tooltip, { title }, /* @__PURE__ */ React3.createElement(Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React3.createElement(
     IconButton,
     {
       ...props,
@@ -42,7 +82,7 @@ function ToolbarMenuItem({ title, ...props }) {
   )));
 }
 function Tooltip(props) {
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React3.createElement(
     BaseTooltip,
     {
       PopperProps: {
@@ -57,46 +97,6 @@ function Tooltip(props) {
   );
 }
 
-// src/components/ui/popover-menu-item.tsx
-import * as React3 from "react";
-import { MenuItem, ListItemText, ListItemIcon, withDirection } from "@elementor/ui";
-import { ArrowUpRightIcon, ChevronRightIcon } from "@elementor/icons";
-var DirectionalArrowIcon = withDirection(ArrowUpRightIcon);
-var DirectionalChevronIcon = withDirection(ChevronRightIcon);
-function PopoverMenuItem({
-  text,
-  icon,
-  onClick,
-  href,
-  target,
-  disabled,
-  isGroupParent,
-  ...props
-}) {
-  const isExternalLink = href && target === "_blank";
-  return /* @__PURE__ */ React3.createElement(
-    MenuItem,
-    {
-      ...props,
-      disabled,
-      onClick,
-      component: href ? "a" : "div",
-      href,
-      target,
-      sx: {
-        "&:hover": {
-          color: "text.primary"
-          // Overriding global CSS from the editor.
-        }
-      }
-    },
-    /* @__PURE__ */ React3.createElement(ListItemIcon, null, icon),
-    /* @__PURE__ */ React3.createElement(ListItemText, { primary: text }),
-    isExternalLink && /* @__PURE__ */ React3.createElement(DirectionalArrowIcon, null),
-    isGroupParent && /* @__PURE__ */ React3.createElement(DirectionalChevronIcon, null)
-  );
-}
-
 // src/components/actions/action.tsx
 function Action({ icon: Icon, title, visible = true, ...props }) {
   const { type } = useMenuContext();
@@ -184,13 +184,17 @@ var documentOptionsMenu = createMenu2({
   }
 });
 
+// src/init.ts
+import { injectIntoTop as injectIntoTop2 } from "@elementor/editor";
+
 // src/components/app-bar.tsx
 import * as React19 from "react";
+import { __useActiveDocument as useActiveDocument } from "@elementor/editor-documents";
 import { AppBar as BaseAppBar, Box as Box3, Divider as Divider3, Grid, ThemeProvider, Toolbar } from "@elementor/ui";
 
 // src/components/locations/main-menu-location.tsx
 import * as React10 from "react";
-import { usePopupState, bindMenu, bindTrigger, Stack, Divider } from "@elementor/ui";
+import { bindMenu, bindTrigger, Divider, Stack, usePopupState } from "@elementor/ui";
 
 // src/components/ui/popover-menu.tsx
 import * as React8 from "react";
@@ -215,8 +219,8 @@ function PopoverMenu({ children, popupState, ...props }) {
 // src/components/ui/toolbar-logo.tsx
 import * as React9 from "react";
 import { useState } from "react";
+import { styled, SvgIcon, ToggleButton as ToggleButton2 } from "@elementor/ui";
 import { __ } from "@wordpress/i18n";
-import { ToggleButton as ToggleButton2, SvgIcon, styled } from "@elementor/ui";
 var ElementorLogo = (props) => {
   return /* @__PURE__ */ React9.createElement(SvgIcon, { viewBox: "0 0 32 32", ...props }, /* @__PURE__ */ React9.createElement("g", null, /* @__PURE__ */ React9.createElement("circle", { cx: "16", cy: "16", r: "16" }), /* @__PURE__ */ React9.createElement("path", { d: "M11.7 9H9V22.3H11.7V9Z" }), /* @__PURE__ */ React9.createElement("path", { d: "M22.4 9H9V11.7H22.4V9Z" }), /* @__PURE__ */ React9.createElement("path", { d: "M22.4 14.4004H9V17.1004H22.4V14.4004Z" }), /* @__PURE__ */ React9.createElement("path", { d: "M22.4 19.6992H9V22.3992H22.4V19.6992Z" })));
 };
@@ -305,34 +309,52 @@ function MainMenuLocation() {
   return /* @__PURE__ */ React10.createElement(Stack, { sx: { paddingInlineStart: 3 }, direction: "row", alignItems: "center" }, /* @__PURE__ */ React10.createElement(ToolbarLogo, { ...toolbarLogoProps, onClick: onToolbarClick, selected: popupState.isOpen }), /* @__PURE__ */ React10.createElement(PopoverMenu, { onClick: popupState.close, ...bindMenu(popupState), marginThreshold: 8 }, menuItems.default.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React10.createElement(MenuItem2, { key: id })), menuItems.exits.length > 0 && /* @__PURE__ */ React10.createElement(Divider, null), menuItems.exits.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React10.createElement(MenuItem2, { key: id }))));
 }
 
+// src/components/locations/page-indication-location.tsx
+import * as React11 from "react";
+function PageIndicationLocation() {
+  return /* @__PURE__ */ React11.createElement(PageIndicationSlot, null);
+}
+
+// src/components/locations/primary-action-location.tsx
+import * as React12 from "react";
+function PrimaryActionLocation() {
+  return /* @__PURE__ */ React12.createElement(PrimaryActionSlot, null);
+}
+
+// src/components/locations/responsive-location.tsx
+import * as React13 from "react";
+function ResponsiveLocation() {
+  return /* @__PURE__ */ React13.createElement(ResponsiveSlot, null);
+}
+
 // src/components/locations/tools-menu-location.tsx
-import * as React14 from "react";
+import * as React17 from "react";
 
 // src/components/ui/toolbar-menu.tsx
-import * as React11 from "react";
+import * as React14 from "react";
 import { Stack as Stack2 } from "@elementor/ui";
 function ToolbarMenu({ children, ...props }) {
-  return /* @__PURE__ */ React11.createElement(MenuContextProvider, { type: "toolbar" }, /* @__PURE__ */ React11.createElement(Stack2, { sx: { px: 1.5 }, spacing: 1.5, direction: "row", alignItems: "center", ...props }, children));
+  return /* @__PURE__ */ React14.createElement(MenuContextProvider, { type: "toolbar" }, /* @__PURE__ */ React14.createElement(Stack2, { sx: { px: 1.5 }, spacing: 1.5, direction: "row", alignItems: "center", ...props }, children));
 }
 
 // src/components/ui/toolbar-menu-more.tsx
-import * as React12 from "react";
+import * as React15 from "react";
+import { DotsVerticalIcon } from "@elementor/icons";
 import { bindMenu as bindMenu2, bindTrigger as bindTrigger2, usePopupState as usePopupState2 } from "@elementor/ui";
 import { __ as __2 } from "@wordpress/i18n";
-import { DotsVerticalIcon } from "@elementor/icons";
 function ToolbarMenuMore({ children, id }) {
   const popupState = usePopupState2({
     variant: "popover",
     popupId: id
   });
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(ToolbarMenuItem, { ...bindTrigger2(popupState), title: __2("More", "elementor") }, /* @__PURE__ */ React12.createElement(DotsVerticalIcon, null)), /* @__PURE__ */ React12.createElement(PopoverMenu, { onClick: popupState.close, ...bindMenu2(popupState) }, children));
+  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(ToolbarMenuItem, { ...bindTrigger2(popupState), title: __2("More", "elementor") }, /* @__PURE__ */ React15.createElement(DotsVerticalIcon, null)), /* @__PURE__ */ React15.createElement(PopoverMenu, { onClick: popupState.close, ...bindMenu2(popupState) }, children));
 }
 
 // src/components/locations/integrations-menu-location.tsx
-import * as React13 from "react";
+import * as React16 from "react";
+import { PlugIcon } from "@elementor/icons";
 import { bindMenu as bindMenu3, bindTrigger as bindTrigger3, usePopupState as usePopupState3 } from "@elementor/ui";
 import { __ as __3 } from "@wordpress/i18n";
-import { PlugIcon } from "@elementor/icons";
 var { useMenuItems: useMenuItems2 } = integrationsMenu;
 function IntegrationsMenuLocation() {
   const menuItems = useMenuItems2();
@@ -343,7 +365,7 @@ function IntegrationsMenuLocation() {
   if (menuItems.default.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(ToolbarMenuItem, { ...bindTrigger3(popupState), title: __3("Integrations", "elementor") }, /* @__PURE__ */ React13.createElement(PlugIcon, null)), /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(ToolbarMenuItem, { ...bindTrigger3(popupState), title: __3("Integrations", "elementor") }, /* @__PURE__ */ React16.createElement(PlugIcon, null)), /* @__PURE__ */ React16.createElement(
     PopoverMenu,
     {
       onClick: popupState.close,
@@ -351,7 +373,7 @@ function IntegrationsMenuLocation() {
       marginThreshold: 8,
       open: popupState.isOpen
     },
-    menuItems.default.map(({ MenuItem: IntegrationsMenuItem, id }) => /* @__PURE__ */ React13.createElement(IntegrationsMenuItem, { key: id }))
+    menuItems.default.map(({ MenuItem: IntegrationsMenuItem, id }) => /* @__PURE__ */ React16.createElement(IntegrationsMenuItem, { key: id }))
   ));
 }
 
@@ -362,11 +384,11 @@ function ToolsMenuLocation() {
   const menuItems = useMenuItems3();
   const toolbarMenuItems = menuItems.default.slice(0, MAX_TOOLBAR_ACTIONS);
   const popoverMenuItems = menuItems.default.slice(MAX_TOOLBAR_ACTIONS);
-  return /* @__PURE__ */ React14.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React14.createElement(MenuItem2, { key: id })), /* @__PURE__ */ React14.createElement(IntegrationsMenuLocation, null), popoverMenuItems.length > 0 && /* @__PURE__ */ React14.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-tools-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React14.createElement(MenuItem2, { key: id }))));
+  return /* @__PURE__ */ React17.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React17.createElement(MenuItem2, { key: id })), /* @__PURE__ */ React17.createElement(IntegrationsMenuLocation, null), popoverMenuItems.length > 0 && /* @__PURE__ */ React17.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-tools-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React17.createElement(MenuItem2, { key: id }))));
 }
 
 // src/components/locations/utilities-menu-location.tsx
-import * as React15 from "react";
+import * as React18 from "react";
 import { Fragment as Fragment3 } from "react";
 import { Divider as Divider2 } from "@elementor/ui";
 var MAX_TOOLBAR_ACTIONS2 = 4;
@@ -376,62 +398,28 @@ function UtilitiesMenuLocation() {
   const shouldUsePopover = menuItems.default.length > MAX_TOOLBAR_ACTIONS2 + 1;
   const toolbarMenuItems = shouldUsePopover ? menuItems.default.slice(0, MAX_TOOLBAR_ACTIONS2) : menuItems.default;
   const popoverMenuItems = shouldUsePopover ? menuItems.default.slice(MAX_TOOLBAR_ACTIONS2) : [];
-  return /* @__PURE__ */ React15.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }, index) => /* @__PURE__ */ React15.createElement(Fragment3, { key: id }, index === 0 && /* @__PURE__ */ React15.createElement(Divider2, { orientation: "vertical" }), /* @__PURE__ */ React15.createElement(MenuItem2, null))), popoverMenuItems.length > 0 && /* @__PURE__ */ React15.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-utilities-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React15.createElement(MenuItem2, { key: id }))));
-}
-
-// src/components/locations/primary-action-location.tsx
-import * as React16 from "react";
-function PrimaryActionLocation() {
-  return /* @__PURE__ */ React16.createElement(PrimaryActionSlot, null);
-}
-
-// src/components/locations/page-indication-location.tsx
-import * as React17 from "react";
-function PageIndicationLocation() {
-  return /* @__PURE__ */ React17.createElement(PageIndicationSlot, null);
-}
-
-// src/components/locations/responsive-location.tsx
-import * as React18 from "react";
-function ResponsiveLocation() {
-  return /* @__PURE__ */ React18.createElement(ResponsiveSlot, null);
+  return /* @__PURE__ */ React18.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }, index) => /* @__PURE__ */ React18.createElement(Fragment3, { key: id }, index === 0 && /* @__PURE__ */ React18.createElement(Divider2, { orientation: "vertical" }), /* @__PURE__ */ React18.createElement(MenuItem2, null))), popoverMenuItems.length > 0 && /* @__PURE__ */ React18.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-utilities-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React18.createElement(MenuItem2, { key: id }))));
 }
 
 // src/components/app-bar.tsx
-import { __useActiveDocument as useActiveDocument } from "@elementor/editor-documents";
 function AppBar() {
   const document2 = useActiveDocument();
   return /* @__PURE__ */ React19.createElement(ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React19.createElement(BaseAppBar, { position: "sticky" }, /* @__PURE__ */ React19.createElement(Toolbar, { disableGutters: true, variant: "dense" }, /* @__PURE__ */ React19.createElement(Box3, { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", flexGrow: 1 }, /* @__PURE__ */ React19.createElement(Grid, { container: true }, /* @__PURE__ */ React19.createElement(MainMenuLocation, null), document2?.permissions?.allowAddingWidgets && /* @__PURE__ */ React19.createElement(ToolsMenuLocation, null)), /* @__PURE__ */ React19.createElement(Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React19.createElement(ToolbarMenu, { spacing: 1.5 }, /* @__PURE__ */ React19.createElement(Divider3, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(PageIndicationLocation, null), /* @__PURE__ */ React19.createElement(Divider3, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(ResponsiveLocation, null), /* @__PURE__ */ React19.createElement(Divider3, { orientation: "vertical" }))), /* @__PURE__ */ React19.createElement(Grid, { container: true, justifyContent: "flex-end" }, /* @__PURE__ */ React19.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React19.createElement(PrimaryActionLocation, null))))));
 }
 
-// src/init.ts
-import { injectIntoTop as injectIntoTop2 } from "@elementor/editor";
-
-// src/sync/redirect-old-menus.ts
-import {
-  __privateListenTo as listenTo,
-  __privateOpenRoute as openRoute,
-  routeOpenEvent
-} from "@elementor/editor-v1-adapters";
-function redirectOldMenus() {
-  listenTo(routeOpenEvent("panel/menu"), () => {
-    openRoute("panel/elements/categories");
-  });
-}
-
 // src/extensions/documents-indicator/components/settings-button.tsx
 import * as React20 from "react";
-import { Box as Box4, ToggleButton as ToggleButton3, Tooltip as BaseTooltip2 } from "@elementor/ui";
-import { __ as __4 } from "@wordpress/i18n";
-import {
-  __privateOpenRoute as openRoute2,
-  __privateUseRouteStatus as useRouteStatus
-} from "@elementor/editor-v1-adapters";
-import { SettingsIcon } from "@elementor/icons";
 import {
   __useActiveDocument as useActiveDocument2,
   __useHostDocument as useHostDocument
 } from "@elementor/editor-documents";
+import {
+  __privateOpenRoute as openRoute,
+  __privateUseRouteStatus as useRouteStatus
+} from "@elementor/editor-v1-adapters";
+import { SettingsIcon } from "@elementor/icons";
+import { Box as Box4, ToggleButton as ToggleButton3, Tooltip as BaseTooltip2 } from "@elementor/ui";
+import { __ as __4 } from "@wordpress/i18n";
 function SettingsButton() {
   const activeDocument = useActiveDocument2();
   const hostDocument = useHostDocument();
@@ -458,7 +446,7 @@ function SettingsButton() {
             element: config.elements.buttonIcon
           });
         }
-        openRoute2("panel/page-settings/settings");
+        openRoute("panel/page-settings/settings");
       },
       "aria-label": title,
       size: "small",
@@ -503,10 +491,10 @@ function init() {
 }
 
 // src/extensions/documents-preview/hooks/use-action-props.ts
-import { __ as __5 } from "@wordpress/i18n";
-import { EyeIcon } from "@elementor/icons";
-import { __privateRunCommand as runCommand } from "@elementor/editor-v1-adapters";
 import { __useActiveDocument as useActiveDocument3 } from "@elementor/editor-documents";
+import { __privateRunCommand as runCommand } from "@elementor/editor-v1-adapters";
+import { EyeIcon } from "@elementor/icons";
+import { __ as __5 } from "@wordpress/i18n";
 function useActionProps() {
   const document2 = useActiveDocument3();
   return {
@@ -543,56 +531,25 @@ function init2() {
   });
 }
 
-// src/extensions/documents-save/hooks/use-document-save-draft-props.ts
-import { __ as __6 } from "@wordpress/i18n";
-import { FileReportIcon } from "@elementor/icons";
+// src/extensions/documents-save/components/primary-action.tsx
+import * as React22 from "react";
 import {
   __useActiveDocument as useActiveDocument4,
   __useActiveDocumentActions as useActiveDocumentActions
 } from "@elementor/editor-documents";
-function useDocumentSaveDraftProps() {
-  const document2 = useActiveDocument4();
-  const { saveDraft } = useActiveDocumentActions();
-  return {
-    icon: FileReportIcon,
-    title: __6("Save Draft", "elementor"),
-    onClick: saveDraft,
-    disabled: !document2 || document2.isSaving || document2.isSavingDraft || !document2.isDirty
-  };
-}
-
-// src/extensions/documents-save/hooks/use-document-save-template-props.ts
-import { __ as __7 } from "@wordpress/i18n";
-import { FolderIcon } from "@elementor/icons";
-import { __useActiveDocumentActions as useActiveDocumentActions2 } from "@elementor/editor-documents";
-function useDocumentSaveTemplateProps() {
-  const { saveTemplate } = useActiveDocumentActions2();
-  return {
-    icon: FolderIcon,
-    title: __7("Save as Template", "elementor"),
-    onClick: saveTemplate
-  };
-}
-
-// src/extensions/documents-save/hooks/use-document-view-page-props.ts
-import { __ as __8 } from "@wordpress/i18n";
-import { EyeIcon as EyeIcon2 } from "@elementor/icons";
-import { __useActiveDocument as useActiveDocument5 } from "@elementor/editor-documents";
-import { __privateRunCommand as runCommand2 } from "@elementor/editor-v1-adapters";
-function useDocumentViewPageProps() {
-  const document2 = useActiveDocument5();
-  return {
-    icon: EyeIcon2,
-    title: __8("View Page", "elementor"),
-    onClick: () => document2?.id && runCommand2("editor/documents/view", {
-      id: document2.id
-    })
-  };
-}
-
-// src/extensions/documents-save/components/primary-action.tsx
-import * as React22 from "react";
-import { __ as __9 } from "@wordpress/i18n";
+import { __privateUseIsPreviewMode as useIsPreviewMode } from "@elementor/editor-v1-adapters";
+import { ChevronDownIcon } from "@elementor/icons";
+import {
+  bindMenu as bindMenu4,
+  bindTrigger as bindTrigger4,
+  Box as Box5,
+  Button,
+  ButtonGroup,
+  CircularProgress,
+  Tooltip as Tooltip4,
+  usePopupState as usePopupState4
+} from "@elementor/ui";
+import { __ as __6 } from "@wordpress/i18n";
 
 // src/extensions/documents-save/components/primary-action-menu.tsx
 import * as React21 from "react";
@@ -641,25 +598,9 @@ function PrimaryActionMenu(props) {
 }
 
 // src/extensions/documents-save/components/primary-action.tsx
-import {
-  bindMenu as bindMenu4,
-  bindTrigger as bindTrigger4,
-  Box as Box5,
-  Button,
-  ButtonGroup,
-  CircularProgress,
-  Tooltip as Tooltip4,
-  usePopupState as usePopupState4
-} from "@elementor/ui";
-import {
-  __useActiveDocument as useActiveDocument6,
-  __useActiveDocumentActions as useActiveDocumentActions3
-} from "@elementor/editor-documents";
-import { ChevronDownIcon } from "@elementor/icons";
-import { __privateUseIsPreviewMode as useIsPreviewMode } from "@elementor/editor-v1-adapters";
 function PrimaryAction() {
-  const document2 = useActiveDocument6();
-  const { save } = useActiveDocumentActions3();
+  const document2 = useActiveDocument4();
+  const { save } = useActiveDocumentActions();
   const isPreviewMode = useIsPreviewMode();
   const popupState = usePopupState4({
     variant: "popover",
@@ -703,7 +644,7 @@ function PrimaryAction() {
   ), /* @__PURE__ */ React22.createElement(
     Tooltip4,
     {
-      title: __9("Save Options", "elementor"),
+      title: __6("Save Options", "elementor"),
       PopperProps: {
         sx: {
           "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
@@ -720,14 +661,14 @@ function PrimaryAction() {
         ...bindTrigger4(popupState),
         sx: { px: 0, height: "100%", borderRadius: 0 },
         disabled: isSaveOptionsDisabled,
-        "aria-label": __9("Save Options", "elementor")
+        "aria-label": __6("Save Options", "elementor")
       },
       /* @__PURE__ */ React22.createElement(ChevronDownIcon, null)
     ))
   )), /* @__PURE__ */ React22.createElement(PrimaryActionMenu, { ...bindMenu4(popupState), onClick: popupState.close }));
 }
 function getLabel(document2) {
-  return document2.userCan.publish ? __9("Publish", "elementor") : __9("Submit", "elementor");
+  return document2.userCan.publish ? __6("Publish", "elementor") : __6("Submit", "elementor");
 }
 function isPublishEnabled(document2) {
   if (document2.type.value === "kit") {
@@ -737,24 +678,71 @@ function isPublishEnabled(document2) {
 }
 
 // src/extensions/documents-save/hooks/use-document-copy-and-share-props.ts
-import { __ as __10 } from "@wordpress/i18n";
-import { LinkIcon } from "@elementor/icons";
 import {
-  __useActiveDocument as useActiveDocument7,
-  __useActiveDocumentActions as useActiveDocumentActions4
+  __useActiveDocument as useActiveDocument5,
+  __useActiveDocumentActions as useActiveDocumentActions2
 } from "@elementor/editor-documents";
+import { LinkIcon } from "@elementor/icons";
+import { __ as __7 } from "@wordpress/i18n";
 function useDocumentCopyAndShareProps() {
-  const document2 = useActiveDocument7();
-  const { copyAndShare } = useActiveDocumentActions4();
+  const document2 = useActiveDocument5();
+  const { copyAndShare } = useActiveDocumentActions2();
   return {
     icon: LinkIcon,
-    title: __10("Copy and Share", "elementor"),
+    title: __7("Copy and Share", "elementor"),
     onClick: copyAndShare,
     disabled: !document2 || document2.isSaving || document2.isSavingDraft || !("publish" === document2.status.value),
     visible: document2?.permissions?.showCopyAndShare
   };
 }
 
+// src/extensions/documents-save/hooks/use-document-save-draft-props.ts
+import {
+  __useActiveDocument as useActiveDocument6,
+  __useActiveDocumentActions as useActiveDocumentActions3
+} from "@elementor/editor-documents";
+import { FileReportIcon } from "@elementor/icons";
+import { __ as __8 } from "@wordpress/i18n";
+function useDocumentSaveDraftProps() {
+  const document2 = useActiveDocument6();
+  const { saveDraft } = useActiveDocumentActions3();
+  return {
+    icon: FileReportIcon,
+    title: __8("Save Draft", "elementor"),
+    onClick: saveDraft,
+    disabled: !document2 || document2.isSaving || document2.isSavingDraft || !document2.isDirty
+  };
+}
+
+// src/extensions/documents-save/hooks/use-document-save-template-props.ts
+import { __useActiveDocumentActions as useActiveDocumentActions4 } from "@elementor/editor-documents";
+import { FolderIcon } from "@elementor/icons";
+import { __ as __9 } from "@wordpress/i18n";
+function useDocumentSaveTemplateProps() {
+  const { saveTemplate } = useActiveDocumentActions4();
+  return {
+    icon: FolderIcon,
+    title: __9("Save as Template", "elementor"),
+    onClick: saveTemplate
+  };
+}
+
+// src/extensions/documents-save/hooks/use-document-view-page-props.ts
+import { __useActiveDocument as useActiveDocument7 } from "@elementor/editor-documents";
+import { __privateRunCommand as runCommand2 } from "@elementor/editor-v1-adapters";
+import { EyeIcon as EyeIcon2 } from "@elementor/icons";
+import { __ as __10 } from "@wordpress/i18n";
+function useDocumentViewPageProps() {
+  const document2 = useActiveDocument7();
+  return {
+    icon: EyeIcon2,
+    title: __10("View Page", "elementor"),
+    onClick: () => document2?.id && runCommand2("editor/documents/view", {
+      id: document2.id
+    })
+  };
+}
+
 // src/extensions/documents-save/index.ts
 function init3() {
   injectIntoPrimaryAction({
@@ -785,49 +773,17 @@ function init3() {
   });
 }
 
-// src/extensions/elements/sync/sync-panel-title.ts
-import { __ as __11 } from "@wordpress/i18n";
-import {
-  __privateIsRouteActive as isRouteActive,
-  __privateListenTo as listenTo2,
-  routeOpenEvent as routeOpenEvent2,
-  v1ReadyEvent
-} from "@elementor/editor-v1-adapters";
-function syncPanelTitle() {
-  const panelTitle = __11("Elements", "elementor");
-  const tabTitle = __11("Widgets", "elementor");
-  listenTo2(routeOpenEvent2("panel/elements"), () => {
-    setPanelTitle(panelTitle);
-    setTabTitle(tabTitle);
-  });
-  listenTo2(v1ReadyEvent(), () => {
-    if (isRouteActive("panel/elements")) {
-      setPanelTitle(panelTitle);
-      setTabTitle(tabTitle);
-    }
-  });
-}
-function setPanelTitle(title) {
-  window.elementor?.getPanelView?.()?.getHeaderView?.()?.setTitle?.(title);
-}
-function setTabTitle(title) {
-  const tab = document.querySelector('.elementor-component-tab[data-tab="categories"]');
-  if (tab) {
-    tab.textContent = title;
-  }
-}
-
 // src/extensions/elements/hooks/use-action-props.ts
-import { PlusIcon } from "@elementor/icons";
-import { __ as __12 } from "@wordpress/i18n";
 import {
-  __privateOpenRoute as openRoute3,
+  __privateOpenRoute as openRoute2,
   __privateUseRouteStatus as useRouteStatus2
 } from "@elementor/editor-v1-adapters";
+import { PlusIcon } from "@elementor/icons";
+import { __ as __11 } from "@wordpress/i18n";
 function useActionProps2() {
   const { isActive, isBlocked } = useRouteStatus2("panel/elements");
   return {
-    title: __12("Add Element", "elementor"),
+    title: __11("Add Element", "elementor"),
     icon: PlusIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -840,13 +796,45 @@ function useActionProps2() {
           element: config.elements.buttonIcon
         });
       }
-      openRoute3("panel/elements/categories");
+      openRoute2("panel/elements/categories");
     },
     selected: isActive,
     disabled: isBlocked
   };
 }
 
+// src/extensions/elements/sync/sync-panel-title.ts
+import {
+  __privateIsRouteActive as isRouteActive,
+  __privateListenTo as listenTo,
+  routeOpenEvent,
+  v1ReadyEvent
+} from "@elementor/editor-v1-adapters";
+import { __ as __12 } from "@wordpress/i18n";
+function syncPanelTitle() {
+  const panelTitle = __12("Elements", "elementor");
+  const tabTitle = __12("Widgets", "elementor");
+  listenTo(routeOpenEvent("panel/elements"), () => {
+    setPanelTitle(panelTitle);
+    setTabTitle(tabTitle);
+  });
+  listenTo(v1ReadyEvent(), () => {
+    if (isRouteActive("panel/elements")) {
+      setPanelTitle(panelTitle);
+      setTabTitle(tabTitle);
+    }
+  });
+}
+function setPanelTitle(title) {
+  window.elementor?.getPanelView?.()?.getHeaderView?.()?.setTitle?.(title);
+}
+function setTabTitle(title) {
+  const tab = document.querySelector('.elementor-component-tab[data-tab="categories"]');
+  if (tab) {
+    tab.textContent = title;
+  }
+}
+
 // src/extensions/elements/index.ts
 function init4() {
   syncPanelTitle();
@@ -858,12 +846,12 @@ function init4() {
 }
 
 // src/extensions/finder/hooks/use-action-props.ts
-import { __ as __13 } from "@wordpress/i18n";
-import { SearchIcon } from "@elementor/icons";
 import {
   __privateRunCommand as runCommand3,
   __privateUseRouteStatus as useRouteStatus3
 } from "@elementor/editor-v1-adapters";
+import { SearchIcon } from "@elementor/icons";
+import { __ as __13 } from "@wordpress/i18n";
 function useActionProps3() {
   const { isBlocked } = useRouteStatus3("finder", {
     blockOnKitRoutes: false,
@@ -900,8 +888,8 @@ function init5() {
 }
 
 // src/extensions/help/index.ts
-import { __ as __14 } from "@wordpress/i18n";
 import { HelpIcon } from "@elementor/icons";
+import { __ as __14 } from "@wordpress/i18n";
 function init6() {
   utilitiesMenu.registerLink({
     id: "open-help-center",
@@ -931,12 +919,12 @@ function init6() {
 }
 
 // src/extensions/history/hooks/use-action-props.ts
-import { HistoryIcon } from "@elementor/icons";
-import { __ as __15 } from "@wordpress/i18n";
 import {
-  __privateOpenRoute as openRoute4,
+  __privateOpenRoute as openRoute3,
   __privateUseRouteStatus as useRouteStatus4
 } from "@elementor/editor-v1-adapters";
+import { HistoryIcon } from "@elementor/icons";
+import { __ as __15 } from "@wordpress/i18n";
 function useActionProps4() {
   const { isActive, isBlocked } = useRouteStatus4("panel/history");
   return {
@@ -953,7 +941,7 @@ function useActionProps4() {
           element: config.elements.link
         });
       }
-      openRoute4("panel/history/actions");
+      openRoute3("panel/history/actions");
     },
     selected: isActive,
     disabled: isBlocked
@@ -970,9 +958,9 @@ function init7() {
 }
 
 // src/extensions/keyboard-shortcuts/hooks/use-action-props.ts
-import { __ as __16 } from "@wordpress/i18n";
-import { KeyboardIcon } from "@elementor/icons";
 import { __privateRunCommand as runCommand4 } from "@elementor/editor-v1-adapters";
+import { KeyboardIcon } from "@elementor/icons";
+import { __ as __16 } from "@wordpress/i18n";
 function useActionProps5() {
   return {
     icon: KeyboardIcon,
@@ -1006,22 +994,22 @@ function init8() {
 
 // src/extensions/responsive/components/breakpoints-switcher.tsx
 import * as React23 from "react";
-import { __ as __17 } from "@wordpress/i18n";
-import { Tab, Tabs, Tooltip as BaseTooltip3 } from "@elementor/ui";
 import {
-  useBreakpoints,
   useActivateBreakpoint,
-  useActiveBreakpoint
+  useActiveBreakpoint,
+  useBreakpoints
 } from "@elementor/editor-responsive";
 import {
   DesktopIcon,
-  TabletPortraitIcon,
-  MobilePortraitIcon,
-  WidescreenIcon,
   LaptopIcon,
+  MobileLandscapeIcon,
+  MobilePortraitIcon,
   TabletLandscapeIcon,
-  MobileLandscapeIcon
+  TabletPortraitIcon,
+  WidescreenIcon
 } from "@elementor/icons";
+import { Tab, Tabs, Tooltip as BaseTooltip3 } from "@elementor/ui";
+import { __ as __17 } from "@wordpress/i18n";
 function BreakpointsSwitcher() {
   const breakpoints = useBreakpoints();
   const activeBreakpoint = useActiveBreakpoint();
@@ -1126,16 +1114,16 @@ import * as React26 from "react";
 
 // src/extensions/site-settings/components/portal.tsx
 import * as React24 from "react";
-import { Portal as BasePortal } from "@elementor/ui";
 import {
   __privateIsRouteActive as isRouteActive2,
+  __privateUseListenTo as useListenTo,
   routeCloseEvent,
-  routeOpenEvent as routeOpenEvent3,
-  __privateUseListenTo as useListenTo
+  routeOpenEvent as routeOpenEvent2
 } from "@elementor/editor-v1-adapters";
+import { Portal as BasePortal } from "@elementor/ui";
 function Portal(props) {
   const containerRef = useListenTo(
-    [routeOpenEvent3("panel/global"), routeCloseEvent("panel/global")],
+    [routeOpenEvent2("panel/global"), routeCloseEvent("panel/global")],
     getContainerRef
   );
   if (!containerRef.current) {
@@ -1188,12 +1176,12 @@ function PortalledPrimaryAction() {
 }
 
 // src/extensions/site-settings/hooks/use-action-props.ts
-import { __ as __19 } from "@wordpress/i18n";
 import {
   __privateRunCommand as runCommand5,
   __privateUseRouteStatus as useRouteStatus5
 } from "@elementor/editor-v1-adapters";
 import { AdjustmentsHorizontalIcon } from "@elementor/icons";
+import { __ as __19 } from "@wordpress/i18n";
 function useActionProps6() {
   const { isActive, isBlocked } = useRouteStatus5("panel/global", {
     blockOnKitRoutes: false
@@ -1237,12 +1225,12 @@ function init10() {
 }
 
 // src/extensions/structure/hooks/use-action-props.ts
-import { __ as __20 } from "@wordpress/i18n";
 import {
   __privateRunCommand as runCommand6,
   __privateUseRouteStatus as useRouteStatus6
 } from "@elementor/editor-v1-adapters";
 import { StructureIcon } from "@elementor/icons";
+import { __ as __20 } from "@wordpress/i18n";
 function useActionProps7() {
   const { isActive, isBlocked } = useRouteStatus6("navigator");
   return {
@@ -1276,9 +1264,9 @@ function init11() {
 }
 
 // src/extensions/theme-builder/hooks/use-action-props.ts
-import { __ as __21 } from "@wordpress/i18n";
-import { ThemeBuilderIcon } from "@elementor/icons";
 import { __privateRunCommand as runCommand7 } from "@elementor/editor-v1-adapters";
+import { ThemeBuilderIcon } from "@elementor/icons";
+import { __ as __21 } from "@wordpress/i18n";
 function useActionProps8() {
   return {
     icon: ThemeBuilderIcon,
@@ -1308,12 +1296,12 @@ function init12() {
 }
 
 // src/extensions/user-preferences/hooks/use-action-props.ts
-import { __ as __22 } from "@wordpress/i18n";
-import { ToggleRightIcon } from "@elementor/icons";
 import {
-  __privateOpenRoute as openRoute5,
+  __privateOpenRoute as openRoute4,
   __privateUseRouteStatus as useRouteStatus7
 } from "@elementor/editor-v1-adapters";
+import { ToggleRightIcon } from "@elementor/icons";
+import { __ as __22 } from "@wordpress/i18n";
 function useActionProps9() {
   const { isActive, isBlocked } = useRouteStatus7("panel/editor-preferences");
   return {
@@ -1330,7 +1318,7 @@ function useActionProps9() {
           element: config.elements.link
         });
       }
-      openRoute5("panel/editor-preferences");
+      openRoute4("panel/editor-preferences");
     },
     selected: isActive,
     disabled: isBlocked
@@ -1348,9 +1336,9 @@ function init13() {
 }
 
 // src/extensions/wordpress/index.ts
-import { __ as __23 } from "@wordpress/i18n";
-import { WordpressIcon } from "@elementor/icons";
 import { __useActiveDocument as useActiveDocument9 } from "@elementor/editor-documents";
+import { WordpressIcon } from "@elementor/icons";
+import { __ as __23 } from "@wordpress/i18n";
 function init14() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
@@ -1396,6 +1384,18 @@ function init15() {
   init14();
 }
 
+// src/sync/redirect-old-menus.ts
+import {
+  __privateListenTo as listenTo2,
+  __privateOpenRoute as openRoute5,
+  routeOpenEvent as routeOpenEvent3
+} from "@elementor/editor-v1-adapters";
+function redirectOldMenus() {
+  listenTo2(routeOpenEvent3("panel/menu"), () => {
+    openRoute5("panel/elements/categories");
+  });
+}
+
 // src/init.ts
 function init16() {
   redirectOldMenus();