@finsemble/finsemble-ui 1.0.0-beta-5 → 1.0.0-beta-9

package/react/components/linker/LinkerMenu.js

@@ -0,0 +1,153 @@
+/*!
+ * Copyright 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { useEffect, useState, useRef } from "react";
+import { useTitle } from "../../hooks/useTitle";
+import { FinsembleProvider } from "../FinsembleProvider";
+import { getStore } from "./remoteRedux";
+import { LinkerElement as LinkerElementDeprecated } from "./LinkerMenuDeprecated";
+import { FEAGlobals } from "../../../common/Globals";
+import { linkerActions as actions } from "../../../platform/services/Interop/modules/actions";
+import { useDispatch, useSelector, Provider } from "react-redux";
+import "../../assets/css/linkerWindow.css";
+/**
+ * Helper function to focus a remote window.
+ * @param windowName The window to focus
+ */
+const focusWindow = async (windowName) => {
+    if (windowName === undefined) {
+        return;
+    }
+    const { wrap } = await FEAGlobals.FSBL.FinsembleWindow.getInstance({ windowName });
+    wrap === null || wrap === void 0 ? void 0 : wrap.focus();
+};
+const LinkerElement = ({ title }) => {
+    var _a, _b, _c, _d;
+    const state = useSelector((currentState) => currentState);
+    const dispatch = useDispatch();
+    const { activeWindowName } = state;
+    const joinedChannels = (_c = (_b = (_a = state === null || state === void 0 ? void 0 : state.clients) === null || _a === void 0 ? void 0 : _a[activeWindowName !== null && activeWindowName !== void 0 ? activeWindowName : ""]) === null || _b === void 0 ? void 0 : _b.joinedChannels) !== null && _c !== void 0 ? _c : [];
+    const allChannels = (_d = state === null || state === void 0 ? void 0 : state.allChannels) !== null && _d !== void 0 ? _d : [];
+    // Track which menu item has focus for keyboard users
+    const [focusedMenuIndex, setFocusedMenuIndex] = useState(0);
+    const containerElement = useRef(null);
+    const moveFocus = (newIndex) => {
+        var _a;
+        setFocusedMenuIndex(newIndex);
+        const elements = (_a = containerElement.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[role='menuitemcheckbox']");
+        elements === null || elements === void 0 ? void 0 : elements[newIndex].focus();
+    };
+    const hideWindow = () => {
+        // Must blur or you end up having to click twice to show the window.
+        // If you just hide, the first time the user clicks
+        // on the linker button, the blur will trigger, which will hide the window.
+        FEAGlobals.finsembleWindow.blur();
+        FEAGlobals.finsembleWindow.hide();
+        // Reset internal focus to the first item in the linker for the next time the window is opened
+        moveFocus(0);
+        // Send focus back to the calling window when the linker is hidden
+        focusWindow(activeWindowName);
+    };
+    useTitle(title !== null && title !== void 0 ? title : "Linker");
+    useEffect(() => {
+        // Move focus to container element, so that keystrokes can be captured for keyboard users (accessibility)
+        containerElement.current && containerElement.current.focus();
+        // Without these events, the linker menu is opened but doesn't focus, so the blur event never fires, and the menu is left
+        // orphaned and sad.
+        const focusWindow = () => {
+            FEAGlobals.finsembleWindow.focus();
+        };
+        FEAGlobals.FSBL.Clients.Logger.system.log("Linker component is mounted. Initializing.");
+        FEAGlobals.finsembleWindow.addEventListener("blurred", hideWindow);
+        FEAGlobals.finsembleWindow.addEventListener("shown", focusWindow);
+        return () => {
+            FEAGlobals.FSBL.Clients.Logger.system.log("Linker component is unmounted. Cleaning up the event listeners.");
+            FEAGlobals.finsembleWindow.removeEventListener("blurred", hideWindow);
+            FEAGlobals.finsembleWindow.removeEventListener("shown", focusWindow);
+        };
+    }, []);
+    const toggleChannel = (name) => {
+        // These action creators can now be imported from core
+        if (activeWindowName) {
+            if (joinedChannels.includes(name)) {
+                dispatch(actions.unlinkChannels({
+                    type: "linker/unlinkChannels",
+                    payload: {
+                        channels: [name],
+                    },
+                    meta: {
+                        windowName: activeWindowName,
+                    },
+                }));
+            }
+            else {
+                dispatch(actions.linkChannels({
+                    type: "linker/linkChannels",
+                    payload: {
+                        channels: [name],
+                    },
+                    meta: {
+                        windowName: activeWindowName,
+                    },
+                }));
+            }
+        }
+        hideWindow();
+    };
+    const channelElements = activeWindowName &&
+        allChannels.map(({ name, cssClassName }) => {
+            const active = joinedChannels.includes(name);
+            return (React.createElement("div", { key: name, className: `channel-wrapper ${cssClassName}`, onClick: () => toggleChannel(name), tabIndex: -1, role: "menuitemcheckbox", "aria-checked": active },
+                React.createElement("div", { className: "channel-label" }, name),
+                React.createElement("div", { className: "linker-glyph" }, active ? React.createElement("i", { className: "active-linker-group ff-check-mark", "aria-hidden": "true" }) : null)));
+        });
+    const manageKeyboardNavigation = (evt) => {
+        const lastChannelIndex = allChannels.length - 1;
+        if (evt.key === "ArrowDown") {
+            moveFocus(focusedMenuIndex >= lastChannelIndex ? 0 : focusedMenuIndex + 1);
+        }
+        else if (evt.key === "ArrowUp") {
+            moveFocus(focusedMenuIndex <= 0 ? lastChannelIndex : focusedMenuIndex - 1);
+        }
+        else if (evt.key === "Enter") {
+            toggleChannel(allChannels[focusedMenuIndex].name);
+        }
+        else if (evt.key === "Escape") {
+            hideWindow();
+        }
+    };
+    return (React.createElement("div", { className: "linkerContainer", tabIndex: 0, role: "menu", onKeyDown: manageKeyboardNavigation, ref: containerElement }, channelElements));
+};
+/**
+ * Picks whether to display the current or deprecated LinkerElement.
+ * If config `finsemble.servicesConfig.linker.enabled` is set to true then the deprecated version will be used.
+ *
+ * This code should be removed once the linkerClient is removed from Finsemble.
+ */
+const WhichLinker = () => {
+    const [whichLinker, setWhichLinker] = React.useState("");
+    useEffect(() => {
+        (async () => {
+            const { data } = await FEAGlobals.FSBL.Clients.ConfigClient.getValue({
+                field: "finsemble.servicesConfig.linker.enabled",
+            });
+            if (data) {
+                setWhichLinker("LinkerElementDeprecated");
+            }
+            else {
+                setWhichLinker("LinkerElement");
+            }
+        })();
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        whichLinker === "LinkerElement" && (React.createElement(Provider, { store: getStore() },
+            React.createElement(LinkerElement, null))),
+        whichLinker === "LinkerElementDeprecated" && React.createElement(LinkerElementDeprecated, null)));
+};
+/**
+ * The Linker icon on the window titlebar that launches the linker menu.
+ */
+export const LinkerMenu = () => (React.createElement(FinsembleProvider, null,
+    React.createElement(WhichLinker, null)));
+//# sourceMappingURL=LinkerMenu.js.map

package/react/components/linker/LinkerMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkerMenu.js","sourceRoot":"","sources":["../../../../../src/ui/components/linker/LinkerMenu.tsx"],"names":[],"mappings":"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"}

package/react/components/linker/LinkerMenuDeprecated.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "../../assets/css/linkerWindow.css";
+export declare const LinkerElement: () => JSX.Element;
+/**
+ * The Linker icon on the window titlebar that launches the linker menu.
+ */
+export declare const LinkerMenu: () => JSX.Element;
+//# sourceMappingURL=LinkerMenuDeprecated.d.ts.map

package/react/components/linker/LinkerMenuDeprecated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkerMenuDeprecated.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/linker/LinkerMenuDeprecated.tsx"],"names":[],"mappings":";AAYA,OAAO,mCAAmC,CAAC;AAK3C,eAAO,MAAM,aAAa,mBA4BzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,mBAItB,CAAC"}

package/react/components/linker/LinkerMenuDeprecated.js

@@ -0,0 +1,39 @@
+/*!
+ * Copyright 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ * This is a deprecated version of LinkerMenu which uses the linkerClient. It is not compatible with FDC3 interop.
+ */
+import * as React from "react";
+import { useLinker } from "../../hooks/useLinker";
+import { FinsembleProvider } from "../FinsembleProvider";
+import { FEAGlobals } from "../../../common/Globals";
+import "../../assets/css/linkerWindow.css";
+const MAXIMUM_CHANNEL_SELECTIONS = 20;
+const HIT_MAXIMUM_CHANNEL_SELECTIONS_ERROR_MESSAGE = `Attempted to render more channels than allowed. UI may look bad displaying more than ${MAXIMUM_CHANNEL_SELECTIONS} channels`;
+export const LinkerElement = () => {
+    FEAGlobals.FSBL.Clients.Logger.deprecated("This is a deprecated version of LinkerMenu which uses the linkerClient.  It will be removed in a future Finsemble version. It is not compatible with FDC3 interop.");
+    const { state, toggleChannel } = useLinker();
+    const allChannels = Object.values(state.channels);
+    const channelElements = allChannels.map(({ color, border, name, active, id }, index) => {
+        if (index > MAXIMUM_CHANNEL_SELECTIONS - 1) {
+            FEAGlobals.FSBL.Clients.Logger.error(HIT_MAXIMUM_CHANNEL_SELECTIONS_ERROR_MESSAGE);
+            return;
+        }
+        const groupClass = `linkerGroup ${color}`;
+        const style = {
+            backgroundColor: color,
+            border: `1px solid ${border !== null && border !== void 0 ? border : color}`,
+        };
+        return (React.createElement("div", { key: id, className: "channel-wrapper", onClick: () => toggleChannel(id) },
+            state.isAccessibleLinker ? React.createElement("div", { className: "channel-label" }, name) : null,
+            React.createElement("div", { className: groupClass, style: style }, active ? React.createElement("i", { className: "active-linker-group ff-check-mark" }) : null)));
+    });
+    return React.createElement("div", { className: "linkerContainer" }, channelElements);
+};
+/**
+ * The Linker icon on the window titlebar that launches the linker menu.
+ */
+export const LinkerMenu = () => (React.createElement(FinsembleProvider, null,
+    React.createElement(LinkerElement, null)));
+//# sourceMappingURL=LinkerMenuDeprecated.js.map

package/react/components/linker/LinkerMenuDeprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkerMenuDeprecated.js","sourceRoot":"","sources":["../../../../../src/ui/components/linker/LinkerMenuDeprecated.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,mCAAmC,CAAC;AAE3C,MAAM,0BAA0B,GAAG,EAAE,CAAC;AACtC,MAAM,4CAA4C,GAAG,wFAAwF,0BAA0B,WAAW,CAAC;AAEnL,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CACxC,oKAAoK,CACpK,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IAE7C,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAc,CAAC;IAC/D,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE;QACtF,IAAI,KAAK,GAAG,0BAA0B,GAAG,CAAC,EAAE;YAC3C,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,4CAA4C,CAAC,CAAC;YACnF,OAAO;SACP;QACD,MAAM,UAAU,GAAG,eAAe,KAAK,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG;YACb,eAAe,EAAE,KAAK;YACtB,MAAM,EAAE,aAAa,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,EAAE;SACtC,CAAC;QACF,OAAO,CACN,6BAAK,GAAG,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;YACxE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAO,CAAC,CAAC,CAAC,IAAI;YAC9E,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IACtC,MAAM,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,mCAAmC,GAAK,CAAC,CAAC,CAAC,IAAI,CACjE,CACD,CACN,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAC,iBAAiB,IAAE,eAAe,CAAO,CAAC;AACjE,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAC/B,oBAAC,iBAAiB;IACjB,oBAAC,aAAa,OAAG,CACE,CACpB,CAAC"}

package/react/components/linker/index.d.ts

@@ -0,0 +1,2 @@
+export { LinkerMenu } from "./LinkerMenu";
+//# sourceMappingURL=index.d.ts.map

package/react/components/linker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/linker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/react/components/linker/index.js

@@ -0,0 +1,2 @@
+export { LinkerMenu } from "./LinkerMenu";
+//# sourceMappingURL=index.js.map

package/react/components/linker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/linker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/react/components/linker/remoteRedux.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Lazily create a local store that is connected via remote redux to the InteropStore. We do
+ * this lazily to avoid import time side effects (redux's standard pattern uses a global module which is
+ * bad practice for libraries).
+ *
+ * A singleton is used so that only a single store instance exists for any given window.
+ */
+export declare const getStore: () => import("@reduxjs/toolkit").EnhancedStore<any, import("redux").AnyAction, [import("@reduxjs/toolkit").ThunkMiddleware<any, import("redux").AnyAction, undefined>], import("redux").StoreEnhancer<{
+    dispatch: <T extends import("redux").Action<any>>(promise: Promise<T>) => Promise<T>;
+}, {}>[]>;
+//# sourceMappingURL=remoteRedux.d.ts.map

package/react/components/linker/remoteRedux.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remoteRedux.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/linker/remoteRedux.ts"],"names":[],"mappings":"AAgBA;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;;SAYnB,CAAC"}

package/react/components/linker/remoteRedux.js

@@ -0,0 +1,30 @@
+import { configureStore } from "@reduxjs/toolkit";
+import { FEAGlobals } from "../../../common/Globals";
+import { singletonFactory } from "../../../common/Singleton";
+// The local store doesn't have any reducers, but redux requires at least one, so we provide this reducer that does nothing
+const noopReducer = (state) => state;
+// The store state will come from the remote redux store, but we still need to initialize our local store with a
+// starting state that is empty.
+const emptyStore = {
+    clients: {},
+    allChannels: [],
+    connectIdToJoinedChannel: {},
+};
+/**
+ * Lazily create a local store that is connected via remote redux to the InteropStore. We do
+ * this lazily to avoid import time side effects (redux's standard pattern uses a global module which is
+ * bad practice for libraries).
+ *
+ * A singleton is used so that only a single store instance exists for any given window.
+ */
+export const getStore = () => singletonFactory("Remote-InteropStore", () => configureStore({
+    preloadedState: emptyStore,
+    reducer: noopReducer,
+    enhancers: [
+        FEAGlobals.FSBL.remoteRedux.remoteReduxClientEnhancer({
+            server: "@@finsemble/remoteRedux/InteropStore",
+            slice: "linker",
+        }),
+    ],
+}));
+//# sourceMappingURL=remoteRedux.js.map

package/react/components/linker/remoteRedux.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remoteRedux.js","sourceRoot":"","sources":["../../../../../src/ui/components/linker/remoteRedux.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,2HAA2H;AAC3H,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC;AAE1C,gHAAgH;AAChH,gCAAgC;AAChC,MAAM,UAAU,GAAgB;IAC/B,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;IACf,wBAAwB,EAAE,EAAE;CAC5B,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAC5B,gBAAgB,CAAC,qBAAqB,EAAE,GAAG,EAAE,CAC5C,cAAc,CAAC;IACd,cAAc,EAAE,UAAU;IAC1B,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE;QACV,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,yBAAyB,CAAC;YACrD,MAAM,EAAE,sCAAsC;YAC9C,KAAK,EAAE,QAAQ;SACf,CAAC;KACF;CACD,CAAC,CACF,CAAC"}

package/react/components/menu/Menu.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+export declare type MenuProps = {
+    className?: string;
+    closeHotkey?: Array<string>;
+    height?: number;
+    id?: string;
+    maxHeight?: number;
+    minHeight?: number;
+    openHotkey?: Array<string>;
+    width?: number;
+    title?: React.ReactNode | string;
+};
+/**
+ * A convenience component that fully encapsulates a menu by constructing a `<MenuShell>` and its contents.
+ * All of the props are passed to MenuShell.
+ *
+ * @param {string} [className] - Custom body class for the menu contents. These classes will be set on the `<body>` tag for the Menu's drop down window.
+ * @param {array} [closeHotkey] - An optional key-chord (e.g. ["ctrl","H"]) which will close the menu. Use this for instance when you want the same key-chord to toggle a menu open and closed. Note that the escape key will always close the menu.
+ * @param {number} [height] - Custom height for the menu. If not set then the height will be automatically calculated based on the content height and available monitor space.
+ * @param {string} [id] - Unique ID for the menu. Defaults to a random string.
+ * @param {number} [maxHeight=Infinity] - Maximum height of the menu.
+ * @param {number} [minHeight] - Minimum height of the menu
+ * @param {array} [openHotkey] - A hotkey combination to open the menu.
+ * @param {number} [width=180] - Custom width for the menu.
+ * @param {title} [string] - Name that appears in the menu's `<MenuToggle>` button.
+ *
+ */
+export declare const Menu: React.FunctionComponent<MenuProps>;
+//# sourceMappingURL=Menu.d.ts.map

package/react/components/menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,SAAS,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;CACjC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AAEH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CASnD,CAAC"}

package/react/components/menu/Menu.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { MenuShell } from "./MenuShell";
+import { MenuToggle } from "./MenuToggle";
+import { MenuContent } from "./MenuContent";
+/**
+ * A convenience component that fully encapsulates a menu by constructing a `<MenuShell>` and its contents.
+ * All of the props are passed to MenuShell.
+ *
+ * @param {string} [className] - Custom body class for the menu contents. These classes will be set on the `<body>` tag for the Menu's drop down window.
+ * @param {array} [closeHotkey] - An optional key-chord (e.g. ["ctrl","H"]) which will close the menu. Use this for instance when you want the same key-chord to toggle a menu open and closed. Note that the escape key will always close the menu.
+ * @param {number} [height] - Custom height for the menu. If not set then the height will be automatically calculated based on the content height and available monitor space.
+ * @param {string} [id] - Unique ID for the menu. Defaults to a random string.
+ * @param {number} [maxHeight=Infinity] - Maximum height of the menu.
+ * @param {number} [minHeight] - Minimum height of the menu
+ * @param {array} [openHotkey] - A hotkey combination to open the menu.
+ * @param {number} [width=180] - Custom width for the menu.
+ * @param {title} [string] - Name that appears in the menu's `<MenuToggle>` button.
+ *
+ */
+export const Menu = (props) => {
+    const { children, title } = props;
+    return (React.createElement(MenuShell, Object.assign({}, props),
+        React.createElement(MenuToggle, null, title),
+        React.createElement(MenuContent, null, children)));
+};
+//# sourceMappingURL=Menu.js.map

package/react/components/menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAc5C;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAC,MAAM,IAAI,GAAuC,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAElC,OAAO,CACN,oBAAC,SAAS,oBAAK,KAAK;QACnB,oBAAC,UAAU,QAAE,KAAK,CAAc;QAChC,oBAAC,WAAW,QAAE,QAAQ,CAAe,CAC1B,CACZ,CAAC;AACH,CAAC,CAAC"}

package/react/components/menu/MenuAutoResizer.d.ts

@@ -0,0 +1,19 @@
+/**
+ * To make sure that MenuPortal.tsx remain small
+ * I have isolated the auto resize logic in this class.
+ */
+export declare class MenuAutoResizer {
+    private width;
+    private maxHeight;
+    private childWindow;
+    private menuId;
+    private observer;
+    private minHeight;
+    constructor(childWindow: Window, menuId: string, width: number, maxHeight?: number, minHeight?: number);
+    disconnect(): void;
+    /**
+     * Callback for MutationObserver
+     */
+    private updateWindowDimensions;
+}
+//# sourceMappingURL=MenuAutoResizer.d.ts.map

package/react/components/menu/MenuAutoResizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuAutoResizer.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuAutoResizer.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,qBAAa,eAAe;IAC3B,OAAO,CAAC,KAAK,CAAS;IAEtB,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,QAAQ,CAAmB;IAEnC,OAAO,CAAC,SAAS,CAAS;gBAEd,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,GAAE,MAAiB,EAAE,SAAS,GAAE,MAAU;IA6BnH,UAAU;IAIV;;OAEG;YACW,sBAAsB;CAkCpC"}

package/react/components/menu/MenuAutoResizer.js

@@ -0,0 +1,68 @@
+import { calculateDimensions } from "./menuHelpers";
+import { FEAGlobals } from "../../../common/Globals";
+/**
+ * To make sure that MenuPortal.tsx remain small
+ * I have isolated the auto resize logic in this class.
+ */
+export class MenuAutoResizer {
+    constructor(childWindow, menuId, width, maxHeight = Infinity, minHeight = 0) {
+        this.width = width;
+        this.maxHeight = maxHeight;
+        this.minHeight = minHeight;
+        this.childWindow = childWindow;
+        this.menuId = menuId;
+        this.updateWindowDimensions = this.updateWindowDimensions.bind(this);
+        /* The external window does not have a URL and so its origin
+        will not match the toolbar's origin, in that case
+        we won't have onload, DOMContentLoaded or any other events.
+        That makes it hard to know when the content are loaded, we cant
+        even inject custom JS as it will be already late.
+        The only way to know about a DOM change was MutationObserver!
+        */
+        this.observer = new MutationObserver(this.updateWindowDimensions);
+        /* Now we watch for any DOM changes in the childWindow
+        Knowing the height of the window contents is crucial for
+        making decision about its position (below/above the toolbar).
+        */
+        this.observer.observe(this.childWindow.document, {
+            childList: true,
+            characterData: false,
+            subtree: true,
+        });
+        // Initialize the window to the correct height
+        setTimeout(this.updateWindowDimensions, 0);
+    }
+    disconnect() {
+        this.observer.disconnect();
+    }
+    /**
+     * Callback for MutationObserver
+     */
+    async updateWindowDimensions() {
+        // If the original menu button has been removed then bypass updating the window dimensions.
+        // Probably the menu itself is in the process of being removed but the mutation observer has
+        // not yet disconnected
+        if (!document.querySelector(`#${this.menuId}-menu-toggle`)) {
+            return;
+        }
+        const { left, top, height } = await calculateDimensions(this.childWindow, this.menuId, 0, this.maxHeight, this.minHeight);
+        const params = {
+            monitor: "mine",
+            position: "absolute",
+            left: left,
+            top: top,
+            width: this.width,
+            height: height,
+            setBoundsOnly: true,
+            forceOntoMonitor: "monitorRect",
+        };
+        /**
+         * See comment in MenuPortal.tsx on why we use showWindow() here instead of childWindow.moveTo()
+         */
+        //this.childWindow.moveTo(left, top);
+        //this.childWindow.resizeTo(this.width, height);
+        FEAGlobals.FSBL.Clients.LauncherClient.showWindow({ windowName: this.childWindow.window.name }, params);
+        this.childWindow.document.body.setAttribute("resizing", "false");
+    }
+}
+//# sourceMappingURL=MenuAutoResizer.js.map

package/react/components/menu/MenuAutoResizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuAutoResizer.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuAutoResizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD;;;GAGG;AACH,MAAM,OAAO,eAAe;IAa3B,YAAY,WAAmB,EAAE,MAAc,EAAE,KAAa,EAAE,YAAoB,QAAQ,EAAE,YAAoB,CAAC;QAClH,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrE;;;;;;UAME;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAClE;;;UAGE;QACF,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;YAChD,SAAS,EAAE,IAAI;YACf,aAAa,EAAE,KAAK;YACpB,OAAO,EAAE,IAAI;SACb,CAAC,CAAC;QAEH,8CAA8C;QAC9C,UAAU,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,UAAU;QACT,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IAC5B,CAAC;IAED;;OAEG;IACK,KAAK,CAAC,sBAAsB;QACnC,2FAA2F;QAC3F,4FAA4F;QAC5F,uBAAuB;QACvB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,MAAM,cAAc,CAAC,EAAE;YAC3D,OAAO;SACP;QACD,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,MAAM,mBAAmB,CACtD,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,MAAM,EACX,CAAC,EACD,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,SAAS,CACd,CAAC;QAEF,MAAM,MAAM,GAAgB;YAC3B,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,IAAI;YACV,GAAG,EAAE,GAAG;YACR,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,IAAI;YACnB,gBAAgB,EAAE,aAAa;SAC/B,CAAC;QAEF;;WAEG;QACH,qCAAqC;QACrC,gDAAgD;QAChD,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,MAAM,CAAC,CAAC;QACxG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC;CACD"}

package/react/components/menu/MenuContent.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+/**
+ * Holds all the menu contents
+ * @param {string} style - The custom CSS style for the menu. This is necessary because the DOM's style will be lost when this is sent through a React portal.
+ */
+export declare const MenuContent: React.FunctionComponent<{
+    style?: React.CSSProperties;
+}>;
+//# sourceMappingURL=MenuContent.d.ts.map

package/react/components/menu/MenuContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAWA,CAAC"}

package/react/components/menu/MenuContent.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { MenuContext } from "./menuContext";
+import { MenuPortal } from "./MenuPortal";
+import { useMenu } from "../../hooks/useMenu";
+/**
+ * Holds all the menu contents
+ * @param {string} style - The custom CSS style for the menu. This is necessary because the DOM's style will be lost when this is sent through a React portal.
+ */
+export const MenuContent = ({ children, style }) => {
+    const { thisMenuId } = React.useContext(MenuContext);
+    const { isMenuActive } = useMenu();
+    return (React.createElement(MenuPortal, { show: isMenuActive() },
+        React.createElement("div", { id: thisMenuId, className: "menu menu-primary", style: style }, children)));
+};
+//# sourceMappingURL=MenuContent.js.map

package/react/components/menu/MenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContent.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAEnB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IACrD,MAAM,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC;IAEnC,OAAO,CACN,oBAAC,UAAU,IAAC,IAAI,EAAE,YAAY,EAAE;QAC/B,6BAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,KAAK,IAC7D,QAAQ,CACJ,CACM,CACb,CAAC;AACH,CAAC,CAAC"}

package/react/components/menu/MenuHotKey.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+/**
+ * A component that registers a custom hotkeys pattern for opening and closing the menu.
+ * This component is used privately by <MenuShell>
+ *
+ * Note that a design decision was made to keep registry of "close" hotkeys simple.
+ * We *could* have written extra logic so that the close hotkey is only registered
+ * when the window is open but that seems unnecessary. Instead, every menu is always
+ * registered with its hotkey. The net effect is that every menu will dispatch a CLOSE_MENU
+ * action when "escape" is called. This creates a lot of dispatches but results in no operations
+ * since all the other menus will already be closed. This was preferable over the potential
+ * complication of logic that registers/unregisters a close hotkey with every menu open/close.
+ * @param {string[]} [open] - An array of key names for opening the menu.
+ * @param {string[]} [close] - An optional key-chord (e.g. ["ctrl","H"]) which will close the menu. Use this for instance when you want the same key-chord to toggle a menu open and closed. Note that the escape key will always close the menu.
+ */
+export declare const MenuHotKey: React.FunctionComponent<{
+    open?: string[];
+    close?: string[];
+}>;
+//# sourceMappingURL=MenuHotKey.d.ts.map

package/react/components/menu/MenuHotKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuHotKey.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuHotKey.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB,CA+BA,CAAC"}

package/react/components/menu/MenuHotKey.js

@@ -0,0 +1,46 @@
+import { useMenu } from "../../hooks/useMenu";
+import { useHotkey } from "../../hooks/useHotkey";
+import { FEAGlobals } from "../../../common/Globals";
+import { useDeepEffect } from "../../hooks/useDeepEffect";
+/**
+ * A component that registers a custom hotkeys pattern for opening and closing the menu.
+ * This component is used privately by <MenuShell>
+ *
+ * Note that a design decision was made to keep registry of "close" hotkeys simple.
+ * We *could* have written extra logic so that the close hotkey is only registered
+ * when the window is open but that seems unnecessary. Instead, every menu is always
+ * registered with its hotkey. The net effect is that every menu will dispatch a CLOSE_MENU
+ * action when "escape" is called. This creates a lot of dispatches but results in no operations
+ * since all the other menus will already be closed. This was preferable over the potential
+ * complication of logic that registers/unregisters a close hotkey with every menu open/close.
+ * @param {string[]} [open] - An array of key names for opening the menu.
+ * @param {string[]} [close] - An optional key-chord (e.g. ["ctrl","H"]) which will close the menu. Use this for instance when you want the same key-chord to toggle a menu open and closed. Note that the escape key will always close the menu.
+ */
+export const MenuHotKey = ({ open, close }) => {
+    const { openMenu, closeMenu, isMenuActive } = useMenu();
+    useHotkey(open, openMenu);
+    function hotkeyHandler() {
+        if (!isMenuActive())
+            return;
+        closeMenu();
+        // Once menu closes, return focus to the component that launched the menu
+        FEAGlobals.finsembleWindow.bringToFront(null, (err) => {
+            if (err) {
+                FEAGlobals.FSBL.Clients.Logger.system.error("failed to bringToFront, error:", err);
+            }
+            FEAGlobals.finsembleWindow.focus();
+        });
+    }
+    useDeepEffect(() => {
+        // Don't add a handler for the escape key because it is already handled automatically by MenuPortal.tsx
+        const isEscape = (close === null || close === void 0 ? void 0 : close.length) === 1 && ["escape", "esc"].includes(close[0].toLowerCase());
+        if (close && (close === null || close === void 0 ? void 0 : close.length) > 0 && !isEscape) {
+            FEAGlobals.FSBL.Clients.HotkeyClient.addGlobalHotkey(close, hotkeyHandler);
+            return () => {
+                FEAGlobals.FSBL.Clients.HotkeyClient.removeGlobalHotkey(close, hotkeyHandler);
+            };
+        }
+    }, [close]);
+    return null;
+};
+//# sourceMappingURL=MenuHotKey.js.map

package/react/components/menu/MenuHotKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuHotKey.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuHotKey.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,UAAU,GAGlB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAQ,EAAE;IAC9B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC;IACxD,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAE1B,SAAS,aAAa;QACrB,IAAI,CAAC,YAAY,EAAE;YAAE,OAAO;QAE5B,SAAS,EAAE,CAAC;QACZ,yEAAyE;QACzE,UAAU,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,GAAQ,EAAE,EAAE;YAC1D,IAAI,GAAG,EAAE;gBACR,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,gCAAgC,EAAE,GAAG,CAAC,CAAC;aACnF;YAED,UAAU,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,aAAa,CAAC,GAAG,EAAE;QAClB,uGAAuG;QACvG,MAAM,QAAQ,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;QAC3F,IAAI,KAAK,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,IAAG,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC5C,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;YAE3E,OAAO,GAAG,EAAE;gBACX,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;YAC/E,CAAC,CAAC;SACF;IACF,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,IAAI,CAAC;AACb,CAAC,CAAC"}

package/react/components/menu/MenuItem.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+/**
+ * Individual menu item.
+ * @param {function} [onClick] - Custom onClick handler function for when the menu item is clicked.
+ * @param {string} [className] - Custom css class name for the menu item. Defaults to "menu-item".
+ * @param {string} [style] - Custom css styles for the menu item. This is necessary because the DOM's styles will be lost when this component is sent through a React portal.
+ * @param {boolean} [noClose=false] - If set to true, prevents the menu from closing when an item is clicked on.
+ */
+export declare const MenuItem: React.FunctionComponent<{
+    onClick?: () => void;
+    onKeyDown?: () => void;
+    className?: string;
+    style?: object;
+    noClose?: boolean;
+    lang?: string;
+}>;
+//# sourceMappingURL=MenuItem.d.ts.map

package/react/components/menu/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CA0BA,CAAC"}

package/react/components/menu/MenuItem.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { useMenu } from "../../hooks/useMenu";
+/**
+ * Individual menu item.
+ * @param {function} [onClick] - Custom onClick handler function for when the menu item is clicked.
+ * @param {string} [className] - Custom css class name for the menu item. Defaults to "menu-item".
+ * @param {string} [style] - Custom css styles for the menu item. This is necessary because the DOM's styles will be lost when this component is sent through a React portal.
+ * @param {boolean} [noClose=false] - If set to true, prevents the menu from closing when an item is clicked on.
+ */
+export const MenuItem = ({ children, onClick, style, noClose, className = "menu-item", onKeyDown, lang }) => {
+    const { closeMenu } = useMenu();
+    // Combines the passed onClick handler with our
+    // default onClick handler (which closes the menu)
+    const combinedOnClick = () => {
+        // Call the developer's custom onClick handler
+        onClick && onClick();
+        // Do not close menu when noClose attributes exist
+        !noClose && closeMenu();
+    };
+    return (React.createElement("div", { tabIndex: 0, role: "menuitem", className: className, onClick: combinedOnClick, style: style, onKeyDown: onKeyDown, lang: lang }, children));
+};
+//# sourceMappingURL=MenuItem.js.map

package/react/components/menu/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAOhB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,GAAG,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,EAAO,EAAE;IAC7F,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;IAEhC,+CAA+C;IAC/C,kDAAkD;IAClD,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,8CAA8C;QAC9C,OAAO,IAAI,OAAO,EAAE,CAAC;QAErB,kDAAkD;QAClD,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACN,6BACC,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IAET,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}