@elementor/editor-app-bar 0.20.0 → 0.22.0

package/dist/index.js

@@ -61,12 +61,52 @@ function useMenuContext() {
   return (0, import_react.useContext)(MenuContext);
 }
 
-// src/components/ui/toolbar-menu-item.tsx
+// src/components/ui/popover-menu-item.tsx
 var React2 = __toESM(require("react"));
+var import_icons = require("@elementor/icons");
 var import_ui = require("@elementor/ui");
+var DirectionalArrowIcon = (0, import_ui.withDirection)(import_icons.ArrowUpRightIcon);
+var DirectionalChevronIcon = (0, import_ui.withDirection)(import_icons.ChevronRightIcon);
+function PopoverMenuItem({
+  text,
+  icon,
+  onClick,
+  href,
+  target,
+  disabled,
+  isGroupParent,
+  ...props
+}) {
+  const isExternalLink = href && target === "_blank";
+  return /* @__PURE__ */ React2.createElement(
+    import_ui.MenuItem,
+    {
+      ...props,
+      disabled,
+      onClick,
+      component: href ? "a" : "div",
+      href,
+      target,
+      sx: {
+        "&:hover": {
+          color: "text.primary"
+          // Overriding global CSS from the editor.
+        }
+      }
+    },
+    /* @__PURE__ */ React2.createElement(import_ui.ListItemIcon, null, icon),
+    /* @__PURE__ */ React2.createElement(import_ui.ListItemText, { primary: text }),
+    isExternalLink && /* @__PURE__ */ React2.createElement(DirectionalArrowIcon, null),
+    isGroupParent && /* @__PURE__ */ React2.createElement(DirectionalChevronIcon, null)
+  );
+}
+
+// src/components/ui/toolbar-menu-item.tsx
+var React3 = __toESM(require("react"));
+var import_ui2 = require("@elementor/ui");
 function ToolbarMenuItem({ title, ...props }) {
-  return /* @__PURE__ */ React2.createElement(Tooltip, { title }, /* @__PURE__ */ React2.createElement(import_ui.Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React2.createElement(
-    import_ui.IconButton,
+  return /* @__PURE__ */ React3.createElement(Tooltip, { title }, /* @__PURE__ */ React3.createElement(import_ui2.Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React3.createElement(
+    import_ui2.IconButton,
     {
       ...props,
       "aria-label": title,
@@ -85,8 +125,8 @@ function ToolbarMenuItem({ title, ...props }) {
   )));
 }
 function Tooltip(props) {
-  return /* @__PURE__ */ React2.createElement(
-    import_ui.Tooltip,
+  return /* @__PURE__ */ React3.createElement(
+    import_ui2.Tooltip,
     {
       PopperProps: {
         sx: {
@@ -100,46 +140,6 @@ function Tooltip(props) {
   );
 }
 
-// src/components/ui/popover-menu-item.tsx
-var React3 = __toESM(require("react"));
-var import_ui2 = require("@elementor/ui");
-var import_icons = require("@elementor/icons");
-var DirectionalArrowIcon = (0, import_ui2.withDirection)(import_icons.ArrowUpRightIcon);
-var DirectionalChevronIcon = (0, import_ui2.withDirection)(import_icons.ChevronRightIcon);
-function PopoverMenuItem({
-  text,
-  icon,
-  onClick,
-  href,
-  target,
-  disabled,
-  isGroupParent,
-  ...props
-}) {
-  const isExternalLink = href && target === "_blank";
-  return /* @__PURE__ */ React3.createElement(
-    import_ui2.MenuItem,
-    {
-      ...props,
-      disabled,
-      onClick,
-      component: href ? "a" : "div",
-      href,
-      target,
-      sx: {
-        "&:hover": {
-          color: "text.primary"
-          // Overriding global CSS from the editor.
-        }
-      }
-    },
-    /* @__PURE__ */ React3.createElement(import_ui2.ListItemIcon, null, icon),
-    /* @__PURE__ */ React3.createElement(import_ui2.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();
@@ -227,8 +227,12 @@ var documentOptionsMenu = (0, import_menus2.createMenu)({
   }
 });
 
+// src/init.ts
+var import_editor2 = require("@elementor/editor");
+
 // src/components/app-bar.tsx
 var React19 = __toESM(require("react"));
+var import_editor_documents = require("@elementor/editor-documents");
 var import_ui11 = require("@elementor/ui");
 
 // src/components/locations/main-menu-location.tsx
@@ -258,8 +262,8 @@ function PopoverMenu({ children, popupState, ...props }) {
 // src/components/ui/toolbar-logo.tsx
 var React9 = __toESM(require("react"));
 var import_react2 = require("react");
-var import_i18n = require("@wordpress/i18n");
 var import_ui5 = require("@elementor/ui");
+var import_i18n = require("@wordpress/i18n");
 var ElementorLogo = (props) => {
   return /* @__PURE__ */ React9.createElement(import_ui5.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" })));
 };
@@ -348,34 +352,52 @@ function MainMenuLocation() {
   return /* @__PURE__ */ React10.createElement(import_ui6.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, ...(0, import_ui6.bindMenu)(popupState), marginThreshold: 8 }, menuItems.default.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React10.createElement(MenuItem2, { key: id })), menuItems.exits.length > 0 && /* @__PURE__ */ React10.createElement(import_ui6.Divider, null), menuItems.exits.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React10.createElement(MenuItem2, { key: id }))));
 }
 
+// src/components/locations/page-indication-location.tsx
+var React11 = __toESM(require("react"));
+function PageIndicationLocation() {
+  return /* @__PURE__ */ React11.createElement(PageIndicationSlot, null);
+}
+
+// src/components/locations/primary-action-location.tsx
+var React12 = __toESM(require("react"));
+function PrimaryActionLocation() {
+  return /* @__PURE__ */ React12.createElement(PrimaryActionSlot, null);
+}
+
+// src/components/locations/responsive-location.tsx
+var React13 = __toESM(require("react"));
+function ResponsiveLocation() {
+  return /* @__PURE__ */ React13.createElement(ResponsiveSlot, null);
+}
+
 // src/components/locations/tools-menu-location.tsx
-var React14 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 
 // src/components/ui/toolbar-menu.tsx
-var React11 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_ui7 = require("@elementor/ui");
 function ToolbarMenu({ children, ...props }) {
-  return /* @__PURE__ */ React11.createElement(MenuContextProvider, { type: "toolbar" }, /* @__PURE__ */ React11.createElement(import_ui7.Stack, { sx: { px: 1.5 }, spacing: 1.5, direction: "row", alignItems: "center", ...props }, children));
+  return /* @__PURE__ */ React14.createElement(MenuContextProvider, { type: "toolbar" }, /* @__PURE__ */ React14.createElement(import_ui7.Stack, { sx: { px: 1.5 }, spacing: 1.5, direction: "row", alignItems: "center", ...props }, children));
 }
 
 // src/components/ui/toolbar-menu-more.tsx
-var React12 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
+var import_icons2 = require("@elementor/icons");
 var import_ui8 = require("@elementor/ui");
 var import_i18n2 = require("@wordpress/i18n");
-var import_icons2 = require("@elementor/icons");
 function ToolbarMenuMore({ children, id }) {
   const popupState = (0, import_ui8.usePopupState)({
     variant: "popover",
     popupId: id
   });
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(ToolbarMenuItem, { ...(0, import_ui8.bindTrigger)(popupState), title: (0, import_i18n2.__)("More", "elementor") }, /* @__PURE__ */ React12.createElement(import_icons2.DotsVerticalIcon, null)), /* @__PURE__ */ React12.createElement(PopoverMenu, { onClick: popupState.close, ...(0, import_ui8.bindMenu)(popupState) }, children));
+  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(ToolbarMenuItem, { ...(0, import_ui8.bindTrigger)(popupState), title: (0, import_i18n2.__)("More", "elementor") }, /* @__PURE__ */ React15.createElement(import_icons2.DotsVerticalIcon, null)), /* @__PURE__ */ React15.createElement(PopoverMenu, { onClick: popupState.close, ...(0, import_ui8.bindMenu)(popupState) }, children));
 }
 
 // src/components/locations/integrations-menu-location.tsx
-var React13 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
+var import_icons3 = require("@elementor/icons");
 var import_ui9 = require("@elementor/ui");
 var import_i18n3 = require("@wordpress/i18n");
-var import_icons3 = require("@elementor/icons");
 var { useMenuItems: useMenuItems2 } = integrationsMenu;
 function IntegrationsMenuLocation() {
   const menuItems = useMenuItems2();
@@ -386,7 +408,7 @@ function IntegrationsMenuLocation() {
   if (menuItems.default.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(ToolbarMenuItem, { ...(0, import_ui9.bindTrigger)(popupState), title: (0, import_i18n3.__)("Integrations", "elementor") }, /* @__PURE__ */ React13.createElement(import_icons3.PlugIcon, null)), /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(ToolbarMenuItem, { ...(0, import_ui9.bindTrigger)(popupState), title: (0, import_i18n3.__)("Integrations", "elementor") }, /* @__PURE__ */ React16.createElement(import_icons3.PlugIcon, null)), /* @__PURE__ */ React16.createElement(
     PopoverMenu,
     {
       onClick: popupState.close,
@@ -394,7 +416,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 }))
   ));
 }
 
@@ -405,11 +427,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
-var React15 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_react3 = require("react");
 var import_ui10 = require("@elementor/ui");
 var MAX_TOOLBAR_ACTIONS2 = 4;
@@ -419,57 +441,27 @@ 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(import_react3.Fragment, { key: id }, index === 0 && /* @__PURE__ */ React15.createElement(import_ui10.Divider, { 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
-var React16 = __toESM(require("react"));
-function PrimaryActionLocation() {
-  return /* @__PURE__ */ React16.createElement(PrimaryActionSlot, null);
-}
-
-// src/components/locations/page-indication-location.tsx
-var React17 = __toESM(require("react"));
-function PageIndicationLocation() {
-  return /* @__PURE__ */ React17.createElement(PageIndicationSlot, null);
-}
-
-// src/components/locations/responsive-location.tsx
-var React18 = __toESM(require("react"));
-function ResponsiveLocation() {
-  return /* @__PURE__ */ React18.createElement(ResponsiveSlot, null);
+  return /* @__PURE__ */ React18.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }, index) => /* @__PURE__ */ React18.createElement(import_react3.Fragment, { key: id }, index === 0 && /* @__PURE__ */ React18.createElement(import_ui10.Divider, { 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
-var import_editor_documents = require("@elementor/editor-documents");
 function AppBar() {
   const document2 = (0, import_editor_documents.__useActiveDocument)();
   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 }, /* @__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" }, /* @__PURE__ */ React19.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React19.createElement(PrimaryActionLocation, null))))));
 }
 
-// src/init.ts
-var import_editor2 = require("@elementor/editor");
-
-// src/sync/redirect-old-menus.ts
-var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
-function redirectOldMenus() {
-  (0, import_editor_v1_adapters.__privateListenTo)((0, import_editor_v1_adapters.routeOpenEvent)("panel/menu"), () => {
-    (0, import_editor_v1_adapters.__privateOpenRoute)("panel/elements/categories");
-  });
-}
-
 // 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_ui12 = require("@elementor/ui");
 var import_i18n4 = require("@wordpress/i18n");
-var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
-var import_icons4 = require("@elementor/icons");
-var import_editor_documents2 = require("@elementor/editor-documents");
 function SettingsButton() {
   const activeDocument = (0, import_editor_documents2.__useActiveDocument)();
   const hostDocument = (0, import_editor_documents2.__useHostDocument)();
   const document2 = activeDocument && activeDocument.type.value !== "kit" ? activeDocument : hostDocument;
-  const { isActive, isBlocked } = (0, import_editor_v1_adapters2.__privateUseRouteStatus)("panel/page-settings");
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters.__privateUseRouteStatus)("panel/page-settings");
   if (!document2) {
     return null;
   }
@@ -491,7 +483,7 @@ function SettingsButton() {
             element: config.elements.buttonIcon
           });
         }
-        (0, import_editor_v1_adapters2.__privateOpenRoute)("panel/page-settings/settings");
+        (0, import_editor_v1_adapters.__privateOpenRoute)("panel/page-settings/settings");
       },
       "aria-label": title,
       size: "small",
@@ -536,10 +528,10 @@ function init() {
 }
 
 // src/extensions/documents-preview/hooks/use-action-props.ts
-var import_i18n5 = require("@wordpress/i18n");
-var import_icons5 = require("@elementor/icons");
-var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 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");
 function useActionProps() {
   const document2 = (0, import_editor_documents3.__useActiveDocument)();
   return {
@@ -557,7 +549,7 @@ function useActionProps() {
         });
       }
       if (document2) {
-        (0, import_editor_v1_adapters3.__privateRunCommand)("editor/documents/preview", {
+        (0, import_editor_v1_adapters2.__privateRunCommand)("editor/documents/preview", {
           id: document2.id,
           force: true
         });
@@ -576,53 +568,13 @@ function init2() {
   });
 }
 
-// src/extensions/documents-save/hooks/use-document-save-draft-props.ts
-var import_i18n6 = require("@wordpress/i18n");
-var import_icons6 = require("@elementor/icons");
-var import_editor_documents4 = require("@elementor/editor-documents");
-function useDocumentSaveDraftProps() {
-  const document2 = (0, import_editor_documents4.__useActiveDocument)();
-  const { saveDraft } = (0, import_editor_documents4.__useActiveDocumentActions)();
-  return {
-    icon: import_icons6.FileReportIcon,
-    title: (0, import_i18n6.__)("Save Draft", "elementor"),
-    onClick: saveDraft,
-    disabled: !document2 || document2.isSaving || document2.isSavingDraft || !document2.isDirty
-  };
-}
-
-// src/extensions/documents-save/hooks/use-document-save-template-props.ts
-var import_i18n7 = require("@wordpress/i18n");
-var import_icons7 = require("@elementor/icons");
-var import_editor_documents5 = require("@elementor/editor-documents");
-function useDocumentSaveTemplateProps() {
-  const { saveTemplate } = (0, import_editor_documents5.__useActiveDocumentActions)();
-  return {
-    icon: import_icons7.FolderIcon,
-    title: (0, import_i18n7.__)("Save as Template", "elementor"),
-    onClick: saveTemplate
-  };
-}
-
-// src/extensions/documents-save/hooks/use-document-view-page-props.ts
-var import_i18n8 = require("@wordpress/i18n");
-var import_icons8 = require("@elementor/icons");
-var import_editor_documents6 = require("@elementor/editor-documents");
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
-function useDocumentViewPageProps() {
-  const document2 = (0, import_editor_documents6.__useActiveDocument)();
-  return {
-    icon: import_icons8.EyeIcon,
-    title: (0, import_i18n8.__)("View Page", "elementor"),
-    onClick: () => document2?.id && (0, import_editor_v1_adapters4.__privateRunCommand)("editor/documents/view", {
-      id: document2.id
-    })
-  };
-}
-
 // src/extensions/documents-save/components/primary-action.tsx
 var React22 = __toESM(require("react"));
-var import_i18n9 = require("@wordpress/i18n");
+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_ui14 = require("@elementor/ui");
+var import_i18n6 = require("@wordpress/i18n");
 
 // src/extensions/documents-save/components/primary-action-menu.tsx
 var React21 = __toESM(require("react"));
@@ -671,14 +623,10 @@ function PrimaryActionMenu(props) {
 }
 
 // src/extensions/documents-save/components/primary-action.tsx
-var import_ui14 = require("@elementor/ui");
-var import_editor_documents7 = require("@elementor/editor-documents");
-var import_icons9 = require("@elementor/icons");
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 function PrimaryAction() {
-  const document2 = (0, import_editor_documents7.__useActiveDocument)();
-  const { save } = (0, import_editor_documents7.__useActiveDocumentActions)();
-  const isPreviewMode = (0, import_editor_v1_adapters5.__privateUseIsPreviewMode)();
+  const document2 = (0, import_editor_documents4.__useActiveDocument)();
+  const { save } = (0, import_editor_documents4.__useActiveDocumentActions)();
+  const isPreviewMode = (0, import_editor_v1_adapters3.__privateUseIsPreviewMode)();
   const popupState = (0, import_ui14.usePopupState)({
     variant: "popover",
     popupId: "document-save-options"
@@ -721,7 +669,7 @@ function PrimaryAction() {
   ), /* @__PURE__ */ React22.createElement(
     import_ui14.Tooltip,
     {
-      title: (0, import_i18n9.__)("Save Options", "elementor"),
+      title: (0, import_i18n6.__)("Save Options", "elementor"),
       PopperProps: {
         sx: {
           "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
@@ -738,14 +686,14 @@ function PrimaryAction() {
         ...(0, import_ui14.bindTrigger)(popupState),
         sx: { px: 0, height: "100%", borderRadius: 0 },
         disabled: isSaveOptionsDisabled,
-        "aria-label": (0, import_i18n9.__)("Save Options", "elementor")
+        "aria-label": (0, import_i18n6.__)("Save Options", "elementor")
       },
-      /* @__PURE__ */ React22.createElement(import_icons9.ChevronDownIcon, null)
+      /* @__PURE__ */ React22.createElement(import_icons6.ChevronDownIcon, null)
     ))
   )), /* @__PURE__ */ React22.createElement(PrimaryActionMenu, { ...(0, import_ui14.bindMenu)(popupState), onClick: popupState.close }));
 }
 function getLabel(document2) {
-  return document2.userCan.publish ? (0, import_i18n9.__)("Publish", "elementor") : (0, import_i18n9.__)("Submit", "elementor");
+  return document2.userCan.publish ? (0, import_i18n6.__)("Publish", "elementor") : (0, import_i18n6.__)("Submit", "elementor");
 }
 function isPublishEnabled(document2) {
   if (document2.type.value === "kit") {
@@ -755,21 +703,65 @@ function isPublishEnabled(document2) {
 }
 
 // src/extensions/documents-save/hooks/use-document-copy-and-share-props.ts
-var import_i18n10 = require("@wordpress/i18n");
-var import_icons10 = require("@elementor/icons");
-var import_editor_documents8 = require("@elementor/editor-documents");
+var import_editor_documents5 = require("@elementor/editor-documents");
+var import_icons7 = require("@elementor/icons");
+var import_i18n7 = require("@wordpress/i18n");
 function useDocumentCopyAndShareProps() {
-  const document2 = (0, import_editor_documents8.__useActiveDocument)();
-  const { copyAndShare } = (0, import_editor_documents8.__useActiveDocumentActions)();
+  const document2 = (0, import_editor_documents5.__useActiveDocument)();
+  const { copyAndShare } = (0, import_editor_documents5.__useActiveDocumentActions)();
   return {
-    icon: import_icons10.LinkIcon,
-    title: (0, import_i18n10.__)("Copy and Share", "elementor"),
+    icon: import_icons7.LinkIcon,
+    title: (0, import_i18n7.__)("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
+var import_editor_documents6 = require("@elementor/editor-documents");
+var import_icons8 = require("@elementor/icons");
+var import_i18n8 = 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"),
+    onClick: saveDraft,
+    disabled: !document2 || document2.isSaving || document2.isSavingDraft || !document2.isDirty
+  };
+}
+
+// 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");
+function useDocumentSaveTemplateProps() {
+  const { saveTemplate } = (0, import_editor_documents7.__useActiveDocumentActions)();
+  return {
+    icon: import_icons9.FolderIcon,
+    title: (0, import_i18n9.__)("Save as Template", "elementor"),
+    onClick: saveTemplate
+  };
+}
+
+// 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");
+function useDocumentViewPageProps() {
+  const document2 = (0, import_editor_documents8.__useActiveDocument)();
+  return {
+    icon: import_icons10.EyeIcon,
+    title: (0, import_i18n10.__)("View Page", "elementor"),
+    onClick: () => document2?.id && (0, import_editor_v1_adapters4.__privateRunCommand)("editor/documents/view", {
+      id: document2.id
+    })
+  };
+}
+
 // src/extensions/documents-save/index.ts
 function init3() {
   injectIntoPrimaryAction({
@@ -800,12 +792,39 @@ function init3() {
   });
 }
 
-// src/extensions/elements/sync/sync-panel-title.ts
+// 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");
+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,
+    onClick: () => {
+      const extendedWindow = window;
+      const config = extendedWindow?.elementor?.editorEvents?.config;
+      if (config) {
+        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.widgetPanel, {
+          location: config.locations.topBar,
+          secondaryLocation: config.secondaryLocations["widget-panel"],
+          trigger: config.triggers.toggleClick,
+          element: config.elements.buttonIcon
+        });
+      }
+      (0, import_editor_v1_adapters5.__privateOpenRoute)("panel/elements/categories");
+    },
+    selected: isActive,
+    disabled: isBlocked
+  };
+}
+
+// src/extensions/elements/sync/sync-panel-title.ts
 var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_i18n12 = require("@wordpress/i18n");
 function syncPanelTitle() {
-  const panelTitle = (0, import_i18n11.__)("Elements", "elementor");
-  const tabTitle = (0, import_i18n11.__)("Widgets", "elementor");
+  const panelTitle = (0, import_i18n12.__)("Elements", "elementor");
+  const tabTitle = (0, import_i18n12.__)("Widgets", "elementor");
   (0, import_editor_v1_adapters6.__privateListenTo)((0, import_editor_v1_adapters6.routeOpenEvent)("panel/elements"), () => {
     setPanelTitle(panelTitle);
     setTabTitle(tabTitle);
@@ -827,33 +846,6 @@ function setTabTitle(title) {
   }
 }
 
-// src/extensions/elements/hooks/use-action-props.ts
-var import_icons11 = require("@elementor/icons");
-var import_i18n12 = require("@wordpress/i18n");
-var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
-function useActionProps2() {
-  const { isActive, isBlocked } = (0, import_editor_v1_adapters7.__privateUseRouteStatus)("panel/elements");
-  return {
-    title: (0, import_i18n12.__)("Add Element", "elementor"),
-    icon: import_icons11.PlusIcon,
-    onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementor?.editorEvents?.config;
-      if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.widgetPanel, {
-          location: config.locations.topBar,
-          secondaryLocation: config.secondaryLocations["widget-panel"],
-          trigger: config.triggers.toggleClick,
-          element: config.elements.buttonIcon
-        });
-      }
-      (0, import_editor_v1_adapters7.__privateOpenRoute)("panel/elements/categories");
-    },
-    selected: isActive,
-    disabled: isBlocked
-  };
-}
-
 // src/extensions/elements/index.ts
 function init4() {
   syncPanelTitle();
@@ -865,11 +857,11 @@ function init4() {
 }
 
 // src/extensions/finder/hooks/use-action-props.ts
-var import_i18n13 = require("@wordpress/i18n");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_icons12 = require("@elementor/icons");
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+var import_i18n13 = require("@wordpress/i18n");
 function useActionProps3() {
-  const { isBlocked } = (0, import_editor_v1_adapters8.__privateUseRouteStatus)("finder", {
+  const { isBlocked } = (0, import_editor_v1_adapters7.__privateUseRouteStatus)("finder", {
     blockOnKitRoutes: false,
     blockOnPreviewMode: false
   });
@@ -887,7 +879,7 @@ function useActionProps3() {
           element: config.elements.buttonIcon
         });
       }
-      (0, import_editor_v1_adapters8.__privateRunCommand)("finder/toggle");
+      (0, import_editor_v1_adapters7.__privateRunCommand)("finder/toggle");
     },
     disabled: isBlocked
   };
@@ -904,8 +896,8 @@ function init5() {
 }
 
 // src/extensions/help/index.ts
-var import_i18n14 = require("@wordpress/i18n");
 var import_icons13 = require("@elementor/icons");
+var import_i18n14 = require("@wordpress/i18n");
 function init6() {
   utilitiesMenu.registerLink({
     id: "open-help-center",
@@ -935,11 +927,11 @@ 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_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 function useActionProps4() {
-  const { isActive, isBlocked } = (0, import_editor_v1_adapters9.__privateUseRouteStatus)("panel/history");
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters8.__privateUseRouteStatus)("panel/history");
   return {
     title: (0, import_i18n15.__)("History", "elementor"),
     icon: import_icons14.HistoryIcon,
@@ -954,7 +946,7 @@ function useActionProps4() {
           element: config.elements.link
         });
       }
-      (0, import_editor_v1_adapters9.__privateOpenRoute)("panel/history/actions");
+      (0, import_editor_v1_adapters8.__privateOpenRoute)("panel/history/actions");
     },
     selected: isActive,
     disabled: isBlocked
@@ -971,9 +963,9 @@ function init7() {
 }
 
 // src/extensions/keyboard-shortcuts/hooks/use-action-props.ts
-var import_i18n16 = require("@wordpress/i18n");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 var import_icons15 = require("@elementor/icons");
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+var import_i18n16 = require("@wordpress/i18n");
 function useActionProps5() {
   return {
     icon: import_icons15.KeyboardIcon,
@@ -989,7 +981,7 @@ function useActionProps5() {
           element: config.elements.link
         });
       }
-      (0, import_editor_v1_adapters10.__privateRunCommand)("shortcuts/open");
+      (0, import_editor_v1_adapters9.__privateRunCommand)("shortcuts/open");
     }
   };
 }
@@ -1007,10 +999,10 @@ function init8() {
 
 // src/extensions/responsive/components/breakpoints-switcher.tsx
 var React23 = __toESM(require("react"));
-var import_i18n17 = require("@wordpress/i18n");
-var import_ui15 = require("@elementor/ui");
 var import_editor_responsive = require("@elementor/editor-responsive");
 var import_icons16 = require("@elementor/icons");
+var import_ui15 = require("@elementor/ui");
+var import_i18n17 = require("@wordpress/i18n");
 function BreakpointsSwitcher() {
   const breakpoints = (0, import_editor_responsive.useBreakpoints)();
   const activeBreakpoint = (0, import_editor_responsive.useActiveBreakpoint)();
@@ -1115,11 +1107,11 @@ var React26 = __toESM(require("react"));
 
 // src/extensions/site-settings/components/portal.tsx
 var React24 = __toESM(require("react"));
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_ui16 = require("@elementor/ui");
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 function Portal(props) {
-  const containerRef = (0, import_editor_v1_adapters11.__privateUseListenTo)(
-    [(0, import_editor_v1_adapters11.routeOpenEvent)("panel/global"), (0, import_editor_v1_adapters11.routeCloseEvent)("panel/global")],
+  const containerRef = (0, import_editor_v1_adapters10.__privateUseListenTo)(
+    [(0, import_editor_v1_adapters10.routeOpenEvent)("panel/global"), (0, import_editor_v1_adapters10.routeCloseEvent)("panel/global")],
     getContainerRef
   );
   if (!containerRef.current) {
@@ -1128,7 +1120,7 @@ function Portal(props) {
   return /* @__PURE__ */ React24.createElement(import_ui16.Portal, { container: containerRef.current, ...props });
 }
 function getContainerRef() {
-  return (0, import_editor_v1_adapters11.__privateIsRouteActive)("panel/global") ? { current: document.querySelector("#elementor-panel-inner") } : { current: null };
+  return (0, import_editor_v1_adapters10.__privateIsRouteActive)("panel/global") ? { current: document.querySelector("#elementor-panel-inner") } : { current: null };
 }
 
 // src/extensions/site-settings/components/primary-action.tsx
@@ -1169,11 +1161,11 @@ function PortalledPrimaryAction() {
 }
 
 // src/extensions/site-settings/hooks/use-action-props.ts
-var import_i18n19 = require("@wordpress/i18n");
-var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 var import_icons17 = require("@elementor/icons");
+var import_i18n19 = require("@wordpress/i18n");
 function useActionProps6() {
-  const { isActive, isBlocked } = (0, import_editor_v1_adapters12.__privateUseRouteStatus)("panel/global", {
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters11.__privateUseRouteStatus)("panel/global", {
     blockOnKitRoutes: false
   });
   return {
@@ -1191,9 +1183,9 @@ function useActionProps6() {
         });
       }
       if (isActive) {
-        (0, import_editor_v1_adapters12.__privateRunCommand)("panel/global/close");
+        (0, import_editor_v1_adapters11.__privateRunCommand)("panel/global/close");
       } else {
-        (0, import_editor_v1_adapters12.__privateRunCommand)("panel/global/open");
+        (0, import_editor_v1_adapters11.__privateRunCommand)("panel/global/open");
       }
     },
     selected: isActive,
@@ -1215,11 +1207,11 @@ function init10() {
 }
 
 // src/extensions/structure/hooks/use-action-props.ts
-var import_i18n20 = require("@wordpress/i18n");
-var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var import_icons18 = require("@elementor/icons");
+var import_i18n20 = require("@wordpress/i18n");
 function useActionProps7() {
-  const { isActive, isBlocked } = (0, import_editor_v1_adapters13.__privateUseRouteStatus)("navigator");
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters12.__privateUseRouteStatus)("navigator");
   return {
     title: (0, import_i18n20.__)("Structure", "elementor"),
     icon: import_icons18.StructureIcon,
@@ -1234,7 +1226,7 @@ function useActionProps7() {
           element: config.elements.buttonIcon
         });
       }
-      (0, import_editor_v1_adapters13.__privateRunCommand)("navigator/toggle");
+      (0, import_editor_v1_adapters12.__privateRunCommand)("navigator/toggle");
     },
     selected: isActive,
     disabled: isBlocked
@@ -1251,9 +1243,9 @@ function init11() {
 }
 
 // src/extensions/theme-builder/hooks/use-action-props.ts
-var import_i18n21 = require("@wordpress/i18n");
+var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 var import_icons19 = require("@elementor/icons");
-var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
+var import_i18n21 = require("@wordpress/i18n");
 function useActionProps8() {
   return {
     icon: import_icons19.ThemeBuilderIcon,
@@ -1269,7 +1261,7 @@ function useActionProps8() {
           element: config.elements.link
         });
       }
-      (0, import_editor_v1_adapters14.__privateRunCommand)("app/open");
+      (0, import_editor_v1_adapters13.__privateRunCommand)("app/open");
     }
   };
 }
@@ -1283,11 +1275,11 @@ function init12() {
 }
 
 // src/extensions/user-preferences/hooks/use-action-props.ts
-var import_i18n22 = require("@wordpress/i18n");
+var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 var import_icons20 = require("@elementor/icons");
-var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
+var import_i18n22 = require("@wordpress/i18n");
 function useActionProps9() {
-  const { isActive, isBlocked } = (0, import_editor_v1_adapters15.__privateUseRouteStatus)("panel/editor-preferences");
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters14.__privateUseRouteStatus)("panel/editor-preferences");
   return {
     icon: import_icons20.ToggleRightIcon,
     title: (0, import_i18n22.__)("User Preferences", "elementor"),
@@ -1302,7 +1294,7 @@ function useActionProps9() {
           element: config.elements.link
         });
       }
-      (0, import_editor_v1_adapters15.__privateOpenRoute)("panel/editor-preferences");
+      (0, import_editor_v1_adapters14.__privateOpenRoute)("panel/editor-preferences");
     },
     selected: isActive,
     disabled: isBlocked
@@ -1320,9 +1312,9 @@ function init13() {
 }
 
 // src/extensions/wordpress/index.ts
-var import_i18n23 = require("@wordpress/i18n");
-var import_icons21 = require("@elementor/icons");
 var import_editor_documents10 = require("@elementor/editor-documents");
+var import_icons21 = require("@elementor/icons");
+var import_i18n23 = require("@wordpress/i18n");
 function init14() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
@@ -1368,6 +1360,14 @@ function init15() {
   init14();
 }
 
+// src/sync/redirect-old-menus.ts
+var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
+function redirectOldMenus() {
+  (0, import_editor_v1_adapters15.__privateListenTo)((0, import_editor_v1_adapters15.routeOpenEvent)("panel/menu"), () => {
+    (0, import_editor_v1_adapters15.__privateOpenRoute)("panel/elements/categories");
+  });
+}
+
 // src/init.ts
 function init16() {
   redirectOldMenus();