lingo3d/lib/editor/MenuBar/index.js

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
import MenuButton from "../component/MenuButton";
import MenuBarEditContextMenu, { menuBarEditContextMenuSignal } from "./MenuBarEditContextMenu";
import MenuBarFileContextMenu, { menuBarFileContextMenuSignal } from "./MenuBarFileContextMenu";
import MenuBarHelpContextMenu, { menuBarHelpContextMenuSignal } from "./MenuBarHelpContextMenu";
import MenuBarSelectionContextMenu, { menuBarSelectionContextMenuSignal } from "./MenuBarSelectionContextMenu";
import MenuBarViewContextMenu, { menuBarViewContextMenuSignal } from "./MenuBarViewContextMenu";
const getMenuSnappingPoint = (e) => {
    const el = e.currentTarget;
    const rect = el.getBoundingClientRect();
    return { x: rect.left, y: rect.bottom };
};
const MenuBar = () => {
    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "lingo3d-ui lingo3d-bg-dark lingo3d-menubar", style: {
                    display: "flex",
                    alignItems: "center",
                    padding: 8,
                    borderBottom: "1px solid rgba(255, 255, 255, 0.1)"
                }, children: [_jsx(MenuButton, { compact: true, activeSignal: menuBarFileContextMenuSignal, onClick: (e) => (menuBarFileContextMenuSignal.value =
                            getMenuSnappingPoint(e)), children: "File" }), _jsx(MenuButton, { compact: true, activeSignal: menuBarEditContextMenuSignal, onClick: (e) => (menuBarEditContextMenuSignal.value =
                            getMenuSnappingPoint(e)), children: "Edit" }), _jsx(MenuButton, { compact: true, activeSignal: menuBarSelectionContextMenuSignal, onClick: (e) => (menuBarSelectionContextMenuSignal.value =
                            getMenuSnappingPoint(e)), children: "Selection" }), _jsx(MenuButton, { compact: true, activeSignal: menuBarViewContextMenuSignal, onClick: (e) => (menuBarViewContextMenuSignal.value =
                            getMenuSnappingPoint(e)), children: "View" }), _jsx(MenuButton, { compact: true, activeSignal: menuBarHelpContextMenuSignal, onClick: (e) => (menuBarHelpContextMenuSignal.value =
                            getMenuSnappingPoint(e)), children: "Help" })] }), _jsx(MenuBarFileContextMenu, {}), _jsx(MenuBarEditContextMenu, {}), _jsx(MenuBarSelectionContextMenu, {}), _jsx(MenuBarViewContextMenu, {}), _jsx(MenuBarHelpContextMenu, {})] }));
};
export default MenuBar;
//# sourceMappingURL=index.js.map