lingo3d/lib/editor/SceneGraph/index.js

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

import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "preact/jsx-runtime";
import { emitSelectionTarget } from "../../events/onSelectionTarget";
import SceneGraphContextMenu from "./SceneGraphContextMenu";
import useInitCSS from "../hooks/useInitCSS";
import AccordionSceneGraph from "./AccordionSceneGraph";
import useInitEditor from "../hooks/useInitEditor";
import { stopPropagation } from "../utils/stopPropagation";
import mergeRefs from "../hooks/mergeRefs";
import { enableHotKeysOnElement } from "../../engine/hotkeys";
import { toggleRightClick } from "../../engine/mouse";
import { SCENEGRAPH_WIDTH } from "../../globals";
const SceneGraph = () => {
    useInitCSS();
    useInitEditor();
    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: mergeRefs(stopPropagation, enableHotKeysOnElement), className: "lingo3d-ui lingo3d-bg lingo3d-scenegraph", onClick: () => emitSelectionTarget(undefined), onContextMenu: (e) => {
                    toggleRightClick(e.clientX, e.clientY);
                    emitSelectionTarget(undefined);
                }, style: { width: SCENEGRAPH_WIDTH, height: "100%" }, children: _jsx(AccordionSceneGraph, {}) }), _jsx(SceneGraphContextMenu, {})] }));
};
export default SceneGraph;
//# sourceMappingURL=index.js.map