@elementor/editor-app-bar 0.1.0

package/dist/index.js

@@ -0,0 +1,1047 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  documentOptionsMenu: () => documentOptionsMenu,
+  injectIntoPageIndication: () => injectIntoPageIndication,
+  injectIntoPrimaryAction: () => injectIntoPrimaryAction,
+  injectIntoResponsive: () => injectIntoResponsive,
+  mainMenu: () => mainMenu,
+  toolsMenu: () => toolsMenu,
+  utilitiesMenu: () => utilitiesMenu
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/locations/menus.tsx
+var React8 = __toESM(require("react"));
+var import_react2 = require("react");
+var import_locations = require("@elementor/locations");
+
+// src/components/actions/action.tsx
+var React4 = __toESM(require("react"));
+
+// src/contexts/menu-context.tsx
+var React = __toESM(require("react"));
+var import_react = require("react");
+var MenuContext = (0, import_react.createContext)({ type: "toolbar" });
+function MenuContextProvider({ type, children }) {
+  return /* @__PURE__ */ React.createElement(MenuContext.Provider, { value: { type } }, children);
+}
+function useMenuContext() {
+  return (0, import_react.useContext)(MenuContext);
+}
+
+// src/components/ui/toolbar-menu-item.tsx
+var React2 = __toESM(require("react"));
+var import_ui = require("@elementor/ui");
+function ToolbarMenuItem({ title, ...props }) {
+  return /* @__PURE__ */ React2.createElement(import_ui.Tooltip, { title }, /* @__PURE__ */ React2.createElement(import_ui.Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React2.createElement(import_ui.IconButton, { ...props, "aria-label": title, size: "small" })));
+}
+
+// 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);
+function PopoverMenuItem({ text, icon, onClick, href, target, disabled, ...props }) {
+  const isExternalLink = href && target === "_blank";
+  return /* @__PURE__ */ React3.createElement(
+    import_ui2.MenuItem,
+    {
+      ...props,
+      disabled,
+      onClick,
+      component: href ? "a" : "div",
+      href,
+      target
+    },
+    /* @__PURE__ */ React3.createElement(import_ui2.ListItemIcon, null, icon),
+    /* @__PURE__ */ React3.createElement(import_ui2.ListItemText, { primary: text }),
+    isExternalLink && /* @__PURE__ */ React3.createElement(DirectionalArrowIcon, null)
+  );
+}
+
+// src/components/actions/action.tsx
+function Action({ icon: Icon, title, visible = true, ...props }) {
+  const { type } = useMenuContext();
+  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)
+    }
+  );
+}
+
+// src/components/actions/toggle-action.tsx
+var React6 = __toESM(require("react"));
+
+// src/components/ui/toolbar-menu-toggle-item.tsx
+var React5 = __toESM(require("react"));
+var import_ui3 = require("@elementor/ui");
+function ToolbarMenuToggleItem({ title, onClick, ...props }) {
+  return /* @__PURE__ */ React5.createElement(import_ui3.Tooltip, { title }, /* @__PURE__ */ React5.createElement(import_ui3.Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React5.createElement(import_ui3.ToggleButton, { ...props, onChange: onClick, "aria-label": title, size: "small" })));
+}
+
+// src/components/actions/toggle-action.tsx
+function ToggleAction({ icon: Icon, title, value, visible = true, ...props }) {
+  const { type } = useMenuContext();
+  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)
+    }
+  );
+}
+
+// src/components/actions/link.tsx
+var React7 = __toESM(require("react"));
+function Link({ icon: Icon, title, visible = true, ...props }) {
+  const { type } = useMenuContext();
+  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)
+    }
+  );
+}
+
+// src/locations/menus.tsx
+function createMenu({ name: menuName, groups = [] }) {
+  const menuGroups = [
+    ...groups,
+    "default"
+  ];
+  const registerAction = createRegisterMenuItem({
+    menuName,
+    menuGroups,
+    component: Action
+  });
+  const registerToggleAction = createRegisterMenuItem({
+    menuName,
+    menuGroups,
+    component: ToggleAction
+  });
+  const registerLink = createRegisterMenuItem({
+    menuName,
+    menuGroups,
+    component: Link
+  });
+  const useMenuItems5 = createUseMenuItems({
+    menuName,
+    menuGroups
+  });
+  return {
+    registerAction,
+    registerToggleAction,
+    registerLink,
+    useMenuItems: useMenuItems5
+  };
+}
+function createRegisterMenuItem({ menuName, menuGroups, component }) {
+  return ({ group = "default", name, overwrite, priority, ...args }) => {
+    if (!menuGroups.includes(group)) {
+      return;
+    }
+    const useProps = "props" in args ? () => args.props : args.useProps;
+    const Component = component;
+    const Filler = (props) => {
+      const componentProps = useProps();
+      return /* @__PURE__ */ React8.createElement(Component, { ...props, ...componentProps });
+    };
+    const location = getMenuLocationId(menuName, group);
+    (0, import_locations.inject)({
+      location,
+      name,
+      filler: Filler,
+      options: {
+        priority,
+        overwrite
+      }
+    });
+  };
+}
+function createUseMenuItems({ menuName, menuGroups }) {
+  const locations = menuGroups.map((group) => getMenuLocationId(menuName, group));
+  return () => {
+    const injectionsGroups = (0, import_locations.useInjectionsOf)(locations);
+    return (0, import_react2.useMemo)(() => {
+      return injectionsGroups.reduce((acc, injections, index) => {
+        const groupName = menuGroups[index];
+        return {
+          ...acc,
+          [groupName]: injections.map((injection) => ({
+            id: injection.id,
+            MenuItem: injection.filler
+          }))
+        };
+      }, {});
+    }, [injectionsGroups]);
+  };
+}
+function getMenuLocationId(menu, group) {
+  return `editor/app-bar/${menu}/${group}`;
+}
+
+// src/locations/index.ts
+var import_locations2 = require("@elementor/locations");
+
+// src/locations/consts.ts
+var LOCATION_PAGE_INDICATION = "editor/app-bar/page-indication";
+var LOCATION_RESPONSIVE = "editor/app-bar/responsive";
+var LOCATION_PRIMARY_ACTION = "editor/app-bar/primary-action";
+
+// src/locations/index.ts
+var injectIntoPageIndication = (0, import_locations2.createInjectorFor)(LOCATION_PAGE_INDICATION);
+var injectIntoResponsive = (0, import_locations2.createInjectorFor)(LOCATION_RESPONSIVE);
+var injectIntoPrimaryAction = (0, import_locations2.createInjectorFor)(LOCATION_PRIMARY_ACTION);
+var mainMenu = createMenu({
+  name: "main",
+  groups: ["exits"]
+});
+var toolsMenu = createMenu({
+  name: "tools"
+});
+var utilitiesMenu = createMenu({
+  name: "utilities"
+});
+var documentOptionsMenu = createMenu({
+  name: "document-options",
+  groups: ["save"]
+});
+
+// src/components/app-bar.tsx
+var React19 = __toESM(require("react"));
+var import_ui10 = require("@elementor/ui");
+
+// src/components/locations/main-menu-location.tsx
+var React11 = __toESM(require("react"));
+var import_ui6 = require("@elementor/ui");
+
+// src/components/ui/popover-menu.tsx
+var React9 = __toESM(require("react"));
+var import_ui4 = require("@elementor/ui");
+function PopoverMenu({ children, ...props }) {
+  return /* @__PURE__ */ React9.createElement(MenuContextProvider, { type: "popover" }, /* @__PURE__ */ React9.createElement(
+    import_ui4.Menu,
+    {
+      PaperProps: {
+        sx: { mt: 4 }
+      },
+      ...props,
+      MenuListProps: {
+        component: "div"
+      }
+    },
+    children
+  ));
+}
+
+// src/components/ui/toolbar-logo.tsx
+var React10 = __toESM(require("react"));
+var import_react3 = require("react");
+var import_i18n = require("@wordpress/i18n");
+var import_ui5 = require("@elementor/ui");
+var ElementorLogo = (props) => {
+  return /* @__PURE__ */ React10.createElement(import_ui5.SvgIcon, { viewBox: "0 0 32 32", ...props }, /* @__PURE__ */ React10.createElement("g", null, /* @__PURE__ */ React10.createElement("circle", { cx: "16", cy: "16", r: "16" }), /* @__PURE__ */ React10.createElement("path", { d: "M11.7 9H9V22.3H11.7V9Z" }), /* @__PURE__ */ React10.createElement("path", { d: "M22.4 9H9V11.7H22.4V9Z" }), /* @__PURE__ */ React10.createElement("path", { d: "M22.4 14.4004H9V17.1004H22.4V14.4004Z" }), /* @__PURE__ */ React10.createElement("path", { d: "M22.4 19.6992H9V22.3992H22.4V19.6992Z" })));
+};
+var StyledToggleButton = (0, import_ui5.styled)(import_ui5.ToggleButton)(() => ({
+  padding: 0,
+  "&.MuiToggleButton-root:hover": {
+    backgroundColor: "initial"
+  },
+  "&.MuiToggleButton-root.Mui-selected": {
+    backgroundColor: "initial"
+  }
+}));
+var StyledElementorLogo = (0, import_ui5.styled)(ElementorLogo, {
+  shouldForwardProp: (prop) => prop !== "showMenuIcon"
+})(({ theme, showMenuIcon }) => ({
+  width: "auto",
+  height: "100%",
+  "& path": {
+    fill: "initial",
+    transition: "all 0.2s linear",
+    transformOrigin: "bottom left",
+    "&:first-of-type": {
+      transitionDelay: !showMenuIcon && "0.2s",
+      transform: showMenuIcon && "translateY(-9px) scaleY(0)"
+    },
+    "&:not(:first-of-type)": {
+      // Emotion automatically change 4 to -4 in RTL moode.
+      transform: !showMenuIcon && `translateX(${theme.direction === "rtl" ? "4" : "9"}px) scaleX(0.6)`
+    },
+    "&:nth-of-type(2)": {
+      transitionDelay: showMenuIcon ? "0" : "0.2s"
+    },
+    "&:nth-of-type(3)": {
+      transitionDelay: "0.1s"
+    },
+    "&:nth-of-type(4)": {
+      transitionDelay: showMenuIcon ? "0.2s" : "0"
+    }
+  }
+}));
+function ToolbarLogo(props) {
+  const [isHoverState, setIsHoverState] = (0, import_react3.useState)(false);
+  const showMenuIcon = props.selected || isHoverState;
+  return /* @__PURE__ */ React10.createElement(
+    StyledToggleButton,
+    {
+      ...props,
+      value: "selected",
+      size: "small",
+      onMouseEnter: () => setIsHoverState(true),
+      onMouseLeave: () => setIsHoverState(false)
+    },
+    /* @__PURE__ */ React10.createElement(StyledElementorLogo, { titleAccess: (0, import_i18n.__)("Elementor Logo", "elementor"), showMenuIcon })
+  );
+}
+
+// src/components/locations/main-menu-location.tsx
+var { useMenuItems } = mainMenu;
+function MainMenuLocation() {
+  const menuItems = useMenuItems();
+  const orderedGroups = [
+    menuItems.default,
+    menuItems.exits
+  ];
+  const popupState = (0, import_ui6.usePopupState)({
+    variant: "popover",
+    popupId: "elementor-v2-app-bar-main-menu"
+  });
+  return /* @__PURE__ */ React11.createElement(import_ui6.Stack, { sx: { paddingInlineStart: 4 }, direction: "row", alignItems: "center" }, /* @__PURE__ */ React11.createElement(
+    ToolbarLogo,
+    {
+      ...(0, import_ui6.bindTrigger)(popupState),
+      selected: popupState.isOpen
+    }
+  ), /* @__PURE__ */ React11.createElement(
+    PopoverMenu,
+    {
+      onClick: popupState.close,
+      ...(0, import_ui6.bindMenu)(popupState),
+      PaperProps: {
+        sx: { mt: 4, marginInlineStart: -2 }
+      }
+    },
+    orderedGroups.filter((group) => group.length).map((group, index) => {
+      return [
+        index > 0 ? /* @__PURE__ */ React11.createElement(import_ui6.Divider, { key: index, orientation: "horizontal" }) : null,
+        ...group.map(
+          ({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React11.createElement(MenuItem2, { key: id })
+        )
+      ];
+    })
+  ));
+}
+
+// src/components/locations/tools-menu-location.tsx
+var React14 = __toESM(require("react"));
+
+// src/components/ui/toolbar-menu.tsx
+var React12 = __toESM(require("react"));
+var import_ui7 = require("@elementor/ui");
+function ToolbarMenu({ children, ...props }) {
+  return /* @__PURE__ */ React12.createElement(MenuContextProvider, { type: "toolbar" }, /* @__PURE__ */ React12.createElement(import_ui7.Stack, { sx: { px: 4 }, spacing: 4, direction: "row", alignItems: "center", ...props }, children));
+}
+
+// src/components/ui/toolbar-menu-more.tsx
+var React13 = __toESM(require("react"));
+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__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(ToolbarMenuItem, { ...(0, import_ui8.bindTrigger)(popupState), title: (0, import_i18n2.__)("More", "elementor") }, /* @__PURE__ */ React13.createElement(import_icons2.DotsVerticalIcon, null)), /* @__PURE__ */ React13.createElement(PopoverMenu, { onClick: popupState.close, ...(0, import_ui8.bindMenu)(popupState) }, children));
+}
+
+// src/components/locations/tools-menu-location.tsx
+var MAX_TOOLBAR_ACTIONS = 5;
+var { useMenuItems: useMenuItems2 } = toolsMenu;
+function ToolsMenuLocation() {
+  const menuItems = useMenuItems2();
+  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 })), 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 }))));
+}
+
+// src/components/locations/utilities-menu-location.tsx
+var React15 = __toESM(require("react"));
+var import_react4 = require("react");
+var import_ui9 = require("@elementor/ui");
+var MAX_TOOLBAR_ACTIONS2 = 3;
+var { useMenuItems: useMenuItems3 } = utilitiesMenu;
+function UtilitiesMenuLocation() {
+  const menuItems = useMenuItems3();
+  const toolbarMenuItems = menuItems.default.slice(0, MAX_TOOLBAR_ACTIONS2);
+  const popoverMenuItems = menuItems.default.slice(MAX_TOOLBAR_ACTIONS2);
+  return /* @__PURE__ */ React15.createElement(ToolbarMenu, null, toolbarMenuItems.map(
+    ({ MenuItem: MenuItem2, id }, index) => /* @__PURE__ */ React15.createElement(import_react4.Fragment, { key: id }, index === 0 && /* @__PURE__ */ React15.createElement(import_ui9.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"));
+var import_locations6 = require("@elementor/locations");
+function PrimaryActionLocation() {
+  return /* @__PURE__ */ React16.createElement(import_locations6.Slot, { location: LOCATION_PRIMARY_ACTION });
+}
+
+// src/components/locations/page-indication-location.tsx
+var React17 = __toESM(require("react"));
+var import_locations8 = require("@elementor/locations");
+function PageIndicationLocation() {
+  return /* @__PURE__ */ React17.createElement(import_locations8.Slot, { location: LOCATION_PAGE_INDICATION });
+}
+
+// src/components/locations/responsive-location.tsx
+var React18 = __toESM(require("react"));
+var import_locations10 = require("@elementor/locations");
+function ResponsiveLocation() {
+  return /* @__PURE__ */ React18.createElement(import_locations10.Slot, { location: LOCATION_RESPONSIVE });
+}
+
+// src/components/app-bar.tsx
+function AppBar() {
+  return /* @__PURE__ */ React19.createElement(import_ui10.ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React19.createElement(import_ui10.AppBar, { position: "sticky" }, /* @__PURE__ */ React19.createElement(import_ui10.Box, { display: "grid", gridTemplateColumns: "repeat(3, 1fr)" }, /* @__PURE__ */ React19.createElement(import_ui10.Grid, { container: true }, /* @__PURE__ */ React19.createElement(MainMenuLocation, null), /* @__PURE__ */ React19.createElement(ToolsMenuLocation, null)), /* @__PURE__ */ React19.createElement(import_ui10.Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React19.createElement(ToolbarMenu, { spacing: 3 }, /* @__PURE__ */ React19.createElement(import_ui10.Divider, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(PageIndicationLocation, null), /* @__PURE__ */ React19.createElement(import_ui10.Divider, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(ResponsiveLocation, null), /* @__PURE__ */ React19.createElement(import_ui10.Divider, { orientation: "vertical" }))), /* @__PURE__ */ React19.createElement(import_ui10.Grid, { container: true, justifyContent: "flex-end" }, /* @__PURE__ */ React19.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React19.createElement(PrimaryActionLocation, null)))));
+}
+
+// src/init.ts
+var import_editor3 = 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.listenTo)((0, import_editor_v1_adapters.routeOpenEvent)("panel/menu"), () => {
+    (0, import_editor_v1_adapters.openRoute)("panel/elements/categories");
+  });
+}
+
+// src/extensions/documents-indicator/components/settings-button.tsx
+var React20 = __toESM(require("react"));
+var import_ui11 = require("@elementor/ui");
+var import_i18n3 = require("@wordpress/i18n");
+var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
+var import_icons3 = require("@elementor/icons");
+var import_editor_documents = require("@elementor/editor-documents");
+function SettingsButton() {
+  const activeDocument = (0, import_editor_documents.useActiveDocument)();
+  const hostDocument = (0, import_editor_documents.useHostDocument)();
+  const document2 = activeDocument && activeDocument.type.value !== "kit" ? activeDocument : hostDocument;
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters2.useRouteStatus)("panel/page-settings");
+  if (!document2) {
+    return null;
+  }
+  const title = (0, import_i18n3.__)("%s Settings", "elementor").replace("%s", document2.type.label);
+  return /* @__PURE__ */ React20.createElement(import_ui11.Tooltip, { title }, /* @__PURE__ */ React20.createElement(import_ui11.Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React20.createElement(
+    import_ui11.ToggleButton,
+    {
+      value: "document-settings",
+      selected: isActive,
+      disabled: isBlocked,
+      onChange: () => (0, import_editor_v1_adapters2.openRoute)("panel/page-settings/settings"),
+      "aria-label": title,
+      size: "small"
+    },
+    /* @__PURE__ */ React20.createElement(import_icons3.SettingsIcon, null)
+  )));
+}
+
+// src/extensions/documents-indicator/index.ts
+function init() {
+  injectIntoPageIndication({
+    name: "document-settings-button",
+    filler: SettingsButton,
+    options: {
+      priority: 20
+      // After document indicator.
+    }
+  });
+}
+
+// src/extensions/documents-preview/hooks/use-action-props.ts
+var import_i18n4 = require("@wordpress/i18n");
+var import_icons4 = require("@elementor/icons");
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+var import_editor_documents2 = require("@elementor/editor-documents");
+function useActionProps() {
+  const document2 = (0, import_editor_documents2.useActiveDocument)();
+  return {
+    icon: import_icons4.EyeIcon,
+    title: (0, import_i18n4.__)("Preview Changes", "elementor"),
+    onClick: () => document2 && (0, import_editor_v1_adapters3.runCommand)("editor/documents/preview", {
+      id: document2.id,
+      force: true
+    })
+  };
+}
+
+// src/extensions/documents-preview/index.ts
+function init2() {
+  utilitiesMenu.registerAction({
+    name: "document-preview-button",
+    priority: 30,
+    // After help.
+    useProps: useActionProps
+  });
+}
+
+// src/extensions/documents-save/hooks/use-document-save-draft-props.ts
+var import_i18n5 = require("@wordpress/i18n");
+var import_icons5 = require("@elementor/icons");
+var import_editor_documents3 = require("@elementor/editor-documents");
+function useDocumentSaveDraftProps() {
+  const document2 = (0, import_editor_documents3.useActiveDocument)();
+  const { saveDraft } = (0, import_editor_documents3.useActiveDocumentActions)();
+  return {
+    icon: import_icons5.FileReportIcon,
+    title: (0, import_i18n5.__)("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_i18n6 = require("@wordpress/i18n");
+var import_icons6 = require("@elementor/icons");
+var import_editor_documents4 = require("@elementor/editor-documents");
+function useDocumentSaveTemplateProps() {
+  const { saveTemplate } = (0, import_editor_documents4.useActiveDocumentActions)();
+  return {
+    icon: import_icons6.FolderIcon,
+    title: (0, import_i18n6.__)("Save as Template", "elementor"),
+    onClick: saveTemplate
+  };
+}
+
+// src/extensions/documents-save/components/primary-action.tsx
+var React22 = __toESM(require("react"));
+var import_i18n7 = require("@wordpress/i18n");
+
+// src/extensions/documents-save/components/primary-action-menu.tsx
+var React21 = __toESM(require("react"));
+var import_ui12 = require("@elementor/ui");
+var { useMenuItems: useMenuItems4 } = documentOptionsMenu;
+var StyledPopoverMenu = (0, import_ui12.styled)(PopoverMenu)`
+	& > .MuiPopover-paper > .MuiList-root > .MuiDivider-root {
+		&:only-child, /* A divider is being rendered lonely */
+		&:last-child, /* The last group renders empty but renders a divider */
+		& + .MuiDivider-root /* Multiple dividers due to multiple empty groups */ {
+			display: none;
+		}
+	}
+`;
+function PrimaryActionMenu(props) {
+  const { save: saveActions, default: defaultActions } = useMenuItems4();
+  return /* @__PURE__ */ React21.createElement(
+    StyledPopoverMenu,
+    {
+      ...props,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "right"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "right"
+      },
+      PaperProps: {
+        sx: { mt: 2, ml: 3 }
+      }
+    },
+    saveActions.map(({ MenuItem: MenuItem2, id }, index) => [
+      index > 0 && /* @__PURE__ */ React21.createElement(import_ui12.Divider, { key: `${id}-divider` }),
+      /* @__PURE__ */ React21.createElement(MenuItem2, { key: id })
+    ]),
+    defaultActions.length > 0 && /* @__PURE__ */ React21.createElement(import_ui12.Divider, null),
+    defaultActions.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React21.createElement(MenuItem2, { key: id }))
+  );
+}
+
+// src/extensions/documents-save/components/primary-action.tsx
+var import_ui13 = require("@elementor/ui");
+var import_editor_documents5 = require("@elementor/editor-documents");
+var import_icons7 = require("@elementor/icons");
+function PrimaryAction() {
+  const document2 = (0, import_editor_documents5.useActiveDocument)();
+  const { save } = (0, import_editor_documents5.useActiveDocumentActions)();
+  const popupState = (0, import_ui13.usePopupState)({
+    variant: "popover",
+    popupId: "document-save-options"
+  });
+  if (!document2) {
+    return null;
+  }
+  const isDisabled = !isEnabled(document2);
+  const shouldShowSpinner = document2.isSaving && !isDisabled;
+  return /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(import_ui13.ButtonGroup, { size: "large", variant: "contained" }, /* @__PURE__ */ React22.createElement(
+    import_ui13.Button,
+    {
+      onClick: () => !document2.isSaving && save(),
+      sx: { width: "120px" },
+      disabled: isDisabled
+    },
+    shouldShowSpinner ? /* @__PURE__ */ React22.createElement(import_ui13.CircularProgress, null) : getLabel(document2)
+  ), /* @__PURE__ */ React22.createElement(
+    import_ui13.Tooltip,
+    {
+      title: (0, import_i18n7.__)("Save Options", "elementor"),
+      PopperProps: {
+        sx: {
+          "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
+            mt: 3,
+            mr: 1
+          }
+        }
+      }
+    },
+    /* @__PURE__ */ React22.createElement(import_ui13.Button, { sx: { px: 0 }, ...(0, import_ui13.bindTrigger)(popupState) }, /* @__PURE__ */ React22.createElement(import_icons7.ChevronDownIcon, null))
+  )), /* @__PURE__ */ React22.createElement(PrimaryActionMenu, { ...(0, import_ui13.bindMenu)(popupState), onClick: popupState.close }));
+}
+function getLabel(document2) {
+  return document2.userCan.publish ? (0, import_i18n7.__)("Publish", "elementor") : (0, import_i18n7.__)("Submit", "elementor");
+}
+function isEnabled(document2) {
+  if (document2.type.value === "kit") {
+    return false;
+  }
+  return document2.isDirty || document2.status.value === "draft";
+}
+
+// src/extensions/documents-save/index.ts
+function init3() {
+  injectIntoPrimaryAction({
+    name: "document-primary-action",
+    filler: PrimaryAction
+  });
+  documentOptionsMenu.registerAction({
+    group: "save",
+    name: "document-save-draft",
+    priority: 10,
+    // Before save as template.
+    useProps: useDocumentSaveDraftProps
+  });
+  documentOptionsMenu.registerAction({
+    group: "save",
+    name: "document-save-as-template",
+    priority: 20,
+    // After save draft.
+    useProps: useDocumentSaveTemplateProps
+  });
+}
+
+// src/extensions/elements/sync/sync-panel-title.ts
+var import_i18n8 = require("@wordpress/i18n");
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+function syncPanelTitle() {
+  const panelTitle = (0, import_i18n8.__)("Elements", "elementor");
+  const tabTitle = (0, import_i18n8.__)("Widgets", "elementor");
+  (0, import_editor_v1_adapters4.listenTo)(
+    (0, import_editor_v1_adapters4.routeOpenEvent)("panel/elements"),
+    () => {
+      setPanelTitle(panelTitle);
+      setTabTitle(tabTitle);
+    }
+  );
+  (0, import_editor_v1_adapters4.listenTo)(
+    (0, import_editor_v1_adapters4.v1ReadyEvent)(),
+    () => {
+      if ((0, import_editor_v1_adapters4.isRouteActive)("panel/elements")) {
+        setPanelTitle(panelTitle);
+        setTabTitle(tabTitle);
+      }
+    }
+  );
+}
+function setPanelTitle(title) {
+  window.elementor?.getPanelView?.()?.getHeaderView?.()?.setTitle?.(title);
+}
+function setTabTitle(title) {
+  const tab = document.querySelector('.elementor-component-tab[data-tab="categories"]');
+  if (tab) {
+    tab.textContent = title;
+  }
+}
+
+// src/extensions/elements/hooks/use-action-props.ts
+var import_icons8 = require("@elementor/icons");
+var import_i18n9 = require("@wordpress/i18n");
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
+function useActionProps2() {
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters5.useRouteStatus)("panel/elements");
+  return {
+    title: (0, import_i18n9.__)("Add Element", "elementor"),
+    icon: import_icons8.PlusIcon,
+    onClick: () => (0, import_editor_v1_adapters5.openRoute)("panel/elements/categories"),
+    selected: isActive,
+    disabled: isBlocked
+  };
+}
+
+// src/extensions/elements/index.ts
+function init4() {
+  syncPanelTitle();
+  toolsMenu.registerToggleAction({
+    name: "open-elements-panel",
+    priority: 1,
+    useProps: useActionProps2
+  });
+}
+
+// src/extensions/finder/hooks/use-action-props.ts
+var import_i18n10 = require("@wordpress/i18n");
+var import_icons9 = require("@elementor/icons");
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+function useActionProps3() {
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters6.useRouteStatus)("finder", {
+    blockOnKitRoutes: false,
+    blockOnPreviewMode: false
+  });
+  return {
+    title: (0, import_i18n10.__)("Finder", "elementor"),
+    icon: import_icons9.SearchIcon,
+    onClick: () => (0, import_editor_v1_adapters6.runCommand)("finder/toggle"),
+    selected: isActive,
+    disabled: isBlocked
+  };
+}
+
+// src/extensions/finder/index.ts
+function init5() {
+  utilitiesMenu.registerToggleAction({
+    name: "toggle-finder",
+    priority: 10,
+    // Before help.
+    useProps: useActionProps3
+  });
+}
+
+// src/extensions/help/index.ts
+var import_i18n11 = require("@wordpress/i18n");
+var import_icons10 = require("@elementor/icons");
+function init6() {
+  utilitiesMenu.registerLink({
+    name: "open-help-center",
+    priority: 20,
+    // After Finder.
+    useProps: () => {
+      return {
+        title: (0, import_i18n11.__)("Help", "elementor"),
+        href: "https://go.elementor.com/editor-top-bar-learn/",
+        icon: import_icons10.HelpIcon,
+        target: "_blank"
+      };
+    }
+  });
+}
+
+// src/extensions/history/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 useActionProps4() {
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters7.useRouteStatus)("panel/history");
+  return {
+    title: (0, import_i18n12.__)("History", "elementor"),
+    icon: import_icons11.HistoryIcon,
+    onClick: () => (0, import_editor_v1_adapters7.openRoute)("panel/history/actions"),
+    selected: isActive,
+    disabled: isBlocked
+  };
+}
+
+// src/extensions/history/index.ts
+function init7() {
+  mainMenu.registerToggleAction({
+    name: "open-history",
+    priority: 20,
+    useProps: useActionProps4
+  });
+}
+
+// src/extensions/keyboard-shortcuts/hooks/use-action-props.ts
+var import_i18n13 = require("@wordpress/i18n");
+var import_icons12 = require("@elementor/icons");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+function useActionProps5() {
+  return {
+    icon: import_icons12.KeyboardIcon,
+    title: (0, import_i18n13.__)("Keyboard Shortcuts", "elementor"),
+    onClick: () => (0, import_editor_v1_adapters8.runCommand)("shortcuts/open")
+  };
+}
+
+// src/extensions/keyboard-shortcuts/index.ts
+function init8() {
+  mainMenu.registerAction({
+    name: "open-keyboard-shortcuts",
+    group: "default",
+    priority: 40,
+    // After user preferences.
+    useProps: useActionProps5
+  });
+}
+
+// src/extensions/site-settings/index.ts
+var import_editor = require("@elementor/editor");
+
+// src/extensions/site-settings/components/portalled-primary-action.tsx
+var React25 = __toESM(require("react"));
+
+// src/extensions/site-settings/components/portal.tsx
+var React23 = __toESM(require("react"));
+var import_ui14 = require("@elementor/ui");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+function Portal(props) {
+  const containerRef = (0, import_editor_v1_adapters9.useListenTo)(
+    [
+      (0, import_editor_v1_adapters9.routeOpenEvent)("panel/global"),
+      (0, import_editor_v1_adapters9.routeCloseEvent)("panel/global")
+    ],
+    getContainerRef
+  );
+  if (!containerRef.current) {
+    return null;
+  }
+  return /* @__PURE__ */ React23.createElement(import_ui14.Portal, { container: containerRef.current, ...props });
+}
+function getContainerRef() {
+  return (0, import_editor_v1_adapters9.isRouteActive)("panel/global") ? { current: document.querySelector("#elementor-panel-inner") } : { current: null };
+}
+
+// src/extensions/site-settings/components/primary-action.tsx
+var React24 = __toESM(require("react"));
+var import_editor_documents6 = require("@elementor/editor-documents");
+var import_ui15 = require("@elementor/ui");
+var import_i18n14 = require("@wordpress/i18n");
+function PrimaryAction2() {
+  const document2 = (0, import_editor_documents6.useActiveDocument)();
+  const { save } = (0, import_editor_documents6.useActiveDocumentActions)();
+  return /* @__PURE__ */ React24.createElement(import_ui15.Paper, { sx: {
+    px: 5,
+    py: 4,
+    borderTop: 1,
+    borderColor: "divider"
+  } }, /* @__PURE__ */ React24.createElement(
+    import_ui15.Button,
+    {
+      variant: "contained",
+      disabled: !document2 || !document2.isDirty,
+      size: "medium",
+      sx: { width: "100%" },
+      onClick: () => document2 && !document2.isSaving ? save() : null
+    },
+    document2?.isSaving ? /* @__PURE__ */ React24.createElement(import_ui15.CircularProgress, null) : (0, import_i18n14.__)("Save Changes", "elementor")
+  ));
+}
+
+// src/extensions/site-settings/components/portalled-primary-action.tsx
+function PortalledPrimaryAction() {
+  return /* @__PURE__ */ React25.createElement(Portal, null, /* @__PURE__ */ React25.createElement(PrimaryAction2, null));
+}
+
+// src/extensions/site-settings/hooks/use-action-props.ts
+var import_i18n15 = require("@wordpress/i18n");
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+var import_icons13 = require("@elementor/icons");
+function useActionProps6() {
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters10.useRouteStatus)("panel/global", {
+    blockOnKitRoutes: false
+  });
+  return {
+    title: (0, import_i18n15.__)("Site Settings", "elementor"),
+    icon: import_icons13.AdjustmentsHorizontalIcon,
+    onClick: () => isActive ? (0, import_editor_v1_adapters10.runCommand)("panel/global/close") : (0, import_editor_v1_adapters10.runCommand)("panel/global/open"),
+    selected: isActive,
+    disabled: isBlocked
+  };
+}
+
+// src/extensions/site-settings/index.ts
+function init9() {
+  (0, import_editor.injectIntoTop)({
+    name: "site-settings-primary-action-portal",
+    filler: PortalledPrimaryAction
+  });
+  toolsMenu.registerToggleAction({
+    name: "toggle-site-settings",
+    priority: 2,
+    useProps: useActionProps6
+  });
+}
+
+// src/extensions/structure/hooks/use-action-props.ts
+var import_i18n16 = require("@wordpress/i18n");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_icons14 = require("@elementor/icons");
+function useActionProps7() {
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters11.useRouteStatus)("navigator");
+  return {
+    title: (0, import_i18n16.__)("Structure", "elementor"),
+    icon: import_icons14.StructureIcon,
+    onClick: () => (0, import_editor_v1_adapters11.runCommand)("navigator/toggle"),
+    selected: isActive,
+    disabled: isBlocked
+  };
+}
+
+// src/extensions/structure/index.ts
+function init10() {
+  toolsMenu.registerToggleAction({
+    name: "toggle-structure-view",
+    priority: 3,
+    useProps: useActionProps7
+  });
+}
+
+// src/extensions/theme-builder/hooks/use-action-props.ts
+var import_i18n17 = require("@wordpress/i18n");
+var import_icons15 = require("@elementor/icons");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+function useActionProps8() {
+  return {
+    icon: import_icons15.ThemeBuilderIcon,
+    title: (0, import_i18n17.__)("Theme Builder", "elementor"),
+    onClick: () => (0, import_editor_v1_adapters12.runCommand)("app/open")
+  };
+}
+
+// src/extensions/theme-builder/index.ts
+function init11() {
+  mainMenu.registerAction({
+    name: "open-theme-builder",
+    useProps: useActionProps8
+  });
+}
+
+// src/extensions/user-preferences/hooks/use-action-props.ts
+var import_i18n18 = require("@wordpress/i18n");
+var import_icons16 = require("@elementor/icons");
+var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
+function useActionProps9() {
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters13.useRouteStatus)("panel/editor-preferences");
+  return {
+    icon: import_icons16.ToggleRightIcon,
+    title: (0, import_i18n18.__)("User Preferences", "elementor"),
+    onClick: () => (0, import_editor_v1_adapters13.openRoute)("panel/editor-preferences"),
+    selected: isActive,
+    disabled: isBlocked
+  };
+}
+
+// src/extensions/user-preferences/index.ts
+function init12() {
+  mainMenu.registerToggleAction({
+    name: "open-user-preferences",
+    priority: 30,
+    // After history.
+    useProps: useActionProps9
+  });
+}
+
+// src/extensions/wordpress/index.ts
+var import_editor2 = require("@elementor/editor");
+var import_i18n19 = require("@wordpress/i18n");
+var import_icons17 = require("@elementor/icons");
+function init13() {
+  mainMenu.registerLink({
+    name: "manage-website",
+    group: "exits",
+    useProps: () => {
+      const { urls } = (0, import_editor2.useSettings)();
+      return {
+        title: (0, import_i18n19.__)("Manage Website", "elementor"),
+        href: urls.admin,
+        icon: import_icons17.WordpressIcon,
+        target: "_blank"
+      };
+    }
+  });
+}
+
+// src/extensions/index.ts
+function init14() {
+  init();
+  init2();
+  init3();
+  init4();
+  init5();
+  init6();
+  init7();
+  init8();
+  init9();
+  init10();
+  init11();
+  init12();
+  init13();
+}
+
+// src/init.ts
+function init15() {
+  redirectOldMenus();
+  init14();
+  (0, import_editor3.injectIntoTop)({
+    name: "app-bar",
+    filler: AppBar
+  });
+}
+
+// src/index.ts
+init15();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  documentOptionsMenu,
+  injectIntoPageIndication,
+  injectIntoPrimaryAction,
+  injectIntoResponsive,
+  mainMenu,
+  toolsMenu,
+  utilitiesMenu
+});
+//# sourceMappingURL=index.js.map