@vertexvis/viewer-toolkit-react 0.0.2-canary.0 → 0.0.2-canary.10

package/dist/bundle.cjs.js

@@ -1,2572 +1,7 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var uiReact = require('@vertexvis/ui-react');
-var utils = require('@vertexvis/utils');
-var recoil = require('recoil');
-var geometry = require('@vertexvis/geometry');
-var Pino = require('pino');
-var viewerReact = require('@vertexvis/viewer-react');
-var classNames = require('classnames');
-var loader = require('@vertexvis/viewer/loader');
-
-function _interopNamespaceDefault(e) {
-   var n = Object.create(null);
-   if (e) {
-      Object.keys(e).forEach(function (k) {
-         if (k !== 'default') {
-            var d = Object.getOwnPropertyDescriptor(e, k);
-            Object.defineProperty(n, k, d.get ? d : {
-               enumerable: true,
-               get: function () { return e[k]; }
-            });
-         }
-      });
-   }
-   n.default = e;
-   return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-// DEPRECATED - avoid if possible
-const useRecoilReducer = ({ reducer, atom, }) => {
-    const state = recoil.useRecoilValue(atom);
-    const dispatch = useRecoilReducerDispatch({
-        reducer,
-        atom,
-    });
-    return [state, dispatch];
-};
-// DEPRECATED - avoid if possible
-const useRecoilReducerDispatch = ({ reducer, atom, }) => {
-    const dispatch = recoil.useRecoilCallback(({ set }) => async (action) => {
-        set(atom, (previousValue) => reducer(previousValue, action));
-    }, []);
-    return dispatch;
-};
-
-const isInputElement = (target) => {
-    const isAutoResizeTextarea = target instanceof HTMLElement &&
-        target.tagName === 'VERTEX-AUTO-RESIZE-TEXTAREA';
-    const isTextField = target instanceof HTMLElement && target.tagName === 'VERTEX-TEXTFIELD';
-    const isContentEditable = target instanceof HTMLElement && target.contentEditable === 'true';
-    const isSceneTreeSearch = target instanceof HTMLElement &&
-        target.tagName === 'VERTEX-SCENE-TREE-SEARCH';
-    const isInput = target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement;
-    const isVertexViewerPinTool = target instanceof HTMLElement &&
-        target.tagName === 'VERTEX-VIEWER-PIN-TOOL';
-    const isVertexViewerTransformWidget = target instanceof HTMLElement &&
-        target.tagName === 'VERTEX-VIEWER-TRANSFORM-WIDGET';
-    return (isAutoResizeTextarea ||
-        isTextField ||
-        isContentEditable ||
-        isSceneTreeSearch ||
-        isInput ||
-        isVertexViewerPinTool ||
-        isVertexViewerTransformWidget);
-};
-
-const keyBindings = recoil.atom({
-    key: 'keyBindings',
-    default: {
-        applyBindings: [],
-        bindings: {},
-        pressed: {},
-    },
-});
-function reducer(state, action) {
-    var _a, _b, _c, _d;
-    switch (action.type) {
-        case 'push-key-binding':
-            const toAdd = (_a = state.bindings[action.binding.keyBind]) === null || _a === void 0 ? void 0 : _a.find((b) => b.id === action.binding.id);
-            return toAdd != null
-                ? state
-                : Object.assign(Object.assign({}, state), { bindings: Object.assign(Object.assign({}, state.bindings), { [action.binding.keyBind]: [
-                            ...((_b = state.bindings[action.binding.keyBind]) !== null && _b !== void 0 ? _b : []),
-                            action.binding,
-                        ] }) });
-        case 'remove-key-binding':
-            const toRemove = (_c = state.bindings[action.binding.keyBind]) === null || _c === void 0 ? void 0 : _c.find((b) => b.id === action.binding.id);
-            return toRemove == null
-                ? state
-                : Object.assign(Object.assign({}, state), { bindings: Object.assign(Object.assign({}, state.bindings), { [action.binding.keyBind]: ((_d = state.bindings[action.binding.keyBind]) !== null && _d !== void 0 ? _d : []).filter((b) => b.id !== action.binding.id) }) });
-        case 'add-apply-key-binding':
-            return Object.assign(Object.assign({}, state), { applyBindings: [...state.applyBindings, action.binding] });
-        case 'remove-apply-key-binding':
-            return Object.assign(Object.assign({}, state), { applyBindings: state.applyBindings.filter((binding) => binding.id !== action.id) });
-        case 'set-key-pressed':
-            return Object.assign(Object.assign({}, state), { applyBindings: state.applyBindings.map((binding) => (Object.assign(Object.assign({}, binding), { active: binding.keyBind != null &&
-                        allPressed(binding.keyBind, state.pressed) }))), pressed: Object.assign(Object.assign({}, state.pressed), { [action.key]: action.pressed }), lastPressed: action.pressed ? action.key : undefined });
-    }
-}
-const useKeyBindingState = () => {
-    return useRecoilReducer({
-        reducer,
-        atom: keyBindings,
-    });
-};
-function pressedValue(keyBind, pressed) {
-    return keyBind.includes('!')
-        ? !pressed[keyBind.replace('!', '')] &&
-            !pressed[keyBind.replace('!', '').toLowerCase()]
-        : pressed[keyBind] || pressed[keyBind.toLowerCase()];
-}
-function isPressed(keyBind, pressed) {
-    const keys = keyBind.split('||');
-    return keys.length > 1
-        ? keys.some((key) => pressedValue(key, pressed))
-        : pressedValue(keys[0], pressed);
-}
-function allPressed(keyBind, pressed) {
-    const keys = keyBind.split('+');
-    return keys.every((key) => isPressed(key, pressed));
-}
-function matchingSingleFnBindings(applyBindings, pressed, lastPressed) {
-    return applyBindings
-        .filter((binding) => !binding.repeat)
-        .filter((binding) => {
-        var _a;
-        return binding.keyBind != null &&
-            lastPressed != null &&
-            ((_a = binding.keyBind) === null || _a === void 0 ? void 0 : _a.includes(lastPressed)) &&
-            allPressed(binding.keyBind, pressed);
-    })
-        .map((binding) => binding.fn);
-}
-function matchingOffBindings(applyBindings, pressed, lastPressed) {
-    return applyBindings
-        .filter((binding) => binding.off &&
-        binding.active &&
-        binding.keyBind != null &&
-        lastPressed == null &&
-        !allPressed(binding.keyBind, pressed))
-        .map((binding) => binding.off);
-}
-/**
- * Depends on `useKeyBindings`.
- *
- * Adds a global key binding. Any key binding
- * added this way will listen to global state for pressed
- * keys, and executed whenever the key state matches the
- * provided `keyBind`.
- *
- * @param binding - The `ApplyKeyBinding` to add.
- */
-const useApplyKeyBinding = (binding) => {
-    const [state, dispatch] = useKeyBindingState();
-    React.useEffect(() => {
-        const id = utils.UUID.create();
-        dispatch({
-            type: 'add-apply-key-binding',
-            binding: Object.assign(Object.assign({}, binding), { id, active: binding.keyBind != null && allPressed(binding.keyBind, state.pressed) }),
-        });
-        return () => {
-            dispatch({
-                type: 'remove-apply-key-binding',
-                id,
-            });
-        };
-    }, [binding.fn, binding.off, binding.keyBind, binding.repeat]);
-};
-/**
- * Depends on `useKeyBindings`.
- *
- * Adds a stack-based key binding. Any key binding
- * added this way will be added to an existing (or new)
- * stack for the specified `keyBind`.
- *
- * Provided `binding`s will be added and cancelled based
- * on the specified `addPredicate` and `cancelPredicate`
- * respectively. These predicates are evaluated any time
- * that the `deps` array changes.
- *
- * @param binding - The `StackKeyBinding` to add.
- * @param deps (optional) - The React dependency list.
- */
-const useStackKeyBinding = (binding, deps = []) => {
-    const [, dispatch] = useKeyBindingState();
-    React.useEffect(() => {
-        const addPredicatePassing = binding.addPredicate == null || binding.addPredicate();
-        const cancelPredicatePassing = binding.cancelPredicate != null && binding.cancelPredicate();
-        if (addPredicatePassing) {
-            dispatch({
-                type: 'push-key-binding',
-                binding,
-            });
-        }
-        if (cancelPredicatePassing) {
-            dispatch({
-                type: 'remove-key-binding',
-                binding,
-            });
-        }
-    }, deps);
-};
-/**
- * Enables key binding usage.
- *
- * This hook must appear in the tree for `useStackKeyBinding`
- * or `useApplyKeyBinding` to work.
- */
-const useKeyBindings = ({ keydownRepeatInterval = 25, keydownIgnorePredicate = isInputElement, } = {}) => {
-    const [state, dispatch] = useKeyBindingState();
-    const applyStackKeyBindings = React.useCallback((key) => {
-        Object.keys(state.bindings)
-            .filter((k) => k.includes(key) && allPressed(k, Object.assign(Object.assign({}, state.pressed), { [key]: true })))
-            .forEach((k) => {
-            const bindings = state.bindings[k];
-            const poppedBinding = bindings.length > 0 ? bindings[bindings.length - 1] : undefined;
-            if (poppedBinding != null) {
-                poppedBinding.fn();
-                dispatch({
-                    type: 'remove-key-binding',
-                    binding: poppedBinding,
-                });
-            }
-        });
-    }, [state]);
-    React.useEffect(() => {
-        const handleKeyDown = (event) => {
-            if (!event.repeat && !keydownIgnorePredicate(event.target)) {
-                dispatch({
-                    type: 'set-key-pressed',
-                    key: event.key,
-                    pressed: true,
-                });
-                applyStackKeyBindings(event.key);
-                // If the key is associated with a keybinding, then prevent default behavior
-                const currentPressed = Object.assign(Object.assign({}, state.pressed), { [event.key]: true });
-                const activeMatchesSingleFnBindings = matchingSingleFnBindings(state.applyBindings, currentPressed, event.key);
-                const activeMatchesOffBindings = matchingOffBindings(state.applyBindings, currentPressed, event.key);
-                if (activeMatchesSingleFnBindings.length > 0 ||
-                    activeMatchesOffBindings.length > 0) {
-                    event.preventDefault();
-                }
-            }
-        };
-        const handleKeyUp = (event) => {
-            dispatch({
-                type: 'set-key-pressed',
-                key: event.key,
-                pressed: false,
-            });
-        };
-        window.addEventListener('keydown', handleKeyDown);
-        window.addEventListener('keyup', handleKeyUp);
-        return () => {
-            window.removeEventListener('keydown', handleKeyDown);
-            window.removeEventListener('keyup', handleKeyUp);
-        };
-    }, [applyStackKeyBindings, state.applyBindings, state.pressed]);
-    React.useEffect(() => {
-        const activeMatchesSingleFnBindings = matchingSingleFnBindings(state.applyBindings, state.pressed, state.lastPressed);
-        const activeMatchesOffBindings = matchingOffBindings(state.applyBindings, state.pressed, state.lastPressed);
-        activeMatchesSingleFnBindings.forEach((fn) => fn());
-        activeMatchesOffBindings.forEach((fn) => fn());
-    }, [state.pressed, state.lastPressed]);
-    React.useEffect(() => {
-        const matchingRepeatBindings = state.applyBindings
-            .filter((binding) => binding.repeat &&
-            binding.keyBind != null &&
-            allPressed(binding.keyBind, state.pressed))
-            .map((binding) => binding.fn);
-        if (matchingRepeatBindings.length > 0) {
-            const interval = setInterval(() => {
-                matchingRepeatBindings.forEach((fn) => fn());
-            }, keydownRepeatInterval);
-            return () => {
-                clearInterval(interval);
-            };
-        }
-        else {
-            return () => {
-                return undefined;
-            };
-        }
-    }, [state.applyBindings, state.lastPressed]);
-};
-
-function useLongPress({ target, callback, delay = 500, onMovement, }) {
-    const [longPressTimeout, setLongPressTimeout] = React__namespace.useState();
-    const [touchStartPosition, setTouchStartPosition] = React__namespace.useState();
-    React__namespace.useEffect(() => {
-        const handleTouchStart = (e) => {
-            const event = e;
-            if (event.touches != null && event.touches.length === 1) {
-                if (longPressTimeout != null) {
-                    clearTimeout(longPressTimeout);
-                }
-                setTouchStartPosition(geometry.Point.create(event.touches[0].clientX, event.touches[0].clientY));
-                setLongPressTimeout(setTimeout(() => callback === null || callback === void 0 ? void 0 : callback(event), delay));
-            }
-        };
-        const handleTouchMove = (e) => {
-            const event = e;
-            if (event.touches != null &&
-                event.touches.length > 0 &&
-                longPressTimeout != null &&
-                touchStartPosition != null &&
-                geometry.Point.distance(touchStartPosition, geometry.Point.create(event.touches[0].clientX, event.touches[0].clientY)) >= 2) {
-                clearTimeout(longPressTimeout);
-                onMovement === null || onMovement === void 0 ? void 0 : onMovement();
-            }
-        };
-        const handleTouchEnd = () => {
-            if (longPressTimeout != null) {
-                clearTimeout(longPressTimeout);
-            }
-        };
-        target === null || target === void 0 ? void 0 : target.addEventListener('touchstart', handleTouchStart);
-        target === null || target === void 0 ? void 0 : target.addEventListener('touchmove', handleTouchMove);
-        target === null || target === void 0 ? void 0 : target.addEventListener('touchend', handleTouchEnd);
-        return () => {
-            target === null || target === void 0 ? void 0 : target.removeEventListener('touchstart', handleTouchStart);
-            target === null || target === void 0 ? void 0 : target.removeEventListener('touchmove', handleTouchMove);
-            target === null || target === void 0 ? void 0 : target.removeEventListener('touchend', handleTouchEnd);
-        };
-    }, [target, longPressTimeout, touchStartPosition]);
-}
-
-function contextMenuItemIsRow(item) {
-    var _a;
-    return item != null && ((_a = item === null || item === void 0 ? void 0 : item.node) === null || _a === void 0 ? void 0 : _a.id) != null;
-}
-const contextMenuActive = recoil.atom({
-    key: 'contextMenuActive',
-    default: undefined,
-});
-const contextMenuPosition = recoil.atom({
-    key: 'contextMenuPosition',
-    default: undefined,
-});
-const contextMenuTarget = recoil.atom({
-    key: 'contextMenuTarget',
-    default: undefined,
-});
-const contextMenuItem = recoil.atom({
-    key: 'contextMenuItem',
-    default: undefined,
-});
-const contextMenuActions = recoil.atom({
-    key: 'contextMenuActions',
-    default: [],
-});
-const contextMenuActivePosition = recoil.selector({
-    key: 'contextMenuActivePosition',
-    get: ({ get }) => get(contextMenuActive) != null ? get(contextMenuPosition) : undefined,
-});
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-// Create a new logger instance
-const pinoLogger = Pino({
-    formatters: {
-        level(level) {
-            return { level };
-        },
-    },
-});
-const logger = {
-    error: (message, error) => {
-        if (error != null) {
-            pinoLogger.error(error, message);
-        }
-        else {
-            pinoLogger.error(message);
-        }
-    },
-    info: (message, obj) => {
-        if (obj != null) {
-            pinoLogger.info(obj, message);
-        }
-        else {
-            pinoLogger.info(message);
-        }
-    },
-    warn: (message, err) => {
-        if (err != null) {
-            pinoLogger.warn(err, message);
-        }
-        else {
-            pinoLogger.warn(message);
-        }
-    },
-    debug: (message, obj) => {
-        if (obj != null) {
-            pinoLogger.debug(obj, message);
-        }
-        else {
-            pinoLogger.debug(message);
-        }
-    },
-};
-/* eslint-enable @typescript-eslint/no-explicit-any */
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class DefaultRecoilDeps {
-}
-/**
- * Returns a Recoil callback that can be used for action hooks.
- *
- * This uses `useRecoilCallback` but the deps implementation differs from
- * Recoil. If no deps are provided, then it will always return the same function
- * vs returning a new function.
- *
- * If you want to use the original Recoil callback behavior, pass
- * `DefaultRecoilCallbackDepsBehavior`.
- *
- * @param fn The callback.
- * @param deps The deps to memoize over. Defaults to `[]`.
- * @returns A callback function
- * @see https://recoiljs.org/docs/api-reference/core/useRecoilCallback
- */
-function useActionCallback(fn, deps = []) {
-    const d = deps instanceof DefaultRecoilDeps ? undefined : deps;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return recoil.useRecoilCallback((cbInterface) => fn(Object.assign(Object.assign({}, cbInterface), { snapshot: Object.defineProperties(cbInterface.snapshot, {
-            getPromiseRequired: {
-                configurable: true,
-                value: createGetPromiseRequiredWrapper(cbInterface.snapshot),
-            },
-            tryGetPromise: {
-                configurable: true,
-                value: createTryGetPromiseWrapper(cbInterface.snapshot),
-            },
-        }) })), d);
-}
-/**
- * Returns a callback that can be used with `useActionCallback` or `useRecoilCallback`,
- * and automatically handles retention of the `snapshot` object for use with asynchronous
- * selectors.
- *
- * This function expects a callback that would ordinarily be passed to `useActionCallback`
- * or `useRecoilCallback`, but that returns an asynchronous action where the `snapshot` is
- * used.
- *
- * @example
- *
- * const asyncSelector = selector({
- *   key: 'asyncSelector',
- *   get: async ({ get }) => {
- *     return await fetch('/api/item');
- *   }
- * })
- *
- * useActionCallback(
- *   retainSnapshot(
- *     ({ snapshot }) => async () => {
- *       const asyncValue = await snapshot.getPromise(asyncSelector);
- *     }
- *   )
- * )
- *
- * @param fn The callback.
- * @returns The callback wrapped with a retain/release of the underlying snapshot.
- */
-function retainSnapshot(fn) {
-    return (_a) => {
-        var { snapshot } = _a, cb = __rest(_a, ["snapshot"]);
-        return async (...args) => {
-            const release = snapshot.retain();
-            try {
-                const returnValue = await fn(Object.assign(Object.assign({}, cb), { snapshot }))(...args);
-                return returnValue;
-            }
-            finally {
-                release();
-            }
-        };
-    };
-}
-function createGetPromiseRequiredWrapper(snapshot) {
-    return async (recoilValue, error) => {
-        const value = await snapshot.getPromise(recoilValue);
-        if (value == null) {
-            throw (error !== null && error !== void 0 ? error : new Error(`No value present for required value ${recoilValue.key}`));
-        }
-        return value;
-    };
-}
-function createTryGetPromiseWrapper(snapshot) {
-    return async (value) => {
-        try {
-            return { value: await snapshot.getPromise(value) };
-        }
-        catch (e) {
-            logger.debug(`Error encountered retrieving Recoil value. [key={${value.key}}]`, e);
-            return {
-                error: e,
-            };
-        }
-    };
-}
-
-const viewerElement = recoil.atom({
-    key: 'viewerToolkitViewerElement',
-    default: undefined,
-    dangerouslyAllowMutability: true,
-});
-const viewerInitialSceneReady = recoil.atom({
-    key: 'viewerInitialSceneReady',
-    default: false,
-});
-const viewerBaseInteractionHandlerProvider = recoil.atom({
-    key: 'viewerBaseInteractionHandlerProvider',
-    default: Promise.resolve(undefined),
-    dangerouslyAllowMutability: true,
-});
-const viewerPrimaryInteractionType = recoil.atom({
-    key: 'viewerPrimaryInteractionType',
-    default: 'rotate',
-});
-
-const viewerSceneProvider = recoil.selector({
-    key: 'viewerScene',
-    get: ({ get }) => async () => { var _a; return (_a = get(viewerElement)) === null || _a === void 0 ? void 0 : _a.scene(); },
-    dangerouslyAllowMutability: true,
-});
-const viewerFrameScene = recoil.atom({
-    key: 'viewerFrameScene',
-    default: undefined,
-    dangerouslyAllowMutability: true,
-});
-const viewerSceneVisibleBoundingBox = recoil.selector({
-    key: 'viewerSceneVisibleBoundingBox',
-    get: ({ get }) => { var _a; return (_a = get(viewerFrameScene)) === null || _a === void 0 ? void 0 : _a.boundingBox; },
-});
-
-function useViewerSceneActions() {
-    const executeWithCorrelationId = useActionCallback(({ snapshot }) => async (alterationType, correlationId, ...transforms) => {
-        const sceneProvider = await snapshot.getPromise(viewerSceneProvider);
-        const scene = await sceneProvider();
-        if (transforms.length > 0) {
-            // TODO: track performance
-            await (scene === null || scene === void 0 ? void 0 : scene.items((op) => transforms.map((t) => t(op))).execute({
-                suppliedCorrelationId: correlationId,
-            }));
-        }
-    });
-    const selectItemsTransform = React.useCallback((...ids) => (op) => op.where((q) => q.withItemIds(ids)).select(), []);
-    const deselectItemsTransform = React.useCallback((...ids) => (op) => op.where((q) => q.withItemIds(ids)).deselect(), []);
-    const clearSelectionTransform = React.useCallback((op) => op.where((q) => q.all()).deselect(), []);
-    return {
-        executeWithCorrelationId,
-        execute: useActionCallback(() => async (alterationType, ...transforms) => {
-            const correlationId = utils.UUID.create();
-            await executeWithCorrelationId(alterationType, correlationId, ...transforms);
-        }),
-        selectItemsTransform,
-        deselectItemsTransform,
-        clearSelectionTransform,
-        reset: useActionCallback(({ snapshot }) => async (correlationId) => {
-            const sceneProvider = await snapshot.getPromiseRequired(viewerSceneProvider);
-            const scene = await sceneProvider();
-            scene === null || scene === void 0 ? void 0 : scene.reset({
-                includeCamera: true,
-                suppliedCorrelationId: correlationId,
-            });
-        }),
-    };
-}
-
-const DEFAULT_CAMERA_ANIMATION_DURATION = 500;
-function useViewerCameraActions() {
-    return {
-        flyToById: useActionCallback(({ snapshot }) => async (id, animationMs) => {
-            const sceneProvider = await snapshot.getPromise(viewerSceneProvider);
-            const scene = await sceneProvider();
-            await (scene === null || scene === void 0 ? void 0 : scene.camera().flyTo({
-                itemId: id,
-            }).render({
-                animation: {
-                    milliseconds: animationMs !== null && animationMs !== void 0 ? animationMs : DEFAULT_CAMERA_ANIMATION_DURATION,
-                },
-            }));
-        }),
-        flyToByBoundingBox: useActionCallback(({ snapshot }) => async (boundingBox, animationMs) => {
-            const sceneProvider = await snapshot.getPromise(viewerSceneProvider);
-            const scene = await sceneProvider();
-            await (scene === null || scene === void 0 ? void 0 : scene.camera().flyTo({
-                boundingBox,
-            }).render({
-                animation: {
-                    milliseconds: animationMs !== null && animationMs !== void 0 ? animationMs : DEFAULT_CAMERA_ANIMATION_DURATION,
-                },
-            }));
-        }),
-    };
-}
-
-class CrossSectionInteractionHandler {
-    constructor() {
-        this.interactionStarted = false;
-    }
-    initialize(element, api) {
-        this.api = api;
-    }
-    dispose() {
-        this.endInteraction();
-    }
-    async beginInteraction() {
-        var _a;
-        if (!this.interactionStarted) {
-            await ((_a = this.api) === null || _a === void 0 ? void 0 : _a.beginInteraction());
-            this.interactionStarted = true;
-        }
-    }
-    async endInteraction() {
-        var _a;
-        await ((_a = this.api) === null || _a === void 0 ? void 0 : _a.endInteraction());
-        this.interactionStarted = false;
-    }
-}
-
-const create = (normal, offset = 0) => ({
-    normal,
-    offset,
-});
-const forAxis = (axis, offset) => {
-    switch (axis) {
-        case 'x':
-            return x(offset);
-        case 'y':
-            return y(offset);
-        case 'z':
-            return z(offset);
-    }
-};
-const x = (offset) => create(geometry.Vector3.left(), -offset);
-const y = (offset) => create(geometry.Vector3.down(), -offset);
-const z = (offset) => create(geometry.Vector3.forward(), -offset);
-const getAxis = (axis, axes) => {
-    switch (axis) {
-        case 'x':
-            return xAxis(axes);
-        case 'y':
-            return yAxis(axes);
-        case 'z':
-            return zAxis(axes);
-    }
-};
-const defaultAxes = {
-    x: geometry.Vector3.left(),
-    y: geometry.Vector3.down(),
-    z: geometry.Vector3.forward(),
-};
-const xAxis = (axes) => axes.x;
-const yAxis = (axes) => axes.y || geometry.Vector3.create(axes.x.z, axes.x.x, axes.x.y);
-const zAxis = (axes) => axes.z || geometry.Vector3.create(axes.x.y, axes.x.z, axes.x.x);
-/**
- * Returns the active axis of a plane based on the normal values
- */
-const axis = (plane, xAxis, yAxis, zAxis) => plane &&
-    plane.normal &&
-    [
-        ['x', xAxis],
-        ['y', yAxis],
-        ['z', zAxis],
-    ]
-        .filter((a) => geometry.Vector3.magnitude(geometry.Vector3.cross(plane.normal, a[1])) === 0)
-        .map((a) => a[0])
-        .pop();
-const isNegativeNormal = (plane) => geometry.Vector3.dot(geometry.Vector3.create(-1, -1, -1), plane.normal) > 0;
-/**
- * Returns an updated section plane where the normal of the section plane is
- * faced towards the given vector. The effect is the internal of the cross
- * section is visible from the given vector.
- */
-const towardsVector = (vector, plane) => {
-    const dot = geometry.Vector3.dot(vector, plane.normal);
-    if (dot < 0) {
-        return invert(plane);
-    }
-    else {
-        return plane;
-    }
-};
-/**
- * Returns an updated section plane where the normal of the section plane is
- * faced towards given camera's view vector. The effect is the user sees the
- * internal of the cross section.
- */
-const towardsCamera = (camera, plane) => {
-    return towardsVector(camera.viewVector, plane);
-};
-/**
- * Reverses the direction of the section plane's normal to point in the opposite
- * direction.
- */
-const invert = (plane) => {
-    return Object.assign(Object.assign({}, plane), { normal: geometry.Vector3.multiply(plane.normal, geometry.Vector3.create(-1, -1, -1)), offset: -plane.offset });
-};
-const fromHit = (hit, camera) => {
-    const sectionNormal = geometry.Vector3.normalize(hit.normal);
-    const sectionOffset = geometry.Vector3.dot(sectionNormal, hit.position);
-    return towardsCamera(camera, create(sectionNormal, sectionOffset));
-};
-const toAxis = (axis, axes, camera, boundingBox, position) => {
-    const fitAllCamera = camera.viewAll();
-    const sectionAxis = getAxis(axis, axes);
-    const plane = boundingBox != null && sectionAxis != null
-        ? create(sectionAxis, geometry.Vector3.dot(sectionAxis, position || geometry.BoundingBox.center(boundingBox)))
-        : forAxis(axis, fitAllCamera.lookAt[axis]);
-    return towardsCamera(camera, plane);
-};
-
-function corners(box) {
-    return [
-        // xMin, yMin, zMin
-        geometry.Vector3.create(box.min.x, box.min.y, box.min.z),
-        // xMin, yMin, zMax
-        geometry.Vector3.create(box.min.x, box.min.y, box.max.z),
-        // xMin, yMax, zMin
-        geometry.Vector3.create(box.min.x, box.max.y, box.min.z),
-        // xMin, yMax, zMax
-        geometry.Vector3.create(box.min.x, box.max.y, box.max.z),
-        // xMax, yMax, zMax
-        geometry.Vector3.create(box.max.x, box.max.y, box.max.z),
-        // xMax, yMax, zMin
-        geometry.Vector3.create(box.max.x, box.max.y, box.min.z),
-        // xMax, yMin, zMax
-        geometry.Vector3.create(box.max.x, box.min.y, box.max.z),
-        // xMax, yMin, zMin
-        geometry.Vector3.create(box.max.x, box.min.y, box.min.z),
-    ];
-}
-
-const DEFAULT_SLIDER_RANGE = {
-    default: 5,
-    min: 0,
-    max: 10,
-};
-const crossSectioningEnabled = recoil.atom({
-    key: 'crossSectioningEnabled',
-    default: false,
-});
-const crossSectioningHighlightColor = recoil.atom({
-    key: 'crossSectioningHighlightColor',
-    default: undefined,
-});
-const crossSectioningBorderWidth = recoil.atom({
-    key: 'crossSectioningBorderWidth',
-    default: undefined,
-});
-const crossSectioningPlanes = recoil.atom({
-    key: 'crossSectioningPlanes',
-    default: [],
-});
-const crossSectioningAlignment = recoil.atom({
-    key: 'crossSectioningAlignment',
-    default: {
-        mode: 'global',
-        hitPending: false,
-    },
-});
-const crossSectioningTargetBoundingBox = recoil.selector({
-    key: 'crossSectioningTargetBoundingBox',
-    get: async ({ get }) => {
-        const visibleBounds = get(viewerSceneVisibleBoundingBox);
-        return visibleBounds;
-    },
-});
-const crossSectioningIsInteractive = recoil.atom({
-    key: 'crossSectioningIsInteractive',
-    default: false,
-});
-const crossSectioningActiveAxis = recoil.atom({
-    key: 'crossSectioningActiveAxis',
-    default: 'x',
-});
-const crossSectioningAvailableAxes = recoil.atom({
-    key: 'crossSectioningAvailableAxes',
-    default: defaultAxes,
-});
-const crossSectioningOffsetScalar = recoil.selector({
-    key: 'crossSectioningOffsetScalar',
-    get: ({ get }) => {
-        const planes = get(crossSectioningPlanes);
-        if (planes.length > 0) {
-            return isNegativeNormal(planes[0]) ? -1 : 1;
-        }
-        return 1;
-    },
-});
-const crossSectioningSliderRange = recoil.selector({
-    key: 'crossSectioningSliderRange',
-    get: ({ get }) => {
-        const planes = get(crossSectioningPlanes);
-        const bounds = get(crossSectioningTargetBoundingBox);
-        const boundsCorners = bounds != null ? corners(bounds) : [];
-        if (planes.length > 0) {
-            const projectedCorners = boundsCorners.map((c) => geometry.Vector3.dot(c, isNegativeNormal(planes[0])
-                ? geometry.Vector3.multiply(planes[0].normal, geometry.Vector3.create(-1, -1, -1))
-                : planes[0].normal));
-            return {
-                default: planes[0].offset,
-                min: Math.min(...projectedCorners) - 2,
-                max: Math.max(...projectedCorners) + 2,
-            };
-        }
-        return DEFAULT_SLIDER_RANGE;
-    },
-});
-const crossSectioningPlaneDisplayOffset = recoil.selector({
-    key: 'crossSectioningPlaneDisplayOffset',
-    get: ({ get }) => {
-        const planes = get(crossSectioningPlanes);
-        const offsetScalar = get(crossSectioningOffsetScalar);
-        const sliderRange = get(crossSectioningSliderRange);
-        if (planes.length > 0) {
-            return planes[0].offset * offsetScalar;
-        }
-        else {
-            return sliderRange.default;
-        }
-    },
-});
-const crossSectioningAdditionalToolsOpen = recoil.atom({
-    key: 'crossSectioningAdditionalToolsOpen',
-    default: false,
-});
-const crossSectioningAlignmentToolsOpen = recoil.atom({
-    key: 'crossSectioningAlignmentToolsOpen',
-    default: false,
-});
-const crossSectioningAxisToolsOpen = recoil.atom({
-    key: 'crossSectioningAxisToolsOpen',
-    default: false,
-});
-const crossSectioningInteractionHandler = recoil.atom({
-    key: 'crossSectioningInteractionHandler',
-    default: new CrossSectionInteractionHandler(),
-    dangerouslyAllowMutability: true,
-});
-function useCrossSectioning(viewerElement, initialized) {
-    const interactionHandler = recoil.useRecoilValue(crossSectioningInteractionHandler);
-    React.useEffect(() => {
-        if (initialized) {
-            viewerElement === null || viewerElement === void 0 ? void 0 : viewerElement.registerInteractionHandler(interactionHandler);
-        }
-    }, [viewerElement, initialized, interactionHandler]);
-}
-
-const hitResultsTapDetails = recoil.atom({
-    key: 'hitResultsTapDetails',
-    default: undefined,
-});
-const hitResultsLongPressDetails = recoil.atom({
-    key: 'hitResultsLongPressDetails',
-    default: undefined,
-});
-const previousHitResult = recoil.atom({
-    key: 'previousHitResult',
-    default: undefined,
-});
-const currentHitResult = recoil.atom({
-    key: 'currentHitResult',
-    default: undefined,
-});
-const hitResult = recoil.selector({
-    key: 'hitResult',
-    get: async ({ get }) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const tapDetails = get(hitResultsTapDetails);
-        const longPressDetails = get(hitResultsLongPressDetails);
-        const details = tapDetails !== null && tapDetails !== void 0 ? tapDetails : longPressDetails;
-        const sceneProvider = get(viewerSceneProvider);
-        const scene = await sceneProvider();
-        const viewId = scene === null || scene === void 0 ? void 0 : scene.sceneViewId;
-        const raycaster = scene === null || scene === void 0 ? void 0 : scene.raycaster();
-        if (details != null && raycaster != null && viewId != null) {
-            const res = await raycaster.hitItems(details.position);
-            const sdkHit = ((res === null || res === void 0 ? void 0 : res.hits) || [])[0];
-            if (sdkHit != null) {
-                return {
-                    id: (_a = sdkHit.itemId) === null || _a === void 0 ? void 0 : _a.hex,
-                    normal: geometry.Vector3.create(((_b = sdkHit === null || sdkHit === void 0 ? void 0 : sdkHit.hitNormal) === null || _b === void 0 ? void 0 : _b.x) || 0, ((_c = sdkHit === null || sdkHit === void 0 ? void 0 : sdkHit.hitNormal) === null || _c === void 0 ? void 0 : _c.y) || 0, ((_d = sdkHit === null || sdkHit === void 0 ? void 0 : sdkHit.hitNormal) === null || _d === void 0 ? void 0 : _d.z) || 0),
-                    position: geometry.Vector3.create(((_e = sdkHit === null || sdkHit === void 0 ? void 0 : sdkHit.hitPoint) === null || _e === void 0 ? void 0 : _e.x) || 0, ((_f = sdkHit === null || sdkHit === void 0 ? void 0 : sdkHit.hitPoint) === null || _f === void 0 ? void 0 : _f.y) || 0, ((_g = sdkHit === null || sdkHit === void 0 ? void 0 : sdkHit.hitPoint) === null || _g === void 0 ? void 0 : _g.z) || 0),
-                    meta: details.metaKey || details.ctrlKey || false,
-                    metadata: [], // TODO: Include metadata types
-                    ancestors: ((_h = sdkHit === null || sdkHit === void 0 ? void 0 : sdkHit.ancestors) === null || _h === void 0 ? void 0 : _h.filter((a) => { var _a; return ((_a = a.itemId) === null || _a === void 0 ? void 0 : _a.hex) != null; }).map((a) => { var _a; return (_a = a.itemId) === null || _a === void 0 ? void 0 : _a.hex; })) || [],
-                };
-            }
-        }
-        return undefined;
-    },
-});
-// Whether to skip the next `tap` event's behavior. This is typically the
-// case when the `pointerdown` is associated to some other action.
-// E.g. a context menu without a backdrop being dismissed.
-const hitResultsSkipNextTap = recoil.atom({
-    key: 'hitResultsSkipNextTap',
-    default: false,
-});
-
-const alignToNormal = (camera, normal, boundingBox) => {
-    if (camera.toFrameCamera().isPerspective()) {
-        // when cos theta of the camera up vector and plane normal approaches |1|
-        // we will have unexpected results and need to find a better value for
-        // the new up vector.
-        // using negative value of cos0 in calculation for that up vector
-        // prevents flipping the model around the up vector
-        const cos0 = geometry.Vector3.dot(geometry.Vector3.normalize(camera.up), normal);
-        const up = Math.abs(cos0) > 0.98
-            ? geometry.Vector3.normalize(geometry.Vector3.scale(-cos0, camera.viewVector))
-            : camera.up;
-        const position = geometry.Vector3.add(geometry.Vector3.scale(geometry.Vector3.distance(camera.position, camera.lookAt), geometry.Vector3.multiply(normal, geometry.Vector3.create(-1, -1, -1))), camera.lookAt);
-        return camera.update({
-            up,
-            position,
-        });
-    }
-    else {
-        const angle = geometry.Vector3.angleTo(geometry.Vector3.normalize(camera.viewVector), normal);
-        const rotationPoint = boundingBox != null ? geometry.BoundingBox.center(boundingBox) : camera.lookAt;
-        const rotationAxis = geometry.Vector3.normalize(geometry.Vector3.cross(geometry.Vector3.normalize(camera.viewVector), normal));
-        return camera.rotateAroundAxisAtPoint(angle, rotationPoint, rotationAxis);
-    }
-};
-
-function isParallelTo(a, b) {
-    const angle = geometry.Angle.toDegrees(geometry.Vector3.angleTo(a, b));
-    return angle === 0 || angle === 180;
-}
-
-const DEFAULT_ALIGN_TO_PLANE_ANIMATION_DURATION_MS = 500;
-function useCrossSectioningActions() {
-    const applyCrossSection = useActionCallback(({ snapshot }) => async () => {
-        const borderWidth = await snapshot.getPromise(crossSectioningBorderWidth);
-        const highlightColor = await snapshot.getPromise(crossSectioningHighlightColor);
-        const planes = await snapshot.getPromise(crossSectioningPlanes);
-        const sceneProvider = await snapshot.getPromise(viewerSceneProvider);
-        const scene = await sceneProvider();
-        await (scene === null || scene === void 0 ? void 0 : scene.crossSectioning().update({
-            sectionPlanes: planes,
-            highlightColor: highlightColor
-                ? utils.Color.fromHexString(highlightColor)
-                : undefined,
-            lineWidth: borderWidth,
-        }));
-    });
-    const applyCrossSectionGlobalDefault = useActionCallback(({ set, reset, snapshot }) => async () => {
-        const sceneProvider = await snapshot.getPromise(viewerSceneProvider);
-        const scene = await sceneProvider();
-        if (scene != null) {
-            const fitAllCamera = scene.camera().viewAll();
-            reset(crossSectioningAvailableAxes);
-            set(crossSectioningPlanes, [
-                towardsCamera(scene.camera(), x(fitAllCamera.lookAt.x)),
-            ]);
-            applyCrossSection();
-        }
-    });
-    const applyCrossSectionFromSceneHitItem = useActionCallback(retainSnapshot(({ snapshot, set }) => async () => {
-        const item = await snapshot.tryGetPromise(hitResult).then((r) => r.value);
-        const sceneProvider = await snapshot.getPromise(viewerSceneProvider);
-        const scene = await sceneProvider();
-        if (item != null && scene != null) {
-            const plane = fromHit(item, scene.camera());
-            set(crossSectioningPlanes, plane != null ? [plane] : []);
-            set(crossSectioningAvailableAxes, plane != null ? { x: plane.normal } : defaultAxes);
-            applyCrossSection();
-        }
-    }));
-    const enable = useActionCallback(({ set, snapshot }) => async () => {
-        const planes = await snapshot.getPromise(crossSectioningPlanes);
-        const isEnabled = await snapshot.getPromise(crossSectioningEnabled);
-        if (!isEnabled) {
-            set(crossSectioningEnabled, true);
-            if (planes.length === 0) {
-                await applyCrossSectionGlobalDefault();
-            }
-        }
-    });
-    const disable = useActionCallback(({ reset, snapshot }) => async () => {
-        const isEnabled = await snapshot.getPromise(crossSectioningEnabled);
-        if (isEnabled) {
-            reset(crossSectioningEnabled);
-            reset(crossSectioningAdditionalToolsOpen);
-            reset(crossSectioningAlignmentToolsOpen);
-            reset(crossSectioningAxisToolsOpen);
-            reset(crossSectioningPlanes);
-            reset(crossSectioningAlignment);
-            reset(crossSectioningActiveAxis);
-            await applyCrossSection();
-        }
-    });
-    return {
-        enable,
-        disable,
-        openAdditionalTools: useActionCallback(({ set, snapshot }) => async () => {
-            const isEnabled = await snapshot.getPromise(crossSectioningEnabled);
-            if (!isEnabled) {
-                enable();
-            }
-            set(crossSectioningAdditionalToolsOpen, true);
-        }),
-        closeAdditionalTools: useActionCallback(({ reset }) => async () => {
-            reset(crossSectioningAdditionalToolsOpen);
-        }),
-        openAlignmentTools: useActionCallback(({ set, reset }) => async () => {
-            reset(crossSectioningAxisToolsOpen);
-            set(crossSectioningAlignmentToolsOpen, true);
-        }),
-        closeAlignmentTools: useActionCallback(({ reset }) => async () => {
-            reset(crossSectioningAlignmentToolsOpen);
-        }),
-        openAxisTools: useActionCallback(({ set, reset }) => async () => {
-            reset(crossSectioningAlignmentToolsOpen);
-            set(crossSectioningAxisToolsOpen, true);
-        }),
-        closeAxisTools: useActionCallback(({ reset }) => async () => {
-            reset(crossSectioningAxisToolsOpen);
-        }),
-        beginInteraction: useActionCallback(({ set, snapshot }) => async () => {
-            const interactionHandler = await snapshot.getPromise(crossSectioningInteractionHandler);
-            set(crossSectioningIsInteractive, true);
-            await interactionHandler.beginInteraction();
-        }),
-        endInteraction: useActionCallback(({ reset, snapshot }) => async () => {
-            const interactionHandler = await snapshot.getPromise(crossSectioningInteractionHandler);
-            reset(crossSectioningIsInteractive);
-            await interactionHandler.endInteraction();
-        }),
-        updatePlanes: useActionCallback(retainSnapshot(({ set, snapshot }) => async (offset) => {
-            const existingPlanes = await snapshot.getPromise(crossSectioningPlanes);
-            if (existingPlanes.length > 0) {
-                const offsetScalar = await snapshot.getPromise(crossSectioningOffsetScalar);
-                const range = await snapshot.getPromise(crossSectioningSliderRange);
-                const minimum = offsetScalar < 0 ? range.max * -1 : range.min;
-                const maximum = offsetScalar < 0 ? range.min * -1 : range.max;
-                const updated = existingPlanes.map((plane) => (Object.assign(Object.assign({}, plane), { offset: Math.min(Math.max(offset * offsetScalar, minimum), maximum) })));
-                set(crossSectioningPlanes, updated);
-                applyCrossSection();
-            }
-        })),
-        flipPlanes: useActionCallback(({ set, snapshot }) => async () => {
-            const existingPlanes = await snapshot.getPromise(crossSectioningPlanes);
-            set(crossSectioningPlanes, existingPlanes.map((plane) => invert(plane)));
-            applyCrossSection();
-        }),
-        alignViewToPlane: useActionCallback(({ snapshot }) => async () => {
-            const existingPlanes = await snapshot.getPromise(crossSectioningPlanes);
-            const el = await snapshot.getPromise(viewerElement);
-            const scene = await (el === null || el === void 0 ? void 0 : el.scene());
-            if (existingPlanes.length > 0 && scene != null) {
-                await alignToNormal(scene.camera(), existingPlanes[0].normal, scene.boundingBox()).render({
-                    animation: {
-                        milliseconds: DEFAULT_ALIGN_TO_PLANE_ANIMATION_DURATION_MS,
-                    },
-                });
-            }
-        }),
-        updateAxis: useActionCallback(retainSnapshot(({ set, reset, snapshot }) => async (axis) => {
-            const existingPlanes = await snapshot.getPromise(crossSectioningPlanes);
-            const availableAxes = await snapshot.getPromise(crossSectioningAvailableAxes);
-            const targetBounds = await snapshot.getPromise(crossSectioningTargetBoundingBox);
-            const alignment = await snapshot.getPromise(crossSectioningAlignment);
-            const el = await snapshot.getPromise(viewerElement);
-            const scene = await (el === null || el === void 0 ? void 0 : el.scene());
-            const chosenAxis = availableAxes[axis];
-            const angleIsParallelOrNaN = chosenAxis != null &&
-                existingPlanes.length > 0 &&
-                isParallelTo(existingPlanes[0].normal, chosenAxis) &&
-                !isNaN(geometry.Vector3.angleTo(existingPlanes[0].normal, chosenAxis));
-            if (scene != null && !angleIsParallelOrNaN) {
-                const currentHitResult = await snapshot
-                    .tryGetPromise(hitResult)
-                    .then((r) => r.value);
-                set(crossSectioningActiveAxis, axis);
-                set(crossSectioningPlanes, [
-                    toAxis(axis, availableAxes, scene.camera(), targetBounds, alignment.mode !== 'global'
-                        ? currentHitResult === null || currentHitResult === void 0 ? void 0 : currentHitResult.position
-                        : undefined),
-                ]);
-            }
-            reset(crossSectioningAxisToolsOpen);
-            applyCrossSection();
-        })),
-        updateAlignment: useActionCallback(({ set, reset }) => async (alignment, hit) => {
-            reset(crossSectioningAlignmentToolsOpen);
-            set(crossSectioningAlignment, {
-                mode: alignment,
-                hitPending: alignment !== 'global' && hit == null,
-            });
-            if (alignment === 'global') {
-                reset(crossSectioningActiveAxis);
-                reset(crossSectioningAvailableAxes);
-                applyCrossSectionGlobalDefault();
-            }
-            else if (alignment === 'surface' && hit != null) {
-                await enable();
-                applyCrossSectionFromSceneHitItem();
-            }
-        }),
-        cancelCurrentHit: useActionCallback(({ set, snapshot }) => async () => {
-            const alignment = await snapshot.getPromise(crossSectioningAlignment);
-            if (alignment.hitPending) {
-                set(crossSectioningAlignment, Object.assign(Object.assign({}, alignment), { hitPending: false }));
-            }
-        }),
-        sectionCurrentHit: useActionCallback(({ set, snapshot }) => async () => {
-            const alignment = await snapshot.getPromise(crossSectioningAlignment);
-            if (alignment.hitPending) {
-                set(crossSectioningAlignment, Object.assign(Object.assign({}, alignment), { hitPending: false }));
-                if (alignment.mode === 'surface') {
-                    applyCrossSectionFromSceneHitItem();
-                }
-            }
-        }),
-    };
-}
-
-var index$3 = /*#__PURE__*/Object.freeze({
-   __proto__: null,
-   DEFAULT_ALIGN_TO_PLANE_ANIMATION_DURATION_MS: DEFAULT_ALIGN_TO_PLANE_ANIMATION_DURATION_MS,
-   DEFAULT_SLIDER_RANGE: DEFAULT_SLIDER_RANGE,
-   crossSectioningActiveAxis: crossSectioningActiveAxis,
-   crossSectioningAdditionalToolsOpen: crossSectioningAdditionalToolsOpen,
-   crossSectioningAlignment: crossSectioningAlignment,
-   crossSectioningAlignmentToolsOpen: crossSectioningAlignmentToolsOpen,
-   crossSectioningAvailableAxes: crossSectioningAvailableAxes,
-   crossSectioningAxisToolsOpen: crossSectioningAxisToolsOpen,
-   crossSectioningBorderWidth: crossSectioningBorderWidth,
-   crossSectioningEnabled: crossSectioningEnabled,
-   crossSectioningHighlightColor: crossSectioningHighlightColor,
-   crossSectioningInteractionHandler: crossSectioningInteractionHandler,
-   crossSectioningIsInteractive: crossSectioningIsInteractive,
-   crossSectioningOffsetScalar: crossSectioningOffsetScalar,
-   crossSectioningPlaneDisplayOffset: crossSectioningPlaneDisplayOffset,
-   crossSectioningPlanes: crossSectioningPlanes,
-   crossSectioningSliderRange: crossSectioningSliderRange,
-   crossSectioningTargetBoundingBox: crossSectioningTargetBoundingBox,
-   useCrossSectioning: useCrossSectioning,
-   useCrossSectioningActions: useCrossSectioningActions
-});
-
-const useHitActions = () => {
-    const crossSectioningActions = useCrossSectioningActions();
-    const clearMeasurement = useActionCallback(retainSnapshot(({ snapshot }) => async () => {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        await snapshot
-            .tryGetPromise(hitResult)
-            .then((r) => r.value);
-        // TODO: clear measurement
-    }));
-    const updateTransformWidgetPosition = useActionCallback(retainSnapshot(({ snapshot }) => async () => {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        await snapshot
-            .tryGetPromise(hitResult)
-            .then((r) => r.value);
-        // TODO: update widget position
-    }));
-    const setContextMenuItem = useActionCallback(retainSnapshot(({ set, snapshot }) => async () => {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const currentHitResult = await snapshot
-            .tryGetPromise(hitResult)
-            .then((r) => r.value);
-        set(contextMenuItem, currentHitResult);
-    }));
-    const setCurrentHitResult = useActionCallback(retainSnapshot(({ snapshot, set }) => async () => {
-        set(currentHitResult, await snapshot.tryGetPromise(hitResult).then((r) => r.value));
-    }));
-    return {
-        tap: useActionCallback(retainSnapshot(({ snapshot, set }) => async ({ detail }, ...standardTapActions) => {
-            const currentCrossSectioningAlignment = await snapshot.getPromise(crossSectioningAlignment);
-            const isStandardTap = (detail === null || detail === void 0 ? void 0 : detail.buttons) !== 2 && !(detail === null || detail === void 0 ? void 0 : detail.altKey);
-            detail.altKey ||
-                detail.ctrlKey ||
-                detail.metaKey ||
-                detail.shiftKey;
-            const isValidSelectionTap = isStandardTap && !currentCrossSectioningAlignment.hitPending;
-            const currentHitResult = await snapshot
-                .tryGetPromise(hitResult)
-                .then((r) => r.value);
-            set(previousHitResult, currentHitResult);
-            set(hitResultsTapDetails, detail);
-            clearMeasurement();
-            if (isValidSelectionTap) {
-                standardTapActions.forEach((action) => action());
-                {
-                    updateTransformWidgetPosition();
-                }
-            }
-            setContextMenuItem();
-            crossSectioningActions.sectionCurrentHit();
-            setCurrentHitResult();
-        })),
-        longPress: useActionCallback(retainSnapshot(({ snapshot, set, reset }) => async (event) => {
-            reset(hitResultsTapDetails);
-            set(hitResultsLongPressDetails, event.detail);
-            await snapshot.tryGetPromise(hitResult);
-            setContextMenuItem();
-            setCurrentHitResult();
-        })),
-    };
-};
-
-const hitState = recoil.selector({
-    key: 'viewerToolkitHitState',
-    get: ({ get }) => {
-        const tapDetails = get(hitResultsTapDetails);
-        const longPressDetails = get(hitResultsLongPressDetails);
-        const previous = get(previousHitResult);
-        const current = get(currentHitResult);
-        const state = {
-            tapDetails,
-            longPressDetails,
-            previousHitResult: previous,
-            currentHitResult: current,
-        };
-        return state;
-    },
-});
-
-var index$2 = /*#__PURE__*/Object.freeze({
-   __proto__: null,
-   currentHitResult: currentHitResult,
-   hitResult: hitResult,
-   hitResultsLongPressDetails: hitResultsLongPressDetails,
-   hitResultsSkipNextTap: hitResultsSkipNextTap,
-   hitResultsTapDetails: hitResultsTapDetails,
-   hitState: hitState,
-   previousHitResult: previousHitResult,
-   useHitActions: useHitActions
-});
-
-function useContextMenuActions() {
-    return {
-        pointerDown: useActionCallback(({ set }) => async (event, pointOverride) => {
-            var _a, _b;
-            if (event.button === 2) {
-                const xCoordinate = (_a = pointOverride === null || pointOverride === void 0 ? void 0 : pointOverride.x) !== null && _a !== void 0 ? _a : event.clientX;
-                const yCoordinate = (_b = pointOverride === null || pointOverride === void 0 ? void 0 : pointOverride.y) !== null && _b !== void 0 ? _b : event === null || event === void 0 ? void 0 : event.clientY;
-                set(contextMenuPosition, geometry.Point.create(xCoordinate, yCoordinate));
-                set(contextMenuTarget, event.target);
-            }
-        }),
-        pointerUp: useActionCallback(({ snapshot, set }) => async (event, type, predicate, onOpen, pointOverride) => {
-            var _a, _b;
-            const downPosition = await snapshot.getPromise(contextMenuPosition);
-            const active = await snapshot.getPromise(contextMenuActive);
-            if (downPosition != null && active == null) {
-                const xCoordinate = (_a = pointOverride === null || pointOverride === void 0 ? void 0 : pointOverride.x) !== null && _a !== void 0 ? _a : event.clientX;
-                const yCoordinate = (_b = pointOverride === null || pointOverride === void 0 ? void 0 : pointOverride.y) !== null && _b !== void 0 ? _b : event === null || event === void 0 ? void 0 : event.clientY;
-                const point = geometry.Point.create(xCoordinate, yCoordinate);
-                const pointDistance = downPosition != null ? geometry.Point.distance(downPosition, point) : 0;
-                const predicateResult = predicate == null || predicate(event);
-                if (pointDistance < 2 && predicateResult) {
-                    onOpen === null || onOpen === void 0 ? void 0 : onOpen(event, downPosition !== null && downPosition !== void 0 ? downPosition : point);
-                    set(contextMenuActive, type);
-                }
-            }
-        }),
-        contextMenu: useActionCallback(() => (event, predicate) => {
-            if (predicate == null || predicate(event)) {
-                event.preventDefault();
-            }
-        }),
-        longPress: useActionCallback(({ set }) => (event, type, predicate, onOpen) => {
-            if (predicate == null || predicate(event)) {
-                const point = geometry.Point.create(event.touches[0].clientX, event.touches[0].clientY);
-                set(contextMenuPosition, point);
-                set(contextMenuTarget, event.target);
-                set(contextMenuActive, type);
-                onOpen === null || onOpen === void 0 ? void 0 : onOpen(event, point);
-            }
-        }),
-        clearActiveContextMenu: useActionCallback(({ reset, set }) => (dismissedFromWindowPointerEvent) => {
-            set(hitResultsSkipNextTap, !!dismissedFromWindowPointerEvent);
-            reset(contextMenuActive);
-            reset(contextMenuActions);
-            reset(contextMenuPosition);
-        }),
-        clearDismissedState: useActionCallback(({ reset }) => () => reset(hitResultsSkipNextTap)),
-    };
-}
-
-function targetWithinMenu(event) {
-    return (event.target instanceof Element && isChildOf('vertex-menu', event.target));
-}
-function targetShouldSkipNextHit(event) {
-    return (event.target instanceof Element && isChildOf('vertex-viewer', event.target));
-}
-function isChildOf(elementType, target) {
-    return target.closest(elementType) != null;
-}
-
-const VertexContextMenu = ({ targetElement, menuType, disableBackdrop, openPredicate, onOpen, onClose, children, }) => {
-    const contextMenuActions = useContextMenuActions();
-    const activeContextMenu = recoil.useRecoilValue(contextMenuActive);
-    const activePosition = recoil.useRecoilValue(contextMenuActivePosition);
-    const fallbackPlacements = React.useMemo(() => ['bottom-end', 'top-start', 'top-end', 'right', 'left'], []);
-    useStackKeyBinding({
-        id: 'ContextMenu',
-        keyBind: 'Escape',
-        fn: contextMenuActions.clearActiveContextMenu,
-        addPredicate: () => activeContextMenu != null && activeContextMenu === menuType,
-        cancelPredicate: () => activeContextMenu == null,
-    }, [activeContextMenu]);
-    const target = React.useMemo(() => {
-        if (targetElement != null) {
-            return targetElement;
-        }
-        else if (openPredicate != null) {
-            return window;
-        }
-        return undefined;
-    }, [targetElement, openPredicate]);
-    useLongPress({
-        target,
-        callback: (e) => contextMenuActions.longPress(e, menuType, openPredicate, onOpen),
-        onMovement: () => contextMenuActions.clearActiveContextMenu(),
-    });
-    React.useEffect(() => {
-        const handleWindowPointerDown = (event) => {
-            const withinMenu = targetWithinMenu(event);
-            if (!withinMenu &&
-                event.buttons !== 2 &&
-                activeContextMenu === menuType) {
-                const skipNextHit = targetShouldSkipNextHit(event);
-                contextMenuActions.clearActiveContextMenu(skipNextHit);
-            }
-        };
-        if (disableBackdrop) {
-            window.addEventListener('pointerdown', handleWindowPointerDown);
-            return () => {
-                window.removeEventListener('pointerdown', handleWindowPointerDown);
-            };
-        }
-        return undefined;
-    }, [disableBackdrop, menuType, activeContextMenu]);
-    React.useEffect(() => {
-        const handlePointerDown = (event) => {
-            var _a, _b;
-            const pointerEvent = event;
-            const targetElement = target;
-            const boundingBox = targetElement != null ? targetElement.getBoundingClientRect() : undefined;
-            const xCoordinate = pointerEvent.clientX - ((_a = boundingBox === null || boundingBox === void 0 ? void 0 : boundingBox.x) !== null && _a !== void 0 ? _a : 0);
-            const yCoordinate = pointerEvent.clientY - ((_b = boundingBox === null || boundingBox === void 0 ? void 0 : boundingBox.y) !== null && _b !== void 0 ? _b : 0);
-            contextMenuActions.pointerDown(pointerEvent, geometry.Point.create(xCoordinate, yCoordinate));
-        };
-        const handlePointerUp = (event) => {
-            var _a, _b;
-            const pointerEvent = event;
-            const targetElement = target;
-            const boundingBox = targetElement != null ? targetElement.getBoundingClientRect() : undefined;
-            const xCoordinate = pointerEvent.clientX - ((_a = boundingBox === null || boundingBox === void 0 ? void 0 : boundingBox.x) !== null && _a !== void 0 ? _a : 0);
-            const yCoordinate = pointerEvent.clientY - ((_b = boundingBox === null || boundingBox === void 0 ? void 0 : boundingBox.y) !== null && _b !== void 0 ? _b : 0);
-            contextMenuActions.pointerUp(event, menuType, openPredicate, onOpen, geometry.Point.create(xCoordinate, yCoordinate));
-        };
-        const handleContextMenu = (event) => contextMenuActions.contextMenu(event, openPredicate);
-        target === null || target === void 0 ? void 0 : target.addEventListener('pointerdown', handlePointerDown);
-        target === null || target === void 0 ? void 0 : target.addEventListener('pointerup', handlePointerUp);
-        target === null || target === void 0 ? void 0 : target.addEventListener('contextmenu', handleContextMenu);
-        return () => {
-            target === null || target === void 0 ? void 0 : target.removeEventListener('pointerdown', handlePointerDown);
-            target === null || target === void 0 ? void 0 : target.removeEventListener('pointerup', handlePointerUp);
-            target === null || target === void 0 ? void 0 : target.removeEventListener('contextmenu', handleContextMenu);
-        };
-    }, [targetElement, menuType, openPredicate]);
-    return (jsxRuntime.jsx(uiReact.VertexMenu, { "data-testid": `${menuType}-context-menu`, open: activeContextMenu === menuType, position: activePosition, fallbackPlacements: fallbackPlacements, backdrop: !disableBackdrop, onMenuClosed: () => {
-            contextMenuActions.clearActiveContextMenu();
-            onClose === null || onClose === void 0 ? void 0 : onClose();
-        }, children: jsxRuntime.jsx("div", { className: "pt-1", children: children }) }));
-};
-
-var SceneAlterationPerformanceType;
-(function (SceneAlterationPerformanceType) {
-    SceneAlterationPerformanceType["HIDE_ITEM"] = "Hide Item";
-    SceneAlterationPerformanceType["SHOW_ONLY_SELECTED"] = "Show Only Selected";
-    SceneAlterationPerformanceType["HIDE_SELECTED"] = "Hide Selected";
-    SceneAlterationPerformanceType["SHOW_ONLY_ITEM"] = "Show Only Item";
-    SceneAlterationPerformanceType["SHOW_ALL"] = "Show All";
-    SceneAlterationPerformanceType["HIDE_ALL"] = "Hide All";
-    SceneAlterationPerformanceType["SELECT_FILTERED_ITEMS"] = "Select Filtered Items";
-    SceneAlterationPerformanceType["INVERT_SELECTION"] = "Invert Selection";
-    SceneAlterationPerformanceType["CLEAR_ALL_TRANSFORMS"] = "Clear All Transforms";
-    SceneAlterationPerformanceType["CLEAR_SELECTED_TRANSFORMS"] = "Clear Selected Transforms";
-    SceneAlterationPerformanceType["CLEAR_SELECTION"] = "Clear Selection";
-    SceneAlterationPerformanceType["DESELECTING_ITEMS"] = "Deselecting Items";
-    SceneAlterationPerformanceType["SELECTING_ITEMS"] = "Selecting Items";
-    SceneAlterationPerformanceType["SELECTING_ONLY_ITEM"] = "Selecting Only Item";
-    SceneAlterationPerformanceType["SELECTING_ANCESTOR"] = "Selecting Ancestor";
-    SceneAlterationPerformanceType["APPLY_MATERIAL_OVERRIDE_TO_ALL"] = "Apply Material Override To All";
-    SceneAlterationPerformanceType["APPLY_MATERIAL_OVERRIDE_TO_SELECTION"] = "Apply Material Override To Selection";
-    SceneAlterationPerformanceType["CLEAR_ALL_MATERIAL_OVERRIDES"] = "Clear All Material Overrides";
-    SceneAlterationPerformanceType["CLEAR_SELECTED_MATERIAL_OVERRIDES"] = "Clear Selected Material Overrides";
-    // Phantom operations
-    SceneAlterationPerformanceType["SET_PHANTOM_ALL"] = "Set Phantom All";
-    SceneAlterationPerformanceType["SET_PHANTOM_SELECTED_ITEMS"] = "Set Phantom Selected Items";
-    SceneAlterationPerformanceType["CLEAR_PHANTOM_ALL"] = "Clear Phantom All";
-    SceneAlterationPerformanceType["CLEAR_PHANTOM_SELECTED_ITEMS"] = "Clear Phantom Selected Items";
-    SceneAlterationPerformanceType["SET_PHANTOM_NON_SELECTED_ITEMS"] = "Set Phantom Non Selected Items";
-    SceneAlterationPerformanceType["RESTORE_PHANTOM_OVERRIDES"] = "Restore Phantom Overrides";
-    // End item operations
-    SceneAlterationPerformanceType["SET_ITEM_AS_END_ITEM"] = "Set Item as End Item";
-    SceneAlterationPerformanceType["UNSET_ITEM_AS_END_ITEM"] = "Unset Item as End Item";
-    // PMI annotation operations
-    SceneAlterationPerformanceType["SHOW_ANNOTATION"] = "Show Annotation";
-    SceneAlterationPerformanceType["HIDE_ANNOTATION"] = "Hide Annotation";
-})(SceneAlterationPerformanceType || (SceneAlterationPerformanceType = {}));
-
-const selectionSelectedItems = recoil.atomFamily({
-    key: 'selectionSelectedItems',
-    default: undefined,
-});
-const selectionSelectedItemIds = recoil.atom({
-    key: 'selectionSelectedItemIds',
-    default: [],
-});
-const selectionLastSelected = recoil.atom({
-    key: 'selectionLastSelected',
-    default: undefined,
-});
-const selectionLastSelectionFromViewer = recoil.atom({
-    key: 'selectionLastSelectionFromViewer',
-    default: false,
-});
-const selectionLastSelectWasMultiSelect = recoil.atom({
-    key: 'selectionLastSelectWasMultiSelect',
-    default: false,
-});
-const selectionHighestSelectedAncestor = recoil.selector({
-    key: 'selectionHighestSelectedAncestor',
-    get: ({ get }) => {
-        var _a, _b;
-        const lastSelected = get(selectionLastSelected);
-        const selectedIds = get(selectionSelectedItemIds);
-        return ((_b = (_a = lastSelected === null || lastSelected === void 0 ? void 0 : lastSelected.ancestors) === null || _a === void 0 ? void 0 : _a.find((ancestorId) => selectedIds.includes(ancestorId))) !== null && _b !== void 0 ? _b : lastSelected === null || lastSelected === void 0 ? void 0 : lastSelected.id);
-    },
-});
-const selectionPreviousVisibleSummary = recoil.atom({
-    key: 'selectionPreviousVisibleSummary',
-    default: undefined,
-});
-const selectionVisibleSummary = recoil.atom({
-    key: 'selectionVisibleSummary',
-    default: undefined,
-});
-const selectionVisibleCount = recoil.selector({
-    key: 'selectionVisibleCount',
-    get: ({ get }) => { var _a, _b; return (_b = (_a = get(selectionVisibleSummary)) === null || _a === void 0 ? void 0 : _a.count) !== null && _b !== void 0 ? _b : 0; },
-});
-
-function useSelectionActions() {
-    const viewerActions = useViewerSceneActions();
-    const clearSelectedIds = useActionCallback(({ snapshot, reset }) => async () => {
-        const selectedIds = await snapshot.getPromise(selectionSelectedItemIds);
-        selectedIds.forEach((id) => reset(selectionSelectedItems(id)));
-    });
-    const select = useActionCallback(({ snapshot, reset, set }) => async (item, options) => {
-        var _a, _b;
-        const existing = await snapshot.getPromise(selectionSelectedItems(item.id));
-        const selectedIds = await snapshot.getPromise(selectionSelectedItemIds);
-        const nextAncestorId = (_b = [...((_a = item.ancestors) !== null && _a !== void 0 ? _a : [])]) === null || _b === void 0 ? void 0 : _b.reverse().find((id) => !selectedIds.includes(id));
-        if (existing != null && nextAncestorId != null) {
-            // If already selected and has a parent, select the parent
-            set(selectionSelectedItems(nextAncestorId), { id: nextAncestorId });
-            set(selectionSelectedItemIds, (previous) => [
-                ...previous,
-                nextAncestorId,
-            ]);
-            viewerActions.execute(SceneAlterationPerformanceType.SELECTING_ANCESTOR, viewerActions.selectItemsTransform(nextAncestorId));
-        }
-        else if (options === null || options === void 0 ? void 0 : options.clear) {
-            // Select only the current item since options.clear is true
-            set(selectionSelectedItems(item.id), item);
-            set(selectionSelectedItemIds, [item.id]);
-            viewerActions.execute(SceneAlterationPerformanceType.SELECTING_ONLY_ITEM, viewerActions.clearSelectionTransform, viewerActions.selectItemsTransform(item.id));
-        }
-        else {
-            // Add item to current selection without clearing previous selection
-            set(selectionSelectedItems(item.id), item);
-            set(selectionSelectedItemIds, (previous) => [...previous, item.id]);
-            viewerActions.execute(SceneAlterationPerformanceType.SELECTING_ITEMS, viewerActions.selectItemsTransform(item.id));
-        }
-        selectForModelViewsPanel(item);
-        set(selectionLastSelected, item);
-        set(selectionLastSelectionFromViewer, true);
-        reset(selectionLastSelectWasMultiSelect);
-    });
-    const deselect = useActionCallback(({ reset, set }) => async (deselectingId) => {
-        reset(selectionSelectedItems(deselectingId));
-        reset(selectionLastSelectWasMultiSelect);
-        set(selectionSelectedItemIds, (previous) => previous.filter((id) => id !== deselectingId));
-        viewerActions.execute(SceneAlterationPerformanceType.DESELECTING_ITEMS, viewerActions.deselectItemsTransform(deselectingId));
-    });
-    const toggleSelection = useActionCallback(({ snapshot }) => async (item) => {
-        const existing = await snapshot.getPromise(selectionSelectedItems(item.id));
-        if (existing != null) {
-            await deselect(existing.id);
-        }
-        else {
-            await select(item);
-        }
-    });
-    const clearAndSelect = useActionCallback(({ snapshot, reset, set }) => async (item, options = {}) => {
-        const existing = await snapshot.getPromise(selectionSelectedItems(item.id));
-        const selectedIds = await snapshot.getPromise(selectionSelectedItemIds);
-        selectedIds
-            .filter((id) => { var _a; return id !== item.id && !((_a = item.ancestors) === null || _a === void 0 ? void 0 : _a.includes(id)); })
-            .forEach((id) => reset(selectionSelectedItems(id)));
-        reset(selectionLastSelectWasMultiSelect);
-        if (!existing) {
-            reset(selectionSelectedItemIds);
-        }
-        else if (options.ignoreAncestorSelection) {
-            reset(selectionSelectedItemIds);
-            reset(selectionSelectedItems(existing.id));
-        }
-        else {
-            const selectedItemAndAncestors = selectedIds.filter((id) => { var _a; return id === item.id || ((_a = item.ancestors) === null || _a === void 0 ? void 0 : _a.includes(id)); });
-            set(selectionSelectedItemIds, selectedItemAndAncestors);
-        }
-        // TODO: clear PMI + transform manipulator orientation
-        await select(item, { clear: true });
-    });
-    const resetSelectionState = useActionCallback(({ reset }) => async () => {
-        await clearSelectedIds();
-        reset(selectionSelectedItemIds);
-        reset(selectionLastSelected);
-        reset(selectionLastSelectionFromViewer);
-        reset(selectionLastSelectWasMultiSelect);
-        // TODO: clear transform manipulator state
-    });
-    const clearSelection = useActionCallback(() => async () => {
-        await resetSelectionState();
-        viewerActions.execute(SceneAlterationPerformanceType.CLEAR_SELECTION, viewerActions.clearSelectionTransform);
-    });
-    const toggleLastSelectWasMultiSelect = useActionCallback(({ set }) => async (multiSelection) => {
-        set(selectionLastSelectWasMultiSelect, multiSelection);
-    });
-    const selectForModelViewsPanel = useActionCallback(({ reset, set }) => (item) => {
-        // TODO: clear loaded PMI
-    });
-    return {
-        select,
-        toggleSelection,
-        clearAndSelect,
-        selectCurrentHit: useActionCallback(retainSnapshot(({ snapshot }) => async () => {
-            const currentHitResult = await snapshot
-                .tryGetPromise(hitResult)
-                .then((r) => r.value);
-            const currentTapDetails = await snapshot.getPromise(hitResultsTapDetails);
-            const appendModifierPressed = (currentTapDetails === null || currentTapDetails === void 0 ? void 0 : currentTapDetails.metaKey) ||
-                (currentTapDetails === null || currentTapDetails === void 0 ? void 0 : currentTapDetails.ctrlKey) ||
-                (currentTapDetails === null || currentTapDetails === void 0 ? void 0 : currentTapDetails.shiftKey);
-            if (currentHitResult != null && !appendModifierPressed) {
-                clearAndSelect(currentHitResult);
-            }
-            else if (currentHitResult != null && appendModifierPressed) {
-                toggleSelection(currentHitResult);
-            }
-            else {
-                clearSelection();
-            }
-        })),
-        syncSelection: useActionCallback(({ set, reset }) => async (item, options) => {
-            if (options.selected) {
-                await clearSelectedIds();
-                set(selectionSelectedItems(item.id), item);
-                if (options.multiSelect) {
-                    set(selectionSelectedItemIds, (previous) => [
-                        ...previous.filter((id) => id !== item.id),
-                        item.id,
-                    ]);
-                }
-                else {
-                    set(selectionSelectedItemIds, [item.id]);
-                }
-                selectForModelViewsPanel(item);
-                set(selectionLastSelected, item);
-                set(selectionLastSelectionFromViewer, false);
-                set(selectionLastSelectWasMultiSelect, !!options.multiSelect);
-            }
-            else {
-                reset(selectionSelectedItems(item.id));
-                reset(selectionLastSelectWasMultiSelect);
-                set(selectionSelectedItemIds, (previous) => previous.filter((id) => id !== item.id));
-            }
-        }),
-        deselect,
-        clearSelection,
-        resetSelectionState,
-        toggleLastSelectWasMultiSelect,
-        selectForModelViewsPanel,
-    };
-}
-
-const selectionState = recoil.selector({
-    key: 'viewerToolkitSelectionState',
-    get: ({ get }) => {
-        const selectedItemIds = get(selectionSelectedItemIds);
-        const lastSelected = get(selectionLastSelected);
-        const highestSelectedAncestorId = get(selectionHighestSelectedAncestor);
-        const state = {
-            selectedItemIds,
-            lastSelected,
-            highestSelectedAncestorId,
-        };
-        return state;
-    },
-});
-
-var index$1 = /*#__PURE__*/Object.freeze({
-   __proto__: null,
-   selectionHighestSelectedAncestor: selectionHighestSelectedAncestor,
-   selectionLastSelectWasMultiSelect: selectionLastSelectWasMultiSelect,
-   selectionLastSelected: selectionLastSelected,
-   selectionLastSelectionFromViewer: selectionLastSelectionFromViewer,
-   selectionPreviousVisibleSummary: selectionPreviousVisibleSummary,
-   selectionSelectedItemIds: selectionSelectedItemIds,
-   selectionSelectedItems: selectionSelectedItems,
-   selectionState: selectionState,
-   selectionVisibleCount: selectionVisibleCount,
-   selectionVisibleSummary: selectionVisibleSummary,
-   useSelectionActions: useSelectionActions
-});
-
-const VertexFitSelectedMenuItem = () => {
-    const selectedItems = recoil.useRecoilValue(selectionSelectedItemIds);
-    const selectedSummary = recoil.useRecoilValue(selectionVisibleSummary);
-    const cameraActions = useViewerCameraActions();
-    return (jsxRuntime.jsxs(uiReact.VertexMenuItem, { "data-testid": "fit-selected-menu-option", onClick: () => {
-            if ((selectedSummary === null || selectedSummary === void 0 ? void 0 : selectedSummary.boundingBox) != null) {
-                cameraActions.flyToByBoundingBox(selectedSummary.boundingBox);
-            }
-        }, disabled: selectedItems.length === 0, children: [jsxRuntime.jsx(uiReact.VertexIcon, { slot: "icon", name: "fit-selected", size: "sm" }), jsxRuntime.jsx("div", { className: "pl-2", children: "Fit Selected" })] }));
-};
-
-const VertexFlyToMenuItem = () => {
-    const cameraActions = useViewerCameraActions();
-    const currentItem = recoil.useRecoilValue(contextMenuItem);
-    return (jsxRuntime.jsxs(uiReact.VertexMenuItem, { "data-testid": "fly-to-part-menu-option", onClick: () => {
-            var _a;
-            const isRow = contextMenuItemIsRow(currentItem);
-            const itemId = isRow
-                ? (_a = currentItem === null || currentItem === void 0 ? void 0 : currentItem.node.id) === null || _a === void 0 ? void 0 : _a.hex
-                : currentItem === null || currentItem === void 0 ? void 0 : currentItem.id;
-            if (itemId != null) {
-                cameraActions.flyToById(itemId);
-            }
-        }, disabled: currentItem == null, children: [jsxRuntime.jsx(uiReact.VertexIcon, { slot: "icon", name: "paper-airplane", size: "sm" }), jsxRuntime.jsx("div", { className: "pl-2", children: "Fly To" })] }));
-};
-
-function useSceneItemsOperations({ viewerElement }) {
-    const sceneItemsOperation = React.useCallback(async (f, ids) => {
-        const scene = await (viewerElement === null || viewerElement === void 0 ? void 0 : viewerElement.scene());
-        if (ids == null) {
-            await (scene === null || scene === void 0 ? void 0 : scene.items((op) => f(op.where((q) => q.all()))).execute());
-        }
-        else if (ids.length > 0) {
-            await (scene === null || scene === void 0 ? void 0 : scene.items((op) => f(op.where((q) => q.withItemIds(ids)))).execute());
-        }
-    }, [viewerElement]);
-    useApplyKeyBinding({
-        fn: React.useCallback(async () => {
-            const animation = { milliseconds: 500 };
-            const scene = await (viewerElement === null || viewerElement === void 0 ? void 0 : viewerElement.scene());
-            await (scene === null || scene === void 0 ? void 0 : scene.camera().viewAll().render({ animation }));
-        }, [viewerElement]),
-        keyBind: 'f',
-    });
-    const showOnlySelected = React.useCallback(async () => {
-        const scene = await (viewerElement === null || viewerElement === void 0 ? void 0 : viewerElement.scene());
-        scene === null || scene === void 0 ? void 0 : scene.items((op) => [
-            op.where((q) => q.all()).hide(),
-            op.where((q) => q.withSelected()).show(),
-        ]).execute();
-    }, [viewerElement]);
-    const hideSelected = React.useCallback(async () => {
-        const scene = await (viewerElement === null || viewerElement === void 0 ? void 0 : viewerElement.scene());
-        scene === null || scene === void 0 ? void 0 : scene.items((op) => [op.where((q) => q.withSelected()).hide()]).execute();
-    }, [viewerElement]);
-    const showOnlyItem = React.useCallback(async (id) => {
-        const scene = await (viewerElement === null || viewerElement === void 0 ? void 0 : viewerElement.scene());
-        scene === null || scene === void 0 ? void 0 : scene.items((op) => [
-            op.where((q) => q.all()).hide(),
-            op.where((q) => q.withItemIds([id])).show(),
-        ]).execute();
-    }, [viewerElement]);
-    return {
-        sceneItemsOperation,
-        showOnlySelected,
-        hideSelected,
-        showOnlyItem,
-    };
-}
-
-const VertexHideAllMenuItem = () => {
-    const viewerHTMLElement = recoil.useRecoilValue(viewerElement);
-    const sceneItemOperations = useSceneItemsOperations({ viewerElement: viewerHTMLElement !== null && viewerHTMLElement !== void 0 ? viewerHTMLElement : null });
-    return (jsxRuntime.jsxs(uiReact.VertexMenuItem, { "data-testid": "hide-all-menu-option", onClick: () => {
-            sceneItemOperations.sceneItemsOperation((builder) => builder.hide());
-        }, children: [jsxRuntime.jsx(uiReact.VertexIcon, { slot: "icon", name: "visibility-hidden", size: "sm" }), jsxRuntime.jsx("div", { className: "pl-2", children: "Hide All Parts" })] }));
-};
-
-const VertexHidePartMenuItem = () => {
-    const viewerHTMLElement = recoil.useRecoilValue(viewerElement);
-    const currentItem = recoil.useRecoilValue(contextMenuItem);
-    const sceneItemOperations = useSceneItemsOperations({ viewerElement: viewerHTMLElement !== null && viewerHTMLElement !== void 0 ? viewerHTMLElement : null });
-    return (jsxRuntime.jsxs(uiReact.VertexMenuItem, { "data-testid": "hide-menu-option", onClick: () => {
-            var _a;
-            const isRow = contextMenuItemIsRow(currentItem);
-            const itemId = isRow
-                ? (_a = currentItem === null || currentItem === void 0 ? void 0 : currentItem.node.id) === null || _a === void 0 ? void 0 : _a.hex
-                : currentItem.id;
-            if (itemId != null) {
-                sceneItemOperations.sceneItemsOperation((builder) => builder.hide(), [itemId]);
-            }
-        }, disabled: currentItem == null, children: [jsxRuntime.jsx(uiReact.VertexIcon, { slot: "icon", name: "visibility-hidden", size: "sm" }), jsxRuntime.jsx("div", { className: "pl-2", children: "Hide Part" })] }));
-};
-
-const VertexHideSelectedMenuItem = () => {
-    const viewerHTMLElement = recoil.useRecoilValue(viewerElement);
-    const selectedItems = recoil.useRecoilValue(selectionSelectedItemIds);
-    const sceneItemOperations = useSceneItemsOperations({ viewerElement: viewerHTMLElement !== null && viewerHTMLElement !== void 0 ? viewerHTMLElement : null });
-    return (jsxRuntime.jsxs(uiReact.VertexMenuItem, { "data-testid": "hide-selected-menu-option", onClick: () => sceneItemOperations.hideSelected(), disabled: selectedItems.length === 0, children: [jsxRuntime.jsx(uiReact.VertexIcon, { slot: "icon", name: "visibility-hidden", size: "sm" }), jsxRuntime.jsx("div", { className: "pl-2", children: "Hide Selected" })] }));
-};
-
-const VertexShowAllMenuItem = () => {
-    const viewerHTMLElement = recoil.useRecoilValue(viewerElement);
-    const sceneItemOperations = useSceneItemsOperations({ viewerElement: viewerHTMLElement !== null && viewerHTMLElement !== void 0 ? viewerHTMLElement : null });
-    return (jsxRuntime.jsxs(uiReact.VertexMenuItem, { "data-testid": "show-all-menu-option", onClick: () => {
-            sceneItemOperations.sceneItemsOperation((builder) => builder.show());
-        }, children: [jsxRuntime.jsx(uiReact.VertexIcon, { slot: "icon", name: "visibility-visible", size: "sm" }), jsxRuntime.jsx("div", { className: "pl-2", children: "Show All Parts" })] }));
-};
-
-const VertexShowOnlyMenuItem = () => {
-    const viewerHTMLElement = recoil.useRecoilValue(viewerElement);
-    const currentItem = recoil.useRecoilValue(contextMenuItem);
-    const sceneItemOperations = useSceneItemsOperations({ viewerElement: viewerHTMLElement !== null && viewerHTMLElement !== void 0 ? viewerHTMLElement : null });
-    return (jsxRuntime.jsxs(uiReact.VertexMenuItem, { "data-testid": "show-only-menu-option", onClick: () => {
-            var _a;
-            const isRow = contextMenuItemIsRow(currentItem);
-            const itemId = isRow
-                ? (_a = currentItem === null || currentItem === void 0 ? void 0 : currentItem.node.id) === null || _a === void 0 ? void 0 : _a.hex
-                : currentItem === null || currentItem === void 0 ? void 0 : currentItem.id;
-            if (itemId != null) {
-                sceneItemOperations.showOnlyItem(itemId);
-            }
-        }, disabled: currentItem == null, children: [jsxRuntime.jsx(uiReact.VertexIcon, { slot: "icon", name: "visibility-visible", size: "sm" }), jsxRuntime.jsx("div", { className: "pl-2", children: "Show Only Part" })] }));
-};
-
-const VertexShowOnlySelectedMenuItem = () => {
-    const viewerHTMLElement = recoil.useRecoilValue(viewerElement);
-    const selectedItems = recoil.useRecoilValue(selectionSelectedItemIds);
-    const sceneItemOperations = useSceneItemsOperations({ viewerElement: viewerHTMLElement !== null && viewerHTMLElement !== void 0 ? viewerHTMLElement : null });
-    return (jsxRuntime.jsxs(uiReact.VertexMenuItem, { "data-testid": "show-only-selected-menu-option", onClick: () => sceneItemOperations.showOnlySelected(), disabled: selectedItems.length === 0, children: [jsxRuntime.jsx(uiReact.VertexIcon, { slot: "icon", name: "visibility-visible", size: "sm" }), jsxRuntime.jsx("div", { className: "pl-2", children: "Show Only Selected" })] }));
-};
-
-recoil.atom({
-    key: 'sceneTreeLoaderVisible',
-    default: false,
-});
-const sceneTreeElement = recoil.atom({
-    key: 'sceneTreeElement',
-    default: undefined,
-});
-const sceneTreeWidth = recoil.atom({
-    key: 'sceneTreeWidth',
-    default: undefined,
-});
-recoil.selector({
-    key: 'sceneTreeController',
-    get: ({ get }) => { var _a; return (_a = get(sceneTreeElement)) === null || _a === void 0 ? void 0 : _a.controller; },
-    dangerouslyAllowMutability: true,
-});
-
-function useSceneTreeActions() {
-    const selectionActions = useSelectionActions();
-    const viewerCameraActions = useViewerCameraActions();
-    return {
-        toggleSelection: useActionCallback(({ snapshot }) => async (event, node, tree) => {
-            var _a, _b;
-            if (event.defaultPrevented || event.button !== 0) {
-                return;
-            }
-            if (!event.altKey) {
-                if ((event.ctrlKey || event.metaKey) && node.selected) {
-                    tree.deselectItem(node);
-                }
-                else if (node.selected) {
-                    tree.selectItem(node, {
-                        recurseParent: true,
-                    });
-                }
-                else if (!node.selected) {
-                    tree.selectItem(node, {
-                        append: event.ctrlKey || event.metaKey,
-                        range: event.shiftKey,
-                    });
-                }
-            }
-            if (node.id != null) {
-                const lastSelected = await snapshot.getPromise(selectionLastSelected);
-                selectionActions.syncSelection({
-                    id: (_a = node.id) === null || _a === void 0 ? void 0 : _a.hex,
-                    ancestors: (_b = lastSelected === null || lastSelected === void 0 ? void 0 : lastSelected.ancestors) !== null && _b !== void 0 ? _b : [],
-                }, {
-                    selected: event.metaKey || event.ctrlKey ? !node.selected : true,
-                    multiSelect: event.shiftKey || event.metaKey || event.ctrlKey,
-                });
-                // TODO: transform widget interaction
-            }
-        }),
-        toggleExpansion: useActionCallback(() => (event, node, tree) => {
-            tree.toggleExpandItem(node);
-        }),
-        toggleVisibility: useActionCallback(() => (event, node, tree) => {
-            tree.toggleItemVisibility(node);
-        }),
-        flyToRow: useActionCallback(({ snapshot }) => async (rowClientY) => {
-            var _a;
-            const element = await snapshot.getPromise(sceneTreeElement);
-            const row = await (element === null || element === void 0 ? void 0 : element.getRowAtClientY(rowClientY));
-            if (((_a = row === null || row === void 0 ? void 0 : row.node.id) === null || _a === void 0 ? void 0 : _a.hex) != null) {
-                await viewerCameraActions.flyToById(row.node.id.hex);
-            }
-        }),
-        setContextMenuItem: useActionCallback(({ set, snapshot }) => async (rowClientY) => {
-            const element = await snapshot.getPromise(sceneTreeElement);
-            const row = await (element === null || element === void 0 ? void 0 : element.getRowAtClientY(rowClientY));
-            set(contextMenuItem, row);
-        }),
-    };
-}
-
-const DefaultSceneTreeContextMenu = () => {
-    return (jsxRuntime.jsxs("div", { className: "w-56", children: [jsxRuntime.jsx(VertexHideSelectedMenuItem, {}), jsxRuntime.jsx(VertexHideAllMenuItem, {}), jsxRuntime.jsx(VertexShowOnlyMenuItem, {}), jsxRuntime.jsx(VertexShowOnlySelectedMenuItem, {}), jsxRuntime.jsx(VertexShowAllMenuItem, {}), jsxRuntime.jsx(uiReact.VertexMenuDivider, { className: "md:contents hidden short:hidden" }), jsxRuntime.jsx(VertexFitSelectedMenuItem, {}), jsxRuntime.jsx(VertexFlyToMenuItem, {})] }));
-};
-
-const VertexSceneTreeContextMenu = ({ children }) => {
-    const sceneTreeActions = useSceneTreeActions();
-    const sceneTreeHTMLElement = recoil.useRecoilValue(sceneTreeElement);
-    const hasDefinedChildren = children != null && children !== false;
-    return (jsxRuntime.jsx(VertexContextMenu, { menuType: "scene-tree", targetElement: sceneTreeHTMLElement, onOpen: async (event, _pt) => {
-            const pointerEvent = event;
-            await sceneTreeActions.setContextMenuItem(pointerEvent.clientY);
-        }, disableBackdrop: true, children: hasDefinedChildren
-            ? (children)
-            : (jsxRuntime.jsx(DefaultSceneTreeContextMenu, {})) }));
-};
-
-const DefaultViewerContextMenu = () => {
-    return (jsxRuntime.jsxs("div", { className: "w-56", children: [jsxRuntime.jsx(VertexHidePartMenuItem, {}), jsxRuntime.jsx(VertexHideSelectedMenuItem, {}), jsxRuntime.jsx(VertexHideAllMenuItem, {}), jsxRuntime.jsx(VertexShowOnlyMenuItem, {}), jsxRuntime.jsx(VertexShowOnlySelectedMenuItem, {}), jsxRuntime.jsx(VertexShowAllMenuItem, {}), jsxRuntime.jsx(uiReact.VertexMenuDivider, { className: "md:contents hidden short:hidden" }), jsxRuntime.jsx(VertexFitSelectedMenuItem, {}), jsxRuntime.jsx(VertexFlyToMenuItem, {})] }));
-};
-
-const VertexViewerContextMenu = ({ children }) => {
-    const viewerHTMLElement = recoil.useRecoilValue(viewerElement);
-    const hasDefinedChildren = children != null && children !== false;
-    return (jsxRuntime.jsx(VertexContextMenu, { menuType: "viewer", targetElement: viewerHTMLElement, disableBackdrop: true, children: hasDefinedChildren
-            ? (children)
-            : (jsxRuntime.jsx(DefaultViewerContextMenu, {})) }));
-};
-
-const sdkConfig = recoil.atom({
-    key: 'viewerToolkitSdkConfig',
-    default: undefined,
-});
-
-const targetIsElement = (target, tagName) => {
-    return target instanceof Element && target.tagName === tagName;
-};
-
-function useRecoilRef({ state, }) {
-    const callback = recoil.useRecoilCallback(({ set }) => (node) => {
-        set(state, node);
-    }, []);
-    return callback;
-}
-
-var AssemblyFontFace;
-(function (AssemblyFontFace) {
-    AssemblyFontFace["ROBOTO"] = "ROBOTO";
-    AssemblyFontFace["ROBOTO_MONO"] = "ROBOTO_MONO";
-})(AssemblyFontFace || (AssemblyFontFace = {}));
-
-function styleFromOptionalFont(font) {
-    return font != null
-        ? {
-            '--scene-tree-default-font-family': styleFromFontFace(font.fontFace),
-            '--scene-tree-default-font-color': font.color,
-        }
-        : {};
-}
-function styleFromOptionalBackgroundColors(backgroundColors) {
-    const depthColors = backgroundColors === null || backgroundColors === void 0 ? void 0 : backgroundColors.depthColors;
-    const depthColorStyles = depthColors != null
-        ? Object.keys(depthColors).reduce((res, key) => (Object.assign(Object.assign({}, res), { [`--scene-tree-row-background-color-depth-${key}`]: depthColors[parseInt(key)] })), {})
-        : {};
-    return backgroundColors != null
-        ? Object.assign(Object.assign({}, depthColorStyles), { '--scene-tree-hovered-row-background-color': backgroundColors.hovered, '--scene-tree-selected-row-background-color': backgroundColors.selected, '--scene-tree-row-background-color': backgroundColors.defaultColor }) : {};
-}
-function styleFromFontFace(fontFace) {
-    switch (fontFace) {
-        case AssemblyFontFace.ROBOTO_MONO:
-            return 'var(--vertex-ui-font-family-monospace)';
-        default:
-            return 'var(--vertex-ui-font-family)';
-    }
-}
-
-const DEFAULT_NAME_COLUMN = {
-    binding: '{{row.node.name}}',
-    label: 'Name',
-    metadataKeyName: 'VERTEX_SCENE_ITEM_NAME',
-};
-const sceneTreeColumnsActiveColumns = recoil.selector({
-    key: 'sceneTreeColumnsActiveColumns',
-    get: ({ get }) => {
-        const labels = []; // TODO: map to configured column list
-        const treeWidth = get(sceneTreeWidth);
-        if (treeWidth != null && treeWidth > 0) {
-            const nameWidth = (1 / (labels.length + 1)) * treeWidth;
-            const availableWidth = (treeWidth - nameWidth) / labels.length;
-            return {
-                Name: Object.assign(Object.assign({}, DEFAULT_NAME_COLUMN), { initialWidth: nameWidth, minWidth: availableWidth }),
-            };
-        }
-        return { Name: DEFAULT_NAME_COLUMN };
-    },
-});
-const sceneTreeColumnsActiveColumnNames = recoil.selector({
-    key: 'sceneTreeColumnsActiveColumnNames',
-    get: ({ get }) => Object.keys(get(sceneTreeColumnsActiveColumns)),
-});
-
-const VertexSceneTreeTableLayout = (sdkProps) => {
-    const activeColumns = recoil.useRecoilValue(sceneTreeColumnsActiveColumns);
-    const activeColumnNames = recoil.useRecoilValue(sceneTreeColumnsActiveColumnNames);
-    const columnWidths = []; // TODO: map to configured column sizes
-    return (jsxRuntime.jsx(viewerReact.VertexSceneTreeTableLayout, Object.assign({ "data-testid": "scene-tree-table-layout" }, sdkProps, { children: activeColumnNames.map((k, i) => {
-            var _a;
-            const column = activeColumns[k];
-            const initialWidth = (_a = columnWidths[i]) !== null && _a !== void 0 ? _a : column.initialWidth;
-            return (jsxRuntime.jsxs(viewerReact.VertexSceneTreeTableColumn, { "data-testid": `scene-tree-table-column-${i}`, initialWidth: initialWidth, minWidth: column.minWidth, children: [jsxRuntime.jsx("template", { slot: "header", dangerouslySetInnerHTML: {
-                            __html: `
-                  <div class="text-sm text-neutral-800 my-2">
-                    <div class="${classNames('truncate', {
-                                'pl-2': i === 0,
-                                'pr-2': i === activeColumnNames.length - 1,
-                            })}">
-                      ${column.label}
-                    </div>
-                  </div>
-                `,
-                        } }), jsxRuntime.jsx("template", { dangerouslySetInnerHTML: {
-                            __html: `
-                  <vertex-scene-tree-table-cell
-                    prop:value="${column.binding}"
-                    prop:selection-handler="{{row.data.handleSelection}}"
-                    prop:expansion-handler="{{row.data.handleExpansion}}"
-                    prop:visibility-handler="{{row.data.handleVisibility}}"
-                    ${i === 0 ? 'expand-toggle' : ''}
-                    ${i === activeColumnNames.length - 1
-                                ? 'isolate-button visibility-toggle'
-                                : ''}>
-                      <div class="flex items-center gap-2">
-                        <vertex-tooltip 
-                            class="truncate" 
-                            prop:content="${column.binding != null ? column.binding : '--'}" 
-                            placement="${i !== activeColumnNames.length - 1
-                                ? 'right'
-                                : 'top'}">
-                              <div class="flex items-center w-full">
-                                <div class="truncate">${column.binding}</div>
-                              </div>
-                          </vertex-tooltip>
-                      </div>
-                      
-
-                      <div slot="placeholder" class="flex items-center w-full truncate">
-                        <div> -- </div>
-                      </div>
-                    </vertex-scene-tree-table-cell>
-                  `,
-                        } })] }, column.label));
-        }) })));
-};
-
-const VertexSceneTreeExpandAll = () => {
-    const sceneTreeHTMLElement = recoil.useRecoilValue(sceneTreeElement);
-    return (jsxRuntime.jsx(uiReact.VertexTooltip, { className: "w-auto", content: "Expand All", placement: "top", children: jsxRuntime.jsx(uiReact.VertexIcon, { size: "sm", "data-testid": "expand-all-icon", className: "h-6 w-6 hover:bg-neutral-300 rounded cursor-pointer", name: "expand-all", onClick: () => {
-                sceneTreeHTMLElement === null || sceneTreeHTMLElement === void 0 ? void 0 : sceneTreeHTMLElement.expandAll();
-            } }) }));
-};
-
-const VertexSceneTreeCollapseAll = () => {
-    const sceneTreeHTMLElement = recoil.useRecoilValue(sceneTreeElement);
-    return (jsxRuntime.jsx(uiReact.VertexTooltip, { className: "w-auto", content: "Collapse All", placement: "top", children: jsxRuntime.jsx(uiReact.VertexIcon, { size: "sm", className: "h-6 w-6 hover:bg-neutral-300 rounded cursor-pointer", "data-testid": "collapse-all-icon", name: "collapse-all", onClick: () => {
-                sceneTreeHTMLElement === null || sceneTreeHTMLElement === void 0 ? void 0 : sceneTreeHTMLElement.collapseAll();
-            } }) }));
-};
-
-function VertexSceneTreeToolbar() {
-    return (jsxRuntime.jsx(viewerReact.VertexSceneTreeToolbar, { className: "h-10 border-b border-neutral-300 box-border", children: jsxRuntime.jsxs("div", { className: "flex flex-shrink-0 w-full text-neutral-700 items-center gap mx-2", children: [jsxRuntime.jsx(VertexSceneTreeExpandAll, {}), jsxRuntime.jsx(VertexSceneTreeCollapseAll, {})] }) }));
-}
-
-const VertexSceneTree = (_a) => {
-    var { id, font, backgroundColors, children, style, onPointerDown, onClick, onToggleSelection, onToggleExpansion, onToggleVisibility, className, rowData } = _a, sdkProps = __rest(_a, ["id", "font", "backgroundColors", "children", "style", "onPointerDown", "onClick", "onToggleSelection", "onToggleExpansion", "onToggleVisibility", "className", "rowData"]);
-    const config = recoil.useRecoilValue(sdkConfig);
-    const selectionActions = useSelectionActions();
-    const sceneTreeActions = useSceneTreeActions();
-    const viewer = recoil.useRecoilValue(viewerElement);
-    const callbackRef = useRecoilRef({
-        state: sceneTreeElement,
-    });
-    const wrappedExpansionHandler = (event, node, tree) => {
-        sceneTreeActions.toggleExpansion(event, node, tree);
-        onToggleExpansion === null || onToggleExpansion === void 0 ? void 0 : onToggleExpansion(event, node, tree);
-    };
-    const wrappedSelectionHandler = (event, node, tree) => {
-        sceneTreeActions.toggleSelection(event, node, tree);
-        onToggleSelection === null || onToggleSelection === void 0 ? void 0 : onToggleSelection(event, node, tree);
-    };
-    const wrappedVisibilityHandler = (event, node, tree) => {
-        sceneTreeActions.toggleVisibility(event, node, tree);
-        onToggleVisibility === null || onToggleVisibility === void 0 ? void 0 : onToggleVisibility(event, node, tree);
-    };
-    const handleClick = (event) => {
-        if (event.altKey) {
-            sceneTreeActions.flyToRow(event.clientY);
-        }
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    };
-    const handlePointerDown = (event) => {
-        if (targetIsElement(event.target, 'VERTEX-SCENE-TREE-TABLE-COLUMN')) {
-            selectionActions.clearSelection();
-        }
-        onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(event);
-    };
-    return (jsxRuntime.jsxs(viewerReact.VertexSceneTree, Object.assign({ id: id !== null && id !== void 0 ? id : 'vertex-scene-tree', "data-testid": "vertex-scene-tree", config: config, ref: callbackRef, className: classNames('shrink-0', className), style: Object.assign(Object.assign(Object.assign({}, styleFromOptionalFont(font)), styleFromOptionalBackgroundColors(backgroundColors)), style), onConnectionError: (e) => {
-            logger.error('Scene Tree Connection Error: ', e.detail);
-        }, viewer: viewer, onPointerDown: handlePointerDown, onClick: handleClick, rowData: (row) => {
-            var _a;
-            const providedRowData = (_a = rowData === null || rowData === void 0 ? void 0 : rowData(row)) !== null && _a !== void 0 ? _a : {};
-            return Object.assign({ handleExpansion: wrappedExpansionHandler, handleSelection: wrappedSelectionHandler, handleVisibility: wrappedVisibilityHandler }, providedRowData);
-        } }, sdkProps, { children: [jsxRuntime.jsx(VertexSceneTreeToolbar, {}), jsxRuntime.jsx(VertexSceneTreeTableLayout, {}), children] })));
-};
-
-const useSynchronizedProp = (state, value) => {
-    const setState = recoil.useSetRecoilState(state);
-    React.useEffect(() => {
-        setState(value);
-    }, [setState, value]);
-};
-
-const VertexPopupButton = (_a) => {
-    var { open, children } = _a, uiProps = __rest(_a, ["open", "children"]);
-    const anchor = children.find((c) => c.type === Anchor);
-    const others = children.filter((c) => c.type !== Anchor);
-    if (anchor == null) {
-        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
-    }
-    return (jsxRuntime.jsxs(uiReact.VertexPopover, Object.assign({ className: "flex", placement: "top", backdrop: false, open: open }, uiProps, { children: [anchor, jsxRuntime.jsx("div", { className: classNames('flex mb-1.5', {
-                    hidden: !open,
-                }), "data-testid": "align-plane-popover-menu", children: others })] })));
-};
-const Anchor = ({ tooltipContent, children }) => {
-    return (jsxRuntime.jsx("div", { slot: "anchor", children: jsxRuntime.jsx(uiReact.VertexTooltip, { className: "cursor-pointer", content: tooltipContent, children: children }) }));
-};
-VertexPopupButton.Anchor = Anchor;
-
-const VertexSlider = (_a) => {
-    var { value, defaultValue, onChange, onValueChange, onValueInput } = _a, uiProps = __rest(_a, ["value", "defaultValue", "onChange", "onValueChange", "onValueInput"]);
-    const [displayedValue, setDisplayedValue] = React.useState(defaultValue);
-    return (jsxRuntime.jsx(uiReact.VertexSlider, Object.assign({ className: "w-52 mx-2 items-center", value: value !== null && value !== void 0 ? value : displayedValue, onValueChange: (e) => {
-            setDisplayedValue(e.detail.value);
-            onChange === null || onChange === void 0 ? void 0 : onChange(e.detail.value);
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(e);
-        }, onValueInput: (e) => {
-            setDisplayedValue(e.detail.value);
-            onChange === null || onChange === void 0 ? void 0 : onChange(e.detail.value);
-            onValueInput === null || onValueInput === void 0 ? void 0 : onValueInput(e);
-        } }, uiProps)));
-};
-
-function VertexViewerToolbarDivider() {
-    return (jsxRuntime.jsx("div", { "data-testid": "toolbar-divider", className: "h-6 w-px bg-neutral-300 mx-1 items-center mt-1" }));
-}
-
-function VertexViewerCrossSectionAlignmentPopoverMenu() {
-    const crossSectioningActions = useCrossSectioningActions();
-    const open = recoil.useRecoilValue(crossSectioningAlignmentToolsOpen);
-    const alignment = recoil.useRecoilValue(crossSectioningAlignment);
-    const getBaseIcon = () => {
-        return `align-to-${alignment === null || alignment === void 0 ? void 0 : alignment.mode}`;
-    };
-    useStackKeyBinding({
-        id: 'CrossSectionAlignment',
-        keyBind: 'Escape',
-        fn: crossSectioningActions.cancelCurrentHit,
-        addPredicate: () => { var _a; return (_a = alignment === null || alignment === void 0 ? void 0 : alignment.hitPending) !== null && _a !== void 0 ? _a : false; },
-        cancelPredicate: () => !(alignment === null || alignment === void 0 ? void 0 : alignment.hitPending),
-    }, [alignment === null || alignment === void 0 ? void 0 : alignment.hitPending]);
-    return (jsxRuntime.jsxs(VertexPopupButton, { "data-testid": "section-alignment-popover", placement: "top", backdrop: false, open: open, onDismissed: crossSectioningActions.closeAlignmentTools, children: [jsxRuntime.jsx(VertexPopupButton.Anchor, { tooltipContent: "Section Alignment", children: jsxRuntime.jsx(uiReact.VertexIconButton, { "data-testid": "section-alignment-icon-button", iconName: getBaseIcon(), iconColor: "secondary", onClick: open
-                        ? crossSectioningActions.closeAlignmentTools
-                        : crossSectioningActions.openAlignmentTools, children: jsxRuntime.jsx(uiReact.VertexIcon, { "data-testid": "section-alignment-icon-chevron", name: "chevron-up", size: "sm" }) }) }), jsxRuntime.jsxs(viewerReact.VertexViewerToolbarGroup, { direction: "vertical", className: "flex justify-evenly items-center py-1 my-1 ring-1 ring-neutral-200 rounded bg-neutral-100 opacity-95", children: [jsxRuntime.jsx(uiReact.VertexIconButton, { iconColor: "secondary", onClick: () => crossSectioningActions.updateAlignment('global'), className: "w-full text-neutral-800 hover:bg-neutral-300 rounded cursor-pointer mx-0.5 py-1 px-2", "data-testid": "section-alignment-align-global", iconName: "align-to-global", variant: "plain", children: jsxRuntime.jsx("div", { className: "text-base ml-2", children: "Align to Global" }) }), jsxRuntime.jsx(uiReact.VertexIconButton, { iconColor: "secondary", onClick: () => crossSectioningActions.updateAlignment('surface'), className: "w-full text-neutral-800 hover:bg-neutral-300 rounded cursor-pointer mx-0.5 py-1 px-2", "data-testid": "section-alignment-align-surface", iconName: "align-to-surface", variant: "plain", children: jsxRuntime.jsx("div", { className: "text-base ml-2", children: "Align to Surface" }) })] })] }));
-}
-
-function VertexViewerCrossSectionAxisPopoverMenu() {
-    const crossSectioningActions = useCrossSectioningActions();
-    const open = recoil.useRecoilValue(crossSectioningAxisToolsOpen);
-    const planes = recoil.useRecoilValue(crossSectioningPlanes);
-    const availableAxes = recoil.useRecoilValueLoadable(crossSectioningAvailableAxes);
-    const baseIcon = React.useMemo(() => {
-        const axis$1 = planes.length > 0 && availableAxes.state === 'hasValue'
-            ? axis(planes[0], xAxis(availableAxes.contents), yAxis(availableAxes.contents), zAxis(availableAxes.contents))
-            : 'x';
-        return axis$1 != null ? `axis-${axis$1}` : 'axis-x';
-    }, [availableAxes.state, availableAxes.contents, planes]);
-    return (jsxRuntime.jsxs(VertexPopupButton, { "data-testid": "align-plane-popover", placement: "top", backdrop: false, open: open, onDismissed: crossSectioningActions.closeAxisTools, children: [jsxRuntime.jsx(VertexPopupButton.Anchor, { tooltipContent: "Align Plane", children: jsxRuntime.jsx(uiReact.VertexIconButton, { onClick: open
-                        ? crossSectioningActions.closeAxisTools
-                        : crossSectioningActions.openAxisTools, iconName: baseIcon, "data-testid": "align-plane-icon", iconColor: "secondary", children: jsxRuntime.jsx(uiReact.VertexIcon, { "data-testid": "align-plane-icon-chevron", name: "chevron-up", size: "sm" }) }) }), jsxRuntime.jsxs(viewerReact.VertexViewerToolbarGroup, { direction: "vertical", className: "flex justify-evenly items-center py-1 my-1 ring-1 ring-neutral-200 rounded bg-neutral-100 opacity-95", children: [jsxRuntime.jsx(uiReact.VertexIconButton, { "data-testid": "align-plane-x-axis-button", className: "w-full text-neutral-800 hover:bg-neutral-300 rounded cursor-pointer mx-0.5 py-1 px-2", onClick: () => crossSectioningActions.updateAxis('x'), variant: "plain", iconColor: "secondary", iconName: "axis-x", children: jsxRuntime.jsx("div", { className: "text-base ml-2", children: "X-axis Plane" }) }), jsxRuntime.jsx(uiReact.VertexIconButton, { className: "w-full text-neutral-800 hover:bg-neutral-300 rounded cursor-pointer mx-0.5 py-1 px-2", variant: "plain", iconColor: "secondary", iconName: "axis-y", "data-testid": "align-plane-y-axis-button", onClick: () => crossSectioningActions.updateAxis('y'), children: jsxRuntime.jsx("div", { className: "text-base ml-2", children: "Y-axis Plane" }) }), jsxRuntime.jsx(uiReact.VertexIconButton, { "data-testid": "align-plane-z-axis-button", className: "w-full text-neutral-800 hover:bg-neutral-300 rounded cursor-pointer mx-0.5 py-1 px-2", onClick: () => crossSectioningActions.updateAxis('z'), variant: "plain", iconColor: "secondary", iconName: "axis-z", children: jsxRuntime.jsx("div", { className: "text-base ml-2", children: "Z-axis Plane" }) })] })] }));
-}
-
-/**
- * Types of distance units
- */
-var DistanceUnit;
-(function (DistanceUnit) {
-    DistanceUnit["mm"] = "millimeters";
-    DistanceUnit["cm"] = "centimeters";
-    DistanceUnit["m"] = "meters";
-    DistanceUnit["in"] = "inches";
-    DistanceUnit["ft"] = "feet";
-})(DistanceUnit || (DistanceUnit = {}));
-/**
- * Conversion factors (based on mm)
- */
-var DistanceUnitConversion;
-(function (DistanceUnitConversion) {
-    DistanceUnitConversion[DistanceUnitConversion["mm"] = 1] = "mm";
-    DistanceUnitConversion[DistanceUnitConversion["cm"] = 0.1] = "cm";
-    DistanceUnitConversion[DistanceUnitConversion["m"] = 0.001] = "m";
-    DistanceUnitConversion[DistanceUnitConversion["in"] = 0.03937007874015748] = "in";
-    DistanceUnitConversion[DistanceUnitConversion["ft"] = 0.0032808398950131233] = "ft";
-})(DistanceUnitConversion || (DistanceUnitConversion = {}));
-/**
- * Converts a value from non-system units (in) to base system units (mm) using supplied conversion factor.
- *
- * @param value Value to convert.
- * @param fromUnit Unit converting from (to base system units)
- */
-const convertFrom = (value, fromUnit) => {
-    const conversionFactor = DistanceUnitConversion[fromUnit];
-    return value / conversionFactor;
-};
-/**
- * Converts a value from base system units (mm) to another unit based on supplied conversion factor.
- *
- * @param value Value to convert.
- * @param toUnit Unit to convert to (from base system units)
- */
-const convertTo = (value, toUnit) => {
-    const conversionFactor = DistanceUnitConversion[toUnit];
-    return value * conversionFactor;
-};
-/**
- * Formats a numeric value as a string with supplied unit and decimal places.
- *
- * @param value
- * @param unit
- * @param decimalPlaces
- */
-const formatWithUnit = (value, unit, decimalPlaces) => {
-    return `${value.toFixed(decimalPlaces)} ${unit}`;
-};
-/**
- * Formats a (millimeter based) numeric distance value
- * for display, as converted to specificied units.
- *
- * @param value
- * @param unit
- * @param decimalPlaces
- */
-const formatDistance = (value, unit, decimalPlaces) => {
-    return formatWithUnit(convertTo(value, unit), unit, decimalPlaces);
-};
-/**
- * Returns a distance formatter function for a given pair of unit and decimal place params.
- *
- * @param unit
- * @param decimalPlaces
- */
-const createDistanceFormatter = (unit, decimalPlaces) => {
-    return (value) => formatDistance(value, unit, decimalPlaces);
-};
-
-function VertexViewerCrossSectionOffsetStepper({ offset, measurementUnit, decimalPlaces, onOffsetChange, }) {
-    const [value, setValue] = React.useState(convertTo(offset, measurementUnit));
-    React.useEffect(() => {
-        setValue(convertTo(offset, measurementUnit));
-    }, [measurementUnit, offset]);
-    const formatter = createDistanceFormatter(measurementUnit, decimalPlaces);
-    const handleIncrementalUpdate = (increment) => {
-        const updated = convertFrom(value + increment, measurementUnit);
-        onOffsetChange(updated);
-    };
-    const handleSubmit = (event) => {
-        event.preventDefault();
-        onOffsetChange(convertFrom(value, measurementUnit));
-    };
-    const handleBlur = () => {
-        onOffsetChange(convertFrom(value, measurementUnit));
-    };
-    return (jsxRuntime.jsx(uiReact.VertexTooltip, { content: "Plane Offset", children: jsxRuntime.jsx("form", { "data-testid": "cross-section-stepper-form", onSubmit: handleSubmit, children: jsxRuntime.jsxs(uiReact.VertexTextfield, { "data-testid": "cross-section-stepper-input", className: "viewer-toolbar-input w-32 border-none ring-0 bg-white", type: "text", value: formatter(parseFloat(offset.toFixed(3))), onInputInput: (event) => {
-                    setValue(event.detail.value != null
-                        ? parseFloat(event.detail.value)
-                        : offset);
-                }, onBlur: handleBlur, children: [jsxRuntime.jsx("div", { "data-testid": "cross-section-stepper-decrement", className: "py-1 cursor-pointer", slot: "left", onClick: () => handleIncrementalUpdate(-1), children: jsxRuntime.jsx(uiReact.VertexIcon, { name: "chevron-left", size: "sm" }) }), jsxRuntime.jsx("div", { "data-testid": "cross-section-stepper-increment", className: "py-1 cursor-pointer", slot: "right", onClick: () => handleIncrementalUpdate(1), children: jsxRuntime.jsx(uiReact.VertexIcon, { name: "chevron-right", size: "sm" }) })] }) }) }));
-}
-
-const INTERACTIVITY_TIMEOUT_DEBOUNCE_THRESHOLD = 400;
-function VertexViewerCrossSectionPopupMenu({ decimalPlaces, measurementUnit, }) {
-    const crossSectioningActions = useCrossSectioningActions();
-    const open = recoil.useRecoilValue(crossSectioningAdditionalToolsOpen);
-    const sliderRange = recoil.useRecoilValueLoadable(crossSectioningSliderRange);
-    const displayOffset = recoil.useRecoilValueLoadable(crossSectioningPlaneDisplayOffset);
-    const interactiveTimeout = React.useRef();
-    const displayedRange = React.useMemo(() => sliderRange.state === 'hasValue'
-        ? sliderRange.contents
-        : DEFAULT_SLIDER_RANGE, [sliderRange.state, sliderRange.contents]);
-    const displayedOffset = React.useMemo(() => (displayOffset.state === 'hasValue' ? displayOffset.contents : 0), [displayOffset.state, displayOffset.contents]);
-    const handleCrossSectionValueChange = (value) => {
-        clearTimeout(interactiveTimeout.current);
-        interactiveTimeout.current = window.setTimeout(() => {
-            crossSectioningActions.endInteraction();
-        }, INTERACTIVITY_TIMEOUT_DEBOUNCE_THRESHOLD);
-        crossSectioningActions.beginInteraction();
-        crossSectioningActions.updatePlanes(value);
-    };
-    return (jsxRuntime.jsxs(VertexPopupButton, { "data-testid": "cross-section-popover", placement: "top", backdrop: false, open: open, onDismissed: crossSectioningActions.closeAdditionalTools, children: [jsxRuntime.jsx(VertexPopupButton.Anchor, { tooltipContent: "Section Tools", children: jsxRuntime.jsx("div", { className: "-ml-px py-1.5", children: jsxRuntime.jsx(uiReact.VertexIcon, { "data-testid": "cross-section-popover-icon", name: "chevron-up", size: "sm", onClick: open
-                            ? crossSectioningActions.closeAdditionalTools
-                            : crossSectioningActions.openAdditionalTools }) }) }), jsxRuntime.jsxs(viewerReact.VertexViewerToolbarGroup, { className: "relative bottom-3 flex justify-evenly items-center p-1 ring-1 ring-neutral-200 rounded bg-neutral-100 opacity-95", children: [jsxRuntime.jsx(VertexViewerCrossSectionAlignmentPopoverMenu, {}), jsxRuntime.jsx(uiReact.VertexTooltip, { className: "w-auto", content: "Reverse", children: jsxRuntime.jsx(uiReact.VertexIconButton, { iconName: "flip", "data-testid": "viewer-toolbar-flip-button", onClick: crossSectioningActions.flipPlanes, iconColor: "secondary" }) }), jsxRuntime.jsx(uiReact.VertexTooltip, { className: "w-auto", content: "Align View to Plane", children: jsxRuntime.jsx(uiReact.VertexIconButton, { "data-testid": "viewer-toolbar-align-view-to-plane-button", iconName: "align-view-to-plane", onClick: crossSectioningActions.alignViewToPlane, iconColor: "secondary" }) }), jsxRuntime.jsx(VertexViewerToolbarDivider, {}), jsxRuntime.jsx(VertexViewerCrossSectionAxisPopoverMenu, {}), jsxRuntime.jsx(VertexSlider, { value: displayedOffset, defaultValue: displayedRange.default, disabled: sliderRange.state !== 'hasValue', min: displayedRange.min, max: displayedRange.max, step: 0.01, onChange: handleCrossSectionValueChange }), jsxRuntime.jsx("div", { className: "px-4", children: jsxRuntime.jsx(VertexViewerCrossSectionOffsetStepper, { decimalPlaces: decimalPlaces, measurementUnit: measurementUnit, offset: displayOffset.state === 'hasValue' ? displayOffset.contents : 0, onOffsetChange: handleCrossSectionValueChange }) })] })] }));
-}
-
-const VertexViewerCrossSectionButton = ({ decimalPlaces, measurementUnit, sectionLineWidth, sectionColor, }) => {
-    const crossSectioningActions = useCrossSectioningActions();
-    const isEnabled = recoil.useRecoilValue(crossSectioningEnabled);
-    useSynchronizedProp(crossSectioningBorderWidth, sectionLineWidth);
-    useSynchronizedProp(crossSectioningHighlightColor, sectionColor);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(uiReact.VertexTooltip, { content: isEnabled ? 'Hide Section' : 'Show Section', children: jsxRuntime.jsx(uiReact.VertexIconButton, { "data-testid": "viewer-toolbar-cross-section-button", iconName: "cross-section", iconColor: isEnabled ? 'primary' : 'secondary', onClick: () => isEnabled
-                        ? crossSectioningActions.disable()
-                        : crossSectioningActions.enable() }) }), jsxRuntime.jsx(VertexViewerCrossSectionPopupMenu, { decimalPlaces: decimalPlaces !== null && decimalPlaces !== void 0 ? decimalPlaces : 2, measurementUnit: measurementUnit !== null && measurementUnit !== void 0 ? measurementUnit : 'mm' })] }));
-};
-
-const VertexFitAllButton = () => {
-    const viewerHTMLElement = recoil.useRecoilValue(viewerElement);
-    return (jsxRuntime.jsx(uiReact.VertexTooltip, { content: "Fit All", children: jsxRuntime.jsx(uiReact.VertexIconButton, { iconName: "fit-all", iconColor: "secondary", "data-testid": "viewer-toolbar-fit-all-button", onClick: async () => {
-                const scene = await (viewerHTMLElement === null || viewerHTMLElement === void 0 ? void 0 : viewerHTMLElement.scene());
-                await (scene === null || scene === void 0 ? void 0 : scene.camera().viewAll().render({ animation: { milliseconds: 500 } }));
-            } }) }));
-};
-
-const VertexPanButton = () => {
-    const viewerHTMLElement = recoil.useRecoilValue(viewerElement);
-    const sceneReady = recoil.useRecoilValue(viewerInitialSceneReady);
-    const [activeTool, setActiveTool] = recoil.useRecoilState(viewerPrimaryInteractionType);
-    const [interactionHandler, setInteractionHandler] = recoil.useRecoilState(viewerBaseInteractionHandlerProvider);
-    React.useEffect(() => {
-        if (viewerHTMLElement != null && sceneReady) {
-            setInteractionHandler(viewerHTMLElement.getBaseInteractionHandler());
-        }
-    }, [viewerHTMLElement, sceneReady, setInteractionHandler]);
-    return (jsxRuntime.jsx(uiReact.VertexTooltip, { content: "Pan", children: jsxRuntime.jsx(uiReact.VertexIconButton, { iconName: "pan", iconColor: activeTool === 'pan' ? 'primary' : 'secondary', "data-testid": "viewer-toolbar-pan-button", onClick: async () => {
-                setActiveTool('pan');
-                if (interactionHandler != null) {
-                    const handler = await interactionHandler;
-                    handler === null || handler === void 0 ? void 0 : handler.setPrimaryInteractionType('pan');
-                }
-            } }) }));
-};
-
-const VertexRotateButton = () => {
-    const viewerHTMLElement = recoil.useRecoilValue(viewerElement);
-    const sceneReady = recoil.useRecoilValue(viewerInitialSceneReady);
-    const [activeTool, setActiveTool] = recoil.useRecoilState(viewerPrimaryInteractionType);
-    const [interactionHandler, setInteractionHandler] = recoil.useRecoilState(viewerBaseInteractionHandlerProvider);
-    React.useEffect(() => {
-        if (viewerHTMLElement != null && sceneReady) {
-            setInteractionHandler(viewerHTMLElement.getBaseInteractionHandler());
-        }
-    }, [viewerHTMLElement, sceneReady, setInteractionHandler]);
-    return (jsxRuntime.jsx(uiReact.VertexTooltip, { content: "Rotate", children: jsxRuntime.jsx(uiReact.VertexIconButton, { iconName: "rotate", iconColor: activeTool === 'rotate' ? 'primary' : 'secondary', "data-testid": "viewer-toolbar-rotate-button", onClick: async () => {
-                setActiveTool('rotate');
-                if (interactionHandler != null) {
-                    const handler = await interactionHandler;
-                    handler === null || handler === void 0 ? void 0 : handler.setPrimaryInteractionType('rotate');
-                }
-            } }) }));
-};
-
-const boxSelectionEnabled = recoil.atom({
-    key: 'boxSelectionEnabled',
-    default: false,
-});
-const boxSelectionOperationType = recoil.atom({
-    key: 'boxSelectionOperationType',
-    default: 'clearAndSelect',
-});
-
-const useBoxSelectionActions = () => {
-    return {
-        enable: useActionCallback(({ set }) => () => {
-            set(boxSelectionEnabled, true);
-        }),
-        disable: useActionCallback(({ reset }) => async () => {
-            reset(boxSelectionEnabled);
-            reset(boxSelectionOperationType);
-        }),
-        setOperationType: useActionCallback(({ set }) => (operationType) => {
-            set(boxSelectionOperationType, operationType);
-        }),
-    };
-};
-
-const VertexBoxSelectionButton = () => {
-    const boxSelectionActions = useBoxSelectionActions();
-    const enabled = recoil.useRecoilValue(boxSelectionEnabled);
-    useStackKeyBinding({
-        id: 'ExitBoxSelection',
-        keyBind: 'Escape',
-        fn: boxSelectionActions.disable,
-        addPredicate: () => enabled,
-        cancelPredicate: () => !enabled,
-    }, [enabled]);
-    return (jsxRuntime.jsx(uiReact.VertexTooltip, { content: "Box Selection", children: jsxRuntime.jsx(uiReact.VertexIconButton, { iconName: "box-cursor", iconColor: enabled ? 'primary' : 'secondary', "data-testid": "viewer-toolbar-enable-box-selection-button", onClick: enabled ? boxSelectionActions.disable : boxSelectionActions.enable }) }));
-};
-
-const VertexZoomButton = () => {
-    const viewerHTMLElement = recoil.useRecoilValue(viewerElement);
-    const sceneReady = recoil.useRecoilValue(viewerInitialSceneReady);
-    const [activeTool, setActiveTool] = recoil.useRecoilState(viewerPrimaryInteractionType);
-    const [interactionHandler, setInteractionHandler] = recoil.useRecoilState(viewerBaseInteractionHandlerProvider);
-    React.useEffect(() => {
-        if (viewerHTMLElement != null && sceneReady) {
-            setInteractionHandler(viewerHTMLElement.getBaseInteractionHandler());
-        }
-    }, [viewerHTMLElement, sceneReady, setInteractionHandler]);
-    return (jsxRuntime.jsx(uiReact.VertexTooltip, { content: "Zoom", children: jsxRuntime.jsx(uiReact.VertexIconButton, { iconName: "zoom", iconColor: activeTool === 'zoom' ? 'primary' : 'secondary', "data-testid": "viewer-toolbar-zoom-button", onClick: async () => {
-                setActiveTool('zoom');
-                if (interactionHandler != null) {
-                    const handler = await interactionHandler;
-                    handler === null || handler === void 0 ? void 0 : handler.setPrimaryInteractionType('zoom');
-                }
-            } }) }));
-};
-
-const DefaultToolbar = () => {
-    return (jsxRuntime.jsx(viewerReact.VertexViewerToolbar, { placement: 'bottom-center', children: jsxRuntime.jsxs(viewerReact.VertexViewerToolbarGroup, { className: "p-1 border border-neutral-200 rounded bg-neutral-100 opacity-95", children: [jsxRuntime.jsx(VertexRotateButton, {}), jsxRuntime.jsx(VertexPanButton, {}), jsxRuntime.jsx(VertexZoomButton, {}), jsxRuntime.jsx(VertexFitAllButton, {}), jsxRuntime.jsx(VertexViewerToolbarDivider, {}), jsxRuntime.jsx(VertexBoxSelectionButton, {}), jsxRuntime.jsx(VertexViewerToolbarDivider, {}), jsxRuntime.jsx(VertexViewerCrossSectionButton, {})] }) }));
-};
-
-const VertexToolbar = ({ children }) => {
-    const hasDefinedChildren = children != null && children !== false;
-    return (jsxRuntime.jsx(viewerReact.VertexViewerToolbar, { placement: 'bottom-center', children: hasDefinedChildren ? (jsxRuntime.jsx(viewerReact.VertexViewerToolbarGroup, { className: "p-1 border border-neutral-200 rounded bg-neutral-100 opacity-95", children: children })) : (jsxRuntime.jsx(DefaultToolbar, {})) }));
-};
-
-const VertexViewerSceneReset = ({ onReset }) => {
-    const crossSectioningActions = useCrossSectioningActions();
-    const selectionActions = useSelectionActions();
-    const viewerSceneActions = useViewerSceneActions();
-    const handleReset = async () => {
-        await crossSectioningActions.disable();
-        selectionActions.resetSelectionState();
-        onReset === null || onReset === void 0 ? void 0 : onReset();
-        await viewerSceneActions.reset();
-    };
-    return (jsxRuntime.jsx(uiReact.VertexTooltip, { content: "Reset View", children: jsxRuntime.jsx(uiReact.VertexIconButton, { iconName: "reset", className: "flex bg-white opacity-70 hover:opacity-100 text-neutral-900 hover:text-neutral-700 hover:bg-neutral-200 rounded p-1 cursor-pointer", "data-testid": "viewer-reset-tool-button", onClick: handleReset, variant: "plain" }) }));
-};
-
-function useViewerFrameActions() {
-    return {
-        frameDrawn: useActionCallback(({ set, reset, snapshot }) => async (event) => {
-            const currentSummary = await snapshot.getPromise(selectionVisibleSummary);
-            set(viewerFrameScene, event.detail.scene);
-            set(selectionVisibleSummary, event.detail.scene.sceneViewSummary.selectedVisibleSummary);
-            set(selectionPreviousVisibleSummary, currentSummary);
-        }),
-    };
-}
-
-function useCallbackRef(props) {
-    var _a;
-    const [element, setElement] = React.useState((_a = void 0 ) !== null && _a !== void 0 ? _a : null);
-    const callback = React.useCallback((node) => setElement(node), []);
-    return {
-        element,
-        callback,
-    };
-}
-
-const BoxSelectionTool = () => {
-    const { callback } = useCallbackRef();
-    const boxSelectionActions = useBoxSelectionActions();
-    const operationType = recoil.useRecoilValue(boxSelectionOperationType);
-    useApplyKeyBinding({
-        keyBind: 'Shift',
-        fn: React__namespace.useCallback(() => boxSelectionActions.setOperationType('select'), []),
-        off: React__namespace.useCallback(() => boxSelectionActions.setOperationType('clearAndSelect'), []),
-    });
-    return (jsxRuntime.jsx(viewerReact.VertexViewerBoxQueryTool, { ref: callback, "data-testid": "viewer-box-query-tool", operationType: operationType }));
-};
-
-const VertexViewerViewCube = (_a) => {
-    var { placement, children } = _a, sdkProps = __rest(_a, ["placement", "children"]);
-    const childrenAsArray = Array.isArray(children)
-        ? children
-        : [children];
-    const definedChildrenWithoutViewCube = childrenAsArray
-        .filter((c) => !React.isValidElement(c) || c.type !== viewerReact.VertexViewerViewCube)
-        .filter((c) => c != null && c !== false);
-    const viewCube = childrenAsArray.find((c) => React.isValidElement(c) && c.type === viewerReact.VertexViewerViewCube);
-    return (jsxRuntime.jsxs(viewerReact.VertexViewerToolbar, { direction: "vertical", "data-testid": "view-cube-toolbar", placement: placement !== null && placement !== void 0 ? placement : 'top-right', children: [viewCube !== null && viewCube !== void 0 ? viewCube : jsxRuntime.jsx(viewerReact.VertexViewerViewCube, Object.assign({ className: "m-7" }, sdkProps)), definedChildrenWithoutViewCube.length === 0 ? (jsxRuntime.jsx("div", { className: "flex items-center justify-center mt-3", children: jsxRuntime.jsx(VertexViewerSceneReset, {}) })) : (jsxRuntime.jsx("div", { className: "mt-3", children: definedChildrenWithoutViewCube }))] }));
-};
-
-const VertexViewer = (_a) => {
-    var { id, disableSelection, onTap, onLongpress, onFrameDrawn, viewerRefCallback, children } = _a, sdkProps = __rest(_a, ["id", "disableSelection", "onTap", "onLongpress", "onFrameDrawn", "viewerRefCallback", "children"]);
-    const config = recoil.useRecoilValue(sdkConfig);
-    const callbackRef = useRecoilRef({
-        state: viewerElement,
-    });
-    const currentCrossSectionAlignment = recoil.useRecoilValue(crossSectioningAlignment);
-    const [sceneReady, setSceneReady] = recoil.useRecoilState(viewerInitialSceneReady);
-    const isBoxSelectionEnabled = recoil.useRecoilValue(boxSelectionEnabled);
-    const viewerFrameActions = useViewerFrameActions();
-    const hitActions = useHitActions();
-    const selectionActions = useSelectionActions();
-    const hasDefinedChildren = children != null && children !== false;
-    useKeyBindings();
-    return (jsxRuntime.jsxs(viewerReact.VertexViewer, Object.assign({ id: id !== null && id !== void 0 ? id : 'vertex-viewer', "data-testid": "vertex-viewer", ref: viewerRefCallback !== null && viewerRefCallback !== void 0 ? viewerRefCallback : callbackRef, className: classNames('flex w-full h-full', {
-            'cursor-crosshair': currentCrossSectionAlignment.hitPending,
-        }), config: config, onTap: (e) => {
-            const actions = [
-                ...(disableSelection ? [] : [selectionActions.selectCurrentHit]),
-            ];
-            hitActions.tap(e, ...actions);
-            onTap === null || onTap === void 0 ? void 0 : onTap(e);
-        }, onLongpress: (e) => {
-            hitActions.longPress(e);
-            onLongpress === null || onLongpress === void 0 ? void 0 : onLongpress(e);
-        }, onFrameDrawn: (e) => {
-            viewerFrameActions.frameDrawn(e);
-            onFrameDrawn === null || onFrameDrawn === void 0 ? void 0 : onFrameDrawn(e);
-        } }, sdkProps, { onSceneReady: () => {
-            if (!sceneReady) {
-                setSceneReady(true);
-            }
-        }, children: [isBoxSelectionEnabled && jsxRuntime.jsx(BoxSelectionTool, {}), hasDefinedChildren ? (children) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(VertexViewerViewCube, {}), jsxRuntime.jsx(VertexToolbar, {})] }))] })));
-};
-
-function toSdkConfig(config) {
-    if (isOnlyNetworkConfig(config)) {
-        return { network: config };
-    }
-    return config;
-}
-function isOnlyNetworkConfig(config) {
-    const asNetworkConfig = config;
-    if (asNetworkConfig.renderingHost != null) {
-        return true;
-    }
-    return false;
-}
-
-const VertexViewerToolkitEventListener = ({ onHitStateChange, onSelectionStateChange, }) => {
-    const hitState$1 = recoil.useRecoilValue(hitState);
-    const selectionState$1 = recoil.useRecoilValue(selectionState);
-    React.useEffect(() => {
-        onHitStateChange === null || onHitStateChange === void 0 ? void 0 : onHitStateChange(hitState$1);
-    }, [hitState$1, onHitStateChange]);
-    React.useEffect(() => {
-        onSelectionStateChange === null || onSelectionStateChange === void 0 ? void 0 : onSelectionStateChange(selectionState$1);
-    }, [selectionState$1, onSelectionStateChange]);
-    return jsxRuntime.jsx(jsxRuntime.Fragment, {});
-};
-
-const VertexViewerToolkitRoot = (_a) => {
-    var { override, children, config } = _a, eventWrapperProps = __rest(_a, ["override", "children", "config"]);
-    React.useEffect(() => {
-        loader.defineCustomElements();
-    }, []);
-    return (jsxRuntime.jsx(recoil.RecoilRoot, { override: override, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(VertexViewerToolkitEventListener, Object.assign({}, eventWrapperProps)), jsxRuntime.jsx(VertexViewerToolkitRootConfig, { config: config, children: children })] }) }));
-};
-const VertexViewerToolkitRootConfig = ({ config, children, }) => {
-    const setSdkConfig = recoil.useSetRecoilState(sdkConfig);
-    React.useEffect(() => {
-        const parsedConfig = config != null ? toSdkConfig(config) : undefined;
-        setSdkConfig(parsedConfig);
-    }, [config, setSdkConfig]);
-    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
-};
-
-var index = /*#__PURE__*/Object.freeze({
-   __proto__: null,
-   get AssemblyFontFace () { return AssemblyFontFace; }
-});
-
-exports.CrossSection = index$3;
-exports.Hits = index$2;
-exports.SceneTree = index;
-exports.Selection = index$1;
-exports.VertexContextMenu = VertexContextMenu;
-exports.VertexFitAllButton = VertexFitAllButton;
-exports.VertexFitSelectedMenuItem = VertexFitSelectedMenuItem;
-exports.VertexFlyToMenuItem = VertexFlyToMenuItem;
-exports.VertexHideAllMenuItem = VertexHideAllMenuItem;
-exports.VertexHidePartMenuItem = VertexHidePartMenuItem;
-exports.VertexHideSelectedMenuItem = VertexHideSelectedMenuItem;
-exports.VertexPanButton = VertexPanButton;
-exports.VertexRotateButton = VertexRotateButton;
-exports.VertexSceneTree = VertexSceneTree;
-exports.VertexSceneTreeContextMenu = VertexSceneTreeContextMenu;
-exports.VertexSceneTreeTableLayout = VertexSceneTreeTableLayout;
-exports.VertexShowAllMenuItem = VertexShowAllMenuItem;
-exports.VertexShowOnlyMenuItem = VertexShowOnlyMenuItem;
-exports.VertexShowOnlySelectedMenuItem = VertexShowOnlySelectedMenuItem;
-exports.VertexToolbar = VertexToolbar;
-exports.VertexViewer = VertexViewer;
-exports.VertexViewerContextMenu = VertexViewerContextMenu;
-exports.VertexViewerCrossSectionButton = VertexViewerCrossSectionButton;
-exports.VertexViewerSceneReset = VertexViewerSceneReset;
-exports.VertexViewerToolbarDivider = VertexViewerToolbarDivider;
-exports.VertexViewerToolkitRoot = VertexViewerToolkitRoot;
-exports.VertexViewerViewCube = VertexViewerViewCube;
-exports.VertexZoomButton = VertexZoomButton;
+"use strict";var e=require("react/jsx-runtime"),t=require("tslib"),n=require("quick-format-unescaped"),o=require("react"),r=require("react-dom"),i=require("@vertexvis/ui-react"),a=require("@vertexvis/geometry"),s=require("@vertexvis/viewer-react"),l=require("@vertexvis/viewer"),c=require("@vertexvis/ui/loader"),u=require("@vertexvis/viewer/loader");function _interopNamespaceDefault(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=_interopNamespaceDefault(o),p={exports:{}};const f=n;p.exports=pino;const h=pfGlobalThisOrFallback().console||{},m={mapHttpRequest:mock,mapHttpResponse:mock,wrapRequestSerializer:passthrough,wrapResponseSerializer:passthrough,wrapErrorSerializer:passthrough,req:mock,res:mock,err:asErrValue,errWithCause:asErrValue};function levelToValue(e,t){return"silent"===e?1/0:t.levels.values[e]}const v=Symbol("pino.logFuncs"),g=Symbol("pino.hierarchy"),b={error:"log",fatal:"error",warn:"error",info:"log",debug:"log",trace:"log"};function appendChildLogger(e,t){const n={logger:t,parent:e[g]};t[g]=n}function setupBaseLogFunctions(e,t,n){const o={};t.forEach((e=>{o[e]=n[e]?n[e]:h[e]||h[b[e]||"log"]||noop})),e[v]=o}function shouldSerialize(e,t){if(Array.isArray(e)){const t=undefined;return e.filter((function(e){return"!stdSerializers.err"!==e}))}return!0===e&&Object.keys(t)}function pino(e){(e=e||{}).browser=e.browser||{};const t=e.browser.transmit;if(t&&"function"!=typeof t.send)throw Error("pino: transmit option must have a send function");const n=e.browser.write||h;e.browser.write&&(e.browser.asObject=!0);const o=e.serializers||{},r=shouldSerialize(e.browser.serialize,o);let i=e.browser.serialize;Array.isArray(e.browser.serialize)&&e.browser.serialize.indexOf("!stdSerializers.err")>-1&&(i=!1);const a=Object.keys(e.customLevels||{}),s=["error","fatal","warn","info","debug","trace"].concat(a);"function"==typeof n&&s.forEach((function(e){n[e]=n})),(!1===e.enabled||e.browser.disabled)&&(e.level="silent");const l=e.level||"info",c=Object.create(n);c.log||(c.log=noop),setupBaseLogFunctions(c,s,n),appendChildLogger({},c),Object.defineProperty(c,"levelVal",{get:getLevelVal}),Object.defineProperty(c,"level",{get:getLevel,set:setLevel});const u={transmit:t,serialize:r,asObject:e.browser.asObject,formatters:e.browser.formatters,levels:s,timestamp:getTimeFunction(e),messageKey:e.messageKey||"msg",onChild:e.onChild||noop};function getLevelVal(){return levelToValue(this.level,this)}function getLevel(){return this._level}function setLevel(e){if("silent"!==e&&!this.levels.values[e])throw Error("unknown level "+e);this._level=e,set(this,u,c,"error"),set(this,u,c,"fatal"),set(this,u,c,"warn"),set(this,u,c,"info"),set(this,u,c,"debug"),set(this,u,c,"trace"),a.forEach((e=>{set(this,u,c,e)}))}function child(n,i,a){if(!i)throw new Error("missing bindings for child Pino");a=a||{},r&&i.serializers&&(a.serializers=i.serializers);const s=a.serializers;if(r&&s){var l=Object.assign({},o,s),c=!0===e.browser.serialize?Object.keys(l):r;delete i.serializers,applySerializers([i],c,l,this._stdErrSerialize)}function Child(e){this._childLevel=1+(0|e._childLevel),this.bindings=i,l&&(this.serializers=l,this._serialize=c),t&&(this._logEvent=createLogEventShape([].concat(e._logEvent.bindings,i)))}Child.prototype=this;const u=new Child(this);return appendChildLogger(this,u),u.child=function(...e){return child.call(this,n,...e)},u.level=a.level||this.level,n.onChild(u),u}return c.levels=getLevels(e),c.level=l,c.setMaxListeners=c.getMaxListeners=c.emit=c.addListener=c.on=c.prependListener=c.once=c.prependOnceListener=c.removeListener=c.removeAllListeners=c.listeners=c.listenerCount=c.eventNames=c.write=c.flush=noop,c.serializers=o,c._serialize=r,c._stdErrSerialize=i,c.child=function(...e){return child.call(this,u,...e)},t&&(c._logEvent=createLogEventShape()),c}function getLevels(e){const t=e.customLevels||{},n=undefined,o=undefined;return{values:Object.assign({},pino.levels.values,t),labels:Object.assign({},pino.levels.labels,invertObject(t))}}function invertObject(e){const t={};return Object.keys(e).forEach((function(n){t[e[n]]=n})),t}function getBindingChain(e){const t=[];e.bindings&&t.push(e.bindings);let n=e[g];for(;n.parent;)n=n.parent,n.logger.bindings&&t.push(n.logger.bindings);return t.reverse()}function set(e,t,n,o){if(Object.defineProperty(e,o,{value:levelToValue(e.level,n)>levelToValue(o,n)?noop:n[v][o],writable:!0,enumerable:!0,configurable:!0}),e[o]===noop){if(!t.transmit)return;const r=undefined,i=levelToValue(t.transmit.level||e.level,n),a=undefined;if(levelToValue(o,n)<i)return}e[o]=createWrap(e,t,n,o);const r=getBindingChain(e);0!==r.length&&(e[o]=prependBindingsInArguments(r,e[o]))}function prependBindingsInArguments(e,t){return function(){return t.apply(this,[...e,...arguments])}}function createWrap(e,t,n,o){return r=e[v][o],function LOG(){const i=t.timestamp(),a=new Array(arguments.length),s=Object.getPrototypeOf&&Object.getPrototypeOf(this)===h?h:this;for(var l=0;l<a.length;l++)a[l]=arguments[l];var c=!1;if(t.serialize&&(applySerializers(a,this._serialize,this.serializers,this._stdErrSerialize),c=!0),t.asObject||t.formatters?r.call(s,asObject(this,o,a,i,t)):r.apply(s,a),t.transmit){const r=void 0,s=levelToValue(t.transmit.level||e._level,n),l=levelToValue(o,n);if(l<s)return;transmit(this,{ts:i,methodLevel:o,methodValue:l,transmitValue:n.levels.values[t.transmit.level||e._level],send:t.transmit.send,val:levelToValue(e._level,n)},a,c)}};var r}function asObject(e,t,n,o,r){const{level:i,log:a=e=>e}=r.formatters||{},s=n.slice();let l=s[0];const c={};if(o&&(c.time=o),i){const n=i(t,e.levels.values[t]);Object.assign(c,n)}else c.level=e.levels.values[t];let u=1+(0|e._childLevel);if(u<1&&(u=1),null!==l&&"object"==typeof l){for(;u--&&"object"==typeof s[0];)Object.assign(c,s.shift());l=s.length?f(s.shift(),s):void 0}else"string"==typeof l&&(l=f(s.shift(),s));void 0!==l&&(c[r.messageKey]=l);const d=undefined;return a(c)}function applySerializers(e,t,n,o){for(const r in e)if(o&&e[r]instanceof Error)e[r]=pino.stdSerializers.err(e[r]);else if("object"==typeof e[r]&&!Array.isArray(e[r])&&t)for(const o in e[r])t.indexOf(o)>-1&&o in n&&(e[r][o]=n[o](e[r][o]))}function transmit(e,t,n,o=!1){const r=t.send,i=t.ts,a=t.methodLevel,s=t.methodValue,l=t.val,c=e._logEvent.bindings;o||applySerializers(n,e._serialize||Object.keys(e.serializers),e.serializers,void 0===e._stdErrSerialize||e._stdErrSerialize),e._logEvent.ts=i,e._logEvent.messages=n.filter((function(e){return-1===c.indexOf(e)})),e._logEvent.level.label=a,e._logEvent.level.value=s,r(a,e._logEvent,l),e._logEvent=createLogEventShape(c)}function createLogEventShape(e){return{ts:0,messages:[],bindings:e||[],level:{label:"",value:0}}}function asErrValue(e){const t={type:e.constructor.name,msg:e.message,stack:e.stack};for(const n in e)void 0===t[n]&&(t[n]=e[n]);return t}function getTimeFunction(e){return"function"==typeof e.timestamp?e.timestamp:!1===e.timestamp?nullTime:epochTime}function mock(){return{}}function passthrough(e){return e}function noop(){}function nullTime(){return!1}function epochTime(){return Date.now()}function unixTime(){return Math.round(Date.now()/1e3)}function isoTime(){return new Date(Date.now()).toISOString()}function pfGlobalThisOrFallback(){function defd(e){return void 0!==e&&e}try{return"undefined"!=typeof globalThis||Object.defineProperty(Object.prototype,"globalThis",{get:function(){return delete Object.prototype.globalThis,this.globalThis=this},configurable:!0}),globalThis}catch(e){return defd(self)||defd(window)||defd(this)||{}}}var S;pino.levels={values:{fatal:60,error:50,warn:40,info:30,debug:20,trace:10},labels:{10:"trace",20:"debug",30:"info",40:"warn",50:"error",60:"fatal"}},pino.stdSerializers=m,pino.stdTimeFunctions=Object.assign({},{nullTime:nullTime,epochTime:epochTime,unixTime:unixTime,isoTime:isoTime}),p.exports.default=pino,p.exports.pino=pino;const w=(0,p.exports)({formatters:{level:e=>({level:e})}}),logger_error=(e,t)=>{null!=t?w.error(t,e):w.error(e)},logger_info=(e,t)=>{null!=t?w.info(t,e):w.info(e)},logger_warn=(e,t)=>{null!=t?w.warn(t,e):w.warn(e)},logger_debug=(e,t)=>{null!=t?w.debug(t,e):w.debug(e)};function err(e){const t=new Error(e);if(void 0===t.stack)try{throw t}catch(e){}return t}var _,A=err;function isPromise(e){return!!e&&"function"==typeof e.then}var E=isPromise;function nullthrows(e,t){if(null!=e)return e;throw A(null!=t?t:"Got unexpected null or undefined")}var T=nullthrows;function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class V{getValue(){throw A("BaseLoadable")}toPromise(){throw A("BaseLoadable")}valueMaybe(){throw A("BaseLoadable")}valueOrThrow(){throw A(`Loadable expected value, but in "${this.state}" state`)}promiseMaybe(){throw A("BaseLoadable")}promiseOrThrow(){throw A(`Loadable expected promise, but in "${this.state}" state`)}errorMaybe(){throw A("BaseLoadable")}errorOrThrow(){throw A(`Loadable expected error, but in "${this.state}" state`)}is(e){return e.state===this.state&&e.contents===this.contents}map(e){throw A("BaseLoadable")}}class C extends V{constructor(e){super(),_defineProperty(this,"state","hasValue"),_defineProperty(this,"contents",void 0),this.contents=e}getValue(){return this.contents}toPromise(){return Promise.resolve(this.contents)}valueMaybe(){return this.contents}valueOrThrow(){return this.contents}promiseMaybe(){}errorMaybe(){}map(e){try{const t=e(this.contents);return E(t)?loadableWithPromise(t):isLoadable(t)?t:loadableWithValue(t)}catch(t){return E(t)?loadableWithPromise(t.next((()=>this.map(e)))):loadableWithError(t)}}}class k extends V{constructor(e){super(),_defineProperty(this,"state","hasError"),_defineProperty(this,"contents",void 0),this.contents=e}getValue(){throw this.contents}toPromise(){return Promise.reject(this.contents)}valueMaybe(){}promiseMaybe(){}errorMaybe(){return this.contents}errorOrThrow(){return this.contents}map(e){return this}}class N extends V{constructor(e){super(),_defineProperty(this,"state","loading"),_defineProperty(this,"contents",void 0),this.contents=e}getValue(){throw this.contents}toPromise(){return this.contents}valueMaybe(){}promiseMaybe(){return this.contents}promiseOrThrow(){return this.contents}errorMaybe(){}map(e){return loadableWithPromise(this.contents.then((t=>{const n=e(t);if(isLoadable(n)){const e=n;switch(e.state){case"hasValue":case"loading":return e.contents;case"hasError":throw e.contents}}return n})).catch((t=>{if(E(t))return t.then((()=>this.map(e).contents));throw t})))}}function loadableWithValue(e){return Object.freeze(new C(e))}function loadableWithError(e){return Object.freeze(new k(e))}function loadableWithPromise(e){return Object.freeze(new N(e))}function loadableLoading(){return Object.freeze(new N(new Promise((()=>{}))))}function loadableAllArray(e){return e.every((e=>"hasValue"===e.state))?loadableWithValue(e.map((e=>e.contents))):e.some((e=>"hasError"===e.state))?loadableWithError(T(e.find((e=>"hasError"===e.state)),"Invalid loadable passed to loadableAll").contents):loadableWithPromise(Promise.all(e.map((e=>e.contents))))}function loadableAll(e){const t=undefined,n=(Array.isArray(e)?e:Object.getOwnPropertyNames(e).map((t=>e[t]))).map((e=>isLoadable(e)?e:E(e)?loadableWithPromise(e):loadableWithValue(e))),o=loadableAllArray(n);return Array.isArray(e)?o:o.map((t=>Object.getOwnPropertyNames(e).reduce(((e,n,o)=>({...e,[n]:t[o]})),{})))}function isLoadable(e){return e instanceof V}const R={of:e=>E(e)?loadableWithPromise(e):isLoadable(e)?e:loadableWithValue(e),error:e=>loadableWithError(e),loading:()=>loadableLoading(),all:loadableAll,isLoadable:isLoadable};var I={loadableWithValue:loadableWithValue,loadableWithError:loadableWithError,loadableWithPromise:loadableWithPromise,loadableLoading:loadableLoading,loadableAll:loadableAll,isLoadable:isLoadable,RecoilLoadable:R},O=I.loadableWithValue,L=I.loadableWithError,P=I.loadableWithPromise,j=I.loadableLoading,M=I.loadableAll,D=I.isLoadable,B=I.RecoilLoadable,U=Object.freeze({__proto__:null,loadableWithValue:O,loadableWithError:L,loadableWithPromise:P,loadableLoading:j,loadableAll:M,isLoadable:D,RecoilLoadable:B});const F={RECOIL_DUPLICATE_ATOM_KEY_CHECKING_ENABLED:!0,RECOIL_GKS_ENABLED:new Set(["recoil_hamt_2020","recoil_sync_external_store","recoil_suppress_rerender_in_callback","recoil_memory_managament_2020"])};function readProcessEnvBooleanFlag(e,t){var n,o;const r=null===(n=process.env[e])||void 0===n||null===(o=n.toLowerCase())||void 0===o?void 0:o.trim();if(null==r||""===r)return;const i=undefined;if(!["true","false"].includes(r))throw A(`process.env.${e} value must be 'true', 'false', or empty: ${r}`);t("true"===r)}function readProcessEnvStringArrayFlag(e,t){var n;const o=null===(n=process.env[e])||void 0===n?void 0:n.trim();null!=o&&""!==o&&t(o.split(/\s*,\s*|\s+/))}function applyProcessEnvFlagOverrides(){var e;"undefined"!=typeof process&&null!=(null===(e=process)||void 0===e?void 0:e.env)&&(readProcessEnvBooleanFlag("RECOIL_DUPLICATE_ATOM_KEY_CHECKING_ENABLED",(e=>{F.RECOIL_DUPLICATE_ATOM_KEY_CHECKING_ENABLED=e})),readProcessEnvStringArrayFlag("RECOIL_GKS_ENABLED",(e=>{e.forEach((e=>{F.RECOIL_GKS_ENABLED.add(e)}))})))}applyProcessEnvFlagOverrides();var H=F;function Recoil_gkx_OSS(e){return H.RECOIL_GKS_ENABLED.has(e)}Recoil_gkx_OSS.setPass=e=>{H.RECOIL_GKS_ENABLED.add(e)},Recoil_gkx_OSS.setFail=e=>{H.RECOIL_GKS_ENABLED.delete(e)},Recoil_gkx_OSS.clear=()=>{H.RECOIL_GKS_ENABLED.clear()};var W=Recoil_gkx_OSS;function recoverableViolation(e,t,{error:n}={}){return"production"!==process.env.NODE_ENV&&console.error(e,n),null}var $,G=recoverableViolation,K,q,Y;const Z=null!==(K=o.createMutableSource)&&void 0!==K?K:o.unstable_createMutableSource,X=null!==(q=o.useMutableSource)&&void 0!==q?q:o.unstable_useMutableSource,J=null!==(Y=o.useSyncExternalStore)&&void 0!==Y?Y:o.unstable_useSyncExternalStore;let Q=!1;function currentRendererSupportsUseSyncExternalStore(){var e;const{ReactCurrentDispatcher:t,ReactCurrentOwner:n}=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,r=undefined,i=null!=(null!==(e=null==t?void 0:t.current)&&void 0!==e?e:n.currentDispatcher).useSyncExternalStore;return!J||i||Q||(Q=!0,G("A React renderer without React 18+ API support is being used with React 18+.")),i}function reactMode(){return W("recoil_transition_support")?{mode:"TRANSITION_SUPPORT",early:!0,concurrent:!0}:W("recoil_sync_external_store")&&null!=J?{mode:"SYNC_EXTERNAL_STORE",early:!0,concurrent:!1}:W("recoil_mutable_source")&&null!=X&&"undefined"!=typeof window&&!window.$disableRecoilValueMutableSource_TEMP_HACK_DO_NOT_USE?W("recoil_suppress_rerender_in_callback")?{mode:"MUTABLE_SOURCE",early:!0,concurrent:!0}:{mode:"MUTABLE_SOURCE",early:!1,concurrent:!1}:W("recoil_suppress_rerender_in_callback")?{mode:"LEGACY",early:!0,concurrent:!1}:{mode:"LEGACY",early:!1,concurrent:!1}}var ee={createMutableSource:Z,useMutableSource:X,useSyncExternalStore:J,currentRendererSupportsUseSyncExternalStore:currentRendererSupportsUseSyncExternalStore,reactMode:reactMode};class te{constructor(e){_defineProperty(this,"key",void 0),this.key=e}toJSON(){return{key:this.key}}}class ne extends te{}class oe extends te{}function isRecoilValue(e){return e instanceof ne||e instanceof oe}var re={AbstractRecoilValue:te,RecoilState:ne,RecoilValueReadOnly:oe,isRecoilValue:isRecoilValue},ie=re.AbstractRecoilValue,ae=re.RecoilState,se=re.RecoilValueReadOnly,le=re.isRecoilValue,ce=Object.freeze({__proto__:null,AbstractRecoilValue:ie,RecoilState:ae,RecoilValueReadOnly:se,isRecoilValue:le});function sprintf(e,...t){let n=0;return e.replace(/%s/g,(()=>String(t[n++])))}var ue=sprintf;function expectationViolation(e,...t){if("production"!==process.env.NODE_ENV){const n=ue.call(null,e,...t),o=new Error(n);o.name="Expectation Violation",console.error(o)}}var de,pe=expectationViolation;function mapIterable(e,t){return function*(){let n=0;for(const o of e)yield t(o,n++)}()}var fe=mapIterable;class he{}const me=new he,ve=new Map,ge=new Map;function recoilValuesForKeys(e){return fe(e,(e=>T(ge.get(e))))}function checkForDuplicateAtomKey(e){if(ve.has(e)){const t=`Duplicate atom key "${e}". This is a FATAL ERROR in\n      production. But it is safe to ignore this warning if it occurred because of\n      hot module replacement.`;"production"!==process.env.NODE_ENV?pe(t,"recoil"):console.warn(t)}}function registerNode(e){H.RECOIL_DUPLICATE_ATOM_KEY_CHECKING_ENABLED&&checkForDuplicateAtomKey(e.key),ve.set(e.key,e);const t=null==e.set?new ce.RecoilValueReadOnly(e.key):new ce.RecoilState(e.key);return ge.set(e.key,t),t}class ye extends Error{}function getNode(e){const t=ve.get(e);if(null==t)throw new ye(`Missing definition for RecoilValue: "${e}""`);return t}function getNodeMaybe(e){return ve.get(e)}const be=new Map;function deleteNodeConfigIfPossible(e){var t;if(!W("recoil_memory_managament_2020"))return;const n=ve.get(e);var o;null!=n&&null!==(t=n.shouldDeleteConfigOnRelease)&&void 0!==t&&t.call(n)&&(ve.delete(e),null===(o=getConfigDeletionHandler(e))||void 0===o||o(),be.delete(e))}function setConfigDeletionHandler(e,t){W("recoil_memory_managament_2020")&&(void 0===t?be.delete(e):be.set(e,t))}function getConfigDeletionHandler(e){return be.get(e)}var Se={recoilValues:ge,registerNode:registerNode,getNode:getNode,getNodeMaybe:getNodeMaybe,deleteNodeConfigIfPossible:deleteNodeConfigIfPossible,setConfigDeletionHandler:setConfigDeletionHandler,getConfigDeletionHandler:getConfigDeletionHandler,recoilValuesForKeys:recoilValuesForKeys,DefaultValue:he,DEFAULT_VALUE:me};function enqueueExecution(e,t){t()}var xe={enqueueExecution:enqueueExecution};function createCommonjsModule(e,t){return e(t={exports:{}},t.exports),t.exports}var we=createCommonjsModule((function(e){var t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n={},o=5,r=Math.pow(2,5),i=r-1,a=r/2,s=r/4,l={},c=function constant(e){return function(){return e}},u=n.hash=function(e){var n=void 0===e?"undefined":t(e);if("number"===n)return e;"string"!==n&&(e+="");for(var o=0,r=0,i=e.length;r<i;++r){var a;o=(o<<5)-o+e.charCodeAt(r)|0}return o},d=function popcount(e){return e=(e=(858993459&(e-=e>>1&1431655765))+(e>>2&858993459))+(e>>4)&252645135,e+=e>>8,127&(e+=e>>16)},p=function hashFragment(e,t){return t>>>e&i},f=function toBitmap(e){return 1<<e},h=function fromBitmap(e,t){return d(e&t-1)},m=function arrayUpdate(e,t,n,o){var r=o;if(!e){var i=o.length;r=new Array(i);for(var a=0;a<i;++a)r[a]=o[a]}return r[t]=n,r},v=function arraySpliceOut(e,t,n){var o=n.length-1,r=0,i=0,a=n;if(e)r=i=t;else for(a=new Array(o);r<t;)a[i++]=n[r++];for(++r;r<=o;)a[i++]=n[r++];return e&&(a.length=o),a},g=function arraySpliceIn(e,t,n,o){var r=o.length;if(e){for(var i=r;i>=t;)o[i--]=o[i];return o[t]=n,o}for(var a=0,s=0,l=new Array(r+1);a<t;)l[s++]=o[a++];for(l[t]=n;a<r;)l[++s]=o[a++];return l},b=1,S=2,w=3,_=4,A={__hamt_isEmpty:!0},E=function isEmptyNode(e){return e===A||e&&e.__hamt_isEmpty},T=function Leaf(e,t,n,o){return{type:1,edit:e,hash:t,key:n,value:o,_modify:j}},V=function Collision(e,t,n){return{type:2,edit:e,hash:t,children:n,_modify:M}},C=function IndexedNode(e,t,n){return{type:3,edit:e,mask:t,children:n,_modify:D}},k=function ArrayNode(e,t,n){return{type:4,edit:e,size:t,children:n,_modify:B}},N=function isLeaf(e){return e===A||1===e.type||2===e.type},R=function expand(e,t,n,o,r){for(var i=[],a=o,s=0,l=0;a;++l)1&a&&(i[l]=r[s++]),a>>>=1;return i[t]=n,k(e,s+1,i)},I=function pack(e,t,n,o){for(var r=new Array(t-1),i=0,a=0,s=0,l=o.length;s<l;++s)if(s!==n){var c=o[s];c&&!E(c)&&(r[i++]=c,a|=1<<s)}return C(e,a,r)},O=function mergeLeaves(e,t,n,o,r,i){if(n===r)return V(e,n,[i,o]);var a=p(t,n),s=p(t,r);return C(e,f(a)|f(s),a===s?[mergeLeaves(e,t+5,n,o,r,i)]:a<s?[o,i]:[i,o])},L=function updateCollisionList(e,t,n,o,r,i,a,s){for(var c=r.length,u=0;u<c;++u){var d=r[u];if(n(a,d.key)){var p=d.value,f=i(p);return f===p?r:f===l?(--s.value,v(e,u,r)):m(e,u,T(t,o,a,f),r)}}var h=i();return h===l?r:(++s.value,m(e,c,T(t,o,a,h),r))},P=function canEditNode(e,t){return e===t.edit},j=function Leaf__modify(e,t,n,o,r,i,a){if(t(i,this.key)){var s=o(this.value);return s===this.value?this:s===l?(--a.value,A):P(e,this)?(this.value=s,this):T(e,r,i,s)}var c=o();return c===l?this:(++a.value,O(e,n,this.hash,this,r,T(e,r,i,c)))},M=function Collision__modify(e,t,n,o,r,i,a){if(r===this.hash){var s=P(e,this),c=L(s,e,t,this.hash,this.children,o,i,a);return c===this.children?this:c.length>1?V(e,this.hash,c):c[0]}var u=o();return u===l?this:(++a.value,O(e,n,this.hash,this,r,T(e,r,i,u)))},D=function IndexedNode__modify(e,t,n,o,r,i,s){var l=this.mask,c=this.children,u=p(n,r),d=f(u),b=h(l,d),S=l&d,w=S?c[b]:A,_=w._modify(e,t,n+5,o,r,i,s);if(w===_)return this;var T=P(e,this),V=l,k=void 0;if(S&&E(_)){if(!(V&=~d))return A;if(c.length<=2&&N(c[1^b]))return c[1^b];k=v(T,b,c)}else if(S||E(_))k=m(T,b,_,c);else{if(c.length>=a)return R(e,u,_,l,c);V|=d,k=g(T,b,_,c)}return T?(this.mask=V,this.children=k,this):C(e,V,k)},B=function ArrayNode__modify(e,t,n,o,r,i,a){var l=this.size,c=this.children,u=p(n,r),d=c[u],f=(d||A)._modify(e,t,n+5,o,r,i,a);if(d===f)return this;var h=P(e,this),v=void 0;if(E(d)&&!E(f))++l,v=m(h,u,f,c);else if(!E(d)&&E(f)){if(--l<=s)return I(e,l,u,c);v=m(h,u,A,c)}else v=m(h,u,f,c);return h?(this.size=l,this.children=v,this):k(e,l,v)};function Map(e,t,n,o,r){this._editable=e,this._edit=t,this._config=n,this._root=o,this._size=r}A._modify=function(e,t,n,o,r,i,a){var s=o();return s===l?A:(++a.value,T(e,r,i,s))},Map.prototype.setTree=function(e,t){return this._editable?(this._root=e,this._size=t,this):e===this._root?this:new Map(this._editable,this._edit,this._config,e,t)};var U=n.tryGetHash=function(e,t,n,o){for(var r=o._root,i=0,a=o._config.keyEq;;)switch(r.type){case 1:return a(n,r.key)?r.value:e;case 2:if(t===r.hash)for(var s=r.children,l=0,c=s.length;l<c;++l){var u=s[l];if(a(n,u.key))return u.value}return e;case 3:var d=p(i,t),m=f(d);if(r.mask&m){r=r.children[h(r.mask,m)],i+=5;break}return e;case 4:if(r=r.children[p(i,t)]){i+=5;break}return e;default:return e}};Map.prototype.tryGetHash=function(e,t,n){return U(e,t,n,this)};var F=n.tryGet=function(e,t,n){return U(e,n._config.hash(t),t,n)};Map.prototype.tryGet=function(e,t){return F(e,t,this)};var H=n.getHash=function(e,t,n){return U(void 0,e,t,n)};Map.prototype.getHash=function(e,t){return H(e,t,this)},n.get=function(e,t){return U(void 0,t._config.hash(e),e,t)},Map.prototype.get=function(e,t){return F(t,e,this)};var W=n.has=function(e,t,n){return U(l,e,t,n)!==l};Map.prototype.hasHash=function(e,t){return W(e,t,this)};var $=n.has=function(e,t){return W(t._config.hash(e),e,t)};Map.prototype.has=function(e){return $(e,this)};var G=function defKeyCompare(e,t){return e===t};n.make=function(e){return new Map(0,0,{keyEq:e&&e.keyEq||G,hash:e&&e.hash||u},A,0)},n.empty=n.make();var K=n.isEmpty=function(e){return e&&!!E(e._root)};Map.prototype.isEmpty=function(){return K(this)};var q=n.modifyHash=function(e,t,n,o){var r={value:o._size},i=o._root._modify(o._editable?o._edit:NaN,o._config.keyEq,0,e,t,n,r);return o.setTree(i,r.value)};Map.prototype.modifyHash=function(e,t,n){return q(n,e,t,this)};var Y=n.modify=function(e,t,n){return q(e,n._config.hash(t),t,n)};Map.prototype.modify=function(e,t){return Y(t,e,this)};var Z=n.setHash=function(e,t,n,o){return q(c(n),e,t,o)};Map.prototype.setHash=function(e,t,n){return Z(e,t,n,this)};var X=n.set=function(e,t,n){return Z(n._config.hash(e),e,t,n)};Map.prototype.set=function(e,t){return X(e,t,this)};var J=c(l),Q=n.removeHash=function(e,t,n){return q(J,e,t,n)};Map.prototype.removeHash=Map.prototype.deleteHash=function(e,t){return Q(e,t,this)};var ee=n.remove=function(e,t){return Q(t._config.hash(e),e,t)};Map.prototype.remove=Map.prototype.delete=function(e){return ee(e,this)};var te=n.beginMutation=function(e){return new Map(e._editable+1,e._edit+1,e._config,e._root,e._size)};Map.prototype.beginMutation=function(){return te(this)};var ne=n.endMutation=function(e){return e._editable=e._editable&&e._editable-1,e};Map.prototype.endMutation=function(){return ne(this)};var oe=n.mutate=function(e,t){var n=te(t);return e(n),ne(n)};Map.prototype.mutate=function(e){return oe(e,this)};var re=function appk(e){return e&&ie(e[0],e[1],e[2],e[3],e[4])},ie=function lazyVisitChildren(e,t,n,o,r){for(;n<e;){var i=t[n++];if(i&&!E(i))return ae(i,o,[e,t,n,o,r])}return re(r)},ae=function lazyVisit(e,t,n){switch(e.type){case 1:return{value:t(e),rest:n};case 2:case 4:case 3:var o=e.children;return ie(o.length,o,0,t,n);default:return re(n)}},se={done:!0};function MapIterator(e){this.v=e}MapIterator.prototype.next=function(){if(!this.v)return se;var e=this.v;return this.v=re(e.rest),e},MapIterator.prototype[Symbol.iterator]=function(){return this};var le=function visit(e,t){return new MapIterator(ae(e._root,t))},ce=function buildPairs(e){return[e.key,e.value]},ue=n.entries=function(e){return le(e,ce)};Map.prototype.entries=Map.prototype[Symbol.iterator]=function(){return ue(this)};var de=function buildKeys(e){return e.key},pe=n.keys=function(e){return le(e,de)};Map.prototype.keys=function(){return pe(this)};var fe=function buildValues(e){return e.value},he=n.values=Map.prototype.values=function(e){return le(e,fe)};Map.prototype.values=function(){return he(this)};var me=n.fold=function(e,t,n){var o=n._root;if(1===o.type)return e(t,o.value,o.key);for(var r=[o.children],i=void 0;i=r.pop();)for(var a=0,s=i.length;a<s;){var l=i[a++];l&&l.type&&(1===l.type?t=e(t,l.value,l.key):r.push(l.children))}return t};Map.prototype.fold=function(e,t){return me(e,t,this)};var ve=n.forEach=function(e,t){return me((function(n,o,r){return e(o,r,t)}),null,t)};Map.prototype.forEach=function(e){return ve(e,this)};var ge=n.count=function(e){return e._size};Map.prototype.count=function(){return ge(this)},Object.defineProperty(Map.prototype,"size",{get:Map.prototype.count}),e.exports?e.exports=n:(void 0).hamt=n}));class _e{constructor(e){_defineProperty(this,"_map",void 0),this._map=new Map(null==e?void 0:e.entries())}keys(){return this._map.keys()}entries(){return this._map.entries()}get(e){return this._map.get(e)}has(e){return this._map.has(e)}set(e,t){return this._map.set(e,t),this}delete(e){return this._map.delete(e),this}clone(){return persistentMap(this)}toMap(){return new Map(this._map)}}class Ae{constructor(e){if(_defineProperty(this,"_hamt",we.empty.beginMutation()),e instanceof Ae){const t=e._hamt.endMutation();e._hamt=t.beginMutation(),this._hamt=t.beginMutation()}else if(e)for(const[t,n]of e.entries())this._hamt.set(t,n)}keys(){return this._hamt.keys()}entries(){return this._hamt.entries()}get(e){return this._hamt.get(e)}has(e){return this._hamt.has(e)}set(e,t){return this._hamt.set(e,t),this}delete(e){return this._hamt.delete(e),this}clone(){return persistentMap(this)}toMap(){return new Map(this._hamt)}}function persistentMap(e){return W("recoil_hamt_2020")?new Ae(e):new _e(e)}var Ee,Te=persistentMap,Ve=Object.freeze({__proto__:null,persistentMap:Te});function differenceSets(e,...t){const n=new Set;e:for(const o of e){for(const e of t)if(e.has(o))continue e;n.add(o)}return n}var Ce=differenceSets;function mapMap(e,t){const n=new Map;return e.forEach(((e,o)=>{n.set(o,t(e,o))})),n}var ke=mapMap;function makeGraph(){return{nodeDeps:new Map,nodeToNodeSubscriptions:new Map}}function cloneGraph(e){return{nodeDeps:ke(e.nodeDeps,(e=>new Set(e))),nodeToNodeSubscriptions:ke(e.nodeToNodeSubscriptions,(e=>new Set(e)))}}function mergeDepsIntoGraph(e,t,n,o){const{nodeDeps:r,nodeToNodeSubscriptions:i}=n,a=r.get(e);if(a&&o&&a!==o.nodeDeps.get(e))return;r.set(e,t);const s=null==a?t:Ce(t,a);for(const t of s){i.has(t)||i.set(t,new Set);const n=undefined;T(i.get(t)).add(e)}if(a){const n=Ce(a,t);for(const t of n){if(!i.has(t))return;const n=T(i.get(t));n.delete(e),0===n.size&&i.delete(t)}}}function saveDepsToStore(e,t,n,o){var r,i,a,s;const l=n.getState();o!==l.currentTree.version&&o!==(null===(r=l.nextTree)||void 0===r?void 0:r.version)&&o!==(null===(i=l.previousTree)||void 0===i?void 0:i.version)&&G("Tried to save dependencies to a discarded tree");const c=n.getGraph(o);if(mergeDepsIntoGraph(e,t,c),o===(null===(a=l.previousTree)||void 0===a?void 0:a.version)){const o=undefined;mergeDepsIntoGraph(e,t,n.getGraph(l.currentTree.version),c)}if(o===(null===(s=l.previousTree)||void 0===s?void 0:s.version)||o===l.currentTree.version){var u;const o=null===(u=l.nextTree)||void 0===u?void 0:u.version;if(void 0!==o){const r=undefined;mergeDepsIntoGraph(e,t,n.getGraph(o),c)}}}var Ne={cloneGraph:cloneGraph,graph:makeGraph,saveDepsToStore:saveDepsToStore};let Re=0;const Ie=undefined;let Oe=0;const Le=undefined;let Pe=0;const je=undefined;var Me={getNextTreeStateVersion:()=>Re++,getNextStoreID:()=>Oe++,getNextComponentID:()=>Pe++};const{persistentMap:De}=Ve,{graph:Be}=Ne,{getNextTreeStateVersion:ze}=Me;function makeEmptyTreeState(){const e=ze();return{version:e,stateID:e,transactionMetadata:{},dirtyAtoms:new Set,atomValues:De(),nonvalidatedAtoms:De()}}function makeEmptyStoreState(){const e=makeEmptyTreeState();return{currentTree:e,nextTree:null,previousTree:null,commitDepth:0,knownAtoms:new Set,knownSelectors:new Set,transactionSubscriptions:new Map,nodeTransactionSubscriptions:new Map,nodeToComponentSubscriptions:new Map,queuedComponentCallbacks_DEPRECATED:[],suspendedComponentResolvers:new Set,graphsByVersion:(new Map).set(e.version,Be()),retention:{referenceCounts:new Map,nodesRetainedByZone:new Map,retainablesToCheckForRelease:new Set},nodeCleanupFunctions:new Map}}var Ue={makeEmptyStoreState:makeEmptyStoreState,getNextTreeStateVersion:ze};class Fe{}var He={RetentionZone:Fe};function setByAddingToSet(e,t){const n=new Set(e);return n.add(t),n}var We={setByAddingToSet:setByAddingToSet};function*filterIterable(e,t){let n=0;for(const o of e)t(o,n++)&&(yield o)}var $e=filterIterable;function lazyProxy(e,t){const n=undefined;return new Proxy(e,{get:(e,n)=>(!(n in e)&&n in t&&(e[n]=t[n]()),e[n]),ownKeys:e=>Object.keys(e)})}var Ge=lazyProxy;const{getNode:Ke,getNodeMaybe:qe,recoilValuesForKeys:Ye}=Se,{RetentionZone:Ze}=He,{setByAddingToSet:Xe}=We,Je=Object.freeze(new Set);class Qe extends Error{}function initializeRetentionForNode(e,t,n){if(!W("recoil_memory_managament_2020"))return()=>{};const{nodesRetainedByZone:o}=e.getState().retention;function addToZone(e){let n=o.get(e);n||o.set(e,n=new Set),n.add(t)}if(n instanceof Ze)addToZone(n);else if(Array.isArray(n))for(const e of n)addToZone(e);return()=>{if(!W("recoil_memory_managament_2020"))return;const{retention:o}=e.getState();function deleteFromZone(e){const n=o.nodesRetainedByZone.get(e);null==n||n.delete(t),n&&0===n.size&&o.nodesRetainedByZone.delete(e)}if(n instanceof Ze)deleteFromZone(n);else if(Array.isArray(n))for(const e of n)deleteFromZone(e)}}function initializeNodeIfNewToStore(e,t,n,o){const r=e.getState();if(r.nodeCleanupFunctions.has(n))return;const i=Ke(n),a=initializeRetentionForNode(e,n,i.retainedBy),s=i.init(e,t,o);r.nodeCleanupFunctions.set(n,(()=>{s(),a()}))}function initializeNode(e,t,n){initializeNodeIfNewToStore(e,e.getState().currentTree,t,n)}function cleanUpNode(e,t){var n;const o=e.getState();null===(n=o.nodeCleanupFunctions.get(t))||void 0===n||n(),o.nodeCleanupFunctions.delete(t)}function getNodeLoadable(e,t,n){return initializeNodeIfNewToStore(e,t,n,"get"),Ke(n).get(e,t)}function peekNodeLoadable(e,t,n){return Ke(n).peek(e,t)}function setUnvalidatedAtomValue_DEPRECATED(e,t,n){var o;const r=qe(t);return null==r||null===(o=r.invalidate)||void 0===o||o.call(r,e),{...e,atomValues:e.atomValues.clone().delete(t),nonvalidatedAtoms:e.nonvalidatedAtoms.clone().set(t,n),dirtyAtoms:Xe(e.dirtyAtoms,t)}}function setNodeValue(e,t,n,o){const r=Ke(n);if(null==r.set)throw new Qe(`Attempt to set read-only RecoilValue: ${n}`);const i=r.set;return initializeNodeIfNewToStore(e,t,n,"set"),i(e,t,o)}function peekNodeInfo(e,t,n){const o=e.getState(),r=e.getGraph(t.version),i=Ke(n).nodeType;return Ge({type:i},{loadable:()=>peekNodeLoadable(e,t,n),isActive:()=>o.knownAtoms.has(n)||o.knownSelectors.has(n),isSet:()=>"selector"!==i&&t.atomValues.has(n),isModified:()=>t.dirtyAtoms.has(n),deps:()=>{var e;return Ye(null!==(e=r.nodeDeps.get(n))&&void 0!==e?e:[])},subscribers:()=>{var r,i;return{nodes:Ye($e(getDownstreamNodes(e,t,new Set([n])),(e=>e!==n))),components:fe(null!==(r=null===(i=o.nodeToComponentSubscriptions.get(n))||void 0===i?void 0:i.values())&&void 0!==r?r:[],(([e])=>({name:e})))}}})}function getDownstreamNodes(e,t,n){const o=new Set,r=Array.from(n),i=e.getGraph(t.version);for(let e=r.pop();e;e=r.pop()){var a;o.add(e);const t=null!==(a=i.nodeToNodeSubscriptions.get(e))&&void 0!==a?a:Je;for(const e of t)o.has(e)||r.push(e)}return o}var et={getNodeLoadable:getNodeLoadable,peekNodeLoadable:peekNodeLoadable,setNodeValue:setNodeValue,initializeNode:initializeNode,cleanUpNode:cleanUpNode,setUnvalidatedAtomValue_DEPRECATED:setUnvalidatedAtomValue_DEPRECATED,peekNodeInfo:peekNodeInfo,getDownstreamNodes:getDownstreamNodes};let tt=null;function setInvalidateMemoizedSnapshot(e){tt=e}function invalidateMemoizedSnapshot(){var e;null===(e=tt)||void 0===e||e()}var nt={setInvalidateMemoizedSnapshot:setInvalidateMemoizedSnapshot,invalidateMemoizedSnapshot:invalidateMemoizedSnapshot};const{getDownstreamNodes:ot,getNodeLoadable:rt,setNodeValue:it}=et,{getNextComponentID:at}=Me,{getNode:st,getNodeMaybe:lt}=Se,{DefaultValue:ct}=Se,{reactMode:ut}=ee,{AbstractRecoilValue:dt,RecoilState:pt,RecoilValueReadOnly:ft,isRecoilValue:ht}=ce,{invalidateMemoizedSnapshot:mt}=nt;function getRecoilValueAsLoadable(e,{key:t},n=e.getState().currentTree){var o,r;const i=e.getState();n.version!==i.currentTree.version&&n.version!==(null===(o=i.nextTree)||void 0===o?void 0:o.version)&&n.version!==(null===(r=i.previousTree)||void 0===r?void 0:r.version)&&G("Tried to read from a discarded tree");const a=rt(e,n,t);return"loading"===a.state&&a.contents.catch((()=>{})),a}function applyAtomValueWrites(e,t){const n=e.clone();return t.forEach(((e,t)=>{"hasValue"===e.state&&e.contents instanceof ct?n.delete(t):n.set(t,e)})),n}function valueFromValueOrUpdater(e,t,{key:n},o){if("function"==typeof o){const r=rt(e,t,n);if("loading"===r.state){const e=`Tried to set atom or selector "${n}" using an updater function while the current state is pending, this is not currently supported.`;throw G(e),A(e)}if("hasError"===r.state)throw r.contents;return o(r.contents)}return o}function applyAction(e,t,n){if("set"===n.type){const{recoilValue:o,valueOrUpdater:r}=n,i=valueFromValueOrUpdater(e,t,o,r),a=it(e,t,o.key,i);for(const[e,n]of a.entries())writeLoadableToTreeState(t,e,n)}else if("setLoadable"===n.type){const{recoilValue:{key:e},loadable:o}=n;writeLoadableToTreeState(t,e,o)}else if("markModified"===n.type){const{recoilValue:{key:e}}=n;t.dirtyAtoms.add(e)}else if("setUnvalidated"===n.type){var o;const{recoilValue:{key:e},unvalidatedValue:r}=n,i=lt(e);null==i||null===(o=i.invalidate)||void 0===o||o.call(i,t),t.atomValues.delete(e),t.nonvalidatedAtoms.set(e,r),t.dirtyAtoms.add(e)}else G(`Unknown action ${n.type}`)}function writeLoadableToTreeState(e,t,n){"hasValue"===n.state&&n.contents instanceof ct?e.atomValues.delete(t):e.atomValues.set(t,n),e.dirtyAtoms.add(t),e.nonvalidatedAtoms.delete(t)}function applyActionsToStore(e,t){e.replaceState((n=>{const o=copyTreeState(n);for(const n of t)applyAction(e,o,n);return invalidateDownstreams(e,o),mt(),o}))}function queueOrPerformStateUpdate(e,t){if(vt.length){const n=vt[vt.length-1];let o=n.get(e);o||n.set(e,o=[]),o.push(t)}else applyActionsToStore(e,[t])}const vt=[];function batchStart(){const e=new Map;return vt.push(e),()=>{for(const[t,n]of e)applyActionsToStore(t,n);const t=undefined;vt.pop()!==e&&G("Incorrect order of batch popping")}}function copyTreeState(e){return{...e,atomValues:e.atomValues.clone(),nonvalidatedAtoms:e.nonvalidatedAtoms.clone(),dirtyAtoms:new Set(e.dirtyAtoms)}}function invalidateDownstreams(e,t){const n=ot(e,t,t.dirtyAtoms);for(const e of n){var o,r;null===(o=lt(e))||void 0===o||null===(r=o.invalidate)||void 0===r||r.call(o,t)}}function setRecoilValue(e,t,n){queueOrPerformStateUpdate(e,{type:"set",recoilValue:t,valueOrUpdater:n})}function setRecoilValueLoadable(e,t,n){if(n instanceof ct)return setRecoilValue(e,t,n);queueOrPerformStateUpdate(e,{type:"setLoadable",recoilValue:t,loadable:n})}function markRecoilValueModified(e,t){queueOrPerformStateUpdate(e,{type:"markModified",recoilValue:t})}function setUnvalidatedRecoilValue(e,t,n){queueOrPerformStateUpdate(e,{type:"setUnvalidated",recoilValue:t,unvalidatedValue:n})}function subscribeToRecoilValue(e,{key:t},n,o=null){const r=at(),i=e.getState();i.nodeToComponentSubscriptions.has(t)||i.nodeToComponentSubscriptions.set(t,new Map),T(i.nodeToComponentSubscriptions.get(t)).set(r,[null!=o?o:"<not captured>",n]);const a=ut();if(a.early&&("LEGACY"===a.mode||"MUTABLE_SOURCE"===a.mode)){const o=e.getState().nextTree;o&&o.dirtyAtoms.has(t)&&n(o)}return{release:()=>{const n=e.getState(),o=n.nodeToComponentSubscriptions.get(t);void 0!==o&&o.has(r)?(o.delete(r),0===o.size&&n.nodeToComponentSubscriptions.delete(t)):G(`Subscription missing at release time for atom ${t}. This is a bug in Recoil.`)}}}function refreshRecoilValue(e,t){var n;const{currentTree:o}=e.getState(),r=st(t.key);null===(n=r.clearCache)||void 0===n||n.call(r,e,o)}var gt={AbstractRecoilValue:dt,getRecoilValueAsLoadable:getRecoilValueAsLoadable,setRecoilValue:setRecoilValue,setRecoilValueLoadable:setRecoilValueLoadable,markRecoilValueModified:markRecoilValueModified,setUnvalidatedRecoilValue:setUnvalidatedRecoilValue,subscribeToRecoilValue:subscribeToRecoilValue,applyAtomValueWrites:applyAtomValueWrites,batchStart:batchStart,writeLoadableToTreeState:writeLoadableToTreeState,invalidateDownstreams:invalidateDownstreams,copyTreeState:copyTreeState,refreshRecoilValue:refreshRecoilValue};function someSet(e,t,n){const o=e.entries();let r=o.next();for(;!r.done;){const i=r.value;if(t.call(n,i[1],i[0],e))return!0;r=o.next()}return!1}var yt=someSet;const{cleanUpNode:bt}=et,{deleteNodeConfigIfPossible:St,getNode:xt}=Se,{RetentionZone:wt}=He,_t=12e4,At=new Set;function releaseRetainablesNowOnCurrentTree(e,t){const n=e.getState(),o=n.currentTree;if(n.nextTree)return void G("releaseNodesNowOnCurrentTree should only be called at the end of a batch");const r=new Set;for(const e of t)if(e instanceof wt)for(const t of nodesRetainedByZone(n,e))r.add(t);else r.add(e);const i=findReleasableNodes(e,r);for(const t of i)releaseNode(e,o,t)}function findReleasableNodes(e,t){const n=e.getState(),o=n.currentTree,r=e.getGraph(o.version),i=new Set,a=new Set;return findReleasableNodesInner(t),i;function findReleasableNodesInner(t){const s=new Set,l=getDownstreamNodesInTopologicalOrder(e,o,t,i,a);for(const e of l){var c;if("recoilRoot"===xt(e).retainedBy){a.add(e);continue}if((null!==(c=n.retention.referenceCounts.get(e))&&void 0!==c?c:0)>0){a.add(e);continue}if(zonesThatCouldRetainNode(e).some((e=>n.retention.referenceCounts.get(e)))){a.add(e);continue}const t=r.nodeToNodeSubscriptions.get(e);t&&yt(t,(e=>a.has(e)))?a.add(e):(i.add(e),s.add(e))}const u=new Set;for(const e of s)for(const t of null!==(d=r.nodeDeps.get(e))&&void 0!==d?d:At){var d;i.has(t)||u.add(t)}u.size&&findReleasableNodesInner(u)}}function getDownstreamNodesInTopologicalOrder(e,t,n,o,r){const i=e.getGraph(t.version),a=[],s=new Set;for(;n.size>0;)visit(T(n.values().next().value));return a;function visit(e){if(o.has(e)||r.has(e))return void n.delete(e);if(s.has(e))return;const t=i.nodeToNodeSubscriptions.get(e);if(t)for(const e of t)visit(e);s.add(e),n.delete(e),a.push(e)}}function releaseNode(e,t,n){if(!W("recoil_memory_managament_2020"))return;bt(e,n);const o=e.getState();o.knownAtoms.delete(n),o.knownSelectors.delete(n),o.nodeTransactionSubscriptions.delete(n),o.retention.referenceCounts.delete(n);const r=zonesThatCouldRetainNode(n);for(const e of r){var i;null===(i=o.retention.nodesRetainedByZone.get(e))||void 0===i||i.delete(n)}t.atomValues.delete(n),t.dirtyAtoms.delete(n),t.nonvalidatedAtoms.delete(n);const a=o.graphsByVersion.get(t.version);if(a){const e=a.nodeDeps.get(n);if(void 0!==e){a.nodeDeps.delete(n);for(const t of e){var s;null===(s=a.nodeToNodeSubscriptions.get(t))||void 0===s||s.delete(n)}}a.nodeToNodeSubscriptions.delete(n)}St(n)}function nodesRetainedByZone(e,t){var n;return null!==(n=e.retention.nodesRetainedByZone.get(t))&&void 0!==n?n:At}function zonesThatCouldRetainNode(e){const t=xt(e).retainedBy;return void 0===t||"components"===t||"recoilRoot"===t?[]:t instanceof wt?[t]:t}function scheduleOrPerformPossibleReleaseOfRetainable(e,t){const n=e.getState();n.nextTree?n.retention.retainablesToCheckForRelease.add(t):releaseRetainablesNowOnCurrentTree(e,new Set([t]))}function updateRetainCount(e,t,n){var o;if(!W("recoil_memory_managament_2020"))return;const r=e.getState().retention.referenceCounts,i=(null!==(o=r.get(t))&&void 0!==o?o:0)+n;0===i?updateRetainCountToZero(e,t):r.set(t,i)}function updateRetainCountToZero(e,t){if(!W("recoil_memory_managament_2020"))return;const n=undefined;e.getState().retention.referenceCounts.delete(t),scheduleOrPerformPossibleReleaseOfRetainable(e,t)}function releaseScheduledRetainablesNow(e){if(!W("recoil_memory_managament_2020"))return;const t=e.getState();releaseRetainablesNowOnCurrentTree(e,t.retention.retainablesToCheckForRelease),t.retention.retainablesToCheckForRelease.clear()}function retainedByOptionWithDefault(e){return void 0===e?"recoilRoot":e}var Et={SUSPENSE_TIMEOUT_MS:_t,updateRetainCount:updateRetainCount,releaseScheduledRetainablesNow:releaseScheduledRetainablesNow,retainedByOptionWithDefault:retainedByOptionWithDefault};const{unstable_batchedUpdates:Tt}=r;var Vt={unstable_batchedUpdates:Tt};const{unstable_batchedUpdates:Ct}=Vt;var kt={unstable_batchedUpdates:Ct};const{batchStart:Nt}=gt,{unstable_batchedUpdates:Rt}=kt;let It=Rt||(e=>e());const Ot=undefined;var Lt={batchUpdates:e=>{It((()=>{let batchEnd=()=>{};try{batchEnd=Nt(),e()}finally{batchEnd()}}))}};function*concatIterables(e){for(const t of e)for(const e of t)yield e}var Pt=concatIterables;const jt="undefined"==typeof Window||"undefined"==typeof window,isWindow=e=>!jt&&(e===window||e instanceof Window),Mt="undefined"!=typeof navigator&&"ReactNative"===navigator.product;var Dt={isSSR:jt,isReactNative:Mt,isWindow:isWindow};function memoizeOneWithArgsHashAndInvalidation(e,t){let n,o;const r=undefined,i=undefined;return[(...r)=>{const i=t(...r);return n===i||(n=i,o=e(...r)),o},()=>{n=null}]}var Bt={memoizeOneWithArgsHashAndInvalidation:memoizeOneWithArgsHashAndInvalidation};const{batchUpdates:zt}=Lt,{initializeNode:Ut,peekNodeInfo:Ft}=et,{graph:Ht}=Ne,{getNextStoreID:Wt}=Me,{DEFAULT_VALUE:$t,recoilValues:Gt,recoilValuesForKeys:Kt}=Se,{AbstractRecoilValue:qt,getRecoilValueAsLoadable:Yt,setRecoilValue:Zt,setUnvalidatedRecoilValue:Xt}=gt,{updateRetainCount:Jt}=Et,{setInvalidateMemoizedSnapshot:Qt}=nt,{getNextTreeStateVersion:en,makeEmptyStoreState:tn}=Ue,{isSSR:nn}=Dt,{memoizeOneWithArgsHashAndInvalidation:on}=Bt,rn="\nRecoil Snapshots only last for the duration of the callback they are provided to. To keep a Snapshot longer, do this:\n\n  const release = snapshot.retain();\n  try {\n    await doSomethingWithSnapshot(snapshot);\n  } finally {\n    release();\n  }\n\nThis is currently a DEV-only warning but will become a thrown exception in the next release of Recoil.\n";class an{constructor(e,t){_defineProperty(this,"_store",void 0),_defineProperty(this,"_refCount",1),_defineProperty(this,"getLoadable",(e=>(this.checkRefCount_INTERNAL(),Yt(this._store,e)))),_defineProperty(this,"getPromise",(e=>(this.checkRefCount_INTERNAL(),this.getLoadable(e).toPromise()))),_defineProperty(this,"getNodes_UNSTABLE",(e=>{if(this.checkRefCount_INTERNAL(),!0===(null==e?void 0:e.isModified)){if(!1===(null==e?void 0:e.isInitialized))return[];const t=this._store.getState().currentTree;return Kt(t.dirtyAtoms)}const t=this._store.getState().knownAtoms,n=this._store.getState().knownSelectors;return null==(null==e?void 0:e.isInitialized)?Gt.values():!0===e.isInitialized?Kt(Pt([t,n])):$e(Gt.values(),(({key:e})=>!t.has(e)&&!n.has(e)))})),_defineProperty(this,"getInfo_UNSTABLE",(({key:e})=>(this.checkRefCount_INTERNAL(),Ft(this._store,this._store.getState().currentTree,e)))),_defineProperty(this,"map",(e=>{this.checkRefCount_INTERNAL();const t=new cn(this,zt);return e(t),t})),_defineProperty(this,"asyncMap",(async e=>{this.checkRefCount_INTERNAL();const t=new cn(this,zt);return t.retain(),await e(t),t.autoRelease_INTERNAL(),t})),this._store={storeID:Wt(),parentStoreID:t,getState:()=>e,replaceState:t=>{e.currentTree=t(e.currentTree)},getGraph:t=>{const n=e.graphsByVersion;if(n.has(t))return T(n.get(t));const o=Ht();return n.set(t,o),o},subscribeToTransactions:()=>({release:()=>{}}),addTransactionMetadata:()=>{throw A("Cannot subscribe to Snapshots")}};for(const e of this._store.getState().knownAtoms)Ut(this._store,e,"get"),Jt(this._store,e,1);this.autoRelease_INTERNAL()}retain(){if(this._refCount<=0){if("production"!==process.env.NODE_ENV)throw A("Snapshot has already been released.");G("Attempt to retain() Snapshot that was already released.")}this._refCount++;let e=!1;return()=>{e||(e=!0,this._release())}}autoRelease_INTERNAL(){nn||window.setTimeout((()=>this._release()),10)}_release(){if(this._refCount--,0===this._refCount){if(this._store.getState().nodeCleanupFunctions.forEach((e=>e())),this._store.getState().nodeCleanupFunctions.clear(),!W("recoil_memory_managament_2020"))return}else this._refCount<0&&"production"!==process.env.NODE_ENV&&G("Snapshot released an extra time.")}isRetained(){return this._refCount>0}checkRefCount_INTERNAL(){W("recoil_memory_managament_2020")&&this._refCount<=0&&"production"!==process.env.NODE_ENV&&G(rn)}getStore_INTERNAL(){return this.checkRefCount_INTERNAL(),this._store}getID(){return this.checkRefCount_INTERNAL(),this._store.getState().currentTree.stateID}getStoreID(){return this.checkRefCount_INTERNAL(),this._store.storeID}}function cloneStoreState(e,t,n=!1){const o=e.getState(),r=n?en():t.version;return{currentTree:{version:n?r:t.version,stateID:n?r:t.stateID,transactionMetadata:{...t.transactionMetadata},dirtyAtoms:new Set(t.dirtyAtoms),atomValues:t.atomValues.clone(),nonvalidatedAtoms:t.nonvalidatedAtoms.clone()},commitDepth:0,nextTree:null,previousTree:null,knownAtoms:new Set(o.knownAtoms),knownSelectors:new Set(o.knownSelectors),transactionSubscriptions:new Map,nodeTransactionSubscriptions:new Map,nodeToComponentSubscriptions:new Map,queuedComponentCallbacks_DEPRECATED:[],suspendedComponentResolvers:new Set,graphsByVersion:(new Map).set(r,e.getGraph(t.version)),retention:{referenceCounts:new Map,nodesRetainedByZone:new Map,retainablesToCheckForRelease:new Set},nodeCleanupFunctions:new Map(fe(o.nodeCleanupFunctions.entries(),(([e])=>[e,()=>{}])))}}function freshSnapshot(e){const t=new an(tn());return null!=e?t.map(e):t}const[sn,ln]=on(((e,t)=>{var n;const o=e.getState(),r="latest"===t?null!==(n=o.nextTree)&&void 0!==n?n:o.currentTree:T(o.previousTree);return new an(cloneStoreState(e,r),e.storeID)}),((e,t)=>{var n,o;return String(t)+String(e.storeID)+String(null===(n=e.getState().nextTree)||void 0===n?void 0:n.version)+String(e.getState().currentTree.version)+String(null===(o=e.getState().previousTree)||void 0===o?void 0:o.version)}));function cloneSnapshot(e,t="latest"){const n=sn(e,t);return n.isRetained()?n:(ln(),sn(e,t))}Qt(ln);class cn extends an{constructor(e,t){super(cloneStoreState(e.getStore_INTERNAL(),e.getStore_INTERNAL().getState().currentTree,!0),e.getStoreID()),_defineProperty(this,"_batch",void 0),_defineProperty(this,"set",((e,t)=>{this.checkRefCount_INTERNAL();const n=this.getStore_INTERNAL();this._batch((()=>{Jt(n,e.key,1),Zt(this.getStore_INTERNAL(),e,t)}))})),_defineProperty(this,"reset",(e=>{this.checkRefCount_INTERNAL();const t=this.getStore_INTERNAL();this._batch((()=>{Jt(t,e.key,1),Zt(this.getStore_INTERNAL(),e,$t)}))})),_defineProperty(this,"setUnvalidatedAtomValues_DEPRECATED",(e=>{this.checkRefCount_INTERNAL();const t=this.getStore_INTERNAL();zt((()=>{for(const[n,o]of e.entries())Jt(t,n,1),Xt(t,new qt(n),o)}))})),this._batch=t}}var un={Snapshot:an,MutableSnapshot:cn,freshSnapshot:freshSnapshot,cloneSnapshot:cloneSnapshot},dn=un.Snapshot,pn=un.MutableSnapshot,fn=un.freshSnapshot,hn=un.cloneSnapshot,mn=Object.freeze({__proto__:null,Snapshot:dn,MutableSnapshot:pn,freshSnapshot:fn,cloneSnapshot:hn});function unionSets(...e){const t=new Set;for(const n of e)for(const e of n)t.add(e);return t}var vn=unionSets;const{useRef:gn}=o;function useRefInitOnce(e){const t=gn(e);return t.current===e&&"function"==typeof e&&(t.current=e()),t}var yn=useRefInitOnce;const{getNextTreeStateVersion:bn,makeEmptyStoreState:Sn}=Ue,{cleanUpNode:xn,getDownstreamNodes:wn,initializeNode:_n,setNodeValue:An,setUnvalidatedAtomValue_DEPRECATED:En}=et,{graph:Tn}=Ne,{cloneGraph:Vn}=Ne,{getNextStoreID:Cn}=Me,{createMutableSource:kn,reactMode:Nn}=ee,{applyAtomValueWrites:Rn}=gt,{releaseScheduledRetainablesNow:In}=Et,{freshSnapshot:On}=mn,{useCallback:Ln,useContext:Pn,useEffect:jn,useMemo:Mn,useRef:Dn,useState:Bn}=o;function notInAContext(){throw A("This component must be used inside a <RecoilRoot> component.")}const zn=Object.freeze({storeID:Cn(),getState:notInAContext,replaceState:notInAContext,getGraph:notInAContext,subscribeToTransactions:notInAContext,addTransactionMetadata:notInAContext});let Un=!1;function startNextTreeIfNeeded(e){if(Un)throw A("An atom update was triggered within the execution of a state updater function. State updater functions provided to Recoil must be pure functions.");const t=e.getState();if(null===t.nextTree){W("recoil_memory_managament_2020")&&W("recoil_release_on_cascading_update_killswitch_2021")&&t.commitDepth>0&&In(e);const n=t.currentTree.version,o=bn();t.nextTree={...t.currentTree,version:o,stateID:o,dirtyAtoms:new Set,transactionMetadata:{}},t.graphsByVersion.set(o,Vn(T(t.graphsByVersion.get(n))))}}const Fn=o.createContext({current:zn}),useStoreRef=()=>Pn(Fn),Hn=o.createContext(null);function useRecoilMutableSource(){const e=Pn(Hn);return null==e&&pe("Attempted to use a Recoil hook outside of a <RecoilRoot>. <RecoilRoot> must be an ancestor of any component that uses Recoil hooks."),e}function notifyComponents(e,t,n){const o=wn(e,n,n.dirtyAtoms);for(const e of o){const o=t.nodeToComponentSubscriptions.get(e);if(o)for(const[e,[t,r]]of o)r(n)}}function sendEndOfBatchNotifications(e){const t=e.getState(),n=t.currentTree,o=n.dirtyAtoms;if(o.size){for(const[n,r]of t.nodeTransactionSubscriptions)if(o.has(n))for(const[t,n]of r)n(e);for(const[n,o]of t.transactionSubscriptions)o(e);(!Nn().early||t.suspendedComponentResolvers.size>0)&&(notifyComponents(e,t,n),t.suspendedComponentResolvers.forEach((e=>e())),t.suspendedComponentResolvers.clear())}t.queuedComponentCallbacks_DEPRECATED.forEach((e=>e(n))),t.queuedComponentCallbacks_DEPRECATED.splice(0,t.queuedComponentCallbacks_DEPRECATED.length)}function endBatch(e){const t=e.getState();t.commitDepth++;try{const{nextTree:n}=t;if(null==n)return;t.previousTree=t.currentTree,t.currentTree=n,t.nextTree=null,sendEndOfBatchNotifications(e),null!=t.previousTree?t.graphsByVersion.delete(t.previousTree.version):G("Ended batch with no previous state, which is unexpected","recoil"),t.previousTree=null,W("recoil_memory_managament_2020")&&null==n&&In(e)}finally{t.commitDepth--}}function Batcher({setNotifyBatcherOfChange:e}){const t=useStoreRef(),[,n]=Bn([]);return e((()=>n({}))),jn((()=>(e((()=>n({}))),()=>{e((()=>{}))})),[e]),jn((()=>{xe.enqueueExecution("Batcher",(()=>{endBatch(t.current)}))})),null}function initialStoreState_DEPRECATED(e,t){const n=Sn();return t({set:(t,o)=>{const r=n.currentTree,i=An(e,r,t.key,o),a=new Set(i.keys()),s=r.nonvalidatedAtoms.clone();for(const e of a)s.delete(e);n.currentTree={...r,dirtyAtoms:vn(r.dirtyAtoms,a),atomValues:Rn(r.atomValues,i),nonvalidatedAtoms:s}},setUnvalidatedAtomValues:e=>{e.forEach(((e,t)=>{n.currentTree=En(n.currentTree,t,e)}))}}),n}function initialStoreState(e){const t=On(e),n=t.getStore_INTERNAL().getState();return t.retain(),n.nodeCleanupFunctions.forEach((e=>e())),n.nodeCleanupFunctions.clear(),n}"production"!==process.env.NODE_ENV&&("undefined"==typeof window||window.$recoilDebugStates||(window.$recoilDebugStates=[]));let Wn=0;function RecoilRoot_INTERNAL({initializeState_DEPRECATED:e,initializeState:t,store_INTERNAL:n,children:r}){let i;const getGraph=e=>{const t=i.current.graphsByVersion;if(t.has(e))return T(t.get(e));const n=Tn();return t.set(e,n),n},subscribeToTransactions=(e,t)=>{if(null==t){const{transactionSubscriptions:t}=l.current.getState(),n=Wn++;return t.set(n,e),{release:()=>{t.delete(n)}}}{const{nodeTransactionSubscriptions:n}=l.current.getState();n.has(t)||n.set(t,new Map);const o=Wn++;return T(n.get(t)).set(o,e),{release:()=>{const e=n.get(t);e&&(e.delete(o),0===e.size&&n.delete(t))}}}},addTransactionMetadata=e=>{startNextTreeIfNeeded(l.current);for(const t of Object.keys(e))T(l.current.getState().nextTree).transactionMetadata[t]=e[t]},replaceState=e=>{startNextTreeIfNeeded(l.current);const t=T(i.current.nextTree);let n;try{Un=!0,n=e(t)}finally{Un=!1}n!==t&&("production"!==process.env.NODE_ENV&&"undefined"!=typeof window&&window.$recoilDebugStates.push(n),i.current.nextTree=n,Nn().early&&notifyComponents(l.current,i.current,n),T(a.current)())},a=Dn(null),s=Ln((e=>{a.current=e}),[a]),l=yn((()=>null!=n?n:{storeID:Cn(),getState:()=>i.current,replaceState:replaceState,getGraph:getGraph,subscribeToTransactions:subscribeToTransactions,addTransactionMetadata:addTransactionMetadata}));null!=n&&(l.current=n),i=yn((()=>null!=e?initialStoreState_DEPRECATED(l.current,e):null!=t?initialStoreState(t):Sn()));const c=Mn((()=>null==kn?void 0:kn(i,(()=>i.current.currentTree.version))),[i]);return jn((()=>{const e=l.current;for(const t of new Set(e.getState().knownAtoms))_n(e,t,"get");return()=>{for(const t of e.getState().knownAtoms)xn(e,t)}}),[l]),o.createElement(Fn.Provider,{value:l},o.createElement(Hn.Provider,{value:c},o.createElement(Batcher,{setNotifyBatcherOfChange:s}),r))}function RecoilRoot(e){const{override:t,...n}=e,r=useStoreRef();return!1===t&&r.current!==zn?e.children:o.createElement(RecoilRoot_INTERNAL,n)}var $n={RecoilRoot:RecoilRoot,useStoreRef:useStoreRef,useRecoilMutableSource:useRecoilMutableSource};function shallowArrayEqual(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0,o=e.length;n<o;n++)if(e[n]!==t[n])return!1;return!0}var Gn=shallowArrayEqual;const{useEffect:Kn,useRef:qn}=o;function usePrevious(e){const t=qn();return Kn((()=>{t.current=e})),t.current}var Yn=usePrevious;const{useStoreRef:Zn}=$n,{SUSPENSE_TIMEOUT_MS:Xn}=Et,{updateRetainCount:Jn}=Et,{RetentionZone:Qn}=He,{useEffect:eo,useRef:to}=o,{isSSR:no}=Dt;function useRetain(e){if(W("recoil_memory_managament_2020"))return useRetain_ACTUAL(e)}function useRetain_ACTUAL(e){const t=undefined,n=(Array.isArray(e)?e:[e]).map((e=>e instanceof Qn?e:e.key)),o=Zn();eo((()=>{if(!W("recoil_memory_managament_2020"))return;const e=o.current;if(r.current&&!no)window.clearTimeout(r.current),r.current=null;else for(const t of n)Jn(e,t,1);return()=>{for(const t of n)Jn(e,t,-1)}}),[o,...n]);const r=to(),i=Yn(n);if(!(no||void 0!==i&&Gn(i,n))){const e=o.current;for(const t of n)Jn(e,t,1);if(i)for(const t of i)Jn(e,t,-1);r.current&&window.clearTimeout(r.current),r.current=window.setTimeout((()=>{r.current=null;for(const t of n)Jn(e,t,-1)}),Xn)}}var oo=useRetain;function useComponentName(){return"<component name not available>"}var ro=useComponentName;const{currentRendererSupportsUseSyncExternalStore:io,reactMode:ao,useMutableSource:so,useSyncExternalStore:lo}=ee,{useRecoilMutableSource:co,useStoreRef:uo}=$n,{isRecoilValue:po}=ce,{getRecoilValueAsLoadable:fo,setRecoilValue:ho,subscribeToRecoilValue:mo}=gt,{useCallback:vo,useEffect:go,useMemo:yo,useRef:bo,useState:So}=o,{isSSR:xo}=Dt;function handleLoadable(e,t,n){if("hasValue"===e.state)return e.contents;if("loading"===e.state){const t=undefined;throw new Promise((t=>{const o=n.current.getState().suspendedComponentResolvers;o.add(t),xo&&E(e.contents)&&e.contents.finally((()=>{o.delete(t)}))}))}throw"hasError"===e.state?e.contents:A(`Invalid value of loadable atom "${t.key}"`)}function validateRecoilValue(e,t){if(!po(e))throw A(`Invalid argument to ${t}: expected an atom or selector but got ${String(e)}`)}function useRecoilValueLoadable_SYNC_EXTERNAL_STORE(e){const t=uo(),n=ro(),o=vo((()=>{var n;process.env.NODE_ENV;const o=t.current,r=o.getState(),i=ao().early&&null!==(n=r.nextTree)&&void 0!==n?n:r.currentTree,a=undefined;return{loadable:fo(o,e,i),key:e.key}}),[t,e]),r=vo((e=>{let t;return()=>{var n,o;const r=e();return null!==(n=t)&&void 0!==n&&n.loadable.is(r.loadable)&&(null===(o=t)||void 0===o?void 0:o.key)===r.key?t:(t=r,r)}}),[]),i=yo((()=>r(o)),[o,r]),a=vo((o=>{const r=t.current,i=undefined;return mo(r,e,o,n).release}),[t,e,n]);return lo(a,i,i).loadable}function useRecoilValueLoadable_MUTABLE_SOURCE(e){const t=uo(),n=vo((()=>{var n;const o=t.current,r=o.getState(),i=ao().early&&null!==(n=r.nextTree)&&void 0!==n?n:r.currentTree;return fo(o,e,i)}),[t,e]),o=vo((()=>(process.env.NODE_ENV,n())),[n]),r=ro(),i=vo(((o,i)=>{const a=t.current,s=undefined;return mo(a,e,(()=>{if(!W("recoil_suppress_rerender_in_callback"))return i();const e=n();l.current.is(e)||i(),l.current=e}),r).release}),[t,e,r,n]),a=co();if(null==a)throw A("Recoil hooks must be used in components contained within a <RecoilRoot> component.");const s=so(a,o,i),l=bo(s);return go((()=>{l.current=s})),s}function useRecoilValueLoadable_TRANSITION_SUPPORT(e){const t=uo(),n=ro(),o=vo((()=>{var n;process.env.NODE_ENV;const o=t.current,r=o.getState(),i=ao().early&&null!==(n=r.nextTree)&&void 0!==n?n:r.currentTree;return fo(o,e,i)}),[t,e]),r=vo((()=>({loadable:o(),key:e.key})),[o,e.key]),i=vo((e=>{const t=r();return e.loadable.is(t.loadable)&&e.key===t.key?e:t}),[r]);go((()=>{const o=mo(t.current,e,(e=>{s(i)}),n);return s(i),o.release}),[n,e,t,i]);const[a,s]=So(r);return a.key!==e.key?r().loadable:a.loadable}function useRecoilValueLoadable_LEGACY(e){const t=uo(),[,n]=So([]),o=ro(),r=vo((()=>{var n;process.env.NODE_ENV;const o=t.current,r=o.getState(),i=ao().early&&null!==(n=r.nextTree)&&void 0!==n?n:r.currentTree;return fo(o,e,i)}),[t,e]),i=r(),a=bo(i);return go((()=>{a.current=i})),go((()=>{const i=t.current,s=i.getState(),l=mo(i,e,(e=>{var t;if(!W("recoil_suppress_rerender_in_callback"))return n([]);const o=r();null!==(t=a.current)&&void 0!==t&&t.is(o)||n(o),a.current=o}),o);if(s.nextTree)i.getState().queuedComponentCallbacks_DEPRECATED.push((()=>{a.current=null,n([])}));else{var c;if(!W("recoil_suppress_rerender_in_callback"))return n([]);const e=r();null!==(c=a.current)&&void 0!==c&&c.is(e)||n(e),a.current=e}return l.release}),[o,r,e,t]),i}function useRecoilValueLoadable(e){return"production"!==process.env.NODE_ENV&&validateRecoilValue(e,"useRecoilValueLoadable"),W("recoil_memory_managament_2020")&&oo(e),{TRANSITION_SUPPORT:useRecoilValueLoadable_TRANSITION_SUPPORT,SYNC_EXTERNAL_STORE:io()?useRecoilValueLoadable_SYNC_EXTERNAL_STORE:useRecoilValueLoadable_TRANSITION_SUPPORT,MUTABLE_SOURCE:useRecoilValueLoadable_MUTABLE_SOURCE,LEGACY:useRecoilValueLoadable_LEGACY}[ao().mode](e)}function useRecoilValue(e){"production"!==process.env.NODE_ENV&&validateRecoilValue(e,"useRecoilValue");const t=uo(),n=undefined;return handleLoadable(useRecoilValueLoadable(e),e,t)}function useSetRecoilState(e){"production"!==process.env.NODE_ENV&&validateRecoilValue(e,"useSetRecoilState");const t=uo();return vo((n=>{ho(t.current,e,n)}),[t,e])}function useRecoilState(e){return"production"!==process.env.NODE_ENV&&validateRecoilValue(e,"useRecoilState"),[useRecoilValue(e),useSetRecoilState(e)]}var wo={useRecoilState:useRecoilState,useRecoilValue:useRecoilValue,useRecoilValueLoadable:useRecoilValueLoadable,useSetRecoilState:useSetRecoilState};const{batchUpdates:_o}=Lt,{DEFAULT_VALUE:Ao,getNode:Eo}=Se,{AbstractRecoilValue:To,setRecoilValueLoadable:Vo}=gt,{cloneSnapshot:Co}=mn,{useCallback:ko,useEffect:No,useRef:Ro,useState:Io}=o;function gotoSnapshot(e,t){var n;const o=e.getState(),r=null!==(n=o.nextTree)&&void 0!==n?n:o.currentTree,i=t.getStore_INTERNAL().getState().currentTree;_o((()=>{const n=new Set;for(const e of[r.atomValues.keys(),i.atomValues.keys()])for(const t of e){var o,a;(null===(o=r.atomValues.get(t))||void 0===o?void 0:o.contents)!==(null===(a=i.atomValues.get(t))||void 0===a?void 0:a.contents)&&Eo(t).shouldRestoreFromSnapshots&&n.add(t)}n.forEach((t=>{Vo(e,new To(t),i.atomValues.has(t)?T(i.atomValues.get(t)):Ao)})),e.replaceState((e=>({...e,stateID:t.getID()})))}))}var Oo={gotoSnapshot:gotoSnapshot};const{useMemo:Lo}=o,{loadableWithValue:Po}=U,{initializeNode:jo}=et,{DEFAULT_VALUE:Mo,getNode:Do}=Se,{copyTreeState:Bo,getRecoilValueAsLoadable:zo,invalidateDownstreams:Uo,writeLoadableToTreeState:Fo}=gt;function isAtom(e){return"atom"===Do(e.key).nodeType}class Ho{constructor(e,t){_defineProperty(this,"_store",void 0),_defineProperty(this,"_treeState",void 0),_defineProperty(this,"_changes",void 0),_defineProperty(this,"get",(e=>{if(this._changes.has(e.key))return this._changes.get(e.key);if(!isAtom(e))throw A("Reading selectors within atomicUpdate is not supported");const t=zo(this._store,e,this._treeState);if("hasValue"===t.state)return t.contents;throw"hasError"===t.state?t.contents:A(`Expected Recoil atom ${e.key} to have a value, but it is in a loading state.`)})),_defineProperty(this,"set",((e,t)=>{if(!isAtom(e))throw A("Setting selectors within atomicUpdate is not supported");if("function"==typeof t){const n=this.get(e);this._changes.set(e.key,t(n))}else jo(this._store,e.key,"set"),this._changes.set(e.key,t)})),_defineProperty(this,"reset",(e=>{this.set(e,Mo)})),this._store=e,this._treeState=t,this._changes=new Map}newTreeState_INTERNAL(){if(0===this._changes.size)return this._treeState;const e=Bo(this._treeState);for(const[t,n]of this._changes)Fo(e,t,Po(n));return Uo(this._store,e),e}}function atomicUpdater(e){return t=>{e.replaceState((n=>{const o=new Ho(e,n);return t(o),o.newTreeState_INTERNAL()}))}}var Wo,$o=atomicUpdater,Go=Object.freeze({__proto__:null,atomicUpdater:$o});function invariant(e,t){if(!e)throw new Error(t)}var Ko,qo=invariant;const{atomicUpdater:Yo}=Go,{batchUpdates:Zo}=Lt,{DEFAULT_VALUE:Xo}=Se,{useStoreRef:Jo}=$n,{refreshRecoilValue:Qo,setRecoilValue:er}=gt,{cloneSnapshot:tr}=mn,{gotoSnapshot:nr}=Oo,{useCallback:or}=o;class rr{}const ir=new rr;function recoilCallback(e,t,n,o){let r=ir,i;var a;(Zo((()=>{const a="useRecoilCallback() expects a function that returns a function: it accepts a function of the type (RecoilInterface) => (Args) => ReturnType and returns a callback function (Args) => ReturnType, where RecoilInterface is an object {snapshot, set, ...} and Args and ReturnType are the argument and return types of the callback you want to create.  Please see the docs at recoiljs.org for details.";if("function"!=typeof t)throw A(a);const s=Ge({...null!=o?o:{},set:(t,n)=>er(e,t,n),reset:t=>er(e,t,Xo),refresh:t=>Qo(e,t),gotoSnapshot:t=>nr(e,t),transact_UNSTABLE:t=>Yo(e)(t)},{snapshot:()=>{const t=tr(e);return i=t.retain(),t}}),l=t(s);if("function"!=typeof l)throw A(a);r=l(...n)})),r instanceof rr&&("production"!==process.env.NODE_ENV?qo(!1,"batchUpdates should return immediately"):qo(!1)),E(r))?r=r.finally((()=>{var e;null===(e=i)||void 0===e||e()})):null===(a=i)||void 0===a||a();return r}function useRecoilCallback(e,t){const n=Jo();return or(((...t)=>recoilCallback(n.current,e,t)),null!=t?[...t,n]:void 0)}var ar={recoilCallback:recoilCallback,useRecoilCallback:useRecoilCallback};const{useCallback:sr}=o,{atomicUpdater:lr}=Go,{useMemo:cr}=o;class ur{constructor(e){_defineProperty(this,"value",void 0),this.value=e}}var dr,pr=ur,fr=Object.freeze({__proto__:null,WrappedValue:pr});class hr extends Error{}class mr{constructor(e){var t,n,o;_defineProperty(this,"_name",void 0),_defineProperty(this,"_numLeafs",void 0),_defineProperty(this,"_root",void 0),_defineProperty(this,"_onHit",void 0),_defineProperty(this,"_onSet",void 0),_defineProperty(this,"_mapNodeValue",void 0),this._name=null==e?void 0:e.name,this._numLeafs=0,this._root=null,this._onHit=null!==(t=null==e?void 0:e.onHit)&&void 0!==t?t:()=>{},this._onSet=null!==(n=null==e?void 0:e.onSet)&&void 0!==n?n:()=>{},this._mapNodeValue=null!==(o=null==e?void 0:e.mapNodeValue)&&void 0!==o?o:e=>e}size(){return this._numLeafs}root(){return this._root}get(e,t){var n;return null===(n=this.getLeafNode(e,t))||void 0===n?void 0:n.value}getLeafNode(e,t){if(null==this._root)return;let n=this._root;for(;n;){if(null==t||t.onNodeVisit(n),"leaf"===n.type)return this._onHit(n),n;const o=this._mapNodeValue(e(n.nodeKey));n=n.branches.get(o)}}set(e,t,n){const addLeaf=()=>{var o,r,i,a;let s,l;for(const[t,o]of e){var c,u,d;const e=this._root;if("leaf"===(null==e?void 0:e.type))throw this.invalidCacheError();const r=s;if(s=r?r.branches.get(l):e,s=null!==(c=s)&&void 0!==c?c:{type:"branch",nodeKey:t,parent:r,branches:new Map,branchKey:l},"branch"!==s.type||s.nodeKey!==t)throw this.invalidCacheError();null==r||r.branches.set(l,s),null==n||null===(u=n.onNodeVisit)||void 0===u||u.call(n,s),l=this._mapNodeValue(o),this._root=null!==(d=this._root)&&void 0!==d?d:s}const p=s?null===(o=s)||void 0===o?void 0:o.branches.get(l):this._root;if(null!=p&&("leaf"!==p.type||p.branchKey!==l))throw this.invalidCacheError();const f={type:"leaf",value:t,parent:s,branchKey:l};null===(r=s)||void 0===r||r.branches.set(l,f),this._root=null!==(i=this._root)&&void 0!==i?i:f,this._numLeafs++,this._onSet(f),null==n||null===(a=n.onNodeVisit)||void 0===a||a.call(n,f)};try{addLeaf()}catch(e){if(!(e instanceof hr))throw e;this.clear(),addLeaf()}}delete(e){const t=this.root();if(!t)return!1;if(e===t)return this._root=null,this._numLeafs=0,!0;let n=e.parent,o=e.branchKey;for(;n;){var r;if(n.branches.delete(o),n===t)return 0===n.branches.size?(this._root=null,this._numLeafs=0):this._numLeafs--,!0;if(n.branches.size>0)break;o=null===(r=n)||void 0===r?void 0:r.branchKey,n=n.parent}for(;n!==t;n=n.parent)if(null==n)return!1;return this._numLeafs--,!0}clear(){this._numLeafs=0,this._root=null}invalidCacheError(){const e=undefined;throw G("Invalid cache values.  This happens when selectors do not return consistent values for the same input dependency values.  That may also be caused when using Fast Refresh to change a selector implementation.  Resetting cache."+(null!=this._name?` - ${this._name}`:"")),new hr}}var vr,gr=mr,yr=Object.freeze({__proto__:null,TreeCache:gr});class br{constructor(e){var t;_defineProperty(this,"_maxSize",void 0),_defineProperty(this,"_size",void 0),_defineProperty(this,"_head",void 0),_defineProperty(this,"_tail",void 0),_defineProperty(this,"_map",void 0),_defineProperty(this,"_keyMapper",void 0),this._maxSize=e.maxSize,this._size=0,this._head=null,this._tail=null,this._map=new Map,this._keyMapper=null!==(t=e.mapKey)&&void 0!==t?t:e=>e}head(){return this._head}tail(){return this._tail}size(){return this._size}maxSize(){return this._maxSize}has(e){return this._map.has(this._keyMapper(e))}get(e){const t=this._keyMapper(e),n=this._map.get(t);if(n)return this.set(e,n.value),n.value}set(e,t){const n=this._keyMapper(e),o=undefined;this._map.get(n)&&this.delete(e);const r=this.head(),i={key:e,right:r,left:null,value:t};r?r.left=i:this._tail=i,this._map.set(n,i),this._head=i,this._size++,this._maybeDeleteLRU()}_maybeDeleteLRU(){this.size()>this.maxSize()&&this.deleteLru()}deleteLru(){const e=this.tail();e&&this.delete(e.key)}delete(e){const t=this._keyMapper(e);if(!this._size||!this._map.has(t))return;const n=T(this._map.get(t)),o=n.right,r=n.left;o&&(o.left=n.left),r&&(r.right=n.right),n===this.head()&&(this._head=o),n===this.tail()&&(this._tail=r),this._map.delete(t),this._size--}clear(){this._size=0,this._head=null,this._tail=null,this._map=new Map}}var Sr,xr=br,wr=Object.freeze({__proto__:null,LRUCache:xr});const{LRUCache:_r}=wr,{TreeCache:Ar}=yr;function treeCacheLRU({name:e,maxSize:t,mapNodeValue:n=e=>e}){const o=new _r({maxSize:t}),r=new Ar({name:e,mapNodeValue:n,onHit:e=>{o.set(e,!0)},onSet:e=>{const n=o.tail();o.set(e,!0),n&&r.size()>t&&r.delete(n.key)}});return r}var Er=treeCacheLRU;const Tr=15;function stringify$1(e,t,n){if("string"==typeof e&&!e.includes('"')&&!e.includes("\\"))return`"${e}"`;switch(typeof e){case"undefined":return"";case"boolean":return e?"true":"false";case"number":case"symbol":return String(e);case"string":return JSON.stringify(e);case"function":if(!0!==(null==t?void 0:t.allowFunctions))throw A("Attempt to serialize function in a Recoil cache key");return`__FUNCTION(${e.name})__`}if(null===e)return"null";var o;if("object"!=typeof e)return null!==(o=JSON.stringify(e))&&void 0!==o?o:"";if(E(e))return"__PROMISE__";if(Array.isArray(e))return`[${e.map(((e,n)=>stringify$1(e,t,n.toString())))}]`;if("function"==typeof e.toJSON)return stringify$1(e.toJSON(n),t,n);if(e instanceof Map){const o={};for(const[n,r]of e)o["string"==typeof n?n:stringify$1(n,t)]=r;return stringify$1(o,t,n)}return e instanceof Set?stringify$1(Array.from(e).sort(((e,n)=>stringify$1(e,t).localeCompare(stringify$1(n,t)))),t,n):void 0!==Symbol&&null!=e[Symbol.iterator]&&"function"==typeof e[Symbol.iterator]?stringify$1(Array.from(e),t,n):`{${Object.keys(e).filter((t=>void 0!==e[t])).sort().map((n=>`${stringify$1(n,t)}:${stringify$1(e[n],t,n)}`)).join(",")}}`}function stableStringify(e,t={allowFunctions:!1}){if("production"!==process.env.NODE_ENV&&"undefined"!=typeof window){const n=window.performance?window.performance.now():0,o=stringify$1(e,t),r=window.performance?window.performance.now():0;return r-n>Tr&&(console.groupCollapsed(`Recoil: Spent ${r-n}ms computing a cache key`),console.warn(e,o),console.groupEnd()),o}return stringify$1(e,t)}var Vr=stableStringify;const{TreeCache:Cr}=yr,kr={equality:"reference",eviction:"keep-all",maxSize:1/0};function treeCacheFromPolicy({equality:e=kr.equality,eviction:t=kr.eviction,maxSize:n=kr.maxSize}=kr,o){const r=undefined;return getTreeCache(t,n,getValueMapper(e),o)}function getValueMapper(e){switch(e){case"reference":return e=>e;case"value":return e=>Vr(e)}throw A(`Unrecognized equality policy ${e}`)}function getTreeCache(e,t,n,o){switch(e){case"keep-all":return new Cr({name:o,mapNodeValue:n});case"lru":return Er({name:o,maxSize:T(t),mapNodeValue:n});case"most-recent":return Er({name:o,maxSize:1,mapNodeValue:n})}throw A(`Unrecognized eviction policy ${e}`)}var Nr=treeCacheFromPolicy;function isNode(e){var t,n;if("undefined"==typeof window)return!1;const o=undefined,r=null!==(n=(null!=e?null!==(t=e.ownerDocument)&&void 0!==t?t:e:document).defaultView)&&void 0!==n?n:window;return!(null==e||!("function"==typeof r.Node?e instanceof r.Node:"object"==typeof e&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName))}var Rr=isNode;const{isReactNative:Ir,isWindow:Or}=Dt;function shouldNotBeFrozen(e){if(null===e||"object"!=typeof e)return!0;switch(typeof e.$$typeof){case"symbol":case"number":return!0}return null!=e["@@__IMMUTABLE_ITERABLE__@@"]||null!=e["@@__IMMUTABLE_KEYED__@@"]||null!=e["@@__IMMUTABLE_INDEXED__@@"]||null!=e["@@__IMMUTABLE_ORDERED__@@"]||null!=e["@@__IMMUTABLE_RECORD__@@"]||(!!Rr(e)||(!!E(e)||(e instanceof Error||(!!ArrayBuffer.isView(e)||!(Ir||!Or(e))))))}function deepFreezeValue(e){if("object"==typeof e&&!shouldNotBeFrozen(e)){Object.freeze(e);for(const t in e)if(Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];"object"!=typeof n||null==n||Object.isFrozen(n)||deepFreezeValue(n)}Object.seal(e)}}var Lr=deepFreezeValue;const{isLoadable:Pr,loadableWithError:jr,loadableWithPromise:Mr,loadableWithValue:Dr}=U,{WrappedValue:Br}=fr,{getNodeLoadable:zr,peekNodeLoadable:Ur,setNodeValue:Fr}=et,{saveDepsToStore:Hr}=Ne,{DEFAULT_VALUE:Wr,getConfigDeletionHandler:$r,getNode:Gr,registerNode:Kr}=Se,{isRecoilValue:qr}=ce,{markRecoilValueModified:Yr}=gt,{retainedByOptionWithDefault:Zr}=Et,{recoilCallback:Xr}=ar;class Jr{}const Qr=new Jr,ei=[],ti=new Map,ni=(()=>{let e=0;return()=>e++})();function selector(e){let t=null;const{key:n,get:o,cachePolicy_UNSTABLE:r}=e,i=null!=e.set?e.set:void 0;if("production"!==process.env.NODE_ENV){if("string"!=typeof n)throw A("A key option with a unique string value must be provided when creating a selector.");if("function"!=typeof o)throw A("Selectors must specify a get callback option to get the selector value.")}const a=new Set,s=Nr(null!=r?r:{equality:"reference",eviction:"keep-all"},n),l=Zr(e.retainedBy_UNSTABLE),c=new Map;let u=0;function selectorIsLive(){return!W("recoil_memory_managament_2020")||u>0}function selectorInit(e){return e.getState().knownSelectors.add(n),u++,()=>{u--}}function selectorShouldDeleteConfigOnRelease(){return void 0!==$r(n)&&!selectorIsLive()}function resolveAsync(e,t,n,o,r){setCache(t,o,r),notifyStoresOfResolvedAsync(e,n)}function notifyStoresOfResolvedAsync(e,t){isLatestExecution(e,t)&&clearExecutionInfo(e),notifyWaitingStores(t,!0)}function notifyStoresOfNewAsyncDep(e,t){if(isLatestExecution(e,t)){const n=undefined;T(getExecutionInfo(e)).stateVersions.clear(),notifyWaitingStores(t,!1)}}function notifyWaitingStores(e,n){const o=ti.get(e);if(null!=o){for(const e of o)Yr(e,T(t));n&&ti.delete(e)}}function markStoreWaitingForResolvedAsync(e,t){let n=ti.get(t);null==n&&ti.set(t,n=new Set),n.add(e)}function wrapResultPromise(e,t,n,o,r,i){return t.then((t=>{if(!selectorIsLive())throw clearExecutionInfo(e),Qr;const i=Dr(t);return resolveAsync(e,n,r,i,o),t})).catch((t=>{if(!selectorIsLive())throw clearExecutionInfo(e),Qr;if(E(t))return wrapPendingDependencyPromise(e,t,n,o,r,i);const a=jr(t);throw resolveAsync(e,n,r,a,o),t}))}function wrapPendingDependencyPromise(e,t,n,o,r,i){return t.then((o=>{if(!selectorIsLive())throw clearExecutionInfo(e),Qr;null!=i.loadingDepKey&&i.loadingDepPromise===t?n.atomValues.set(i.loadingDepKey,Dr(o)):e.getState().knownSelectors.forEach((e=>{n.atomValues.delete(e)}));const a=getLoadableFromCacheAndUpdateDeps(e,n);if(a&&"loading"!==a.state){if((isLatestExecution(e,r)||null==getExecutionInfo(e))&&notifyStoresOfResolvedAsync(e,r),"hasValue"===a.state)return a.contents;throw a.contents}if(!isLatestExecution(e,r)){const t=getInProgressExecutionInfo(e,n);if(null!=t)return t.loadingLoadable.contents}const[s,l]=evaluateSelectorGetter(e,n,r);if("loading"!==s.state&&resolveAsync(e,n,r,s,l),"hasError"===s.state)throw s.contents;return s.contents})).catch((t=>{if(t instanceof Jr)throw Qr;if(!selectorIsLive())throw clearExecutionInfo(e),Qr;const i=jr(t);throw resolveAsync(e,n,r,i,o),t}))}function updateDeps(e,t,o,r){var i,s,l,c,u,d,p;(isLatestExecution(e,r)||t.version===(null===(i=e.getState())||void 0===i||null===(s=i.currentTree)||void 0===s?void 0:s.version)||t.version===(null===(l=e.getState())||void 0===l||null===(c=l.nextTree)||void 0===c?void 0:c.version))&&Hr(n,o,e,null!==(u=null===(d=e.getState())||void 0===d||null===(p=d.nextTree)||void 0===p?void 0:p.version)&&void 0!==u?u:e.getState().currentTree.version);for(const e of o)a.add(e)}function evaluateSelectorGetter(e,n,r){let i=!0,a=!0;const finishEvaluation=()=>{a=!1};let s,l=!1,c;const u={loadingDepKey:null,loadingDepPromise:null},d=new Map;function getRecoilValue({key:t}){const o=zr(e,n,t);switch(d.set(t,o),i||(updateDeps(e,n,new Set(d.keys()),r),notifyStoresOfNewAsyncDep(e,r)),o.state){case"hasValue":return o.contents;case"hasError":throw o.contents;case"loading":throw u.loadingDepKey=t,u.loadingDepPromise=o.contents,o.contents}throw A("Invalid Loadable state")}const getCallback=n=>(...o)=>{if(a)throw A("Callbacks from getCallback() should only be called asynchronously after the selector is evalutated.  It can be used for selectors to return objects with callbacks that can work with Recoil state without a subscription.");return null==t&&("production"!==process.env.NODE_ENV?qo(!1,"Recoil Value can never be null"):qo(!1)),Xr(e,n,o,{node:t})};try{s=o({get:getRecoilValue,getCallback:getCallback}),s=qr(s)?getRecoilValue(s):s,Pr(s)&&("hasError"===s.state&&(l=!0),s=s.contents),E(s)?s=wrapResultPromise(e,s,n,d,r,u).finally(finishEvaluation):finishEvaluation(),s=s instanceof Br?s.value:s}catch(t){s=t,E(s)?s=wrapPendingDependencyPromise(e,s,n,d,r,u).finally(finishEvaluation):(l=!0,finishEvaluation())}return c=l?jr(s):E(s)?Mr(s):Dr(s),i=!1,updateExecutionInfoDepValues(e,r,d),updateDeps(e,n,new Set(d.keys()),r),[c,d]}function getLoadableFromCacheAndUpdateDeps(e,t){let o=t.atomValues.get(n);if(null!=o)return o;const r=new Set;try{o=s.get((n=>("string"!=typeof n&&("production"!==process.env.NODE_ENV?qo(!1,"Cache nodeKey is type string"):qo(!1)),zr(e,t,n).contents)),{onNodeVisit:e=>{"branch"===e.type&&e.nodeKey!==n&&r.add(e.nodeKey)}})}catch(e){throw A(`Problem with cache lookup for selector "${n}": ${e.message}`)}var i;o&&(t.atomValues.set(n,o),updateDeps(e,t,r,null===(i=getExecutionInfo(e))||void 0===i?void 0:i.executionID));return o}function getSelectorLoadableAndUpdateDeps(e,t){const n=getLoadableFromCacheAndUpdateDeps(e,t);if(null!=n)return clearExecutionInfo(e),n;const o=getInProgressExecutionInfo(e,t);var r;if(null!=o)return"loading"===(null===(r=o.loadingLoadable)||void 0===r?void 0:r.state)&&markStoreWaitingForResolvedAsync(e,o.executionID),o.loadingLoadable;const i=ni(),[a,s]=evaluateSelectorGetter(e,t,i);return"loading"===a.state?(setExecutionInfo(e,i,a,s,t),markStoreWaitingForResolvedAsync(e,i)):(clearExecutionInfo(e),setCache(t,a,s)),a}function getInProgressExecutionInfo(e,t){const n=Pt([c.has(e)?[T(c.get(e))]:[],fe($e(c,(([t])=>t!==e)),(([,e])=>e))]);function anyDepChanged(n){for(const[o,r]of n)if(!zr(e,t,o).is(r))return!0;return!1}for(const e of n){if(e.stateVersions.get(t.version)||!anyDepChanged(e.depValuesDiscoveredSoFarDuringAsyncWork))return e.stateVersions.set(t.version,!0),e;e.stateVersions.set(t.version,!1)}}function getExecutionInfo(e){return c.get(e)}function setExecutionInfo(e,t,n,o,r){c.set(e,{depValuesDiscoveredSoFarDuringAsyncWork:o,executionID:t,loadingLoadable:n,stateVersions:new Map([[r.version,!0]])})}function updateExecutionInfoDepValues(e,t,n){if(isLatestExecution(e,t)){const t=getExecutionInfo(e);null!=t&&(t.depValuesDiscoveredSoFarDuringAsyncWork=n)}}function clearExecutionInfo(e){c.delete(e)}function isLatestExecution(e,t){var n;return t===(null===(n=getExecutionInfo(e))||void 0===n?void 0:n.executionID)}function depValuesToDepRoute(e){return Array.from(e.entries()).map((([e,t])=>[e,t.contents]))}function setCache(t,o,r){"production"!==process.env.NODE_ENV&&"loading"!==o.state&&!1===Boolean(e.dangerouslyAllowMutability)&&Lr(o.contents),t.atomValues.set(n,o);try{s.set(depValuesToDepRoute(r),o)}catch(e){throw A(`Problem with setting cache for selector "${n}": ${e.message}`)}}function detectCircularDependencies(e){if(ei.includes(n)){const e=`Recoil selector has circular dependencies: ${ei.slice(ei.indexOf(n)).join(" → ")}`;return jr(A(e))}ei.push(n);try{return e()}finally{ei.pop()}}function selectorPeek(e,t){const o=t.atomValues.get(n);return null!=o?o:s.get((n=>{var o;return"string"!=typeof n&&("production"!==process.env.NODE_ENV?qo(!1,"Cache nodeKey is type string"):qo(!1)),null===(o=Ur(e,t,n))||void 0===o?void 0:o.contents}))}function selectorGet(e,t){return detectCircularDependencies((()=>getSelectorLoadableAndUpdateDeps(e,t)))}function invalidateSelector(e){e.atomValues.delete(n)}function clearSelectorCache(e,n){null==t&&("production"!==process.env.NODE_ENV?qo(!1,"Recoil Value can never be null"):qo(!1));for(const t of a){var o;const r=Gr(t);null===(o=r.clearCache)||void 0===o||o.call(r,e,n)}a.clear(),invalidateSelector(n),s.clear(),Yr(e,t)}if(null!=i){const o=undefined;return t=Kr({key:n,nodeType:"selector",peek:selectorPeek,get:selectorGet,set:(e,t,o)=>{let r=!1;const a=new Map;function getRecoilValue({key:o}){if(r)throw A("Recoil: Async selector sets are not currently supported.");const i=zr(e,t,o);if("hasValue"===i.state)return i.contents;if("loading"===i.state){const e=`Getting value of asynchronous atom or selector "${o}" in a pending state while setting selector "${n}" is not yet supported.`;throw G(e),A(e)}throw i.contents}function setRecoilState(n,o){if(r){const e="Recoil: Async selector sets are not currently supported.";throw G(e),A(e)}const i="function"==typeof o?o(getRecoilValue(n)):o,s=undefined;Fr(e,t,n.key,i).forEach(((e,t)=>a.set(t,e)))}function resetRecoilState(e){setRecoilState(e,Wr)}const s=i({set:setRecoilState,get:getRecoilValue,reset:resetRecoilState},o);if(void 0!==s)throw E(s)?A("Recoil: Async selector sets are not currently supported."):A("Recoil: selector set should be a void function.");return r=!0,a},init:selectorInit,invalidate:invalidateSelector,clearCache:clearSelectorCache,shouldDeleteConfigOnRelease:selectorShouldDeleteConfigOnRelease,dangerouslyAllowMutability:e.dangerouslyAllowMutability,shouldRestoreFromSnapshots:!1,retainedBy:l})}return t=Kr({key:n,nodeType:"selector",peek:selectorPeek,get:selectorGet,init:selectorInit,invalidate:invalidateSelector,clearCache:clearSelectorCache,shouldDeleteConfigOnRelease:selectorShouldDeleteConfigOnRelease,dangerouslyAllowMutability:e.dangerouslyAllowMutability,shouldRestoreFromSnapshots:!1,retainedBy:l})}selector.value=e=>new Br(e);var oi=selector;const{isLoadable:ri,loadableWithError:ii,loadableWithPromise:ai,loadableWithValue:si}=U,{WrappedValue:li}=fr,{peekNodeInfo:ci}=et,{DEFAULT_VALUE:ui,DefaultValue:di,getConfigDeletionHandler:pi,registerNode:fi,setConfigDeletionHandler:hi}=Se,{isRecoilValue:mi}=ce,{getRecoilValueAsLoadable:vi,markRecoilValueModified:gi,setRecoilValue:yi,setRecoilValueLoadable:bi}=gt,{retainedByOptionWithDefault:Si}=Et,unwrap=e=>e instanceof li?e.value:e;function baseAtom(e){const{key:t,persistence_UNSTABLE:n}=e,o=Si(e.retainedBy_UNSTABLE);let r=0;function unwrapPromise(e){return ai(e.then((e=>(i=si(e),e))).catch((e=>{throw i=ii(e),e})))}let i=E(e.default)?unwrapPromise(e.default):ri(e.default)?"loading"===e.default.state?unwrapPromise(e.default.contents):e.default:si(unwrap(e.default)),a;maybeFreezeValueOrPromise(i.contents);const s=new Map;function maybeFreezeValueOrPromise(t){return"production"!==process.env.NODE_ENV&&!0!==e.dangerouslyAllowMutability?E(t)?t.then((e=>(Lr(e),e))):(Lr(t),t):t}function wrapPendingPromise(e,n){const o=n.then((n=>{var r,i;const a=undefined;return(null===(i=(null!==(r=e.getState().nextTree)&&void 0!==r?r:e.getState().currentTree).atomValues.get(t))||void 0===i?void 0:i.contents)===o&&yi(e,l,n),n})).catch((n=>{var r,i;const a=undefined;throw(null===(i=(null!==(r=e.getState().nextTree)&&void 0!==r?r:e.getState().currentTree).atomValues.get(t))||void 0===i?void 0:i.contents)===o&&bi(e,l,ii(n)),n}));return o}function initAtom(n,o,a){var c;r++;const cleanupAtom=()=>{var e;r--,null===(e=s.get(n))||void 0===e||e.forEach((e=>e())),s.delete(n)};if(n.getState().knownAtoms.add(t),"loading"===i.state){const notifyDefaultSubscribers=()=>{var e;const o=undefined;(null!==(e=n.getState().nextTree)&&void 0!==e?e:n.getState().currentTree).atomValues.has(t)||gi(n,l)};i.contents.finally(notifyDefaultSubscribers)}const u=null!==(c=e.effects)&&void 0!==c?c:e.effects_UNSTABLE;if(null!=u){let f=ui,h=!0,m=!1,v=null;function getLoadable(e){if(h&&e.key===t){const e=f;return e instanceof di?peekAtom(n,o):E(e)?ai(e.then((e=>e instanceof di?i.toPromise():e))):si(e)}return vi(n,e)}function getPromise(e){return getLoadable(e).toPromise()}function getInfo_UNSTABLE(e){var o;const r=ci(n,null!==(o=n.getState().nextTree)&&void 0!==o?o:n.getState().currentTree,e.key);return!h||e.key!==t||f instanceof di?r:{...r,isSet:!0,loadable:getLoadable(e)}}const setSelf=e=>t=>{if(h){const n=getLoadable(l),o="hasValue"===n.state?n.contents:ui;f="function"==typeof t?t(o):t,E(f)&&(f=f.then((t=>(v={effect:e,value:t},t))))}else{if(E(t))throw A("Setting atoms to async values is not implemented.");"function"!=typeof t&&(v={effect:e,value:unwrap(t)}),yi(n,l,"function"==typeof t?n=>{const o=unwrap(t(n));return v={effect:e,value:o},o}:unwrap(t))}},resetSelf=e=>()=>setSelf(e)(ui),onSet=e=>o=>{var r;const{release:a}=n.subscribeToTransactions((n=>{var r;let{currentTree:a,previousTree:s}=n.getState();s||(G("Transaction subscribers notified without a next tree being present -- this is a bug in Recoil"),s=a);const l=null!==(r=a.atomValues.get(t))&&void 0!==r?r:i;if("hasValue"===l.state){var c,u,d,p;const n=l.contents,r=null!==(c=s.atomValues.get(t))&&void 0!==c?c:i,f="hasValue"===r.state?r.contents:ui;(null===(u=v)||void 0===u?void 0:u.effect)!==e||(null===(d=v)||void 0===d?void 0:d.value)!==n?o(n,f,!a.atomValues.has(t)):(null===(p=v)||void 0===p?void 0:p.effect)===e&&(v=null)}}),t);s.set(n,[...null!==(r=s.get(n))&&void 0!==r?r:[],a])};for(const g of u)try{const b=g({node:l,storeID:n.storeID,parentStoreID_UNSTABLE:n.parentStoreID,trigger:a,setSelf:setSelf(g),resetSelf:resetSelf(g),onSet:onSet(g),getPromise:getPromise,getLoadable:getLoadable,getInfo_UNSTABLE:getInfo_UNSTABLE});var d;if(null!=b)s.set(n,[...null!==(d=s.get(n))&&void 0!==d?d:[],b])}catch(S){f=S,m=!0}if(h=!1,!(f instanceof di)){var p;const w=m?ii(f):E(f)?ai(wrapPendingPromise(n,f)):si(unwrap(f));maybeFreezeValueOrPromise(w.contents),o.atomValues.set(t,w),null===(p=n.getState().nextTree)||void 0===p||p.atomValues.set(t,w)}}return cleanupAtom}function peekAtom(e,n){var o,r;return null!==(o=null!==(r=n.atomValues.get(t))&&void 0!==r?r:a)&&void 0!==o?o:i}function getAtom(e,o){if(o.atomValues.has(t))return T(o.atomValues.get(t));if(o.nonvalidatedAtoms.has(t)){if(null!=a)return a;if(null==n)return pe(`Tried to restore a persisted value for atom ${t} but it has no persistence settings.`),i;const e=o.nonvalidatedAtoms.get(t),r=n.validator(e,ui),s=r instanceof di?i:si(r);return a=s,a}return i}function invalidateAtom(){a=void 0}function setAtom(e,n,o){if(n.atomValues.has(t)){const e=T(n.atomValues.get(t));if("hasValue"===e.state&&o===e.contents)return new Map}else if(!n.nonvalidatedAtoms.has(t)&&o instanceof di)return new Map;return maybeFreezeValueOrPromise(o),a=void 0,(new Map).set(t,si(o))}function shouldDeleteConfigOnReleaseAtom(){return void 0!==pi(t)&&r<=0}const l=fi({key:t,nodeType:"atom",peek:peekAtom,get:getAtom,set:setAtom,init:initAtom,invalidate:invalidateAtom,shouldDeleteConfigOnRelease:shouldDeleteConfigOnReleaseAtom,dangerouslyAllowMutability:e.dangerouslyAllowMutability,persistence_UNSTABLE:e.persistence_UNSTABLE?{type:e.persistence_UNSTABLE.type,backButton:e.persistence_UNSTABLE.backButton}:void 0,shouldRestoreFromSnapshots:!0,retainedBy:o});return l}function atom(e){if("production"!==process.env.NODE_ENV&&"string"!=typeof e.key)throw A("A key option with a unique string value must be provided when creating an atom.");const{...t}=e,n="default"in e?e.default:new Promise((()=>{}));return mi(n)?atomWithFallback({...t,default:n}):baseAtom({...t,default:n})}function atomWithFallback(e){const t=atom({...e,default:ui,persistence_UNSTABLE:void 0===e.persistence_UNSTABLE?void 0:{...e.persistence_UNSTABLE,validator:t=>t instanceof di?t:T(e.persistence_UNSTABLE).validator(t,ui)},effects:e.effects,effects_UNSTABLE:e.effects_UNSTABLE}),n=oi({key:`${e.key}__withFallback`,get:({get:n})=>{const o=n(t);return o instanceof di?e.default:o},set:({set:e},n)=>e(t,n),cachePolicy_UNSTABLE:{eviction:"most-recent"},dangerouslyAllowMutability:e.dangerouslyAllowMutability});return hi(n.key,pi(e.key)),n}atom.value=e=>new li(e);var xi=atom;class wi{constructor(e){var t;_defineProperty(this,"_map",void 0),_defineProperty(this,"_keyMapper",void 0),this._map=new Map,this._keyMapper=null!==(t=null==e?void 0:e.mapKey)&&void 0!==t?t:e=>e}size(){return this._map.size}has(e){return this._map.has(this._keyMapper(e))}get(e){return this._map.get(this._keyMapper(e))}set(e,t){this._map.set(this._keyMapper(e),t)}delete(e){this._map.delete(this._keyMapper(e))}clear(){this._map.clear()}}var _i,Ai=wi,Ei=Object.freeze({__proto__:null,MapCache:Ai});const{LRUCache:Ti}=wr,{MapCache:Vi}=Ei,Ci={equality:"reference",eviction:"none",maxSize:1/0};function cacheFromPolicy({equality:e=Ci.equality,eviction:t=Ci.eviction,maxSize:n=Ci.maxSize}=Ci){const o=undefined,r=undefined;return getCache(t,n,getValueMapper$1(e))}function getValueMapper$1(e){switch(e){case"reference":return e=>e;case"value":return e=>Vr(e)}throw A(`Unrecognized equality policy ${e}`)}function getCache(e,t,n){switch(e){case"keep-all":return new Vi({mapKey:n});case"lru":return new Ti({mapKey:n,maxSize:T(t)});case"most-recent":return new Ti({mapKey:n,maxSize:1})}throw A(`Unrecognized eviction policy ${e}`)}var ki=cacheFromPolicy;const{setConfigDeletionHandler:Ni}=Se;function atomFamily(e){var t,n;const o=ki({equality:null!==(t=null===(n=e.cachePolicyForParams_UNSTABLE)||void 0===n?void 0:n.equality)&&void 0!==t?t:"value",eviction:"keep-all"});return t=>{var n,r;const i=o.get(t);if(null!=i)return i;const{cachePolicyForParams_UNSTABLE:a,...s}=e,l="default"in e?e.default:new Promise((()=>{})),c=xi({...s,key:`${e.key}__${null!==(n=Vr(t))&&void 0!==n?n:"void"}`,default:"function"==typeof l?l(t):l,retainedBy_UNSTABLE:"function"==typeof e.retainedBy_UNSTABLE?e.retainedBy_UNSTABLE(t):e.retainedBy_UNSTABLE,effects:"function"==typeof e.effects?e.effects(t):"function"==typeof e.effects_UNSTABLE?e.effects_UNSTABLE(t):null!==(r=e.effects)&&void 0!==r?r:e.effects_UNSTABLE});return o.set(t,c),Ni(c.key,(()=>{o.delete(t)})),c}}var Ri=atomFamily;const{setConfigDeletionHandler:Ii}=Se;let Oi=0;function selectorFamily(e){var t,n;const o=ki({equality:null!==(t=null===(n=e.cachePolicyForParams_UNSTABLE)||void 0===n?void 0:n.equality)&&void 0!==t?t:"value",eviction:"keep-all"});return t=>{var n;let r;try{r=o.get(t)}catch(t){throw A(`Problem with cache lookup for selector ${e.key}: ${t.message}`)}if(null!=r)return r;const i=`${e.key}__selectorFamily/${null!==(n=Vr(t,{allowFunctions:!0}))&&void 0!==n?n:"void"}/${Oi++}`,myGet=n=>e.get(t)(n),a=e.cachePolicy_UNSTABLE,s="function"==typeof e.retainedBy_UNSTABLE?e.retainedBy_UNSTABLE(t):e.retainedBy_UNSTABLE;let l;if(null!=e.set){const n=e.set,o=undefined;l=oi({key:i,get:myGet,set:(e,o)=>n(t)(e,o),cachePolicy_UNSTABLE:a,dangerouslyAllowMutability:e.dangerouslyAllowMutability,retainedBy_UNSTABLE:s})}else l=oi({key:i,get:myGet,cachePolicy_UNSTABLE:a,dangerouslyAllowMutability:e.dangerouslyAllowMutability,retainedBy_UNSTABLE:s});return o.set(t,l),Ii(l.key,(()=>{o.delete(t)})),l}}var Li=selectorFamily;Li({key:"__constant",get:e=>()=>e,cachePolicyForParams_UNSTABLE:{equality:"reference"}}),Li({key:"__error",get:e=>()=>{throw A(e)},cachePolicyForParams_UNSTABLE:{equality:"reference"}});const{loadableWithError:Pi,loadableWithPromise:ji,loadableWithValue:Mi}=U;function concurrentRequests(e,t){const n=Array(t.length).fill(void 0),o=Array(t.length).fill(void 0);for(const[r,i]of t.entries())try{n[r]=e(i)}catch(e){o[r]=e}return[n,o]}function isError(e){return null!=e&&!E(e)}function unwrapDependencies(e){return Array.isArray(e)?e:Object.getOwnPropertyNames(e).map((t=>e[t]))}function wrapResults(e,t){return Array.isArray(e)?t:Object.getOwnPropertyNames(e).reduce(((e,n,o)=>({...e,[n]:t[o]})),{})}function wrapLoadables(e,t,n){const o=undefined;return wrapResults(e,n.map(((e,n)=>null==e?Mi(t[n]):E(e)?ji(e):Pi(e))))}function combineAsyncResultsWithSyncResults(e,t){return t.map(((t,n)=>void 0===t?e[n]:t))}Li({key:"__waitForNone",get:e=>({get:t})=>{const n=unwrapDependencies(e),[o,r]=concurrentRequests(t,n);return wrapLoadables(e,o,r)},dangerouslyAllowMutability:!0}),Li({key:"__waitForAny",get:e=>({get:t})=>{const n=unwrapDependencies(e),[o,r]=concurrentRequests(t,n);return r.some((e=>!E(e)))?wrapLoadables(e,o,r):new Promise((t=>{for(const[n,i]of r.entries())E(i)&&i.then((i=>{o[n]=i,r[n]=void 0,t(wrapLoadables(e,o,r))})).catch((i=>{r[n]=i,t(wrapLoadables(e,o,r))}))}))},dangerouslyAllowMutability:!0}),Li({key:"__waitForAll",get:e=>({get:t})=>{const n=unwrapDependencies(e),[o,r]=concurrentRequests(t,n);if(r.every((e=>null==e)))return wrapResults(e,o);const i=r.find(isError);if(null!=i)throw i;return Promise.all(r).then((t=>wrapResults(e,combineAsyncResultsWithSyncResults(o,t))))},dangerouslyAllowMutability:!0}),Li({key:"__waitForAllSettled",get:e=>({get:t})=>{const n=unwrapDependencies(e),[o,r]=concurrentRequests(t,n);return r.every((e=>!E(e)))?wrapLoadables(e,o,r):Promise.all(r.map(((e,t)=>E(e)?e.then((e=>{o[t]=e,r[t]=void 0})).catch((e=>{o[t]=void 0,r[t]=e})):null))).then((()=>wrapLoadables(e,o,r)))},dangerouslyAllowMutability:!0}),Li({key:"__noWait",get:e=>({get:t})=>{try{return oi.value(Mi(t(e)))}catch(e){return oi.value(E(e)?ji(e):Pi(e))}},dangerouslyAllowMutability:!0});const{RecoilLoadable:Di}=U,{RecoilRoot:Bi}=$n,{isRecoilValue:zi}=ce,{freshSnapshot:Ui}=mn,{useRecoilState:Fi,useRecoilValue:Hi,useRecoilValueLoadable:Wi,useSetRecoilState:$i}=wo,{useRecoilCallback:Gi}=ar;var Ki={RecoilRoot:Bi,atom:xi,selector:oi,atomFamily:Ri,useRecoilValue:Hi,useRecoilValueLoadable:Wi,useRecoilState:Fi,useSetRecoilState:$i,useRecoilCallback:Gi},qi=Ki.RecoilRoot,Yi=Ki.atom,Zi=Ki.selector,Xi=Ki.atomFamily,Ji=Ki.useRecoilValue,Qi=Ki.useRecoilValueLoadable,ea=Ki.useRecoilState,ta=Ki.useSetRecoilState,na=Ki.useRecoilCallback;class oa{}function useActionCallback(e,t=[]){const n=undefined;return na((t=>e(Object.assign(Object.assign({},t),{snapshot:Object.defineProperties(t.snapshot,{getPromiseRequired:{configurable:!0,value:createGetPromiseRequiredWrapper(t.snapshot)},tryGetPromise:{configurable:!0,value:createTryGetPromiseWrapper(t.snapshot)}})}))),t instanceof oa?void 0:t)}function retainSnapshot(e){return n=>{var{snapshot:o}=n,r=t.__rest(n,["snapshot"]);return async(...t)=>{const n=o.retain();try{const n=undefined;return await e(Object.assign(Object.assign({},r),{snapshot:o}))(...t)}finally{n()}}}}function createGetPromiseRequiredWrapper(e){return async(t,n)=>{const o=await e.getPromise(t);if(null==o)throw null!=n?n:new Error(`No value present for required value ${t.key}`);return o}}function createTryGetPromiseWrapper(e){return async t=>{try{return{value:await e.getPromise(t)}}catch(e){return logger_debug(`Error encountered retrieving Recoil value. [key={${t.key}}]`,e),{error:e}}}}const ra=Yi({key:"boxSelectionEnabled",default:!1}),ia=Yi({key:"boxSelectionOperationType",default:"clearAndSelect"}),useBoxSelectionActions=()=>({enable:useActionCallback((({set:e})=>()=>{e(ra,!0)})),disable:useActionCallback((({reset:e})=>async()=>{e(ra),e(ia)})),setOperationType:useActionCallback((({set:e})=>t=>{e(ia,t)}))}),isInputElement=e=>{const t=e instanceof HTMLElement&&"VERTEX-AUTO-RESIZE-TEXTAREA"===e.tagName,n=e instanceof HTMLElement&&"VERTEX-TEXTFIELD"===e.tagName,o=e instanceof HTMLElement&&"true"===e.contentEditable,r=e instanceof HTMLElement&&"VERTEX-SCENE-TREE-SEARCH"===e.tagName,i=e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement,a=e instanceof HTMLElement&&"VERTEX-VIEWER-PIN-TOOL"===e.tagName,s=e instanceof HTMLElement&&"VERTEX-VIEWER-TRANSFORM-WIDGET"===e.tagName;return t||n||o||r||i||a||s},useRecoilReducer=({reducer:e,atom:t})=>{const n=undefined,o=undefined;return[Ji(t),useRecoilReducerDispatch({reducer:e,atom:t})]},useRecoilReducerDispatch=({reducer:e,atom:t})=>{const n=na((({set:n})=>async o=>{n(t,(t=>e(t,o)))}),[]);return n};var aa=/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/,sa=/rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(.+)\s*\)/,la=/^(#|0x)?([A-Fa-f0-9]{6})$/,create$2=function(e,t,n,o){return void 0===o&&(o=255),{r:e,g:t,b:n,a:o}},fromNumber=function(e){var t=16777215&e;return create$2(t>>16&255,t>>8&255,255&t)},fromHexString=function(e){var t=la.exec(e);if(null!=t)return fromNumber(parseInt(t[2],16))},fromCss=function(e){var t=aa.exec(e);if(null!=t)return create$2(parseInt(t[1]),parseInt(t[2]),parseInt(t[3]));var n=sa.exec(e);return null!=n?create$2(parseInt(n[1]),parseInt(n[2]),parseInt(n[3]),Math.floor(255*parseFloat(n[4]))):la.test(e)?fromHexString(e):void 0},fromArray=function(e){return create$2(e[0],e[1],e[2],e[3])},isInvisible=function(e){return 0===e.a},isOpaque=function(e){return 255===e.a},toHexString=function(e){return"#".concat(componentToHex(e.r)).concat(componentToHex(e.g)).concat(componentToHex(e.b))},componentToHex=function(e){var t=e.toString(16);return 1===t.length?"0"+t:t},ca=Object.freeze({__proto__:null,create:create$2,fromNumber:fromNumber,fromHexString:fromHexString,fromCss:fromCss,fromArray:fromArray,isInvisible:isInvisible,isOpaque:isOpaque,toHexString:toHexString}),ua;!function(e){function MapperValidationError(t){var n=e.call(this,"Validation error mapping object.")||this;return n.errors=t,Object.setPrototypeOf(n,MapperValidationError.prototype),n}t.__extends(MapperValidationError,e)}(Error);var da=new Uint8Array(16);function rng(){if(!ua&&!(ua="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return ua(da)}var pa=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function validate(e){return"string"==typeof e&&pa.test(e)}for(var fa=[],ha=0;ha<256;++ha)fa.push((ha+256).toString(16).substr(1));function stringify(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=(fa[e[t+0]]+fa[e[t+1]]+fa[e[t+2]]+fa[e[t+3]]+"-"+fa[e[t+4]]+fa[e[t+5]]+"-"+fa[e[t+6]]+fa[e[t+7]]+"-"+fa[e[t+8]]+fa[e[t+9]]+"-"+fa[e[t+10]]+fa[e[t+11]]+fa[e[t+12]]+fa[e[t+13]]+fa[e[t+14]]+fa[e[t+15]]).toLowerCase();if(!validate(n))throw TypeError("Stringified UUID is invalid");return n}function v4(e,t,n){var o=(e=e||{}).random||(e.rng||rng)();return o[6]=15&o[6]|64,o[8]=63&o[8]|128,stringify(o)}function create$1(){return v4()}function fromMsbLsb(e,t){function digits(e,t){var n=BigInt(1)<<t*BigInt(4);return(n|e&n-BigInt(1)).toString(16).substring(1)}var n="string"==typeof e?BigInt(e):e,o="string"==typeof t?BigInt(t):t,r=digits(n>>BigInt(32),BigInt(8)),i=digits(n>>BigInt(16),BigInt(4)),a=digits(n,BigInt(4)),s=digits(o>>BigInt(48),BigInt(4)),l=digits(o,BigInt(12));return"".concat(r,"-").concat(i,"-").concat(a,"-").concat(s,"-").concat(l)}function toMsbLsb(e){var n=t.__read(e.split("-"),5),o=n[0],r=n[1],i=n[2],a=n[3],s=n[4];if(null==o||null==r||null==i||null==a||null==s)throw new Error("Invalid UUID string ".concat(e));var l=BigInt.asIntN(64,BigInt("0x".concat(o+r+i))),c=BigInt.asIntN(64,BigInt("0x".concat(a+s)));return{msb:l.toString(),lsb:c.toString()}}var ma=Object.freeze({__proto__:null,create:create$1,fromMsbLsb:fromMsbLsb,toMsbLsb:toMsbLsb});const va=Yi({key:"keyBindings",default:{applyBindings:[],bindings:{},pressed:{}}});function reducer(e,t){var n,o,r,i;switch(t.type){case"push-key-binding":const a=undefined;return null!=(null===(n=e.bindings[t.binding.keyBind])||void 0===n?void 0:n.find((e=>e.id===t.binding.id)))?e:Object.assign(Object.assign({},e),{bindings:Object.assign(Object.assign({},e.bindings),{[t.binding.keyBind]:[...null!==(o=e.bindings[t.binding.keyBind])&&void 0!==o?o:[],t.binding]})});case"remove-key-binding":const s=undefined;return null==(null===(r=e.bindings[t.binding.keyBind])||void 0===r?void 0:r.find((e=>e.id===t.binding.id)))?e:Object.assign(Object.assign({},e),{bindings:Object.assign(Object.assign({},e.bindings),{[t.binding.keyBind]:(null!==(i=e.bindings[t.binding.keyBind])&&void 0!==i?i:[]).filter((e=>e.id!==t.binding.id))})});case"add-apply-key-binding":return Object.assign(Object.assign({},e),{applyBindings:[...e.applyBindings,t.binding]});case"remove-apply-key-binding":return Object.assign(Object.assign({},e),{applyBindings:e.applyBindings.filter((e=>e.id!==t.id))});case"set-key-pressed":return Object.assign(Object.assign({},e),{applyBindings:e.applyBindings.map((t=>Object.assign(Object.assign({},t),{active:null!=t.keyBind&&allPressed(t.keyBind,e.pressed)}))),pressed:Object.assign(Object.assign({},e.pressed),{[t.key]:t.pressed}),lastPressed:t.pressed?t.key:void 0})}}const useKeyBindingState=()=>useRecoilReducer({reducer:reducer,atom:va});function pressedValue(e,t){return e.includes("!")?!t[e.replace("!","")]&&!t[e.replace("!","").toLowerCase()]:t[e]||t[e.toLowerCase()]}function isPressed(e,t){const n=e.split("||");return n.length>1?n.some((e=>pressedValue(e,t))):pressedValue(n[0],t)}function allPressed(e,t){const n=undefined;return e.split("+").every((e=>isPressed(e,t)))}function matchingSingleFnBindings(e,t,n){return e.filter((e=>!e.repeat)).filter((e=>{var o;return null!=e.keyBind&&null!=n&&(null===(o=e.keyBind)||void 0===o?void 0:o.includes(n))&&allPressed(e.keyBind,t)})).map((e=>e.fn))}function matchingOffBindings(e,t,n){return e.filter((e=>e.off&&e.active&&null!=e.keyBind&&null==n&&!allPressed(e.keyBind,t))).map((e=>e.off))}const useApplyKeyBinding=e=>{const[t,n]=useKeyBindingState();o.useEffect((()=>{const o=ma.create();return n({type:"add-apply-key-binding",binding:Object.assign(Object.assign({},e),{id:o,active:null!=e.keyBind&&allPressed(e.keyBind,t.pressed)})}),()=>{n({type:"remove-apply-key-binding",id:o})}}),[e.fn,e.off,e.keyBind,e.repeat])},useStackKeyBinding=(e,t=[])=>{const[,n]=useKeyBindingState();o.useEffect((()=>{const t=null==e.addPredicate||e.addPredicate(),o=null!=e.cancelPredicate&&e.cancelPredicate();t&&n({type:"push-key-binding",binding:e}),o&&n({type:"remove-key-binding",binding:e})}),t)},useKeyBindings=({keydownRepeatInterval:e=25,keydownIgnorePredicate:t=isInputElement}={})=>{const[n,r]=useKeyBindingState(),i=o.useCallback((e=>{Object.keys(n.bindings).filter((t=>t.includes(e)&&allPressed(t,Object.assign(Object.assign({},n.pressed),{[e]:!0})))).forEach((e=>{const t=n.bindings[e],o=t.length>0?t[t.length-1]:void 0;null!=o&&(o.fn(),r({type:"remove-key-binding",binding:o}))}))}),[n]);o.useEffect((()=>{const handleKeyDown=e=>{if(!e.repeat&&!t(e.target)){r({type:"set-key-pressed",key:e.key,pressed:!0}),i(e.key);const t=Object.assign(Object.assign({},n.pressed),{[e.key]:!0}),o=matchingSingleFnBindings(n.applyBindings,t,e.key),a=matchingOffBindings(n.applyBindings,t,e.key);(o.length>0||a.length>0)&&e.preventDefault()}},handleKeyUp=e=>{r({type:"set-key-pressed",key:e.key,pressed:!1})};return window.addEventListener("keydown",handleKeyDown),window.addEventListener("keyup",handleKeyUp),()=>{window.removeEventListener("keydown",handleKeyDown),window.removeEventListener("keyup",handleKeyUp)}}),[i,n.applyBindings,n.pressed]),o.useEffect((()=>{const e=matchingSingleFnBindings(n.applyBindings,n.pressed,n.lastPressed),t=matchingOffBindings(n.applyBindings,n.pressed,n.lastPressed);e.forEach((e=>e())),t.forEach((e=>e()))}),[n.pressed,n.lastPressed]),o.useEffect((()=>{const t=n.applyBindings.filter((e=>e.repeat&&null!=e.keyBind&&allPressed(e.keyBind,n.pressed))).map((e=>e.fn));if(t.length>0){const n=setInterval((()=>{t.forEach((e=>e()))}),e);return()=>{clearInterval(n)}}return()=>{}}),[n.applyBindings,n.lastPressed])},VertexBoxSelectionButton=()=>{const t=useBoxSelectionActions(),n=Ji(ra);return useStackKeyBinding({id:"ExitBoxSelection",keyBind:"Escape",fn:t.disable,addPredicate:()=>n,cancelPredicate:()=>!n},[n]),e.jsx(i.VertexTooltip,{content:"Box Selection",children:e.jsx(i.VertexIconButton,{iconName:"box-cursor",iconColor:n?"primary":"secondary","data-testid":"viewer-toolbar-enable-box-selection-button",onClick:n?t.disable:t.enable})})};var ga={exports:{}},ya;
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/ya=ga,function(){var e={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return classNames.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var n="";for(var o in t)e.call(t,o)&&t[o]&&(n=appendClass(n,o));return n}function appendClass(e,t){return t?e?e+" "+t:e+t:e}ya.exports?(classNames.default=classNames,ya.exports=classNames):window.classNames=classNames}();var ba=ga.exports;const Sa=1,VertexResizableContent=n=>{var{className:o,style:r,displayShadow:a,heading:s,id:l,initialScale:c,placement:u="left",children:d,onResize:p}=n,f=t.__rest(n,["className","style","displayShadow","heading","id","initialScale","placement","children","onResize"]);const h="left"===u||"right"===u,m="top"===u;function getHorizontalResizeDirection(){switch(u){case"left":return"right";case"right":return"left";default:return"none"}}function getVerticalResizeDirection(){return"top"===u?"top":"none"}const v=null!=c?c:1;return e.jsx(i.VertexResizable,Object.assign({id:l,"data-testid":`resizable-content-position-${u}`,className:ba(o,"pointer-events-auto z-popover md:z-overlay bg-white bg-opacity-95 flex-grow-0 flex-shrink-0 border-neutral-300",{"border-r min-w-75 max-w-half":"left"===u,"sidebar-shadow-right":"left"===u&&a,"border-l min-w-75 max-w-half":"right"===u,"sidebar-shadow-left":"right"===u&&a,"border-t bottom-0 fixed":"top"===u,"min-h-12 sheet":m}),style:Object.assign({maxHeight:"top"===u?window.innerHeight:void 0},r),initialHorizontalScale:h?c:void 0,initialVerticalScale:m?v:void 0,horizontalDirection:getHorizontalResizeDirection(),verticalDirection:getVerticalResizeDirection(),position:"right"===u||"top"===u?"absolute":"relative",onResizeEnd:()=>null==p?void 0:p()},f,{children:e.jsxs("div",{className:"flex flex-col h-full w-full",children:["top"===u&&e.jsx("div",{className:"flex justify-center w-full",children:e.jsx("div",{className:"block md:hidden w-20 h-0.5 mt-0.5 bg-neutral-600 rounded"})}),s,e.jsx("div",{className:ba("w-full flex flex-col h-0 flex-grow",{"right-0":"right"===u}),children:d})]})}))};function contextMenuItemIsRow(e){var t;return null!=e&&null!=(null===(t=null==e?void 0:e.node)||void 0===t?void 0:t.id)}const xa=Yi({key:"contextMenuActive",default:void 0}),wa=Yi({key:"contextMenuPosition",default:void 0}),_a=Yi({key:"contextMenuTarget",default:void 0}),Aa=Yi({key:"contextMenuItem",default:void 0}),Ea=Yi({key:"contextMenuActions",default:[]}),Ta=Zi({key:"contextMenuActivePosition",get:({get:e})=>null!=e(xa)?e(wa):void 0}),Va=Yi({key:"viewerToolkitViewerElement",default:void 0,dangerouslyAllowMutability:!0}),Ca=Yi({key:"viewerInitialSceneReady",default:!1}),ka=Yi({key:"viewerBaseInteractionHandlerProvider",default:Promise.resolve(void 0),dangerouslyAllowMutability:!0}),Na=Yi({key:"viewerPrimaryInteractionType",default:"rotate"}),Ra=Zi({key:"viewerScene",get:({get:e})=>async()=>{var t;return null===(t=e(Va))||void 0===t?void 0:t.scene()},dangerouslyAllowMutability:!0}),Ia=Yi({key:"viewerFrameScene",default:void 0,dangerouslyAllowMutability:!0}),Oa=Zi({key:"viewerSceneVisibleBoundingBox",get:({get:e})=>{var t;return null===(t=e(Ia))||void 0===t?void 0:t.boundingBox}});function useViewerSceneActions(){const e=useActionCallback((({snapshot:e})=>async(t,n,...o)=>{const r=await e.getPromise(Ra),i=await r();o.length>0&&await(null==i?void 0:i.items((e=>o.map((t=>t(e))))).execute({suppliedCorrelationId:n}))})),t=o.useCallback(((...e)=>t=>t.where((t=>t.withItemIds(e))).select()),[]),n=o.useCallback(((...e)=>t=>t.where((t=>t.withItemIds(e))).deselect()),[]),r=o.useCallback((e=>e.where((e=>e.all())).deselect()),[]);return{executeWithCorrelationId:e,execute:useActionCallback((()=>async(t,...n)=>{const o=ma.create();await e(t,o,...n)})),selectItemsTransform:t,deselectItemsTransform:n,clearSelectionTransform:r,reset:useActionCallback((({snapshot:e})=>async t=>{const n=await e.getPromiseRequired(Ra),o=await n(),r=await e.getPromiseRequired(Pa);null==o||o.reset({includeCamera:!0,suppliedCorrelationId:t,cameraTypeOverride:r})}))}}const La=500;function useViewerCameraActions(){return{flyToById:useActionCallback((({snapshot:e})=>async(t,n)=>{const o=await e.getPromise(Ra),r=await o();await(null==r?void 0:r.camera().flyTo({itemId:t}).render({animation:{milliseconds:null!=n?n:La}}))})),flyToByBoundingBox:useActionCallback((({snapshot:e})=>async(t,n)=>{const o=await e.getPromise(Ra),r=await o();await(null==r?void 0:r.camera().flyTo({boundingBox:t}).render({animation:{milliseconds:null!=n?n:La}}))})),updateCameraType:useActionCallback((({set:e})=>t=>{e(Pa,t)}))}}const Pa=Yi({key:"viewerCameraType",default:"perspective"});class ja{constructor(){this.interactionStarted=!1}initialize(e,t){this.api=t}dispose(){this.endInteraction()}async beginInteraction(){var e;this.interactionStarted||(await(null===(e=this.api)||void 0===e?void 0:e.beginInteraction()),this.interactionStarted=!0)}async endInteraction(){var e;await(null===(e=this.api)||void 0===e?void 0:e.endInteraction()),this.interactionStarted=!1}}const create=(e,t=0)=>({normal:e,offset:t}),forAxis=(e,t)=>{switch(e){case"x":return x(t);case"y":return y(t);case"z":return z(t)}},x=e=>create(a.Vector3.left(),-e),y=e=>create(a.Vector3.down(),-e),z=e=>create(a.Vector3.forward(),-e),getAxis=(e,t)=>{switch(e){case"x":return xAxis(t);case"y":return yAxis(t);case"z":return zAxis(t)}},Ma={x:a.Vector3.left(),y:a.Vector3.down(),z:a.Vector3.forward()},xAxis=e=>e.x,yAxis=e=>e.y||a.Vector3.create(e.x.z,e.x.x,e.x.y),zAxis=e=>e.z||a.Vector3.create(e.x.y,e.x.z,e.x.x),axis=(e,t,n,o)=>e&&e.normal&&[["x",t],["y",n],["z",o]].filter((t=>0===a.Vector3.magnitude(a.Vector3.cross(e.normal,t[1])))).map((e=>e[0])).pop(),isNegativeNormal=e=>a.Vector3.dot(a.Vector3.create(-1,-1,-1),e.normal)>0,towardsVector=(e,t)=>{const n=undefined;return a.Vector3.dot(e,t.normal)<0?invert(t):t},towardsCamera=(e,t)=>towardsVector(e.viewVector,t),invert=e=>Object.assign(Object.assign({},e),{normal:a.Vector3.multiply(e.normal,a.Vector3.create(-1,-1,-1)),offset:-e.offset}),fromHit=(e,t)=>{const n=a.Vector3.normalize(e.normal),o=a.Vector3.dot(n,e.position);return towardsCamera(t,create(n,o))},toAxis=(e,t,n,o,r)=>{const i=n.viewAll(),s=getAxis(e,t),l=null!=o&&null!=s?create(s,a.Vector3.dot(s,r||a.BoundingBox.center(o))):forAxis(e,i.lookAt[e]);return towardsCamera(n,l)};function corners(e){return[a.Vector3.create(e.min.x,e.min.y,e.min.z),a.Vector3.create(e.min.x,e.min.y,e.max.z),a.Vector3.create(e.min.x,e.max.y,e.min.z),a.Vector3.create(e.min.x,e.max.y,e.max.z),a.Vector3.create(e.max.x,e.max.y,e.max.z),a.Vector3.create(e.max.x,e.max.y,e.min.z),a.Vector3.create(e.max.x,e.min.y,e.max.z),a.Vector3.create(e.max.x,e.min.y,e.min.z)]}const Da={default:5,min:0,max:10},Ba=Yi({key:"crossSectioningEnabled",default:!1}),za=Yi({key:"crossSectioningHighlightColor",default:void 0}),Ua=Yi({key:"crossSectioningBorderWidth",default:void 0}),Fa=Yi({key:"crossSectioningPlanes",default:[]}),Ha=Yi({key:"crossSectioningAlignment",default:{mode:"global",hitPending:!1}}),Wa=Zi({key:"crossSectioningTargetBoundingBox",get:async({get:e})=>{const t=undefined;return e(Oa)}}),$a=Yi({key:"crossSectioningIsInteractive",default:!1}),Ga=Yi({key:"crossSectioningActiveAxis",default:"x"}),Ka=Yi({key:"crossSectioningAvailableAxes",default:Ma}),qa=Zi({key:"crossSectioningOffsetScalar",get:({get:e})=>{const t=e(Fa);return t.length>0&&isNegativeNormal(t[0])?-1:1}}),Ya=Zi({key:"crossSectioningSliderRange",get:({get:e})=>{const t=e(Fa),n=e(Wa),o=null!=n?corners(n):[];if(t.length>0){const e=o.map((e=>a.Vector3.dot(e,isNegativeNormal(t[0])?a.Vector3.multiply(t[0].normal,a.Vector3.create(-1,-1,-1)):t[0].normal)));return{default:t[0].offset,min:Math.min(...e)-2,max:Math.max(...e)+2}}return Da}}),Za=Zi({key:"crossSectioningPlaneDisplayOffset",get:({get:e})=>{const t=e(Fa),n=e(qa),o=e(Ya);return t.length>0?t[0].offset*n:o.default}}),Xa=Yi({key:"crossSectioningAdditionalToolsOpen",default:!1}),Ja=Yi({key:"crossSectioningAlignmentToolsOpen",default:!1}),Qa=Yi({key:"crossSectioningAxisToolsOpen",default:!1}),es=Yi({key:"crossSectioningInteractionHandler",default:new ja,dangerouslyAllowMutability:!0});function useCrossSectioning(e,t){const n=Ji(es);o.useEffect((()=>{t&&(null==e||e.registerInteractionHandler(n))}),[e,t,n])}const ts=Yi({key:"hitResultsTapDetails",default:void 0}),ns=Yi({key:"hitResultsLongPressDetails",default:void 0}),os=Yi({key:"previousHitResult",default:void 0}),rs=Yi({key:"currentHitResult",default:void 0}),is=Zi({key:"hitResult",get:async({get:e})=>{var t,n,o,r,i,s,l,c;const u=e(ts),d=e(ns),p=null!=u?u:d,f=e(Ra),h=await f(),m=null==h?void 0:h.sceneViewId,v=null==h?void 0:h.raycaster();if(null!=p&&null!=v&&null!=m){const e=await v.hitItems(p.position),u=((null==e?void 0:e.hits)||[])[0];if(null!=u)return{id:null===(t=u.itemId)||void 0===t?void 0:t.hex,normal:a.Vector3.create((null===(n=null==u?void 0:u.hitNormal)||void 0===n?void 0:n.x)||0,(null===(o=null==u?void 0:u.hitNormal)||void 0===o?void 0:o.y)||0,(null===(r=null==u?void 0:u.hitNormal)||void 0===r?void 0:r.z)||0),position:a.Vector3.create((null===(i=null==u?void 0:u.hitPoint)||void 0===i?void 0:i.x)||0,(null===(s=null==u?void 0:u.hitPoint)||void 0===s?void 0:s.y)||0,(null===(l=null==u?void 0:u.hitPoint)||void 0===l?void 0:l.z)||0),meta:p.metaKey||p.ctrlKey||!1,metadata:[],ancestors:(null===(c=null==u?void 0:u.ancestors)||void 0===c?void 0:c.filter((e=>{var t;return null!=(null===(t=e.itemId)||void 0===t?void 0:t.hex)})).map((e=>{var t;return null===(t=e.itemId)||void 0===t?void 0:t.hex})))||[]}}}}),as=Yi({key:"hitResultsSkipNextTap",default:!1}),alignToNormal=(e,t,n)=>{if(e.toFrameCamera().isPerspective()){const n=a.Vector3.dot(a.Vector3.normalize(e.up),t),o=Math.abs(n)>.98?a.Vector3.normalize(a.Vector3.scale(-n,e.viewVector)):e.up,r=a.Vector3.add(a.Vector3.scale(a.Vector3.distance(e.position,e.lookAt),a.Vector3.multiply(t,a.Vector3.create(-1,-1,-1))),e.lookAt);return e.update({up:o,position:r})}{const o=a.Vector3.angleTo(a.Vector3.normalize(e.viewVector),t),r=null!=n?a.BoundingBox.center(n):e.lookAt,i=a.Vector3.normalize(a.Vector3.cross(a.Vector3.normalize(e.viewVector),t));return e.rotateAroundAxisAtPoint(o,r,i)}};function isParallelTo(e,t){const n=a.Angle.toDegrees(a.Vector3.angleTo(e,t));return 0===n||180===n}const ss=500;function useCrossSectioningActions(){const e=useActionCallback((({snapshot:e})=>async()=>{const t=await e.getPromise(Ua),n=await e.getPromise(za),o=await e.getPromise(Fa),r=await e.getPromise(Ra),i=await r();await(null==i?void 0:i.crossSectioning().update({sectionPlanes:o,highlightColor:n?ca.fromHexString(n):void 0,lineWidth:t}))})),t=useActionCallback((({set:t,reset:n,snapshot:o})=>async()=>{const r=await o.getPromise(Ra),i=await r();if(null!=i){const o=i.camera().viewAll();n(Ka),t(Fa,[towardsCamera(i.camera(),x(o.lookAt.x))]),e()}})),n=useActionCallback(retainSnapshot((({snapshot:t,set:n})=>async()=>{const o=await t.tryGetPromise(is).then((e=>e.value)),r=await t.getPromise(Ra),i=await r();if(null!=o&&null!=i){const t=fromHit(o,i.camera());n(Fa,null!=t?[t]:[]),n(Ka,null!=t?{x:t.normal}:Ma),e()}}))),o=useActionCallback((({set:e,snapshot:n})=>async()=>{const o=await n.getPromise(Fa),r=undefined;await n.getPromise(Ba)||(e(Ba,!0),0===o.length&&await t())})),r=useActionCallback((({reset:t,snapshot:n})=>async()=>{const o=undefined;await n.getPromise(Ba)&&(t(Ba),t(Xa),t(Ja),t(Qa),t(Fa),t(Ha),t(Ga),await e())}));return{enable:o,disable:r,openAdditionalTools:useActionCallback((({set:e,snapshot:t})=>async()=>{const n=undefined;await t.getPromise(Ba)||o(),e(Xa,!0)})),closeAdditionalTools:useActionCallback((({reset:e})=>async()=>{e(Xa)})),openAlignmentTools:useActionCallback((({set:e,reset:t})=>async()=>{t(Qa),e(Ja,!0)})),closeAlignmentTools:useActionCallback((({reset:e})=>async()=>{e(Ja)})),openAxisTools:useActionCallback((({set:e,reset:t})=>async()=>{t(Ja),e(Qa,!0)})),closeAxisTools:useActionCallback((({reset:e})=>async()=>{e(Qa)})),beginInteraction:useActionCallback((({set:e,snapshot:t})=>async()=>{const n=await t.getPromise(es);e($a,!0),await n.beginInteraction()})),endInteraction:useActionCallback((({reset:e,snapshot:t})=>async()=>{const n=await t.getPromise(es);e($a),await n.endInteraction()})),updatePlanes:useActionCallback(retainSnapshot((({set:t,snapshot:n})=>async o=>{const r=await n.getPromise(Fa);if(r.length>0){const i=await n.getPromise(qa),a=await n.getPromise(Ya),s=i<0?-1*a.max:a.min,l=i<0?-1*a.min:a.max,c=r.map((e=>Object.assign(Object.assign({},e),{offset:Math.min(Math.max(o*i,s),l)})));t(Fa,c),e()}}))),flipPlanes:useActionCallback((({set:t,snapshot:n})=>async()=>{const o=await n.getPromise(Fa);t(Fa,o.map((e=>invert(e)))),e()})),alignViewToPlane:useActionCallback((({snapshot:e})=>async()=>{const t=await e.getPromise(Fa),n=await e.getPromise(Va),o=await(null==n?void 0:n.scene());t.length>0&&null!=o&&await alignToNormal(o.camera(),t[0].normal,o.boundingBox()).render({animation:{milliseconds:ss}})})),updateAxis:useActionCallback(retainSnapshot((({set:t,reset:n,snapshot:o})=>async r=>{const i=await o.getPromise(Fa),s=await o.getPromise(Ka),l=await o.getPromise(Wa),c=await o.getPromise(Ha),u=await o.getPromise(Va),d=await(null==u?void 0:u.scene()),p=s[r],f=null!=p&&i.length>0&&isParallelTo(i[0].normal,p)&&!isNaN(a.Vector3.angleTo(i[0].normal,p));if(null!=d&&!f){const e=await o.tryGetPromise(is).then((e=>e.value));t(Ga,r),t(Fa,[toAxis(r,s,d.camera(),l,"global"!==c.mode?null==e?void 0:e.position:void 0)])}n(Qa),e()}))),updateAlignment:useActionCallback((({set:e,reset:r})=>async(i,a)=>{r(Ja),e(Ha,{mode:i,hitPending:"global"!==i&&null==a}),"global"===i?(r(Ga),r(Ka),t()):"surface"===i&&null!=a&&(await o(),n())})),cancelCurrentHit:useActionCallback((({set:e,snapshot:t})=>async()=>{const n=await t.getPromise(Ha);n.hitPending&&e(Ha,Object.assign(Object.assign({},n),{hitPending:!1}))})),sectionCurrentHit:useActionCallback((({set:e,snapshot:t})=>async()=>{const o=await t.getPromise(Ha);o.hitPending&&(e(Ha,Object.assign(Object.assign({},o),{hitPending:!1})),"surface"===o.mode&&n())}))}}var ls=Object.freeze({__proto__:null,DEFAULT_ALIGN_TO_PLANE_ANIMATION_DURATION_MS:ss,DEFAULT_SLIDER_RANGE:Da,crossSectioningActiveAxis:Ga,crossSectioningAdditionalToolsOpen:Xa,crossSectioningAlignment:Ha,crossSectioningAlignmentToolsOpen:Ja,crossSectioningAvailableAxes:Ka,crossSectioningAxisToolsOpen:Qa,crossSectioningBorderWidth:Ua,crossSectioningEnabled:Ba,crossSectioningHighlightColor:za,crossSectioningInteractionHandler:es,crossSectioningIsInteractive:$a,crossSectioningOffsetScalar:qa,crossSectioningPlaneDisplayOffset:Za,crossSectioningPlanes:Fa,crossSectioningSliderRange:Ya,crossSectioningTargetBoundingBox:Wa,useCrossSectioning:useCrossSectioning,useCrossSectioningActions:useCrossSectioningActions});const useHitActions=()=>{const e=useCrossSectioningActions(),t=useActionCallback(retainSnapshot((({snapshot:e})=>async()=>{await e.tryGetPromise(is).then((e=>e.value))}))),n=useActionCallback(retainSnapshot((({snapshot:e})=>async()=>{await e.tryGetPromise(is).then((e=>e.value))}))),o=useActionCallback(retainSnapshot((({set:e,snapshot:t})=>async()=>{const n=await t.tryGetPromise(is).then((e=>e.value));e(Aa,n)}))),r=useActionCallback(retainSnapshot((({snapshot:e,set:t})=>async()=>{t(rs,await e.tryGetPromise(is).then((e=>e.value)))})));return{tap:useActionCallback(retainSnapshot((({snapshot:i,set:a})=>async({detail:s},...l)=>{const c=await i.getPromise(Ha),u=2!==(null==s?void 0:s.buttons)&&!(null==s?void 0:s.altKey);s.altKey||s.ctrlKey||s.metaKey||s.shiftKey;const d=u&&!c.hitPending,p=await i.tryGetPromise(is).then((e=>e.value));a(os,p),a(ts,s),t(),d&&(l.forEach((e=>e())),n()),o(),e.sectionCurrentHit(),r()}))),longPress:useActionCallback(retainSnapshot((({snapshot:e,set:t,reset:n})=>async i=>{n(ts),t(ns,i.detail),await e.tryGetPromise(is),o(),r()})))}},cs=Zi({key:"viewerToolkitHitState",get:({get:e})=>{const t=undefined,n=undefined,o=undefined,r=undefined,i=undefined;return{tapDetails:e(ts),longPressDetails:e(ns),previousHitResult:e(os),currentHitResult:e(rs)}}});var us=Object.freeze({__proto__:null,currentHitResult:rs,hitResult:is,hitResultsLongPressDetails:ns,hitResultsSkipNextTap:as,hitResultsTapDetails:ts,hitState:cs,previousHitResult:os,useHitActions:useHitActions});function useContextMenuActions(){return{pointerDown:useActionCallback((({set:e})=>async t=>{if(2===t.button){const n=t.clientX,o=null==t?void 0:t.clientY;e(wa,a.Point.create(n,o)),e(_a,t.target)}})),pointerUp:useActionCallback((({snapshot:e,set:t})=>async(n,o,r,i)=>{const s=await e.getPromise(wa),l=await e.getPromise(xa);if(null!=s&&null==l){const e=n.clientX,l=null==n?void 0:n.clientY,c=a.Point.create(e,l),u=null!=s?a.Point.distance(s,c):0,d=null==r||r(n);u<2&&d&&(null==i||i(n,null!=s?s:c),t(xa,o))}})),contextMenu:useActionCallback((()=>(e,t)=>{(null==t||t(e))&&e.preventDefault()})),longPress:useActionCallback((({set:e})=>(t,n,o,r)=>{if(null==o||o(t)){const o=a.Point.create(t.touches[0].clientX,t.touches[0].clientY);e(wa,o),e(_a,t.target),e(xa,n),null==r||r(t,o)}})),clearActiveContextMenu:useActionCallback((({reset:e,set:t})=>n=>{t(as,!!n),e(xa),e(Ea),e(wa)})),clearDismissedState:useActionCallback((({reset:e})=>()=>e(as)))}}function targetWithinMenu(e){return e.target instanceof Element&&isChildOf("vertex-menu",e.target)}function targetShouldSkipNextHit(e){return e.target instanceof Element&&isChildOf("vertex-viewer",e.target)}function isChildOf(e,t){return null!=t.closest(e)}function useDefaultKeybindings(){useApplyKeyBinding({fn:useActionCallback((({snapshot:e})=>async()=>{const t=await e.getPromiseRequired(Ra),n={milliseconds:500},o=await t();await(null==o?void 0:o.camera().viewAll().render({animation:n}))})),keyBind:"f"})}function useLongPress({target:e,callback:t,delay:n=500,onMovement:o}){const[r,i]=d.useState(),[s,l]=d.useState();d.useEffect((()=>{const handleTouchStart=e=>{const o=e;null!=o.touches&&1===o.touches.length&&(null!=r&&clearTimeout(r),l(a.Point.create(o.touches[0].clientX,o.touches[0].clientY)),i(setTimeout((()=>null==t?void 0:t(o)),n)))},handleTouchMove=e=>{const t=e;null!=t.touches&&t.touches.length>0&&null!=r&&null!=s&&a.Point.distance(s,a.Point.create(t.touches[0].clientX,t.touches[0].clientY))>=2&&(clearTimeout(r),null==o||o())},handleTouchEnd=()=>{null!=r&&clearTimeout(r)};return null==e||e.addEventListener("touchstart",handleTouchStart),null==e||e.addEventListener("touchmove",handleTouchMove),null==e||e.addEventListener("touchend",handleTouchEnd),()=>{null==e||e.removeEventListener("touchstart",handleTouchStart),null==e||e.removeEventListener("touchmove",handleTouchMove),null==e||e.removeEventListener("touchend",handleTouchEnd)}}),[e,r,s])}function asBooleanAttribute(e){return!!e||void 0}const VertexContextMenu=({targetElement:t,menuType:n,disableBackdrop:r,openPredicate:a,onOpen:s,onClose:l,children:c})=>{const u=useContextMenuActions(),d=Ji(xa),p=Ji(Ta),f=o.useMemo((()=>["bottom-end","top-start","top-end","right","left"]),[]),h=d===n;useStackKeyBinding({id:"ContextMenu",keyBind:"Escape",fn:u.clearActiveContextMenu,addPredicate:()=>null!=d&&d===n,cancelPredicate:()=>null==d},[d]);const m=o.useMemo((()=>null!=t?t:null!=a?window:void 0),[t,a]);return useLongPress({target:m,callback:e=>u.longPress(e,n,a,s),onMovement:()=>u.clearActiveContextMenu()}),o.useEffect((()=>{const handleWindowPointerDown=e=>{const t=undefined;if(!targetWithinMenu(e)&&2!==e.buttons&&d===n){const t=targetShouldSkipNextHit(e);u.clearActiveContextMenu(t)}};if(r)return window.addEventListener("pointerdown",handleWindowPointerDown),()=>{window.removeEventListener("pointerdown",handleWindowPointerDown)}}),[r,n,d]),o.useEffect((()=>{const handlePointerDown=e=>{u.pointerDown(e)},handlePointerUp=e=>{u.pointerUp(e,n,a,s)},handleContextMenu=e=>u.contextMenu(e,a);return null==m||m.addEventListener("pointerdown",handlePointerDown),null==m||m.addEventListener("pointerup",handlePointerUp),null==m||m.addEventListener("contextmenu",handleContextMenu),()=>{null==m||m.removeEventListener("pointerdown",handlePointerDown),null==m||m.removeEventListener("pointerup",handlePointerUp),null==m||m.removeEventListener("contextmenu",handleContextMenu)}}),[t,n,a]),e.jsx("div",{className:ba({hidden:!h}),children:e.jsx(i.VertexMenu,{"data-testid":`${n}-context-menu`,open:asBooleanAttribute(h),position:p,fallbackPlacements:f,backdrop:!r,onMenuClosed:()=>{u.clearActiveContextMenu(),null==l||l()},children:e.jsx("div",{className:"pt-1",children:c})})})};var ds;!function(e){e.HIDE_ITEM="Hide Item",e.SHOW_ONLY_SELECTED="Show Only Selected",e.HIDE_SELECTED="Hide Selected",e.SHOW_ONLY_ITEM="Show Only Item",e.SHOW_ALL="Show All",e.HIDE_ALL="Hide All",e.SELECT_FILTERED_ITEMS="Select Filtered Items",e.INVERT_SELECTION="Invert Selection",e.CLEAR_ALL_TRANSFORMS="Clear All Transforms",e.CLEAR_SELECTED_TRANSFORMS="Clear Selected Transforms",e.CLEAR_SELECTION="Clear Selection",e.DESELECTING_ITEMS="Deselecting Items",e.SELECTING_ITEMS="Selecting Items",e.SELECTING_ONLY_ITEM="Selecting Only Item",e.SELECTING_ANCESTOR="Selecting Ancestor",e.APPLY_MATERIAL_OVERRIDE_TO_ALL="Apply Material Override To All",e.APPLY_MATERIAL_OVERRIDE_TO_SELECTION="Apply Material Override To Selection",e.CLEAR_ALL_MATERIAL_OVERRIDES="Clear All Material Overrides",e.CLEAR_SELECTED_MATERIAL_OVERRIDES="Clear Selected Material Overrides",e.SET_PHANTOM_ALL="Set Phantom All",e.SET_PHANTOM_SELECTED_ITEMS="Set Phantom Selected Items",e.CLEAR_PHANTOM_ALL="Clear Phantom All",e.CLEAR_PHANTOM_SELECTED_ITEMS="Clear Phantom Selected Items",e.SET_PHANTOM_NON_SELECTED_ITEMS="Set Phantom Non Selected Items",e.RESTORE_PHANTOM_OVERRIDES="Restore Phantom Overrides",e.SET_ITEM_AS_END_ITEM="Set Item as End Item",e.UNSET_ITEM_AS_END_ITEM="Unset Item as End Item",e.SHOW_ANNOTATION="Show Annotation",e.HIDE_ANNOTATION="Hide Annotation"}(ds||(ds={}));const ps=Xi({key:"selectionSelectedItems",default:void 0}),fs=Yi({key:"selectionSelectedItemIds",default:[]}),hs=Yi({key:"selectionLastSelected",default:void 0}),ms=Yi({key:"selectionLastSelectionFromViewer",default:!1}),vs=Yi({key:"selectionLastSelectWasMultiSelect",default:!1}),gs=Zi({key:"selectionHighestSelectedAncestor",get:({get:e})=>{var t,n;const o=e(hs),r=e(fs);return null!==(n=null===(t=null==o?void 0:o.ancestors)||void 0===t?void 0:t.find((e=>r.includes(e))))&&void 0!==n?n:null==o?void 0:o.id}}),ys=Yi({key:"selectionPreviousVisibleSummary",default:void 0}),bs=Yi({key:"selectionVisibleSummary",default:void 0}),Ss=Zi({key:"selectionVisibleCount",get:({get:e})=>{var t,n;return null!==(n=null===(t=e(bs))||void 0===t?void 0:t.count)&&void 0!==n?n:0}}),xs=Zi({key:"selectionIsActive",get:({get:e})=>{const t=e(fs),n=undefined;return e(Ss)>0||t.length>0}});function useSelectionActions(){const e=useViewerSceneActions(),t=useActionCallback((({snapshot:e,reset:t})=>async()=>{const n=undefined;(await e.getPromise(fs)).forEach((e=>t(ps(e))))})),n=useActionCallback((({snapshot:t,reset:n,set:o})=>async(r,i)=>{var a,s;const l=await t.getPromise(ps(r.id)),u=await t.getPromise(fs),d=null===(s=[...null!==(a=r.ancestors)&&void 0!==a?a:[]])||void 0===s?void 0:s.reverse().find((e=>!u.includes(e)));null!=l&&null!=d?(o(ps(d),{id:d}),o(fs,(e=>[...e,d])),e.execute(ds.SELECTING_ANCESTOR,e.selectItemsTransform(d))):(null==i?void 0:i.clear)?(o(ps(r.id),r),o(fs,[r.id]),e.execute(ds.SELECTING_ONLY_ITEM,e.clearSelectionTransform,e.selectItemsTransform(r.id))):(o(ps(r.id),r),o(fs,(e=>[...e,r.id])),e.execute(ds.SELECTING_ITEMS,e.selectItemsTransform(r.id))),c(r),o(hs,r),o(ms,!0),n(vs)})),o=useActionCallback((({reset:t,set:n})=>async o=>{t(ps(o)),t(vs),n(fs,(e=>e.filter((e=>e!==o)))),e.execute(ds.DESELECTING_ITEMS,e.deselectItemsTransform(o))})),r=useActionCallback((({snapshot:e})=>async t=>{const r=await e.getPromise(ps(t.id));null!=r?await o(r.id):await n(t)})),i=useActionCallback((({snapshot:e,reset:t,set:o})=>async(r,i={})=>{const a=await e.getPromise(ps(r.id)),s=await e.getPromise(fs);if(s.filter((e=>{var t;return e!==r.id&&!(null===(t=r.ancestors)||void 0===t?void 0:t.includes(e))})).forEach((e=>t(ps(e)))),t(vs),a)if(i.ignoreAncestorSelection)t(fs),t(ps(a.id));else{const e=s.filter((e=>{var t;return e===r.id||(null===(t=r.ancestors)||void 0===t?void 0:t.includes(e))}));o(fs,e)}else t(fs);await n(r,{clear:!0})})),a=useActionCallback((({reset:e})=>async()=>{await t(),e(fs),e(hs),e(ms),e(vs)})),s=useActionCallback((()=>async()=>{await a(),e.execute(ds.CLEAR_SELECTION,e.clearSelectionTransform)})),l=useActionCallback((({set:e})=>async t=>{e(vs,t)})),c=useActionCallback((({reset:e,set:t})=>e=>{}));return{select:n,toggleSelection:r,clearAndSelect:i,selectCurrentHit:useActionCallback(retainSnapshot((({snapshot:e})=>async()=>{const t=await e.tryGetPromise(is).then((e=>e.value)),n=await e.getPromise(ts),o=(null==n?void 0:n.metaKey)||(null==n?void 0:n.ctrlKey)||(null==n?void 0:n.shiftKey);null==t||o?null!=t&&o?r(t):s():i(t)}))),syncSelection:useActionCallback((({set:e,reset:n})=>async(o,r)=>{r.selected?(await t(),e(ps(o.id),o),r.multiSelect?e(fs,(e=>[...e.filter((e=>e!==o.id)),o.id])):e(fs,[o.id]),c(o),e(hs,o),e(ms,!1),e(vs,!!r.multiSelect)):(n(ps(o.id)),n(vs),e(fs,(e=>e.filter((e=>e!==o.id)))))})),deselect:o,clearSelection:s,resetSelectionState:a,toggleLastSelectWasMultiSelect:l,selectForModelViewsPanel:c}}const ws=Zi({key:"viewerToolkitSelectionState",get:({get:e})=>{const t=undefined,n=undefined,o=undefined,r=undefined;return{selectedItemIds:e(fs),lastSelected:e(hs),highestSelectedAncestorId:e(gs)}}});var _s=Object.freeze({__proto__:null,selectionHighestSelectedAncestor:gs,selectionIsActive:xs,selectionLastSelectWasMultiSelect:vs,selectionLastSelected:hs,selectionLastSelectionFromViewer:ms,selectionPreviousVisibleSummary:ys,selectionSelectedItemIds:fs,selectionSelectedItems:ps,selectionState:ws,selectionVisibleCount:Ss,selectionVisibleSummary:bs,useSelectionActions:useSelectionActions});const VertexFitSelectedMenuItem=()=>{const t=Ji(fs),n=Ji(bs),o=useViewerCameraActions();return e.jsxs(i.VertexMenuItem,{"data-testid":"fit-selected-menu-option",onClick:()=>{null!=(null==n?void 0:n.boundingBox)&&o.flyToByBoundingBox(n.boundingBox)},disabled:asBooleanAttribute(0===t.length),children:[e.jsx(i.VertexIcon,{slot:"icon",name:"fit-selected",size:"sm"}),e.jsx("div",{className:"pl-2",children:"Fit Selected"})]})},VertexFlyToMenuItem=()=>{const t=useViewerCameraActions(),n=Ji(Aa);return e.jsxs(i.VertexMenuItem,{"data-testid":"fly-to-part-menu-option",onClick:()=>{var e;const o=undefined,r=contextMenuItemIsRow(n)?null===(e=null==n?void 0:n.node.id)||void 0===e?void 0:e.hex:null==n?void 0:n.id;null!=r&&t.flyToById(r)},disabled:asBooleanAttribute(null==n),children:[e.jsx(i.VertexIcon,{slot:"icon",name:"paper-airplane",size:"sm"}),e.jsx("div",{className:"pl-2",children:"Fly To"})]})};function useSceneItemsOperations(){const e=Ji(Va),t=undefined,n=undefined,r=undefined,i=undefined,a=undefined,s=undefined;return{sceneItemsOperation:o.useCallback((async(t,n)=>{const o=await(null==e?void 0:e.scene());null==n?await(null==o?void 0:o.items((e=>t(e.where((e=>e.all()))))).execute()):n.length>0&&await(null==o?void 0:o.items((e=>t(e.where((e=>e.withItemIds(n)))))).execute())}),[e]),showOnlySelected:o.useCallback((async()=>{const t=await(null==e?void 0:e.scene());null==t||t.items((e=>[e.where((e=>e.all())).hide(),e.where((e=>e.withSelected())).show()])).execute()}),[e]),hideSelected:o.useCallback((async()=>{const t=await(null==e?void 0:e.scene());null==t||t.items((e=>[e.where((e=>e.withSelected())).hide()])).execute()}),[e]),showOnlyItem:o.useCallback((async t=>{const n=await(null==e?void 0:e.scene());null==n||n.items((e=>[e.where((e=>e.all())).hide(),e.where((e=>e.withItemIds([t]))).show()])).execute()}),[e]),ghostSelected:o.useCallback((async()=>{const t=await(null==e?void 0:e.scene());null==t||t.items((e=>[e.where((e=>e.withSelected())).setPhantom(!0)])).execute()}),[e]),unGhostSelected:o.useCallback((async()=>{const t=await(null==e?void 0:e.scene());null==t||t.items((e=>[e.where((e=>e.withSelected())).setPhantom(!1)])).execute()}),[e])}}const VertexHideAllMenuItem=()=>{const t=useSceneItemsOperations();return e.jsxs(i.VertexMenuItem,{"data-testid":"hide-all-menu-option",onClick:()=>{t.sceneItemsOperation((e=>e.hide()))},children:[e.jsx(i.VertexIcon,{slot:"icon",name:"visibility-hidden",size:"sm"}),e.jsx("div",{className:"pl-2",children:"Hide All Parts"})]})},VertexHidePartMenuItem=()=>{const t=Ji(Aa),n=useSceneItemsOperations();return e.jsxs(i.VertexMenuItem,{"data-testid":"hide-menu-option",onClick:()=>{var e;const o=undefined,r=contextMenuItemIsRow(t)?null===(e=null==t?void 0:t.node.id)||void 0===e?void 0:e.hex:t.id;null!=r&&n.sceneItemsOperation((e=>e.hide()),[r])},disabled:asBooleanAttribute(null==t),children:[e.jsx(i.VertexIcon,{slot:"icon",name:"visibility-hidden",size:"sm"}),e.jsx("div",{className:"pl-2",children:"Hide Part"})]})},VertexHideSelectedMenuItem=()=>{const t=Ji(fs),n=useSceneItemsOperations();return e.jsxs(i.VertexMenuItem,{"data-testid":"hide-selected-menu-option",onClick:()=>n.hideSelected(),disabled:asBooleanAttribute(0===t.length),children:[e.jsx(i.VertexIcon,{slot:"icon",name:"visibility-hidden",size:"sm"}),e.jsx("div",{className:"pl-2",children:"Hide Selected"})]})},VertexShowAllMenuItem=()=>{const t=useSceneItemsOperations();return e.jsxs(i.VertexMenuItem,{"data-testid":"show-all-menu-option",onClick:()=>{t.sceneItemsOperation((e=>e.show()))},children:[e.jsx(i.VertexIcon,{slot:"icon",name:"visibility-visible",size:"sm"}),e.jsx("div",{className:"pl-2",children:"Show All Parts"})]})},VertexShowOnlyMenuItem=()=>{const t=Ji(Aa),n=useSceneItemsOperations();return e.jsxs(i.VertexMenuItem,{"data-testid":"show-only-menu-option",onClick:()=>{var e;const o=undefined,r=contextMenuItemIsRow(t)?null===(e=null==t?void 0:t.node.id)||void 0===e?void 0:e.hex:null==t?void 0:t.id;null!=r&&n.showOnlyItem(r)},disabled:asBooleanAttribute(null==t),children:[e.jsx(i.VertexIcon,{slot:"icon",name:"visibility-visible",size:"sm"}),e.jsx("div",{className:"pl-2",children:"Show Only Part"})]})},VertexShowOnlySelectedMenuItem=()=>{const t=Ji(fs),n=useSceneItemsOperations();return e.jsxs(i.VertexMenuItem,{"data-testid":"show-only-selected-menu-option",onClick:()=>n.showOnlySelected(),disabled:asBooleanAttribute(0===t.length),children:[e.jsx(i.VertexIcon,{slot:"icon",name:"visibility-visible",size:"sm"}),e.jsx("div",{className:"pl-2",children:"Show Only Selected"})]})};Yi({key:"sceneTreeLoaderVisible",default:!1});const As=Yi({key:"sceneTreeElement",default:void 0}),Es=Yi({key:"sceneTreeWidth",default:void 0});function useSceneTreeActions(){const e=useSelectionActions(),t=useViewerCameraActions();return{toggleSelection:useActionCallback((({snapshot:t})=>async(n,o,r)=>{var i,a;if(!n.defaultPrevented&&0===n.button&&(n.altKey||((n.ctrlKey||n.metaKey)&&o.selected?r.deselectItem(o):o.selected?r.selectItem(o,{recurseParent:!0}):o.selected||r.selectItem(o,{append:n.ctrlKey||n.metaKey,range:n.shiftKey})),null!=o.id)){const r=await t.getPromise(hs);e.syncSelection({id:null===(i=o.id)||void 0===i?void 0:i.hex,ancestors:null!==(a=null==r?void 0:r.ancestors)&&void 0!==a?a:[]},{selected:!n.metaKey&&!n.ctrlKey||!o.selected,multiSelect:n.shiftKey||n.metaKey||n.ctrlKey})}})),toggleExpansion:useActionCallback((()=>(e,t,n)=>{n.toggleExpandItem(t)})),toggleVisibility:useActionCallback((()=>(e,t,n)=>{n.toggleItemVisibility(t)})),flyToRow:useActionCallback((({snapshot:e})=>async n=>{var o;const r=await e.getPromise(As),i=await(null==r?void 0:r.getRowAtClientY(n));null!=(null===(o=null==i?void 0:i.node.id)||void 0===o?void 0:o.hex)&&await t.flyToById(i.node.id.hex)})),setContextMenuItem:useActionCallback((({set:e,snapshot:t})=>async n=>{const o=await t.getPromise(As),r=await(null==o?void 0:o.getRowAtClientY(n));e(Aa,r)}))}}Zi({key:"sceneTreeController",get:({get:e})=>{var t;return null===(t=e(As))||void 0===t?void 0:t.controller},dangerouslyAllowMutability:!0});const VertexGhostSelectedMenuItem=()=>{const t=Ji(fs),n=useSceneItemsOperations();return e.jsxs(i.VertexMenuItem,{"data-testid":"ghost-selected-menu-option",onClick:()=>n.ghostSelected(),disabled:asBooleanAttribute(0===t.length),children:[e.jsx(i.VertexIcon,{slot:"icon",name:"visibility-partial",size:"sm"}),e.jsx("div",{className:"pl-2",children:"Ghost Selected"})]})},VertexUnghostSelectedMenuItem=()=>{const t=Ji(fs),n=useSceneItemsOperations();return e.jsxs(i.VertexMenuItem,{"data-testid":"unghost-selected-menu-option",onClick:()=>n.unGhostSelected(),disabled:asBooleanAttribute(0===t.length),children:[e.jsx(i.VertexIcon,{slot:"icon",name:"visibility-visible",size:"sm"}),e.jsx("div",{className:"pl-2",children:"Unghost Selected"})]})},DefaultSceneTreeContextMenu=()=>e.jsxs("div",{className:"w-56",children:[e.jsx(VertexHideSelectedMenuItem,{}),e.jsx(VertexHideAllMenuItem,{}),e.jsx(VertexShowOnlyMenuItem,{}),e.jsx(VertexShowOnlySelectedMenuItem,{}),e.jsx(VertexShowAllMenuItem,{}),e.jsx(VertexGhostSelectedMenuItem,{}),e.jsx(VertexUnghostSelectedMenuItem,{}),e.jsx(i.VertexMenuDivider,{}),e.jsx(VertexFitSelectedMenuItem,{}),e.jsx(VertexFlyToMenuItem,{})]}),VertexSceneTreeContextMenu=({children:t})=>{const n=useSceneTreeActions(),o=Ji(As),r=null!=t&&!1!==t;return e.jsx(VertexContextMenu,{menuType:"scene-tree",targetElement:o,onOpen:async(e,t)=>{const o=e;await n.setContextMenuItem(o.clientY)},disableBackdrop:!0,children:r?t:e.jsx(DefaultSceneTreeContextMenu,{})})},DefaultViewerContextMenu=()=>e.jsxs("div",{className:"w-56",children:[e.jsx(VertexHidePartMenuItem,{}),e.jsx(VertexHideSelectedMenuItem,{}),e.jsx(VertexHideAllMenuItem,{}),e.jsx(VertexShowOnlyMenuItem,{}),e.jsx(VertexShowOnlySelectedMenuItem,{}),e.jsx(VertexShowAllMenuItem,{}),e.jsx(VertexGhostSelectedMenuItem,{}),e.jsx(VertexUnghostSelectedMenuItem,{}),e.jsx(i.VertexMenuDivider,{}),e.jsx(VertexFitSelectedMenuItem,{}),e.jsx(VertexFlyToMenuItem,{})]}),VertexViewerContextMenu=({children:t})=>{const n=Ji(Va),o=null!=t&&!1!==t;return e.jsx(VertexContextMenu,{menuType:"viewer",targetElement:n,disableBackdrop:!0,children:o?t:e.jsx(DefaultViewerContextMenu,{})})},Ts=Yi({key:"viewerToolkitSdkConfig",default:void 0}),targetIsElement=(e,t)=>e instanceof Element&&e.tagName===t;function useRecoilRef({state:e}){const t=na((({set:t})=>n=>{t(e,n)}),[]);return t}var Vs;function styleFromOptionalFont(e){return null!=e?{"--scene-tree-default-font-family":styleFromFontFace(e.fontFace),"--scene-tree-default-font-color":e.color}:{}}function styleFromOptionalBackgroundColors(e){const t=null==e?void 0:e.depthColors,n=null!=t?Object.keys(t).reduce(((e,n)=>Object.assign(Object.assign({},e),{[`--scene-tree-row-background-color-depth-${n}`]:t[parseInt(n)]})),{}):{};return null!=e?Object.assign(Object.assign({},n),{"--scene-tree-hovered-row-background-color":e.hovered,"--scene-tree-selected-row-background-color":e.selected,"--scene-tree-row-background-color":e.defaultColor}):{}}function styleFromFontFace(e){return e===Vs.ROBOTO_MONO?"var(--vertex-ui-font-family-monospace)":"var(--vertex-ui-font-family)"}!function(e){e.ROBOTO="ROBOTO",e.ROBOTO_MONO="ROBOTO_MONO"}(Vs||(Vs={}));const VertexSceneTreeCollapseAll=()=>{const t=Ji(As);return e.jsx(i.VertexTooltip,{className:"w-auto",content:"Collapse All",placement:"top",children:e.jsx(i.VertexIcon,{size:"sm",className:"h-6 w-6 hover:bg-neutral-300 rounded cursor-pointer","data-testid":"collapse-all-icon",name:"collapse-all",onClick:()=>{null==t||t.collapseAll()}})})},VertexSceneTreeExpandAll=()=>{const t=Ji(As);return e.jsx(i.VertexTooltip,{className:"w-auto",content:"Expand All",placement:"top",children:e.jsx(i.VertexIcon,{size:"sm","data-testid":"expand-all-icon",className:"h-6 w-6 hover:bg-neutral-300 rounded cursor-pointer",name:"expand-all",onClick:()=>{null==t||t.expandAll()}})})};function VertexSceneTreeToolbar(){return e.jsx(s.VertexSceneTreeToolbar,{className:"h-10 border-b border-neutral-300 box-border",children:e.jsxs("div",{className:"flex flex-shrink-0 w-full text-neutral-700 items-center gap mx-2",children:[e.jsx(VertexSceneTreeExpandAll,{}),e.jsx(VertexSceneTreeCollapseAll,{})]})})}const VertexSceneTreeHeader=({children:t})=>{const n=null!=t&&!1!==t;return e.jsx("div",{slot:"header",className:"flex flex-col",children:n?t:e.jsxs(e.Fragment,{children:[e.jsx(s.VertexSceneTreeSearch,{className:"border-b border-neutral-300"}),e.jsx(VertexSceneTreeToolbar,{})]})})},Cs={binding:"{{row.node.name}}",label:"Name",metadataKeyName:"VERTEX_SCENE_ITEM_NAME"},ks=Zi({key:"sceneTreeColumnsActiveColumns",get:({get:e})=>{const t=[],n=e(Es);if(null!=n&&n>0){const e=1/(t.length+1)*n,o=(n-e)/t.length;return{Name:Object.assign(Object.assign({},Cs),{initialWidth:e,minWidth:o})}}return{Name:Cs}}}),Ns=Zi({key:"sceneTreeColumnsActiveColumnNames",get:({get:e})=>Object.keys(e(ks))}),VertexSceneTreeTableLayout=t=>{const n=Ji(ks),o=Ji(Ns),r=[];return e.jsx(s.VertexSceneTreeTableLayout,Object.assign({"data-testid":"scene-tree-table-layout"},t,{children:o.map(((t,i)=>{var a;const l=n[t],c=null!==(a=r[i])&&void 0!==a?a:l.initialWidth;return e.jsxs(s.VertexSceneTreeTableColumn,{"data-testid":`scene-tree-table-column-${i}`,initialWidth:c,minWidth:l.minWidth,children:[e.jsx("template",{slot:"header",dangerouslySetInnerHTML:{__html:`\n                  <div class="text-sm text-neutral-800 my-2">\n                    <div class="${ba("truncate",{"pl-2":0===i,"pr-2":i===o.length-1})}">\n                      ${l.label}\n                    </div>\n                  </div>\n                `}}),e.jsx("template",{dangerouslySetInnerHTML:{__html:`\n                  <vertex-scene-tree-table-cell\n                    prop:value="${l.binding}"\n                    prop:selection-handler="{{row.data.handleSelection}}"\n                    prop:expansion-handler="{{row.data.handleExpansion}}"\n                    prop:visibility-handler="{{row.data.handleVisibility}}"\n                    ${0===i?"expand-toggle":""}\n                    ${i===o.length-1?"isolate-button visibility-toggle":""}>\n                      <div class="flex items-center gap-2">\n                        <vertex-tooltip \n                            class="truncate" \n                            prop:content="${null!=l.binding?l.binding:"--"}" \n                            placement="${i!==o.length-1?"right":"top"}">\n                              <div class="flex items-center w-full">\n                                <div class="truncate">${l.binding}</div>\n                              </div>\n                          </vertex-tooltip>\n                      </div>\n                      \n\n                      <div slot="placeholder" class="flex items-center w-full truncate">\n                        <div> -- </div>\n                      </div>\n                    </vertex-scene-tree-table-cell>\n                  `}})]},l.label)}))}))},VertexSceneTree=n=>{var{id:o,font:r,backgroundColors:i,children:a,style:l,onPointerDown:c,onClick:u,onToggleSelection:d,onToggleExpansion:p,onToggleVisibility:f,className:h,rowData:m}=n,v=t.__rest(n,["id","font","backgroundColors","children","style","onPointerDown","onClick","onToggleSelection","onToggleExpansion","onToggleVisibility","className","rowData"]);const g=Ji(Ts),b=useSelectionActions(),S=useSceneTreeActions(),w=Ji(Va),_=useRecoilRef({state:As}),A=null!=a&&!1!==a,wrappedExpansionHandler=(e,t,n)=>{S.toggleExpansion(e,t,n),null==p||p(e,t,n)},wrappedSelectionHandler=(e,t,n)=>{S.toggleSelection(e,t,n),null==d||d(e,t,n)},wrappedVisibilityHandler=(e,t,n)=>{S.toggleVisibility(e,t,n),null==f||f(e,t,n)},handleClick=e=>{e.altKey&&S.flyToRow(e.clientY),null==u||u(e)},handlePointerDown=e=>{targetIsElement(e.target,"VERTEX-SCENE-TREE-TABLE-COLUMN")&&b.clearSelection(),null==c||c(e)};return e.jsx("div",{className:ba("flex flex-col w-full h-full",h),children:e.jsx("div",{className:"flex group h-full",children:e.jsx(s.VertexSceneTree,Object.assign({id:null!=o?o:"vertex-scene-tree","data-testid":"vertex-scene-tree",config:g,ref:_,className:"flex-1",style:Object.assign(Object.assign(Object.assign({},styleFromOptionalFont(r)),styleFromOptionalBackgroundColors(i)),l),onConnectionError:e=>{logger_error("Scene Tree Connection Error: ",e.detail)},viewer:w,onPointerDown:handlePointerDown,onClick:handleClick,rowData:e=>{var t;const n=null!==(t=null==m?void 0:m(e))&&void 0!==t?t:{};return Object.assign({handleExpansion:wrappedExpansionHandler,handleSelection:wrappedSelectionHandler,handleVisibility:wrappedVisibilityHandler},n)}},v,{children:A?a:e.jsxs(e.Fragment,{children:[e.jsx(VertexSceneTreeHeader,{}),e.jsx(VertexSceneTreeTableLayout,{}),e.jsx(VertexSceneTreeContextMenu,{})]})}))})})},Rs=Yi({key:"openedPanelActivePrimaryLeft",default:void 0}),Is=Yi({key:"openedPanelActivePrimaryRight",default:void 0});function usePanelActions(){return{openPrimary:useActionCallback((({set:e})=>(t,n)=>{e("left"===n?Rs:Is,t)})),closePrimary:useActionCallback((({set:e})=>t=>{e("left"===t?Rs:Is,void 0)}))}}const Os=255,Ls=Yi({key:"sceneItemAdjustmentsSelectedColor",default:void 0}),Ps=Yi({key:"sceneItemAdjustmentsSelectedOpacity",default:void 0}),js=Xi({key:"appliedItemMaterialOverride",default:void 0}),Ms=Yi({key:"appliedItemMaterialOverrideIds",default:[]}),Ds=Zi({key:"sceneItemAdjustmentsLastSelectedOverride",get:({get:e})=>{const t=e(hs);if(null!=t)return e(js(t.id))}}),Bs=Yi({key:"applyMaterialToAllUserAction",default:void 0}),zs=Yi({key:"showConfirmDialogWhenApplyingMaterialToAll",default:!0}),Us=Yi({key:"confirmApplyMaterialToAllDialogOpen",default:!1}),useSceneItemMaterialActions=()=>{const e=useViewerSceneActions(),t=useActionCallback((({snapshot:e,reset:t})=>async()=>{const n=await e.getPromise(Ms);t(Ls),n.forEach((e=>t(js(e)))),t(Ms)}));return{updateColor:useActionCallback((({set:e})=>t=>{e(Ls,t)})),clearCurrentColor:useActionCallback((({reset:e})=>()=>{e(Ls)})),clearCurrentOpacity:useActionCallback((({reset:e})=>()=>{e(Ps)})),clear:useActionCallback((({snapshot:t,set:n,reset:o})=>async()=>{const r=await t.getPromise(fs);o(Ls),r.forEach((e=>o(js(e)))),n(Ms,(e=>e.filter((e=>!r.includes(e))))),await e.execute(ds.CLEAR_SELECTED_MATERIAL_OVERRIDES,(e=>e.where((e=>e.withSelected())).clearMaterialOverrides().select()))})),clearAll:useActionCallback((()=>async()=>{await t(),await e.execute(ds.CLEAR_ALL_MATERIAL_OVERRIDES,(e=>e.where((e=>e.all())).clearMaterialOverrides()),(e=>e.where((e=>e.withSelected())).select()))})),clearState:t,updateOpacity:useActionCallback((({set:e})=>t=>{e(Ps,t)})),apply:useActionCallback((({snapshot:t,set:n})=>async()=>{const o=await t.getPromise(Ls),r=await t.getPromise(Ps),i=await t.getPromise(fs),a=await t.getPromise(Ds),s=null!=o?o:a,l=null!=r?r:null==a?void 0:a.opacity;if(null!=s){const t=Object.assign(Object.assign({},s),{opacity:null!=l?l:s.opacity});await e.execute(ds.APPLY_MATERIAL_OVERRIDE_TO_SELECTION,(e=>e.where((e=>e.withSelected())).materialOverride(t))),i.forEach((e=>n(js(e),t))),n(Ms,(e=>[...e,...i]))}})),confirmApplyAll:useActionCallback((({set:e})=>t=>{e(Us,!0),e(Bs,(()=>t))})),cancelApplyAll:useActionCallback((({reset:e})=>()=>{e(Us),e(Bs)})),applyAll:useActionCallback((({snapshot:t,reset:n})=>async()=>{const o=await t.getPromise(Ls),r=await t.getPromise(Ps);if(null!=o){const i=await t.getPromise(Ms),a=Object.assign(Object.assign({},o),{opacity:null!=r?r:o.opacity});await e.execute(ds.APPLY_MATERIAL_OVERRIDE_TO_ALL,(e=>e.where((e=>e.all())).materialOverride(a))),i.forEach((e=>n(js(e))));const s=await t.getPromise(Bs);null==s||s(a),n(Us),n(Bs)}})),hideConfirmApplyAllDialog:useActionCallback((({set:e})=>()=>{e(zs,!1)}))}};function PanelSection({header:t,children:n}){return e.jsxs("div",{className:"py-3 px-4 border-neutral-300 border-b",children:[e.jsx("div",{className:"my-2 text-base text-neutral-700",children:t}),n]})}const VertexSceneItemMaterialApplyAll=({onApplyAll:t})=>{const n=useSceneItemMaterialActions(),o=Qi(Ds),r=Ji(Ls),a=Ji(zs),s=d.useMemo((()=>"hasValue"===o.state?null!=r?r:o.contents:r),[o,r]);return e.jsx(i.VertexTooltip,{content:"Apply to All",children:e.jsx(i.VertexIconButton,{iconName:"square-dot-outline",iconSize:"sm",color:"secondary",disabled:null==s,onClick:async()=>{a?n.confirmApplyAll(t):(await n.applyAll(),null==t||t(s))}})})};function SceneItemMaterialApplyAllConfirmationDialog(){const t=useSceneItemMaterialActions(),n=Ji(Us),[r,a]=o.useState(!1),onCloseDialog=()=>{t.cancelApplyAll(),a(!1)};return n?e.jsxs(i.VertexDialog,{open:!0,className:"text-sm",onClosed:onCloseDialog,onBackdropClick:onCloseDialog,children:[e.jsx("div",{slot:"heading",children:"Apply to All Parts"}),e.jsx("div",{className:"max-w-lg break-words pr-2",children:"This will apply the same material to all parts in the model. Any previous material changes will be lost."}),e.jsxs("div",{className:"flex mt-8 gap-2 items-center",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx(i.VertexToggle,{"data-testid":"hide-confirmation-dialog-in-future-checkbox",variant:"check",className:"pt-1",checked:r,onValueChanged:e=>{a(e.detail)}}),"Don't show again this session"]}),e.jsxs("div",{className:"flex ml-auto gap-2",children:[e.jsx(i.VertexButton,{"data-testid":"cancel-apply-material-to-all",onClick:onCloseDialog,children:"Cancel"}),e.jsx(i.VertexButton,{color:"primary","data-testid":"confirm-apply-material-to-all",onClick:async()=>{await t.applyAll(),r&&t.hideConfirmApplyAllDialog()},children:"Apply"})]})]})]}):e.jsx(e.Fragment,{})}function createColorMaterialWithId(e,t=ma.create()){return Object.assign({id:t},l.ColorMaterial.fromHex(e))}function useDebouncedCallback(e,t){const[n,r]=o.useState();return o.useEffect((()=>()=>{null!=n&&clearTimeout(n)}),[e,t,n]),o.useCallback((o=>{const handler=()=>{e(o)};null!=n&&clearTimeout(n),r(setTimeout(handler,t))}),[e,t,n])}const VertexSceneItemMaterialColorPicker=({onApply:t})=>{const n=useSceneItemMaterialActions(),o=Qi(Ds),r=Ji(Ls),a=d.useMemo((()=>"hasValue"===o.state?null!=r?r:o.contents:r),[o,r]),s=useDebouncedCallback((()=>{n.apply()}),500),l=d.useCallback((e=>{const t=e.target;n.updateColor(createColorMaterialWithId(t.value)),s(t.value)}),[s,n]);return e.jsx(i.VertexColorPicker,{"data-testid":"selected-item-color-picker",value:null!=a?ca.toHexString(a.diffuse):void 0,onValueChanged:()=>{n.apply(),null==t||t(a)},onInput:l})},VertexSceneItemMaterialOpacitySlider=({onApply:t})=>{const n=useSceneItemMaterialActions(),o=Ji(Ps),r=Qi(Ds),a=d.useMemo((()=>{var e,t;return"hasValue"===r.state?null!==(t=null!=o?o:null===(e=r.contents)||void 0===e?void 0:e.opacity)&&void 0!==t?t:Os:null!=o?o:Os}),[o,r]),s=useDebouncedCallback((()=>{n.apply()}),500),l=d.useCallback((e=>{n.updateOpacity(e.detail.value),s(e.detail.value)}),[s,n]),c=d.useMemo((()=>"hasValue"!==r.state||null==r.contents),[r]);return e.jsx(i.VertexTooltip,{className:"flex w-full",content:c?"Select a part and apply a color to enable opacity":`${Math.floor(a/Os*100)}%`,placement:"top",children:e.jsxs("div",{className:"flex items-center w-full gap-2",children:[e.jsx("div",{className:"text-xs pr-2 text-center",children:"0%"}),e.jsx(i.VertexSlider,{className:"flex-grow mt-2","data-testid":"scene-item-adjustments-opacity-slider",disabled:c,value:null!=a?a:Os,step:5,min:0,max:Os,onValueChange:e=>{n.updateOpacity(e.detail.value),n.apply(),null==t||t(e.detail.value)},onValueInput:l}),e.jsx("div",{className:"text-xs pr-2 text-right cursor-default",children:"100%"})]})})};function VertexMaterialControls({onApplyMaterial:t,onApplyMaterialToAll:n,onApplyOpacity:r}){const i=useSceneItemMaterialActions(),a=Ji(hs);return o.useEffect((()=>{i.clearCurrentColor(),i.clearCurrentOpacity()}),[null==a?void 0:a.id]),e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex flex-col",children:[e.jsx("div",{className:"pt-1 pb-2 text-sm text-neutral-700",children:"Color"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(VertexSceneItemMaterialColorPicker,{onApply:t}),e.jsx(VertexSceneItemMaterialApplyAll,{onApplyAll:n})]})]}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("div",{className:"pt-4 pb-2 text-sm text-neutral-700",children:"Opacity"}),e.jsx("div",{className:"flex items-center",children:e.jsx(VertexSceneItemMaterialOpacitySlider,{onApply:r})})]}),e.jsx(SceneItemMaterialApplyAllConfirmationDialog,{})]})}const ResetButton=({id:t,tooltip:n,children:r})=>{const[a,s]=o.useState(!1);return e.jsx("div",{className:"ml-auto",children:e.jsxs(i.VertexDropdownMenu,{className:"flex items-stretch h-full","data-testid":`reset-button-dropdown-menu-${t}`,placement:"bottom-end",onMenuOpened:()=>s(!0),onMenuClosed:()=>s(!1),children:[e.jsx("div",{slot:"anchor",className:"flex items-center h-full",children:e.jsx(i.VertexTooltip,{content:n,disabled:a,placement:"bottom",children:e.jsxs(i.VertexButton,{className:ba("p-1.5 rounded-md select-none hover:bg-neutral-300 active:bg-neutral-400 cursor-pointer",{"bg-neutral-300":a}),"data-testid":`reset-button-${t}`,variant:"plaintext",children:[e.jsx(i.VertexIcon,{className:"px-0.5",name:"reset",size:"sm"}),e.jsx(i.VertexIcon,{name:"chevron-down",size:"sm"})]})})}),e.jsx("div",{className:"whitespace-nowrap",children:r})]})})},VertexSceneItemMaterialClear=({canClearSelected:t,onClear:n,onClearAll:o})=>{const r=useSceneItemMaterialActions();return e.jsx("div",{className:"ml-auto",children:e.jsxs(ResetButton,{id:"materials",tooltip:"Clear Materials",children:[e.jsx("div",{className:"pt-1"}),e.jsx(i.VertexMenuItem,{"data-testid":"clear-selected-materials",onClick:()=>{r.clear(),null==n||n()},disabled:!t,children:"Clear selected materials"}),e.jsx(i.VertexMenuItem,{"data-testid":"clear-all-materials",onClick:()=>{r.clearAll(),null==o||o()},children:"Clear all materials"})]})})};function VertexMaterialPanelSection({onClearMaterial:t,onClearAllMaterials:n,onApplyMaterial:r,onApplyMaterialToAll:i,onApplyOpacity:a}){const s=useSceneItemMaterialActions(),l=Ji(xs),c=Ji(hs);return o.useEffect((()=>{s.clearCurrentColor(),s.clearCurrentOpacity()}),[null==c?void 0:c.id]),e.jsx(PanelSection,{header:e.jsxs("div",{className:"flex items-center text-base",children:["Material",e.jsx(VertexSceneItemMaterialClear,{canClearSelected:l,onClear:t,onClearAll:n})]}),children:e.jsx(VertexMaterialControls,{onApplyMaterial:r,onApplyMaterialToAll:i,onApplyOpacity:a})})}function DefaultAppearancePanel(){return e.jsx("div",{className:"flex flex-col text-neutral-700 h-full overflow-y-auto",children:e.jsx(VertexMaterialPanelSection,{})})}const Fs="Appearance",ViewerRightPanelHeader=()=>{const t=undefined,n=getHeading(Ji(Is));return e.jsx("div",{className:"flex flex-col w-full items-center z-overlay pointer-events-none md:pointer-events-auto py-3 px-4 border-b border-neutral-300",children:e.jsx("div",{className:"items-center w-full leading-6 text-md align-center font-medium text-neutral-800",children:n})})};function getHeading(e){return"appearance"===e?Fs:"None"}function VertexViewerRightOpenedPanel(){const t=Ji(Is),n=o.useMemo((()=>["appearance"]),[]);return e.jsx(e.Fragment,{children:null!=t&&n.includes(t)&&e.jsx(VertexResizableContent,{displayShadow:!0,heading:e.jsx(ViewerRightPanelHeader,{}),placement:"right",children:"appearance"===t&&e.jsx(DefaultAppearancePanel,{})})})}function Sidebar({children:t}){return e.jsx("div",{className:"pointer-events-auto flex flex-col items-center w-full border-neutral-300 py-2",children:t})}function SidebarIcon({name:t,iconName:n,active:r,responsive:a,disabled:s,content:l,tooltipPlacement:c,children:u,onSelect:d,onDeselect:p}){return e.jsx("div",{className:ba({"text-[var(--vertex-ui-blue-700)]":r===t&&!s,"text-neutral-700 hover:text-neutral-800":r!==t&&!s,"cursor-pointer hover:bg-neutral-200":!s,"text-neutral-400":s,"rounded-full md:p-3":a,"p-3":!a&&null==u,"px-3 py-1":null!=u}),"data-testid":`${t}-sidebar-panel`,onClick:()=>{s||(r===t?p():d())},children:e.jsxs(i.VertexTooltip,{placement:null!=c?c:void 0,content:o.isValidElement(l)?void 0:l,children:[e.jsx("div",{slot:"content",children:l}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx(i.VertexIcon,{name:n}),u]})]})})}function VertexViewerRightSidebar(){const t=usePanelActions(),n=Ji(Is);return e.jsx("div",{className:"flex flex-col flex-shrink-0 items-center relative border-neutral-300 border-l bg-white h-full top-0 min-w-12 w-12",children:e.jsx(Sidebar,{children:e.jsx(SidebarIcon,{name:"appearance",active:n,iconName:"adjustments",tooltipPlacement:"right",content:"Appearance",onSelect:()=>{t.openPrimary("appearance","right")},onDeselect:()=>t.closePrimary("right")})})})}const useSynchronizedProp=(e,t)=>{const n=ta(e);o.useEffect((()=>{n(t)}),[n,t])},VertexPopupButton=n=>{var{open:o,children:r}=n,a=t.__rest(n,["open","children"]);const s=r.find((e=>e.type===Anchor)),l=r.filter((e=>e.type!==Anchor));return null==s?e.jsx(e.Fragment,{}):e.jsxs(i.VertexPopover,Object.assign({className:"flex",placement:"top",backdrop:!1,open:asBooleanAttribute(o)},a,{children:[s,e.jsx("div",{className:ba("flex mb-1.5",{hidden:!o}),"data-testid":"align-plane-popover-menu",children:l})]}))},Anchor=({tooltipContent:t,children:n})=>e.jsx("div",{slot:"anchor",children:e.jsx(i.VertexTooltip,{className:"cursor-pointer",content:t,children:n})});VertexPopupButton.Anchor=Anchor;const VertexSlider=n=>{var{value:r,defaultValue:a,onChange:s,onValueChange:l,onValueInput:c}=n,u=t.__rest(n,["value","defaultValue","onChange","onValueChange","onValueInput"]);const[d,p]=o.useState(a);return e.jsx(i.VertexSlider,Object.assign({className:"w-52 mx-2 items-center",value:null!=r?r:d,onValueChange:e=>{p(e.detail.value),null==s||s(e.detail.value),null==l||l(e)},onValueInput:e=>{p(e.detail.value),null==s||s(e.detail.value),null==c||c(e)}},u))};function VertexViewerToolbarDivider(){return e.jsx("div",{"data-testid":"toolbar-divider",className:"h-6 w-px bg-neutral-300 mx-1 items-center mt-1"})}function VertexViewerCrossSectionAlignmentPopoverMenu(){const t=useCrossSectioningActions(),n=Ji(Ja),o=Ji(Ha),getBaseIcon=()=>`align-to-${null==o?void 0:o.mode}`;return useStackKeyBinding({id:"CrossSectionAlignment",keyBind:"Escape",fn:t.cancelCurrentHit,addPredicate:()=>{var e;return null!==(e=null==o?void 0:o.hitPending)&&void 0!==e&&e},cancelPredicate:()=>!(null==o?void 0:o.hitPending)},[null==o?void 0:o.hitPending]),e.jsxs(VertexPopupButton,{"data-testid":"section-alignment-popover",placement:"top",backdrop:!1,open:asBooleanAttribute(n),onDismissed:t.closeAlignmentTools,children:[e.jsx(VertexPopupButton.Anchor,{tooltipContent:"Section Alignment",children:e.jsx(i.VertexIconButton,{"data-testid":"section-alignment-icon-button",iconName:getBaseIcon(),iconColor:"secondary",onClick:n?t.closeAlignmentTools:t.openAlignmentTools,children:e.jsx(i.VertexIcon,{"data-testid":"section-alignment-icon-chevron",name:"chevron-up",size:"sm"})})}),e.jsxs(s.VertexViewerToolbarGroup,{direction:"vertical",className:"flex justify-evenly items-center py-1 my-1 ring-1 ring-neutral-200 rounded bg-neutral-100 opacity-95",children:[e.jsx(i.VertexIconButton,{iconColor:"secondary",onClick:()=>t.updateAlignment("global"),className:"w-full text-neutral-800 hover:bg-neutral-300 rounded cursor-pointer mx-0.5 py-1 px-2","data-testid":"section-alignment-align-global",iconName:"align-to-global",variant:"plain",children:e.jsx("div",{className:"text-base ml-2",children:"Align to Global"})}),e.jsx(i.VertexIconButton,{iconColor:"secondary",onClick:()=>t.updateAlignment("surface"),className:"w-full text-neutral-800 hover:bg-neutral-300 rounded cursor-pointer mx-0.5 py-1 px-2","data-testid":"section-alignment-align-surface",iconName:"align-to-surface",variant:"plain",children:e.jsx("div",{className:"text-base ml-2",children:"Align to Surface"})})]})]})}function VertexViewerCrossSectionAxisPopoverMenu(){const t=useCrossSectioningActions(),n=Ji(Qa),r=Ji(Fa),a=Qi(Ka),l=o.useMemo((()=>{const e=r.length>0&&"hasValue"===a.state?axis(r[0],xAxis(a.contents),yAxis(a.contents),zAxis(a.contents)):"x";return null!=e?`axis-${e}`:"axis-x"}),[a.state,a.contents,r]);return e.jsxs(VertexPopupButton,{"data-testid":"align-plane-popover",placement:"top",backdrop:!1,open:asBooleanAttribute(n),onDismissed:t.closeAxisTools,children:[e.jsx(VertexPopupButton.Anchor,{tooltipContent:"Align Plane",children:e.jsx(i.VertexIconButton,{onClick:n?t.closeAxisTools:t.openAxisTools,iconName:l,"data-testid":"align-plane-icon",iconColor:"secondary",children:e.jsx(i.VertexIcon,{"data-testid":"align-plane-icon-chevron",name:"chevron-up",size:"sm"})})}),e.jsxs(s.VertexViewerToolbarGroup,{direction:"vertical",className:"flex justify-evenly items-center py-1 my-1 ring-1 ring-neutral-200 rounded bg-neutral-100 opacity-95",children:[e.jsx(i.VertexIconButton,{"data-testid":"align-plane-x-axis-button",className:"w-full text-neutral-800 hover:bg-neutral-300 rounded cursor-pointer mx-0.5 py-1 px-2",onClick:()=>t.updateAxis("x"),variant:"plain",iconColor:"secondary",iconName:"axis-x",children:e.jsx("div",{className:"text-base ml-2",children:"X-axis Plane"})}),e.jsx(i.VertexIconButton,{className:"w-full text-neutral-800 hover:bg-neutral-300 rounded cursor-pointer mx-0.5 py-1 px-2",variant:"plain",iconColor:"secondary",iconName:"axis-y","data-testid":"align-plane-y-axis-button",onClick:()=>t.updateAxis("y"),children:e.jsx("div",{className:"text-base ml-2",children:"Y-axis Plane"})}),e.jsx(i.VertexIconButton,{"data-testid":"align-plane-z-axis-button",className:"w-full text-neutral-800 hover:bg-neutral-300 rounded cursor-pointer mx-0.5 py-1 px-2",onClick:()=>t.updateAxis("z"),variant:"plain",iconColor:"secondary",iconName:"axis-z",children:e.jsx("div",{className:"text-base ml-2",children:"Z-axis Plane"})})]})]})}var Hs,Ws;!function(e){e.mm="millimeters",e.cm="centimeters",e.m="meters",e.in="inches",e.ft="feet"}(Hs||(Hs={})),function(e){e[e.mm=1]="mm",e[e.cm=.1]="cm",e[e.m=.001]="m",e[e.in=.03937007874015748]="in",e[e.ft=.0032808398950131233]="ft"}(Ws||(Ws={}));const convertFrom=(e,t)=>{const n=undefined;return e/Ws[t]},convertTo=(e,t)=>{const n=undefined;return e*Ws[t]},formatWithUnit=(e,t,n)=>`${e.toFixed(n)} ${t}`,formatDistance=(e,t,n)=>formatWithUnit(convertTo(e,t),t,n),createDistanceFormatter=(e,t)=>n=>formatDistance(n,e,t);function VertexViewerCrossSectionOffsetStepper({offset:t,measurementUnit:n,decimalPlaces:r,onOffsetChange:a}){const[s,l]=o.useState(convertTo(t,n));o.useEffect((()=>{l(convertTo(t,n))}),[n,t]);const c=createDistanceFormatter(n,r),handleIncrementalUpdate=e=>{const t=convertFrom(s+e,n);a(t)},handleSubmit=e=>{e.preventDefault(),a(convertFrom(s,n))},handleBlur=()=>{a(convertFrom(s,n))};return e.jsx(i.VertexTooltip,{content:"Plane Offset",children:e.jsx("form",{"data-testid":"cross-section-stepper-form",onSubmit:handleSubmit,children:e.jsxs(i.VertexTextfield,{"data-testid":"cross-section-stepper-input",className:"viewer-toolbar-input w-32 border-none ring-0 bg-white",type:"text",value:c(parseFloat(t.toFixed(3))),onInputInput:e=>{l(null!=e.detail.value?parseFloat(e.detail.value):t)},onBlur:handleBlur,children:[e.jsx("div",{"data-testid":"cross-section-stepper-decrement",className:"py-1 cursor-pointer",slot:"left",onClick:()=>handleIncrementalUpdate(-1),children:e.jsx(i.VertexIcon,{name:"chevron-left",size:"sm"})}),e.jsx("div",{"data-testid":"cross-section-stepper-increment",className:"py-1 cursor-pointer",slot:"right",onClick:()=>handleIncrementalUpdate(1),children:e.jsx(i.VertexIcon,{name:"chevron-right",size:"sm"})})]})})})}const $s=400;function VertexViewerCrossSectionPopupMenu({decimalPlaces:t,measurementUnit:n}){const r=useCrossSectioningActions(),a=Ji(Xa),l=Qi(Ya),c=Qi(Za),u=o.useRef(),d=o.useMemo((()=>"hasValue"===l.state?l.contents:Da),[l.state,l.contents]),p=o.useMemo((()=>"hasValue"===c.state?c.contents:0),[c.state,c.contents]),handleCrossSectionValueChange=e=>{clearTimeout(u.current),u.current=window.setTimeout((()=>{r.endInteraction()}),$s),r.beginInteraction(),r.updatePlanes(e)};return e.jsxs(VertexPopupButton,{"data-testid":"cross-section-popover",placement:"top",backdrop:!1,open:asBooleanAttribute(a),onDismissed:r.closeAdditionalTools,children:[e.jsx(VertexPopupButton.Anchor,{tooltipContent:"Section Tools",children:e.jsx("div",{className:"-ml-px py-1.5",children:e.jsx(i.VertexIcon,{"data-testid":"cross-section-popover-icon",name:"chevron-up",size:"sm",onClick:a?r.closeAdditionalTools:r.openAdditionalTools})})}),e.jsxs(s.VertexViewerToolbarGroup,{className:"relative bottom-3 flex justify-evenly items-center p-1 ring-1 ring-neutral-200 rounded bg-neutral-100 opacity-95",children:[e.jsx(VertexViewerCrossSectionAlignmentPopoverMenu,{}),e.jsx(i.VertexTooltip,{className:"w-auto",content:"Reverse",children:e.jsx(i.VertexIconButton,{iconName:"flip","data-testid":"viewer-toolbar-flip-button",onClick:r.flipPlanes,iconColor:"secondary"})}),e.jsx(i.VertexTooltip,{className:"w-auto",content:"Align View to Plane",children:e.jsx(i.VertexIconButton,{"data-testid":"viewer-toolbar-align-view-to-plane-button",iconName:"align-view-to-plane",onClick:r.alignViewToPlane,iconColor:"secondary"})}),e.jsx(VertexViewerToolbarDivider,{}),e.jsx(VertexViewerCrossSectionAxisPopoverMenu,{}),e.jsx(VertexSlider,{value:p,defaultValue:d.default,disabled:asBooleanAttribute("hasValue"!==l.state),min:d.min,max:d.max,step:.01,onChange:handleCrossSectionValueChange}),e.jsx("div",{className:"px-4",children:e.jsx(VertexViewerCrossSectionOffsetStepper,{decimalPlaces:t,measurementUnit:n,offset:"hasValue"===c.state?c.contents:0,onOffsetChange:handleCrossSectionValueChange})})]})]})}const VertexViewerCrossSectionButton=({decimalPlaces:t,measurementUnit:n,sectionLineWidth:o,sectionColor:r})=>{const a=useCrossSectioningActions(),s=Ji(Ba);return useSynchronizedProp(Ua,o),useSynchronizedProp(za,r),e.jsxs(e.Fragment,{children:[e.jsx(i.VertexTooltip,{content:s?"Hide Section":"Show Section",children:e.jsx(i.VertexIconButton,{"data-testid":"viewer-toolbar-cross-section-button",iconName:"cross-section",iconColor:s?"primary":"secondary",onClick:()=>s?a.disable():a.enable()})}),e.jsx(VertexViewerCrossSectionPopupMenu,{decimalPlaces:null!=t?t:2,measurementUnit:null!=n?n:"mm"})]})},VertexFitAllButton=()=>{const t=Ji(Va);return e.jsx(i.VertexTooltip,{content:"Fit All",children:e.jsx(i.VertexIconButton,{iconName:"fit-all",iconColor:"secondary","data-testid":"viewer-toolbar-fit-all-button",onClick:async()=>{const e=await(null==t?void 0:t.scene());await(null==e?void 0:e.camera().viewAll().render({animation:{milliseconds:500}}))}})})},VertexPanButton=()=>{const t=Ji(Va),n=Ji(Ca),[r,a]=ea(Na),[s,l]=ea(ka);return o.useEffect((()=>{null!=t&&n&&l(t.getBaseInteractionHandler())}),[t,n,l]),e.jsx(i.VertexTooltip,{content:"Pan",children:e.jsx(i.VertexIconButton,{iconName:"pan",iconColor:"pan"===r?"primary":"secondary","data-testid":"viewer-toolbar-pan-button",onClick:async()=>{if(a("pan"),null!=s){const e=await s;null==e||e.setPrimaryInteractionType("pan")}}})})},VertexRotateButton=()=>{const t=Ji(Va),n=Ji(Ca),[r,a]=ea(Na),[s,l]=ea(ka);return o.useEffect((()=>{null!=t&&n&&l(t.getBaseInteractionHandler())}),[t,n,l]),e.jsx(i.VertexTooltip,{content:"Rotate",children:e.jsx(i.VertexIconButton,{iconName:"rotate",iconColor:"rotate"===r?"primary":"secondary","data-testid":"viewer-toolbar-rotate-button",onClick:async()=>{if(a("rotate"),null!=s){const e=await s;null==e||e.setPrimaryInteractionType("rotate")}}})})},VertexZoomButton=()=>{const t=Ji(Va),n=Ji(Ca),[r,a]=ea(Na),[s,l]=ea(ka);return o.useEffect((()=>{null!=t&&n&&l(t.getBaseInteractionHandler())}),[t,n,l]),e.jsx(i.VertexTooltip,{content:"Zoom",children:e.jsx(i.VertexIconButton,{iconName:"zoom",iconColor:"zoom"===r?"primary":"secondary","data-testid":"viewer-toolbar-zoom-button",onClick:async()=>{if(a("zoom"),null!=s){const e=await s;null==e||e.setPrimaryInteractionType("zoom")}}})})},DefaultToolbar=()=>e.jsx(s.VertexViewerToolbar,{placement:"bottom-center",children:e.jsxs(s.VertexViewerToolbarGroup,{className:"p-1 border border-neutral-200 rounded bg-neutral-100 opacity-95",children:[e.jsx(VertexRotateButton,{}),e.jsx(VertexPanButton,{}),e.jsx(VertexZoomButton,{}),e.jsx(VertexFitAllButton,{}),e.jsx(VertexViewerToolbarDivider,{}),e.jsx(VertexBoxSelectionButton,{}),e.jsx(VertexViewerToolbarDivider,{}),e.jsx(VertexViewerCrossSectionButton,{})]})}),VertexToolbar=({children:t})=>{const n=null!=t&&!1!==t;return e.jsx(s.VertexViewerToolbar,{placement:"bottom-center",children:n?e.jsx(s.VertexViewerToolbarGroup,{className:"p-1 border border-neutral-200 rounded bg-neutral-100 opacity-95",children:t}):e.jsx(DefaultToolbar,{})})},VertexViewerSceneReset=({onReset:t})=>{const n=useCrossSectioningActions(),o=useSelectionActions(),r=useViewerSceneActions(),handleReset=async()=>{await n.disable(),await o.resetSelectionState(),null==t||t(),await r.reset()};return e.jsx(i.VertexTooltip,{content:"Reset View",children:e.jsx(i.VertexIconButton,{iconName:"reset",className:"flex bg-white opacity-70 hover:opacity-100 text-neutral-900 hover:text-neutral-700 hover:bg-neutral-200 rounded p-1 cursor-pointer","data-testid":"viewer-reset-tool-button",onClick:handleReset,variant:"plain"})})};function useViewerFrameActions(){return{frameDrawn:useActionCallback((({set:e,reset:t,snapshot:n})=>async t=>{const o=await n.getPromise(bs);e(Ia,t.detail.scene),e(bs,t.detail.scene.sceneViewSummary.selectedVisibleSummary),e(ys,o)}))}}function useCallbackRef(e){var t;const[n,r]=o.useState((t=void 0,null)),i=undefined;return{element:n,callback:o.useCallback((e=>r(e)),[])}}const VertexBoxSelectionTool=()=>{const{callback:t}=useCallbackRef(),n=useBoxSelectionActions(),o=Ji(ia);return useApplyKeyBinding({keyBind:"Shift",fn:d.useCallback((()=>n.setOperationType("select")),[]),off:d.useCallback((()=>n.setOperationType("clearAndSelect")),[])}),e.jsx(s.VertexViewerBoxQueryTool,{ref:t,"data-testid":"viewer-box-query-tool",operationType:o})};function VertexViewerCameraTypeMenu({open:t,onOpen:n,onDismiss:o,onCameraTypeChange:r}){const a=useViewerCameraActions(),s=Ji(Pa);return e.jsxs(i.VertexMenu,{"data-testid":"camera-types-popover",className:"flex",placement:"bottom-end",open:asBooleanAttribute(t),onMenuClosed:o,children:[e.jsx("div",{slot:"anchor",children:e.jsx("div",{className:ba("flex bg-white hover:opacity-100 hover:text-neutral-700 hover:bg-neutral-200 rounded",{"opacity-70 text-neutral-900":!t,"opacity-100 text-neutral-700 bg-neutral-200":t}),children:e.jsx(i.VertexTooltip,{content:"Change View",children:e.jsx(i.VertexIconButton,{"data-testid":"set-camera-mode-option",className:"p-1 cursor-pointer",variant:"plain",onClick:n,iconName:"orthographic"===s?"cube-orthographic":"cube-perspective",children:e.jsx(i.VertexIcon,{"data-testid":"change-camera-type-icon-button",name:"chevron-down",size:"sm"})})})})}),e.jsxs("div",{className:"w-36",children:[e.jsx("div",{className:"pt-1"}),e.jsxs(i.VertexMenuItem,{"data-testid":"set-perspective-view",onClick:()=>{a.updateCameraType("perspective"),null==r||r("perspective")},children:[e.jsx(i.VertexIcon,{slot:"icon","data-testid":"set-perspective-view-icon",name:"cube-perspective",size:"sm",className:ba({"text-[var(--vertex-ui-blue-700)]":"perspective"===s})}),e.jsx("div",{className:ba("ml-2 items-center",{"text-[var(--vertex-ui-blue-700)]":"perspective"===s}),children:"Perspective"})]}),e.jsxs(i.VertexMenuItem,{"data-testid":"set-orthographic-view",onClick:()=>{a.updateCameraType("orthographic"),null==r||r("orthographic")},children:[e.jsx(i.VertexIcon,{slot:"icon","data-testid":"set-orthographic-view-icon",name:"cube-orthographic",size:"sm",className:ba({"text-[var(--vertex-ui-blue-700)]":"orthographic"===s})}),e.jsx("div",{className:ba("ml-2 items-center",{"text-[var(--vertex-ui-blue-700)]":"orthographic"===s}),children:"Orthographic"})]})]})]})}const VertexViewerViewCube=n=>{var{placement:r,children:i}=n,a=t.__rest(n,["placement","children"]);const l=Array.isArray(i)?i:[i],c=l.filter((e=>!o.isValidElement(e)||e.type!==s.VertexViewerViewCube)).filter((e=>null!=e&&!1!==e)),u=l.find((e=>o.isValidElement(e)&&e.type===s.VertexViewerViewCube)),[d,p]=o.useState(!1);return e.jsxs(s.VertexViewerToolbar,{direction:"vertical","data-testid":"view-cube-toolbar",placement:null!=r?r:"top-right",children:[null!=u?u:e.jsx(s.VertexViewerViewCube,Object.assign({className:"m-7"},a)),0===c.length?e.jsxs("div",{className:"flex items-center justify-center mt-3 gap-1",children:[e.jsx(VertexViewerSceneReset,{}),e.jsx(VertexViewerCameraTypeMenu,{open:d,onDismiss:()=>p(!1),onOpen:()=>p(!0)})]}):e.jsx("div",{className:"mt-3",children:c})]})},VertexViewer=n=>{var{id:o,className:r,disableSelection:i,onTap:a,onLongpress:l,onFrameDrawn:c,onSceneReady:u,viewerRefCallback:d,children:p}=n,f=t.__rest(n,["id","className","disableSelection","onTap","onLongpress","onFrameDrawn","onSceneReady","viewerRefCallback","children"]);const h=Ji(Ts),m=useRecoilRef({state:Va}),v=useViewerCameraActions(),g=useHitActions(),b=useSelectionActions(),S=useViewerFrameActions(),[w,_]=ea(Ca),A=Ji(Pa),E=Ji(Ha),T=Ji(ra),V=null!=p&&!1!==p;return useKeyBindings(),useDefaultKeybindings(),e.jsxs(s.VertexViewer,Object.assign({id:null!=o?o:"vertex-viewer","data-testid":"vertex-viewer",ref:null!=d?d:m,className:ba("flex w-full h-full",r,{"cursor-crosshair":E.hitPending}),config:h,cameraType:w?A:void 0,onCameraTypeChanged:e=>{w&&v.updateCameraType(e.detail)},onTap:e=>{const t=[...i?[]:[b.selectCurrentHit]];g.tap(e,...t),null==a||a(e)},onLongpress:e=>{g.longPress(e),null==l||l(e)},onFrameDrawn:e=>{S.frameDrawn(e),null==c||c(e)},onSceneReady:e=>{w||_(!0),null==u||u(e)}},f,{children:[T&&e.jsx(VertexBoxSelectionTool,{}),V?p:e.jsxs(e.Fragment,{children:[e.jsx(VertexViewerViewCube,{}),e.jsx(VertexToolbar,{}),e.jsx(VertexViewerContextMenu,{})]})]}))};function toSdkConfig(e){return isOnlyNetworkConfig(e)?{network:e}:e}function isOnlyNetworkConfig(e){const t=undefined;return null!=e.renderingHost}const VertexViewerToolkitEventListener=({onHitStateChange:t,onSelectionStateChange:n})=>{const r=Ji(cs),i=Ji(ws);return o.useEffect((()=>{null==t||t(r)}),[r,t]),o.useEffect((()=>{null==n||n(i)}),[i,n]),e.jsx(e.Fragment,{})},VertexViewerToolkitRoot=n=>{var{override:r,autoDefineCustomElements:i,children:a,config:s}=n,l=t.__rest(n,["override","autoDefineCustomElements","children","config"]);return o.useEffect((()=>{(null==i||i)&&(u.defineCustomElements(),c.defineCustomElements())}),[i]),e.jsx(qi,{override:r,children:e.jsxs(e.Fragment,{children:[e.jsx(VertexViewerToolkitEventListener,Object.assign({},l)),e.jsx(VertexViewerToolkitRootConfig,{config:s,children:a})]})})},VertexViewerToolkitRootConfig=({config:t,children:n})=>{const r=ta(Ts);return o.useEffect((()=>{const e=null!=t?toSdkConfig(t):void 0;r(e)}),[t,r]),e.jsx(e.Fragment,{children:n})};var Gs=Object.freeze({__proto__:null,get AssemblyFontFace(){return Vs}});exports.CrossSection=ls,exports.Hits=us,exports.SceneTree=Gs,exports.Selection=_s,exports.VertexBoxSelectionButton=VertexBoxSelectionButton,exports.VertexContextMenu=VertexContextMenu,exports.VertexFitAllButton=VertexFitAllButton,exports.VertexFitSelectedMenuItem=VertexFitSelectedMenuItem,exports.VertexFlyToMenuItem=VertexFlyToMenuItem,exports.VertexHideAllMenuItem=VertexHideAllMenuItem,exports.VertexHidePartMenuItem=VertexHidePartMenuItem,exports.VertexHideSelectedMenuItem=VertexHideSelectedMenuItem,exports.VertexPanButton=VertexPanButton,exports.VertexResizableContent=VertexResizableContent,exports.VertexRotateButton=VertexRotateButton,exports.VertexSceneTree=VertexSceneTree,exports.VertexSceneTreeContextMenu=VertexSceneTreeContextMenu,exports.VertexSceneTreeHeader=VertexSceneTreeHeader,exports.VertexSceneTreeTableLayout=VertexSceneTreeTableLayout,exports.VertexShowAllMenuItem=VertexShowAllMenuItem,exports.VertexShowOnlyMenuItem=VertexShowOnlyMenuItem,exports.VertexShowOnlySelectedMenuItem=VertexShowOnlySelectedMenuItem,exports.VertexToolbar=VertexToolbar,exports.VertexViewer=VertexViewer,exports.VertexViewerContextMenu=VertexViewerContextMenu,exports.VertexViewerCrossSectionButton=VertexViewerCrossSectionButton,exports.VertexViewerRightOpenedPanel=VertexViewerRightOpenedPanel,exports.VertexViewerRightSidebar=VertexViewerRightSidebar,exports.VertexViewerSceneReset=VertexViewerSceneReset,exports.VertexViewerToolbarDivider=VertexViewerToolbarDivider,exports.VertexViewerToolkitRoot=VertexViewerToolkitRoot,exports.VertexViewerViewCube=VertexViewerViewCube,exports.VertexZoomButton=VertexZoomButton;
 //# sourceMappingURL=bundle.cjs.js.map