@elementor/editor-app-bar 4.1.0-825 → 4.1.0-827

package/dist/index.mjs

@@ -930,18 +930,43 @@ function useDocumentSaveTemplateProps() {
   };
 }
 
-// src/extensions/documents-save/hooks/use-document-view-page-props.ts
+// src/extensions/documents-save/hooks/use-document-view-as-markdown-props.ts
 import { __useActiveDocument as useActiveDocument6 } from "@elementor/editor-documents";
 import { __privateRunCommand as runCommand2 } from "@elementor/editor-v1-adapters";
-import { useMixpanel as useMixpanel5 } from "@elementor/events";
 import { EyeIcon as EyeIcon2 } from "@elementor/icons";
 import { __ as __11 } from "@wordpress/i18n";
-function useDocumentViewPageProps() {
+function useDocumentViewAsMarkdownProps() {
   const document2 = useActiveDocument6();
-  const { dispatchEvent: dispatchEvent2, config } = useMixpanel5();
   return {
     icon: EyeIcon2,
-    title: __11("View Page", "elementor"),
+    title: __11("View as Markdown", "elementor"),
+    onClick: async () => {
+      const baseUrl = document2?.links?.wpPreview || document2?.links?.permalink;
+      if (!baseUrl) {
+        return;
+      }
+      if (document2?.isDirty) {
+        await runCommand2("document/save/auto", { force: true });
+      }
+      const separator = baseUrl.includes("?") ? "&" : "?";
+      const url = baseUrl + separator + "format=markdown";
+      window.open(url, "_blank");
+    }
+  };
+}
+
+// src/extensions/documents-save/hooks/use-document-view-page-props.ts
+import { __useActiveDocument as useActiveDocument7 } from "@elementor/editor-documents";
+import { __privateRunCommand as runCommand3 } from "@elementor/editor-v1-adapters";
+import { useMixpanel as useMixpanel5 } from "@elementor/events";
+import { EyeIcon as EyeIcon3 } from "@elementor/icons";
+import { __ as __12 } from "@wordpress/i18n";
+function useDocumentViewPageProps() {
+  const document2 = useActiveDocument7();
+  const { dispatchEvent: dispatchEvent2, config } = useMixpanel5();
+  return {
+    icon: EyeIcon3,
+    title: __12("View Page", "elementor"),
     onClick: () => {
       const eventName = config?.names?.editorOne?.topBarPublishDropdown;
       if (eventName) {
@@ -958,7 +983,7 @@ function useDocumentViewPageProps() {
         });
       }
       if (document2?.id) {
-        runCommand2("editor/documents/view", {
+        runCommand3("editor/documents/view", {
           id: document2.id
         });
       }
@@ -994,11 +1019,16 @@ function init3() {
     priority: 50,
     useProps: useDocumentViewPageProps
   });
+  documentOptionsMenu.registerAction({
+    id: "document-view-as-markdown",
+    priority: 60,
+    useProps: useDocumentViewAsMarkdownProps
+  });
 }
 
 // src/extensions/documents-settings/hooks/use-action-props.ts
 import {
-  __useActiveDocument as useActiveDocument7,
+  __useActiveDocument as useActiveDocument8,
   __useHostDocument as useHostDocument
 } from "@elementor/editor-documents";
 import {
@@ -1006,16 +1036,16 @@ import {
   __privateUseRouteStatus as useRouteStatus
 } from "@elementor/editor-v1-adapters";
 import { FileSettingsIcon } from "@elementor/icons";
-import { __ as __12 } from "@wordpress/i18n";
+import { __ as __13 } from "@wordpress/i18n";
 function useActionProps2() {
-  const activeDocument = useActiveDocument7();
+  const activeDocument = useActiveDocument8();
   const hostDocument = useHostDocument();
   const { isActive, isBlocked } = useRouteStatus("panel/page-settings");
   const document2 = activeDocument && activeDocument.type.value !== "kit" ? activeDocument : hostDocument;
   const ButtonTitle = document2 ? (
     /* translators: %s: Post type label. */
-    __12("%s Settings", "elementor").replace("%s", document2.type.label)
-  ) : __12("Document Settings", "elementor");
+    __13("%s Settings", "elementor").replace("%s", document2.type.label)
+  ) : __13("Document Settings", "elementor");
   return {
     title: ButtonTitle,
     icon: FileSettingsIcon,
@@ -1055,11 +1085,11 @@ import {
   __privateUseRouteStatus as useRouteStatus2
 } from "@elementor/editor-v1-adapters";
 import { PlusIcon } from "@elementor/icons";
-import { __ as __13 } from "@wordpress/i18n";
+import { __ as __14 } from "@wordpress/i18n";
 function useActionProps3() {
   const { isActive, isBlocked } = useRouteStatus2("panel/elements");
   return {
-    title: __13("Add Element", "elementor"),
+    title: __14("Add Element", "elementor"),
     icon: PlusIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -1086,10 +1116,10 @@ import {
   routeOpenEvent,
   v1ReadyEvent
 } from "@elementor/editor-v1-adapters";
-import { __ as __14 } from "@wordpress/i18n";
+import { __ as __15 } from "@wordpress/i18n";
 function syncPanelTitle() {
-  const panelTitle = __14("Elements", "elementor");
-  const tabTitle = __14("Widgets", "elementor");
+  const panelTitle = __15("Elements", "elementor");
+  const tabTitle = __15("Widgets", "elementor");
   listenTo(routeOpenEvent("panel/elements"), () => {
     setPanelTitle(panelTitle);
     setTabTitle(tabTitle);
@@ -1124,7 +1154,7 @@ function init5() {
 // src/extensions/feedback/index.ts
 import { isExperimentActive as isExperimentActive2 } from "@elementor/editor-v1-adapters";
 import { MessageLinesIcon } from "@elementor/icons";
-import { __ as __15 } from "@wordpress/i18n";
+import { __ as __16 } from "@wordpress/i18n";
 function init6() {
   const isActive = isExperimentActive2(EXPERIMENT_NAME);
   if (!isActive) {
@@ -1137,7 +1167,7 @@ function init6() {
     useProps: () => {
       return {
         icon: MessageLinesIcon,
-        title: __15("Send Feedback", "elementor"),
+        title: __16("Send Feedback", "elementor"),
         onClick: () => {
           dispatchEvent(new CustomEvent(FEEDBACK_TOGGLE_EVENT));
         }
@@ -1147,12 +1177,12 @@ function init6() {
 }
 
 // src/extensions/finder/hooks/use-action-props.ts
-import { __privateRunCommand as runCommand3 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand4 } from "@elementor/editor-v1-adapters";
 import { SearchIcon } from "@elementor/icons";
-import { __ as __16 } from "@wordpress/i18n";
+import { __ as __17 } from "@wordpress/i18n";
 function useActionProps4() {
   return {
-    title: __16("Finder", "elementor"),
+    title: __17("Finder", "elementor"),
     icon: SearchIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -1165,7 +1195,7 @@ function useActionProps4() {
           element: config.elements.buttonIcon
         });
       }
-      runCommand3("finder/toggle");
+      runCommand4("finder/toggle");
     }
   };
 }
@@ -1181,10 +1211,10 @@ function init7() {
 
 // src/extensions/help/hooks/use-action-props.ts
 import { HelpIcon } from "@elementor/icons";
-import { __ as __17 } from "@wordpress/i18n";
+import { __ as __18 } from "@wordpress/i18n";
 function useActionProps5() {
   return {
-    title: __17("Help Center", "elementor"),
+    title: __18("Help Center", "elementor"),
     href: "https://go.elementor.com/editor-top-bar-learn/",
     icon: HelpIcon,
     target: "_blank",
@@ -1219,11 +1249,11 @@ import {
   __privateUseRouteStatus as useRouteStatus3
 } from "@elementor/editor-v1-adapters";
 import { HistoryIcon } from "@elementor/icons";
-import { __ as __18 } from "@wordpress/i18n";
+import { __ as __19 } from "@wordpress/i18n";
 function useActionProps6() {
   const { isActive, isBlocked } = useRouteStatus3("panel/history");
   return {
-    title: __18("History", "elementor"),
+    title: __19("History", "elementor"),
     icon: HistoryIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -1253,13 +1283,13 @@ function init9() {
 }
 
 // src/extensions/keyboard-shortcuts/hooks/use-action-props.ts
-import { __privateRunCommand as runCommand4 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand5 } from "@elementor/editor-v1-adapters";
 import { KeyboardIcon } from "@elementor/icons";
-import { __ as __19 } from "@wordpress/i18n";
+import { __ as __20 } from "@wordpress/i18n";
 function useActionProps7() {
   return {
     icon: KeyboardIcon,
-    title: __19("Keyboard Shortcuts", "elementor"),
+    title: __20("Keyboard Shortcuts", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1271,7 +1301,7 @@ function useActionProps7() {
           element: config.elements.link
         });
       }
-      runCommand4("shortcuts/open");
+      runCommand5("shortcuts/open");
     }
   };
 }
@@ -1303,7 +1333,7 @@ import {
   WidescreenIcon
 } from "@elementor/icons";
 import { Tab, Tabs, Tooltip as BaseTooltip2 } from "@elementor/ui";
-import { __ as __20 } from "@wordpress/i18n";
+import { __ as __21 } from "@wordpress/i18n";
 function BreakpointsSwitcher() {
   const breakpoints = useBreakpoints();
   const activeBreakpoint = useActiveBreakpoint();
@@ -1332,7 +1362,7 @@ function BreakpointsSwitcher() {
       indicatorColor: "secondary",
       value: activeBreakpoint,
       onChange,
-      "aria-label": __20("Switch Device", "elementor"),
+      "aria-label": __21("Switch Device", "elementor"),
       sx: {
         "& .MuiTabs-indicator": {
           backgroundColor: "text.primary"
@@ -1383,9 +1413,9 @@ var iconsMap = {
 var labelsMap = {
   default: "%s",
   // translators: %s: Breakpoint label, %d: Breakpoint size.
-  "min-width": __20("%s (%dpx and up)", "elementor"),
+  "min-width": __21("%s (%dpx and up)", "elementor"),
   // translators: %s: Breakpoint label, %d: Breakpoint size.
-  "max-width": __20("%s (up to %dpx)", "elementor")
+  "max-width": __21("%s (up to %dpx)", "elementor")
 };
 
 // src/extensions/responsive/index.ts
@@ -1432,13 +1462,13 @@ function getContainerRef() {
 // src/extensions/site-settings/components/primary-action.tsx
 import * as React25 from "react";
 import {
-  __useActiveDocument as useActiveDocument8,
+  __useActiveDocument as useActiveDocument9,
   __useActiveDocumentActions as useActiveDocumentActions5
 } from "@elementor/editor-documents";
 import { Button as Button3, CircularProgress as CircularProgress2, Paper } from "@elementor/ui";
-import { __ as __21 } from "@wordpress/i18n";
+import { __ as __22 } from "@wordpress/i18n";
 function PrimaryAction2() {
-  const document2 = useActiveDocument8();
+  const document2 = useActiveDocument9();
   const { save } = useActiveDocumentActions5();
   return /* @__PURE__ */ React25.createElement(
     Paper,
@@ -1459,7 +1489,7 @@ function PrimaryAction2() {
         sx: { width: "100%" },
         onClick: () => document2 && !document2.isSaving ? save() : null
       },
-      document2?.isSaving ? /* @__PURE__ */ React25.createElement(CircularProgress2, null) : __21("Save Changes", "elementor")
+      document2?.isSaving ? /* @__PURE__ */ React25.createElement(CircularProgress2, null) : __22("Save Changes", "elementor")
     )
   );
 }
@@ -1471,17 +1501,17 @@ function PortalledPrimaryAction() {
 
 // src/extensions/site-settings/hooks/use-action-props.ts
 import {
-  __privateRunCommand as runCommand5,
+  __privateRunCommand as runCommand6,
   __privateUseRouteStatus as useRouteStatus4
 } from "@elementor/editor-v1-adapters";
 import { SettingsIcon } from "@elementor/icons";
-import { __ as __22 } from "@wordpress/i18n";
+import { __ as __23 } from "@wordpress/i18n";
 function useActionProps8() {
   const { isActive, isBlocked } = useRouteStatus4("panel/global", {
     blockOnKitRoutes: false
   });
   return {
-    title: __22("Site Settings", "elementor"),
+    title: __23("Site Settings", "elementor"),
     icon: SettingsIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -1495,9 +1525,9 @@ function useActionProps8() {
         });
       }
       if (isActive) {
-        runCommand5("panel/global/close");
+        runCommand6("panel/global/close");
       } else {
-        runCommand5("panel/global/open");
+        runCommand6("panel/global/open");
       }
     },
     selected: isActive,
@@ -1521,15 +1551,15 @@ function init12() {
 
 // src/extensions/structure/hooks/use-action-props.ts
 import {
-  __privateRunCommand as runCommand6,
+  __privateRunCommand as runCommand7,
   __privateUseRouteStatus as useRouteStatus5
 } from "@elementor/editor-v1-adapters";
 import { StructureIcon } from "@elementor/icons";
-import { __ as __23 } from "@wordpress/i18n";
+import { __ as __24 } from "@wordpress/i18n";
 function useActionProps9() {
   const { isActive, isBlocked } = useRouteStatus5("navigator");
   return {
-    title: __23("Structure", "elementor"),
+    title: __24("Structure", "elementor"),
     icon: StructureIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -1542,7 +1572,7 @@ function useActionProps9() {
           element: config.elements.buttonIcon
         });
       }
-      runCommand6("navigator/toggle");
+      runCommand7("navigator/toggle");
     },
     selected: isActive,
     disabled: isBlocked
@@ -1559,13 +1589,13 @@ function init13() {
 }
 
 // src/extensions/theme-builder/hooks/use-action-props.ts
-import { __privateRunCommand as runCommand7 } from "@elementor/editor-v1-adapters";
+import { __privateRunCommand as runCommand8 } from "@elementor/editor-v1-adapters";
 import { ThemeBuilderIcon } from "@elementor/icons";
-import { __ as __24 } from "@wordpress/i18n";
+import { __ as __25 } from "@wordpress/i18n";
 function useActionProps10() {
   return {
     icon: ThemeBuilderIcon,
-    title: __24("Theme Builder", "elementor"),
+    title: __25("Theme Builder", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1577,7 +1607,7 @@ function useActionProps10() {
           element: config.elements.link
         });
       }
-      runCommand7("app/open");
+      runCommand8("app/open");
     }
   };
 }
@@ -1598,12 +1628,12 @@ import {
   __privateUseRouteStatus as useRouteStatus6
 } from "@elementor/editor-v1-adapters";
 import { ToggleRightIcon } from "@elementor/icons";
-import { __ as __25 } from "@wordpress/i18n";
+import { __ as __26 } from "@wordpress/i18n";
 function useActionProps11() {
   const { isActive, isBlocked } = useRouteStatus6("panel/editor-preferences");
   return {
     icon: ToggleRightIcon,
-    title: __25("User Preferences", "elementor"),
+    title: __26("User Preferences", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1633,18 +1663,18 @@ function init15() {
 }
 
 // src/extensions/wordpress/index.ts
-import { __useActiveDocument as useActiveDocument9 } from "@elementor/editor-documents";
+import { __useActiveDocument as useActiveDocument10 } from "@elementor/editor-documents";
 import { WordpressIcon } from "@elementor/icons";
-import { __ as __26 } from "@wordpress/i18n";
+import { __ as __27 } from "@wordpress/i18n";
 function init16() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
     group: "exits",
     priority: 20,
     useProps: () => {
-      const document2 = useActiveDocument9();
+      const document2 = useActiveDocument10();
       return {
-        title: __26("Exit to WordPress", "elementor"),
+        title: __27("Exit to WordPress", "elementor"),
         href: document2?.links?.platformEdit,
         icon: WordpressIcon,
         onClick: () => {