@elementor/editor-app-bar 0.14.5 → 0.14.6

package/dist/index.mjs

@@ -60,16 +60,20 @@ function Tooltip(props) {
 
 // src/components/ui/popover-menu-item.tsx
 import * as React3 from "react";
-import {
-  MenuItem,
-  ListItemText,
-  ListItemIcon,
-  withDirection
-} from "@elementor/ui";
+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 }) {
+function PopoverMenuItem({
+  text,
+  icon,
+  onClick,
+  href,
+  target,
+  disabled,
+  isGroupParent,
+  ...props
+}) {
   const isExternalLink = href && target === "_blank";
   return /* @__PURE__ */ React3.createElement(
     MenuItem,
@@ -100,14 +104,7 @@ function Action({ icon: Icon, title, visible = true, ...props }) {
   if (!visible) {
     return null;
   }
-  return type === "toolbar" ? /* @__PURE__ */ React4.createElement(ToolbarMenuItem, { title, ...props }, /* @__PURE__ */ React4.createElement(Icon, null)) : /* @__PURE__ */ React4.createElement(
-    PopoverMenuItem,
-    {
-      ...props,
-      text: title,
-      icon: /* @__PURE__ */ React4.createElement(Icon, null)
-    }
-  );
+  return type === "toolbar" ? /* @__PURE__ */ React4.createElement(ToolbarMenuItem, { title, ...props }, /* @__PURE__ */ React4.createElement(Icon, null)) : /* @__PURE__ */ React4.createElement(PopoverMenuItem, { ...props, text: title, icon: /* @__PURE__ */ React4.createElement(Icon, null) });
 }
 
 // src/components/actions/toggle-action.tsx
@@ -147,14 +144,7 @@ function ToggleAction({ icon: Icon, title, value, visible = true, ...props }) {
   if (!visible) {
     return null;
   }
-  return type === "toolbar" ? /* @__PURE__ */ React6.createElement(ToolbarMenuToggleItem, { value: value || title, title, ...props }, /* @__PURE__ */ React6.createElement(Icon, null)) : /* @__PURE__ */ React6.createElement(
-    PopoverMenuItem,
-    {
-      ...props,
-      text: title,
-      icon: /* @__PURE__ */ React6.createElement(Icon, null)
-    }
-  );
+  return type === "toolbar" ? /* @__PURE__ */ React6.createElement(ToolbarMenuToggleItem, { value: value || title, title, ...props }, /* @__PURE__ */ React6.createElement(Icon, null)) : /* @__PURE__ */ React6.createElement(PopoverMenuItem, { ...props, text: title, icon: /* @__PURE__ */ React6.createElement(Icon, null) });
 }
 
 // src/components/actions/link.tsx
@@ -164,14 +154,7 @@ function Link({ icon: Icon, title, visible = true, ...props }) {
   if (!visible) {
     return null;
   }
-  return type === "toolbar" ? /* @__PURE__ */ React7.createElement(ToolbarMenuItem, { title, ...props }, /* @__PURE__ */ React7.createElement(Icon, null)) : /* @__PURE__ */ React7.createElement(
-    PopoverMenuItem,
-    {
-      ...props,
-      text: title,
-      icon: /* @__PURE__ */ React7.createElement(Icon, null)
-    }
-  );
+  return type === "toolbar" ? /* @__PURE__ */ React7.createElement(ToolbarMenuItem, { title, ...props }, /* @__PURE__ */ React7.createElement(Icon, null)) : /* @__PURE__ */ React7.createElement(PopoverMenuItem, { ...props, text: title, icon: /* @__PURE__ */ React7.createElement(Icon, null) });
 }
 
 // src/components/actions/actions-group.tsx
@@ -261,23 +244,12 @@ function ActionsGroup({ icon: Icon, title, visible = true, items, ...props }) {
       icon: /* @__PURE__ */ React10.createElement(Icon, null),
       isGroupParent: true
     }
-  ), /* @__PURE__ */ React10.createElement(
-    PopoverSubMenu,
-    {
-      ...props,
-      ...bindPopover(popupState),
-      popupState
-    },
-    items.map(({ MenuItem: MenuItem2, id: key }) => /* @__PURE__ */ React10.createElement(MenuItem2, { key }))
-  ));
+  ), /* @__PURE__ */ React10.createElement(PopoverSubMenu, { ...props, ...bindPopover(popupState), popupState }, items.map(({ MenuItem: MenuItem2, id: key }) => /* @__PURE__ */ React10.createElement(MenuItem2, { key }))));
 }
 
 // src/locations/menus.tsx
 function createMenu(groups = []) {
-  const menuGroups = [
-    ...groups,
-    "default"
-  ];
+  const menuGroups = [...groups, "default"];
   const locations = menuGroups.reduce(
     (carry, group) => ({
       ...carry,
@@ -285,11 +257,7 @@ function createMenu(groups = []) {
     }),
     {}
   );
-  const [
-    registerAction,
-    registerToggleAction,
-    registerLink
-  ] = [Action, ToggleAction, Link].map(
+  const [registerAction, registerToggleAction, registerLink] = [Action, ToggleAction, Link].map(
     (Component) => createRegisterMenuItem({
       locations,
       menuGroups,
@@ -309,7 +277,12 @@ function createMenu(groups = []) {
     useMenuItems: useMenuItems6
   };
 }
-function createRegisterMenuItem({ locations, menuGroups, component, useMenuItems: useMenuItems6 }) {
+function createRegisterMenuItem({
+  locations,
+  menuGroups,
+  component,
+  useMenuItems: useMenuItems6
+}) {
   return ({ group = "default", id, overwrite, priority, ...args }) => {
     if (!menuGroups.includes(group)) {
       return;
@@ -320,14 +293,7 @@ function createRegisterMenuItem({ locations, menuGroups, component, useMenuItems
       const componentProps = useProps();
       const items = useMenuItems6?.();
       if (items?.length) {
-        return /* @__PURE__ */ React11.createElement(
-          Component,
-          {
-            ...props,
-            ...componentProps,
-            items
-          }
-        );
+        return /* @__PURE__ */ React11.createElement(Component, { ...props, ...componentProps, items });
       }
       return /* @__PURE__ */ React11.createElement(Component, { ...props, ...componentProps });
     };
@@ -341,7 +307,10 @@ function createRegisterMenuItem({ locations, menuGroups, component, useMenuItems
     });
   };
 }
-function createRegisterSubMenu({ locations, menuGroups }) {
+function createRegisterSubMenu({
+  locations,
+  menuGroups
+}) {
   return (args) => {
     const menu = createMenu();
     createRegisterMenuItem({
@@ -356,37 +325,25 @@ function createRegisterSubMenu({ locations, menuGroups }) {
 function createUseMenuItems(locations) {
   return () => {
     return useMemo(() => {
-      return Object.entries(locations).reduce(
-        (carry, [groupName, location]) => {
-          const items = location.getInjections().map((injection) => ({
-            id: injection.id,
-            MenuItem: injection.component
-          }));
-          return {
-            ...carry,
-            [groupName]: items
-          };
-        },
-        {}
-      );
+      return Object.entries(locations).reduce((carry, [groupName, location]) => {
+        const items = location.getInjections().map((injection) => ({
+          id: injection.id,
+          MenuItem: injection.component
+        }));
+        return {
+          ...carry,
+          [groupName]: items
+        };
+      }, {});
     }, []);
   };
 }
 
 // src/locations/index.ts
 import { createLocation as createLocation2 } from "@elementor/locations";
-var {
-  inject: injectIntoPageIndication,
-  Slot: PageIndicationSlot
-} = createLocation2();
-var {
-  inject: injectIntoResponsive,
-  Slot: ResponsiveSlot
-} = createLocation2();
-var {
-  inject: injectIntoPrimaryAction,
-  Slot: PrimaryActionSlot
-} = createLocation2();
+var { inject: injectIntoPageIndication, Slot: PageIndicationSlot } = createLocation2();
+var { inject: injectIntoResponsive, Slot: ResponsiveSlot } = createLocation2();
+var { inject: injectIntoPrimaryAction, Slot: PrimaryActionSlot } = createLocation2();
 var mainMenu = createMenu(["exits"]);
 var toolsMenu = createMenu();
 var utilitiesMenu = createMenu();
@@ -484,36 +441,16 @@ function MainMenuLocation() {
     const extendedWindow = window;
     const config = extendedWindow?.elementor?.editorEvents?.config;
     if (config) {
-      extendedWindow.elementor.editorEvents.dispatchEvent(
-        config.names.topBar.elementorLogoDropdown,
-        {
-          location: config.locations.topBar,
-          secondaryLocation: config.secondaryLocations.elementorLogo,
-          trigger: config.triggers.dropdownClick,
-          element: config.elements.buttonIcon
-        }
-      );
+      extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.elementorLogoDropdown, {
+        location: config.locations.topBar,
+        secondaryLocation: config.secondaryLocations.elementorLogo,
+        trigger: config.triggers.dropdownClick,
+        element: config.elements.buttonIcon
+      });
     }
     toolbarLogoProps.onClick(e);
   };
-  return /* @__PURE__ */ React13.createElement(Stack, { sx: { paddingInlineStart: 3 }, direction: "row", alignItems: "center" }, /* @__PURE__ */ React13.createElement(
-    ToolbarLogo,
-    {
-      ...toolbarLogoProps,
-      onClick: onToolbarClick,
-      selected: popupState.isOpen
-    }
-  ), /* @__PURE__ */ React13.createElement(
-    PopoverMenu,
-    {
-      onClick: popupState.close,
-      ...bindMenu2(popupState),
-      marginThreshold: 8
-    },
-    menuItems.default.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React13.createElement(MenuItem2, { key: id })),
-    menuItems.exits.length > 0 && /* @__PURE__ */ React13.createElement(Divider, null),
-    menuItems.exits.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React13.createElement(MenuItem2, { key: id }))
-  ));
+  return /* @__PURE__ */ React13.createElement(Stack, { sx: { paddingInlineStart: 3 }, direction: "row", alignItems: "center" }, /* @__PURE__ */ React13.createElement(ToolbarLogo, { ...toolbarLogoProps, onClick: onToolbarClick, selected: popupState.isOpen }), /* @__PURE__ */ React13.createElement(PopoverMenu, { onClick: popupState.close, ...bindMenu2(popupState), marginThreshold: 8 }, menuItems.default.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React13.createElement(MenuItem2, { key: id })), menuItems.exits.length > 0 && /* @__PURE__ */ React13.createElement(Divider, null), menuItems.exits.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React13.createElement(MenuItem2, { key: id }))));
 }
 
 // src/components/locations/tools-menu-location.tsx
@@ -541,11 +478,7 @@ function ToolbarMenuMore({ children, id }) {
 
 // src/components/locations/integrations-menu-location.tsx
 import * as React16 from "react";
-import {
-  bindMenu as bindMenu4,
-  bindTrigger as bindTrigger4,
-  usePopupState as usePopupState4
-} from "@elementor/ui";
+import { bindMenu as bindMenu4, bindTrigger as bindTrigger4, usePopupState as usePopupState4 } from "@elementor/ui";
 import { __ as __3 } from "@wordpress/i18n";
 import { PlugIcon } from "@elementor/icons";
 var { useMenuItems: useMenuItems2 } = integrationsMenu;
@@ -566,9 +499,7 @@ function IntegrationsMenuLocation() {
       marginThreshold: 8,
       open: popupState.isOpen
     },
-    menuItems.default.map(
-      ({ MenuItem: IntegrationsMenuItem, id }) => /* @__PURE__ */ React16.createElement(IntegrationsMenuItem, { key: id })
-    )
+    menuItems.default.map(({ MenuItem: IntegrationsMenuItem, id }) => /* @__PURE__ */ React16.createElement(IntegrationsMenuItem, { key: id }))
   ));
 }
 
@@ -592,9 +523,7 @@ function UtilitiesMenuLocation() {
   const menuItems = useMenuItems4();
   const toolbarMenuItems = menuItems.default.slice(0, MAX_TOOLBAR_ACTIONS2);
   const popoverMenuItems = menuItems.default.slice(MAX_TOOLBAR_ACTIONS2);
-  return /* @__PURE__ */ React18.createElement(ToolbarMenu, null, toolbarMenuItems.map(
-    ({ MenuItem: MenuItem2, id }, index) => /* @__PURE__ */ React18.createElement(Fragment4, { 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 }))));
+  return /* @__PURE__ */ React18.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }, index) => /* @__PURE__ */ React18.createElement(Fragment4, { 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/locations/primary-action-location.tsx
@@ -626,7 +555,11 @@ function AppBar() {
 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";
+import {
+  __privateListenTo as listenTo,
+  __privateOpenRoute as openRoute,
+  routeOpenEvent
+} from "@elementor/editor-v1-adapters";
 function redirectOldMenus() {
   listenTo(routeOpenEvent("panel/menu"), () => {
     openRoute("panel/elements/categories");
@@ -637,9 +570,15 @@ function redirectOldMenus() {
 import * as React23 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 {
+  __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 {
+  __useActiveDocument as useActiveDocument2,
+  __useHostDocument as useHostDocument
+} from "@elementor/editor-documents";
 function SettingsButton() {
   const activeDocument = useActiveDocument2();
   const hostDocument = useHostDocument();
@@ -659,15 +598,12 @@ function SettingsButton() {
         const extendedWindow = window;
         const config = extendedWindow?.elementor?.editorEvents?.config;
         if (config) {
-          extendedWindow.elementor.editorEvents.dispatchEvent(
-            config.names.topBar.documentSettings,
-            {
-              location: config.locations.topBar,
-              secondaryLocation: config.secondaryLocations["document-settings"],
-              trigger: config.triggers.click,
-              element: config.elements.buttonIcon
-            }
-          );
+          extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.documentSettings, {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations["document-settings"],
+            trigger: config.triggers.click,
+            element: config.elements.buttonIcon
+          });
         }
         openRoute2("panel/page-settings/settings");
       },
@@ -727,15 +663,12 @@ function useActionProps() {
       const extendedWindow = window;
       const config = extendedWindow?.elementor?.editorEvents?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(
-          config.names.topBar.previewPage,
-          {
-            location: config.locations.topBar,
-            secondaryLocation: config.secondaryLocations["preview-page"],
-            trigger: config.triggers.click,
-            element: config.elements.buttonIcon
-          }
-        );
+        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.previewPage, {
+          location: config.locations.topBar,
+          secondaryLocation: config.secondaryLocations["preview-page"],
+          trigger: config.triggers.click,
+          element: config.elements.buttonIcon
+        });
       }
       if (document2) {
         runCommand("editor/documents/preview", {
@@ -760,7 +693,10 @@ function init2() {
 // src/extensions/documents-save/hooks/use-document-save-draft-props.ts
 import { __ as __6 } from "@wordpress/i18n";
 import { FileReportIcon } from "@elementor/icons";
-import { __useActiveDocument as useActiveDocument4, __useActiveDocumentActions as useActiveDocumentActions } from "@elementor/editor-documents";
+import {
+  __useActiveDocument as useActiveDocument4,
+  __useActiveDocumentActions as useActiveDocumentActions
+} from "@elementor/editor-documents";
 function useDocumentSaveDraftProps() {
   const document2 = useActiveDocument4();
   const { saveDraft } = useActiveDocumentActions();
@@ -815,7 +751,7 @@ var StyledPopoverMenu = styled2(PopoverMenu)`
 			display: none;
 		}
 
-		& > *:not(.MuiDivider-root):not(:last-of-type) + .MuiDivider-root {
+		& > *:not( .MuiDivider-root ):not( :last-of-type ) + .MuiDivider-root {
 			display: block;
 		}
 	}
@@ -862,7 +798,10 @@ import {
   Tooltip as Tooltip4,
   usePopupState as usePopupState5
 } from "@elementor/ui";
-import { __useActiveDocument as useActiveDocument6, __useActiveDocumentActions as useActiveDocumentActions3 } from "@elementor/editor-documents";
+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() {
@@ -886,15 +825,12 @@ function PrimaryAction() {
         const extendedWindow = window;
         const config = extendedWindow?.elementor?.editorEvents?.config;
         if (config) {
-          extendedWindow.elementor.editorEvents.dispatchEvent(
-            config.names.topBar.publishButton,
-            {
-              location: config.locations.topBar,
-              secondaryLocation: config.secondaryLocations["publish-button"],
-              trigger: config.triggers.click,
-              element: config.elements.mainCta
-            }
-          );
+          extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.publishButton, {
+            location: config.locations.topBar,
+            secondaryLocation: config.secondaryLocations["publish-button"],
+            trigger: config.triggers.click,
+            element: config.elements.mainCta
+          });
         }
         if (!document2.isSaving) {
           save();
@@ -950,7 +886,10 @@ 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 } from "@elementor/editor-documents";
+import {
+  __useActiveDocument as useActiveDocument7,
+  __useActiveDocumentActions as useActiveDocumentActions4
+} from "@elementor/editor-documents";
 function useDocumentCopyAndShareProps() {
   const document2 = useActiveDocument7();
   const { copyAndShare } = useActiveDocumentActions4();
@@ -995,26 +934,25 @@ 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";
+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"),
-    () => {
+  listenTo2(routeOpenEvent2("panel/elements"), () => {
+    setPanelTitle(panelTitle);
+    setTabTitle(tabTitle);
+  });
+  listenTo2(v1ReadyEvent(), () => {
+    if (isRouteActive("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);
@@ -1029,7 +967,10 @@ function setTabTitle(title) {
 // src/extensions/elements/hooks/use-action-props.ts
 import { PlusIcon } from "@elementor/icons";
 import { __ as __12 } from "@wordpress/i18n";
-import { __privateOpenRoute as openRoute3, __privateUseRouteStatus as useRouteStatus2 } from "@elementor/editor-v1-adapters";
+import {
+  __privateOpenRoute as openRoute3,
+  __privateUseRouteStatus as useRouteStatus2
+} from "@elementor/editor-v1-adapters";
 function useActionProps2() {
   const { isActive, isBlocked } = useRouteStatus2("panel/elements");
   return {
@@ -1039,15 +980,12 @@ function useActionProps2() {
       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
-          }
-        );
+        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
+        });
       }
       openRoute3("panel/elements/categories");
     },
@@ -1069,7 +1007,10 @@ 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 {
+  __privateRunCommand as runCommand3,
+  __privateUseRouteStatus as useRouteStatus3
+} from "@elementor/editor-v1-adapters";
 function useActionProps3() {
   const { isBlocked } = useRouteStatus3("finder", {
     blockOnKitRoutes: false,
@@ -1082,15 +1023,12 @@ function useActionProps3() {
       const extendedWindow = window;
       const config = extendedWindow?.elementor?.editorEvents?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(
-          config.names.topBar.finder,
-          {
-            location: config.locations.topBar,
-            secondaryLocation: config.secondaryLocations.finder,
-            trigger: config.triggers.toggleClick,
-            element: config.elements.buttonIcon
-          }
-        );
+        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.finder, {
+          location: config.locations.topBar,
+          secondaryLocation: config.secondaryLocations.finder,
+          trigger: config.triggers.toggleClick,
+          element: config.elements.buttonIcon
+        });
       }
       runCommand3("finder/toggle");
     },
@@ -1126,15 +1064,12 @@ function init6() {
           const extendedWindow = window;
           const config = extendedWindow?.elementor?.editorEvents?.config;
           if (config) {
-            extendedWindow.elementor.editorEvents.dispatchEvent(
-              config.names.topBar.help,
-              {
-                location: config.locations.topBar,
-                secondaryLocation: config.secondaryLocations.help,
-                trigger: config.triggers.click,
-                element: config.elements.buttonIcon
-              }
-            );
+            extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.help, {
+              location: config.locations.topBar,
+              secondaryLocation: config.secondaryLocations.help,
+              trigger: config.triggers.click,
+              element: config.elements.buttonIcon
+            });
           }
         }
       };
@@ -1145,7 +1080,10 @@ 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, __privateUseRouteStatus as useRouteStatus4 } from "@elementor/editor-v1-adapters";
+import {
+  __privateOpenRoute as openRoute4,
+  __privateUseRouteStatus as useRouteStatus4
+} from "@elementor/editor-v1-adapters";
 function useActionProps4() {
   const { isActive, isBlocked } = useRouteStatus4("panel/history");
   return {
@@ -1155,15 +1093,12 @@ function useActionProps4() {
       const extendedWindow = window;
       const config = extendedWindow?.elementor?.editorEvents?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(
-          config.names.topBar.history,
-          {
-            location: config.locations.topBar,
-            secondaryLocation: config.secondaryLocations.elementorLogo,
-            trigger: config.triggers.click,
-            element: config.elements.link
-          }
-        );
+        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.history, {
+          location: config.locations.topBar,
+          secondaryLocation: config.secondaryLocations.elementorLogo,
+          trigger: config.triggers.click,
+          element: config.elements.link
+        });
       }
       openRoute4("panel/history/actions");
     },
@@ -1193,15 +1128,12 @@ function useActionProps5() {
       const extendedWindow = window;
       const config = extendedWindow?.elementor?.editorEvents?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(
-          config.names.topBar.keyboardShortcuts,
-          {
-            location: config.locations.topBar,
-            secondaryLocation: config.secondaryLocations.elementorLogo,
-            trigger: config.triggers.click,
-            element: config.elements.link
-          }
-        );
+        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.keyboardShortcuts, {
+          location: config.locations.topBar,
+          secondaryLocation: config.secondaryLocations.elementorLogo,
+          trigger: config.triggers.click,
+          element: config.elements.link
+        });
       }
       runCommand4("shortcuts/open");
     }
@@ -1228,13 +1160,15 @@ import * as React28 from "react";
 // src/extensions/site-settings/components/portal.tsx
 import * as React26 from "react";
 import { Portal as BasePortal } from "@elementor/ui";
-import { __privateIsRouteActive as isRouteActive2, routeCloseEvent, routeOpenEvent as routeOpenEvent3, __privateUseListenTo as useListenTo } from "@elementor/editor-v1-adapters";
+import {
+  __privateIsRouteActive as isRouteActive2,
+  routeCloseEvent,
+  routeOpenEvent as routeOpenEvent3,
+  __privateUseListenTo as useListenTo
+} from "@elementor/editor-v1-adapters";
 function Portal(props) {
   const containerRef = useListenTo(
-    [
-      routeOpenEvent3("panel/global"),
-      routeCloseEvent("panel/global")
-    ],
+    [routeOpenEvent3("panel/global"), routeCloseEvent("panel/global")],
     getContainerRef
   );
   if (!containerRef.current) {
@@ -1248,28 +1182,37 @@ function getContainerRef() {
 
 // src/extensions/site-settings/components/primary-action.tsx
 import * as React27 from "react";
-import { __useActiveDocument as useActiveDocument8, __useActiveDocumentActions as useActiveDocumentActions5 } from "@elementor/editor-documents";
+import {
+  __useActiveDocument as useActiveDocument8,
+  __useActiveDocumentActions as useActiveDocumentActions5
+} from "@elementor/editor-documents";
 import { Button as Button2, CircularProgress as CircularProgress2, Paper } from "@elementor/ui";
 import { __ as __17 } from "@wordpress/i18n";
 function PrimaryAction2() {
   const document2 = useActiveDocument8();
   const { save } = useActiveDocumentActions5();
-  return /* @__PURE__ */ React27.createElement(Paper, { sx: {
-    px: 5,
-    py: 4,
-    borderTop: 1,
-    borderColor: "divider"
-  } }, /* @__PURE__ */ React27.createElement(
-    Button2,
+  return /* @__PURE__ */ React27.createElement(
+    Paper,
     {
-      variant: "contained",
-      disabled: !document2 || !document2.isDirty,
-      size: "medium",
-      sx: { width: "100%" },
-      onClick: () => document2 && !document2.isSaving ? save() : null
+      sx: {
+        px: 5,
+        py: 4,
+        borderTop: 1,
+        borderColor: "divider"
+      }
     },
-    document2?.isSaving ? /* @__PURE__ */ React27.createElement(CircularProgress2, null) : __17("Save Changes", "elementor")
-  ));
+    /* @__PURE__ */ React27.createElement(
+      Button2,
+      {
+        variant: "contained",
+        disabled: !document2 || !document2.isDirty,
+        size: "medium",
+        sx: { width: "100%" },
+        onClick: () => document2 && !document2.isSaving ? save() : null
+      },
+      document2?.isSaving ? /* @__PURE__ */ React27.createElement(CircularProgress2, null) : __17("Save Changes", "elementor")
+    )
+  );
 }
 
 // src/extensions/site-settings/components/portalled-primary-action.tsx
@@ -1279,7 +1222,10 @@ function PortalledPrimaryAction() {
 
 // src/extensions/site-settings/hooks/use-action-props.ts
 import { __ as __18 } from "@wordpress/i18n";
-import { __privateRunCommand as runCommand5, __privateUseRouteStatus as useRouteStatus5 } from "@elementor/editor-v1-adapters";
+import {
+  __privateRunCommand as runCommand5,
+  __privateUseRouteStatus as useRouteStatus5
+} from "@elementor/editor-v1-adapters";
 import { AdjustmentsHorizontalIcon } from "@elementor/icons";
 function useActionProps6() {
   const { isActive, isBlocked } = useRouteStatus5("panel/global", {
@@ -1292,15 +1238,12 @@ function useActionProps6() {
       const extendedWindow = window;
       const config = extendedWindow?.elementor?.editorEvents?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(
-          config.names.topBar.siteSettings,
-          {
-            location: config.locations.topBar,
-            secondaryLocation: config.secondaryLocations.siteSettings,
-            trigger: config.triggers.toggleClick,
-            element: config.elements.buttonIcon
-          }
-        );
+        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.siteSettings, {
+          location: config.locations.topBar,
+          secondaryLocation: config.secondaryLocations.siteSettings,
+          trigger: config.triggers.toggleClick,
+          element: config.elements.buttonIcon
+        });
       }
       if (isActive) {
         runCommand5("panel/global/close");
@@ -1328,7 +1271,10 @@ function init9() {
 
 // src/extensions/structure/hooks/use-action-props.ts
 import { __ as __19 } from "@wordpress/i18n";
-import { __privateRunCommand as runCommand6, __privateUseRouteStatus as useRouteStatus6 } from "@elementor/editor-v1-adapters";
+import {
+  __privateRunCommand as runCommand6,
+  __privateUseRouteStatus as useRouteStatus6
+} from "@elementor/editor-v1-adapters";
 import { StructureIcon } from "@elementor/icons";
 function useActionProps7() {
   const { isActive, isBlocked } = useRouteStatus6("navigator");
@@ -1339,15 +1285,12 @@ function useActionProps7() {
       const extendedWindow = window;
       const config = extendedWindow?.elementor?.editorEvents?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(
-          config.names.topBar.structure,
-          {
-            location: config.locations.topBar,
-            secondaryLocation: config.secondaryLocations.structure,
-            trigger: config.triggers.toggleClick,
-            element: config.elements.buttonIcon
-          }
-        );
+        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.structure, {
+          location: config.locations.topBar,
+          secondaryLocation: config.secondaryLocations.structure,
+          trigger: config.triggers.toggleClick,
+          element: config.elements.buttonIcon
+        });
       }
       runCommand6("navigator/toggle");
     },
@@ -1377,15 +1320,12 @@ function useActionProps8() {
       const extendedWindow = window;
       const config = extendedWindow?.elementor?.editorEvents?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(
-          config.names.topBar.themeBuilder,
-          {
-            location: config.locations.topBar,
-            secondaryLocation: config.secondaryLocations.elementorLogo,
-            trigger: config.triggers.click,
-            element: config.elements.link
-          }
-        );
+        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.themeBuilder, {
+          location: config.locations.topBar,
+          secondaryLocation: config.secondaryLocations.elementorLogo,
+          trigger: config.triggers.click,
+          element: config.elements.link
+        });
       }
       runCommand7("app/open");
     }
@@ -1403,7 +1343,10 @@ function init11() {
 // src/extensions/user-preferences/hooks/use-action-props.ts
 import { __ as __21 } from "@wordpress/i18n";
 import { ToggleRightIcon } from "@elementor/icons";
-import { __privateOpenRoute as openRoute5, __privateUseRouteStatus as useRouteStatus7 } from "@elementor/editor-v1-adapters";
+import {
+  __privateOpenRoute as openRoute5,
+  __privateUseRouteStatus as useRouteStatus7
+} from "@elementor/editor-v1-adapters";
 function useActionProps9() {
   const { isActive, isBlocked } = useRouteStatus7("panel/editor-preferences");
   return {
@@ -1413,15 +1356,12 @@ function useActionProps9() {
       const extendedWindow = window;
       const config = extendedWindow?.elementor?.editorEvents?.config;
       if (config) {
-        extendedWindow.elementor.editorEvents.dispatchEvent(
-          config.names.topBar.userPreferences,
-          {
-            location: config.locations.topBar,
-            secondaryLocation: config.secondaryLocations.elementorLogo,
-            trigger: config.triggers.click,
-            element: config.elements.link
-          }
-        );
+        extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.userPreferences, {
+          location: config.locations.topBar,
+          secondaryLocation: config.secondaryLocations.elementorLogo,
+          trigger: config.triggers.click,
+          element: config.elements.link
+        });
       }
       openRoute5("panel/editor-preferences");
     },
@@ -1458,15 +1398,12 @@ function init13() {
           const extendedWindow = window;
           const config = extendedWindow?.elementor?.editorEvents?.config;
           if (config) {
-            extendedWindow.elementor.editorEvents.dispatchEvent(
-              config.names.topBar.exitToWordpress,
-              {
-                location: config.locations.topBar,
-                secondaryLocation: config.secondaryLocations.elementorLogo,
-                trigger: config.triggers.click,
-                element: config.elements.link
-              }
-            );
+            extendedWindow.elementor.editorEvents.dispatchEvent(config.names.topBar.exitToWordpress, {
+              location: config.locations.topBar,
+              secondaryLocation: config.secondaryLocations.elementorLogo,
+              trigger: config.triggers.click,
+              element: config.elements.link
+            });
           }
         }
       };