@babylonjs/shared-ui-components 7.36.0 → 7.37.1

package/nodeGraphSystem/tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/nodeGraphSystem/tools.ts"],"names":[],"mappings":"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","sourcesContent":["import type { GraphCanvasComponent } from \"./graphCanvas\";\r\nimport type { GraphNode } from \"./graphNode\";\r\nimport type { NodeLink } from \"./nodeLink\";\r\nimport type { FramePortData } from \"./types/framePortData\";\r\nimport localStyles from \"./graphNode.module.scss\";\r\n\r\nexport const IsFramePortData = (variableToCheck: any): variableToCheck is FramePortData => {\r\n    if (variableToCheck) {\r\n        return (variableToCheck as FramePortData).port !== undefined;\r\n    } else {\r\n        return false;\r\n    }\r\n};\r\n\r\nexport const RefreshNode = (node: GraphNode, visitedNodes?: Set<GraphNode>, visitedLinks?: Set<NodeLink>, canvas?: GraphCanvasComponent) => {\r\n    node.refresh();\r\n\r\n    const links = node.links;\r\n\r\n    if (visitedNodes) {\r\n        // refresh first the nodes so that the right types are assigned to the auto-detect ports\r\n        links.forEach((link) => {\r\n            const nodeA = link.nodeA,\r\n                nodeB = link.nodeB;\r\n\r\n            if (!visitedNodes.has(nodeA)) {\r\n                visitedNodes.add(nodeA);\r\n                RefreshNode(nodeA, visitedNodes, visitedLinks);\r\n            }\r\n\r\n            if (nodeB && !visitedNodes.has(nodeB)) {\r\n                visitedNodes.add(nodeB);\r\n                RefreshNode(nodeB, visitedNodes, visitedLinks);\r\n            }\r\n        });\r\n    }\r\n\r\n    // Invisible endpoints (for teleport nodes)\r\n    const invisibleEndpoints = node.content.invisibleEndpoints;\r\n    if (invisibleEndpoints && invisibleEndpoints.length) {\r\n        for (const endpoint of invisibleEndpoints) {\r\n            const graphNode = canvas?.findNodeFromData(endpoint);\r\n            if (graphNode) {\r\n                if (visitedNodes) {\r\n                    visitedNodes.add(graphNode);\r\n                }\r\n                RefreshNode(graphNode, visitedNodes, visitedLinks);\r\n            }\r\n        }\r\n    }\r\n\r\n    if (!visitedLinks) {\r\n        return;\r\n    }\r\n\r\n    // then refresh the links to display the right color between ports\r\n    links.forEach((link) => {\r\n        if (!visitedLinks.has(link)) {\r\n            visitedLinks.add(link);\r\n            link.update();\r\n        }\r\n    });\r\n};\r\n\r\nlet idGenerator = 0;\r\nexport const BuildFloatUI = (\r\n    container: HTMLDivElement,\r\n    document: Document,\r\n    displayName: string,\r\n    isInteger: boolean,\r\n    source: any,\r\n    propertyName: string,\r\n    onChange: () => void,\r\n    min?: number,\r\n    max?: number,\r\n    visualPropertiesRefresh?: Array<() => void>\r\n) => {\r\n    const cantDisplaySlider = min === undefined || max === undefined || isNaN(min) || isNaN(max) || min === max;\r\n    if (cantDisplaySlider) {\r\n        container.classList.add(localStyles.floatContainer);\r\n        const numberInput = document.createElement(\"input\");\r\n        numberInput.type = \"number\";\r\n        numberInput.id = `number-${idGenerator++}`;\r\n\r\n        if (visualPropertiesRefresh) {\r\n            visualPropertiesRefresh.push(() => {\r\n                numberInput.value = source[propertyName];\r\n            });\r\n        } else {\r\n            numberInput.value = source[propertyName];\r\n        }\r\n        numberInput.onchange = () => {\r\n            source[propertyName] = parseFloat(numberInput.value);\r\n            onChange();\r\n        };\r\n\r\n        if (isInteger) {\r\n            numberInput.step = \"1\";\r\n        }\r\n\r\n        container.appendChild(numberInput);\r\n        const label = document.createElement(\"div\");\r\n        label.innerText = displayName;\r\n        container.appendChild(label);\r\n\r\n        let shouldCapture = false;\r\n        numberInput.onpointerdown = (evt) => {\r\n            shouldCapture = true;\r\n            evt.preventDefault();\r\n        };\r\n        numberInput.onpointerup = (evt) => {\r\n            if (numberInput.hasPointerCapture(evt.pointerId)) {\r\n                numberInput.releasePointerCapture(evt.pointerId);\r\n                shouldCapture = false;\r\n                evt.preventDefault();\r\n            } else {\r\n                numberInput.focus();\r\n                numberInput.select();\r\n            }\r\n        };\r\n        numberInput.onpointermove = (evt) => {\r\n            if (shouldCapture) {\r\n                numberInput.setPointerCapture(evt.pointerId);\r\n            }\r\n\r\n            if (numberInput.hasPointerCapture(evt.pointerId)) {\r\n                const delta = isInteger ? Math.sign(evt.movementX) : evt.movementX * 0.01;\r\n                numberInput.value = (parseFloat(numberInput.value) + delta).toFixed(isInteger ? 0 : 2);\r\n\r\n                source[propertyName] = isInteger ? parseInt(numberInput.value) : parseFloat(numberInput.value);\r\n                onChange();\r\n                evt.preventDefault();\r\n            }\r\n        };\r\n    } else {\r\n        container.classList.add(localStyles.sliderContainer);\r\n        const label = document.createElement(\"label\");\r\n        container.appendChild(label);\r\n        const value = document.createElement(\"div\");\r\n        container.appendChild(value);\r\n        const slider = document.createElement(\"input\");\r\n        slider.type = \"range\";\r\n        slider.id = `slider-${idGenerator++}`;\r\n        slider.step = isInteger ? \"1\" : (Math.abs(max - min) / 100.0).toString();\r\n        slider.min = min.toString();\r\n        slider.max = max.toString();\r\n        container.appendChild(slider);\r\n        label.innerText = displayName;\r\n        label.htmlFor = slider.id;\r\n        if (visualPropertiesRefresh) {\r\n            visualPropertiesRefresh.push(() => {\r\n                slider.value = source[propertyName];\r\n                value.innerText = source[propertyName];\r\n            });\r\n        } else {\r\n            slider.value = source[propertyName];\r\n            value.innerText = source[propertyName];\r\n        }\r\n        slider.oninput = () => {\r\n            source[propertyName] = parseFloat(slider.value);\r\n            value.innerText = source[propertyName];\r\n            onChange();\r\n        };\r\n    }\r\n};\r\n"]}
+{"version":3,"file":"tools.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/nodeGraphSystem/tools.ts"],"names":[],"mappings":"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","sourcesContent":["import type { GraphCanvasComponent } from \"./graphCanvas\";\r\nimport type { GraphNode } from \"./graphNode\";\r\nimport type { NodeLink } from \"./nodeLink\";\r\nimport type { FramePortData } from \"./types/framePortData\";\r\nimport * as localStyles from \"./graphNode.module.scss\";\r\n\r\nexport const IsFramePortData = (variableToCheck: any): variableToCheck is FramePortData => {\r\n    if (variableToCheck) {\r\n        return (variableToCheck as FramePortData).port !== undefined;\r\n    } else {\r\n        return false;\r\n    }\r\n};\r\n\r\nexport const RefreshNode = (node: GraphNode, visitedNodes?: Set<GraphNode>, visitedLinks?: Set<NodeLink>, canvas?: GraphCanvasComponent) => {\r\n    node.refresh();\r\n\r\n    const links = node.links;\r\n\r\n    if (visitedNodes) {\r\n        // refresh first the nodes so that the right types are assigned to the auto-detect ports\r\n        links.forEach((link) => {\r\n            const nodeA = link.nodeA,\r\n                nodeB = link.nodeB;\r\n\r\n            if (!visitedNodes.has(nodeA)) {\r\n                visitedNodes.add(nodeA);\r\n                RefreshNode(nodeA, visitedNodes, visitedLinks);\r\n            }\r\n\r\n            if (nodeB && !visitedNodes.has(nodeB)) {\r\n                visitedNodes.add(nodeB);\r\n                RefreshNode(nodeB, visitedNodes, visitedLinks);\r\n            }\r\n        });\r\n    }\r\n\r\n    // Invisible endpoints (for teleport nodes)\r\n    const invisibleEndpoints = node.content.invisibleEndpoints;\r\n    if (invisibleEndpoints && invisibleEndpoints.length) {\r\n        for (const endpoint of invisibleEndpoints) {\r\n            const graphNode = canvas?.findNodeFromData(endpoint);\r\n            if (graphNode) {\r\n                if (visitedNodes) {\r\n                    visitedNodes.add(graphNode);\r\n                }\r\n                RefreshNode(graphNode, visitedNodes, visitedLinks);\r\n            }\r\n        }\r\n    }\r\n\r\n    if (!visitedLinks) {\r\n        return;\r\n    }\r\n\r\n    // then refresh the links to display the right color between ports\r\n    links.forEach((link) => {\r\n        if (!visitedLinks.has(link)) {\r\n            visitedLinks.add(link);\r\n            link.update();\r\n        }\r\n    });\r\n};\r\n\r\nlet idGenerator = 0;\r\nexport const BuildFloatUI = (\r\n    container: HTMLDivElement,\r\n    document: Document,\r\n    displayName: string,\r\n    isInteger: boolean,\r\n    source: any,\r\n    propertyName: string,\r\n    onChange: () => void,\r\n    min?: number,\r\n    max?: number,\r\n    visualPropertiesRefresh?: Array<() => void>\r\n) => {\r\n    const cantDisplaySlider = min === undefined || max === undefined || isNaN(min) || isNaN(max) || min === max;\r\n    if (cantDisplaySlider) {\r\n        container.classList.add(localStyles.floatContainer);\r\n        const numberInput = document.createElement(\"input\");\r\n        numberInput.type = \"number\";\r\n        numberInput.id = `number-${idGenerator++}`;\r\n\r\n        if (visualPropertiesRefresh) {\r\n            visualPropertiesRefresh.push(() => {\r\n                numberInput.value = source[propertyName];\r\n            });\r\n        } else {\r\n            numberInput.value = source[propertyName];\r\n        }\r\n        numberInput.onchange = () => {\r\n            source[propertyName] = parseFloat(numberInput.value);\r\n            onChange();\r\n        };\r\n\r\n        if (isInteger) {\r\n            numberInput.step = \"1\";\r\n        }\r\n\r\n        container.appendChild(numberInput);\r\n        const label = document.createElement(\"div\");\r\n        label.innerText = displayName;\r\n        container.appendChild(label);\r\n\r\n        let shouldCapture = false;\r\n        numberInput.onpointerdown = (evt) => {\r\n            shouldCapture = true;\r\n            evt.preventDefault();\r\n        };\r\n        numberInput.onpointerup = (evt) => {\r\n            if (numberInput.hasPointerCapture(evt.pointerId)) {\r\n                numberInput.releasePointerCapture(evt.pointerId);\r\n                shouldCapture = false;\r\n                evt.preventDefault();\r\n            } else {\r\n                numberInput.focus();\r\n                numberInput.select();\r\n            }\r\n        };\r\n        numberInput.onpointermove = (evt) => {\r\n            if (shouldCapture) {\r\n                numberInput.setPointerCapture(evt.pointerId);\r\n            }\r\n\r\n            if (numberInput.hasPointerCapture(evt.pointerId)) {\r\n                const delta = isInteger ? Math.sign(evt.movementX) : evt.movementX * 0.01;\r\n                numberInput.value = (parseFloat(numberInput.value) + delta).toFixed(isInteger ? 0 : 2);\r\n\r\n                source[propertyName] = isInteger ? parseInt(numberInput.value) : parseFloat(numberInput.value);\r\n                onChange();\r\n                evt.preventDefault();\r\n            }\r\n        };\r\n    } else {\r\n        container.classList.add(localStyles.sliderContainer);\r\n        const label = document.createElement(\"label\");\r\n        container.appendChild(label);\r\n        const value = document.createElement(\"div\");\r\n        container.appendChild(value);\r\n        const slider = document.createElement(\"input\");\r\n        slider.type = \"range\";\r\n        slider.id = `slider-${idGenerator++}`;\r\n        slider.step = isInteger ? \"1\" : (Math.abs(max - min) / 100.0).toString();\r\n        slider.min = min.toString();\r\n        slider.max = max.toString();\r\n        container.appendChild(slider);\r\n        label.innerText = displayName;\r\n        label.htmlFor = slider.id;\r\n        if (visualPropertiesRefresh) {\r\n            visualPropertiesRefresh.push(() => {\r\n                slider.value = source[propertyName];\r\n                value.innerText = source[propertyName];\r\n            });\r\n        } else {\r\n            slider.value = source[propertyName];\r\n            value.innerText = source[propertyName];\r\n        }\r\n        slider.oninput = () => {\r\n            source[propertyName] = parseFloat(slider.value);\r\n            value.innerText = source[propertyName];\r\n            onChange();\r\n        };\r\n    }\r\n};\r\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/shared-ui-components",
-    "version": "7.36.0",
+    "version": "7.37.1",
     "main": "index.js",
     "module": "index.js",
     "types": "index.d.ts",

package/split/splitContainer.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
-import styles from "./splitContainer.module.scss";
+import * as styles from "./splitContainer.module.scss";
 import { ControlledSize, SplitDirection, SplitContext } from "./splitContext.js";
 /**
  * Creates a split container component

package/split/splitContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitContainer.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/split/splitContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef } from \"react\";\r\nimport styles from \"./splitContainer.module.scss\";\r\nimport { ControlledSize, SplitDirection, SplitContext } from \"./splitContext\";\r\n\r\n/**\r\n * Split container properties\r\n */\r\nexport interface ISplitContainerProps {\r\n    /**\r\n     * Unique identifier\r\n     */\r\n    id?: string;\r\n\r\n    /**\r\n     * Split direction\r\n     */\r\n    direction: SplitDirection;\r\n\r\n    /**\r\n     * Minimum size for the floating elements\r\n     */\r\n    floatingMinSize?: number;\r\n\r\n    /**\r\n     * RefObject to the root div element\r\n     */\r\n    containerRef?: React.RefObject<HTMLDivElement>;\r\n\r\n    /**\r\n     * Optional class name\r\n     */\r\n    className?: string;\r\n\r\n    /**\r\n     * Pointer down\r\n     * @param event pointer events\r\n     */\r\n    onPointerDown?: (event: React.PointerEvent) => void;\r\n\r\n    /**\r\n     * Pointer move\r\n     * @param event pointer events\r\n     */\r\n    onPointerMove?: (event: React.PointerEvent) => void;\r\n\r\n    /**\r\n     * Pointer up\r\n     * @param event pointer events\r\n     */\r\n    onPointerUp?: (event: React.PointerEvent) => void;\r\n\r\n    /**\r\n     * Drop\r\n     * @param event drag events\r\n     */\r\n    onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;\r\n\r\n    /**\r\n     * Drag over\r\n     * @param event drag events\r\n     */\r\n    onDragOver?: (event: React.DragEvent<HTMLDivElement>) => void;\r\n}\r\n\r\n/**\r\n * Creates a split container component\r\n * @param props defines the split container properties\r\n * @returns the split container component\r\n */\r\nexport const SplitContainer: React.FC<ISplitContainerProps> = (props) => {\r\n    const elementRef: React.RefObject<HTMLDivElement> = props.containerRef || useRef(null);\r\n    const sizes: number[] = [];\r\n    const floatingCells: boolean[] = [];\r\n    const noInitialSizes: boolean[] = [];\r\n    const floatingMinSize = props.floatingMinSize || 200;\r\n    const controllers: number[][] = [];\r\n    const minSizes: number[] = [];\r\n    const maxSizes: number[] = [];\r\n\r\n    const buildGridDefinition = () => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n        const children = elementRef.current.children;\r\n\r\n        let gridIndex = 1;\r\n        const pickArray = Array.from(children);\r\n        let gridDefinition = \"\";\r\n        for (const child of children) {\r\n            const childElement = child as HTMLElement;\r\n            if (child.classList.contains(styles[\"splitter\"])) {\r\n                gridDefinition += \"auto \";\r\n            } else {\r\n                const sourceIndex = pickArray.indexOf(child);\r\n                if (floatingCells[sourceIndex] || noInitialSizes[sourceIndex]) {\r\n                    gridDefinition += \"1fr \";\r\n                } else {\r\n                    gridDefinition += \"auto \";\r\n                }\r\n            }\r\n\r\n            if (props.direction === SplitDirection.Horizontal) {\r\n                childElement.style.gridRow = \"1\";\r\n                childElement.style.gridColumn = gridIndex.toString();\r\n            } else {\r\n                childElement.style.gridColumn = \"1\";\r\n                childElement.style.gridRow = gridIndex.toString();\r\n            }\r\n\r\n            gridIndex++;\r\n        }\r\n\r\n        if (props.direction === SplitDirection.Horizontal) {\r\n            elementRef.current.style.gridTemplateRows = \"100%\";\r\n            elementRef.current.style.gridTemplateColumns = gridDefinition;\r\n        } else {\r\n            elementRef.current.style.gridTemplateColumns = \"100%\";\r\n            elementRef.current.style.gridTemplateRows = gridDefinition;\r\n        }\r\n    };\r\n\r\n    const handleResize = () => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n\r\n        // Check if we have enough room for everyone\r\n        const children = elementRef.current.children;\r\n        for (let i = 0; i < children.length; i++) {\r\n            if (!floatingCells[i]) {\r\n                continue;\r\n            }\r\n\r\n            const child = children[i] as HTMLElement;\r\n            let childsize = 0;\r\n            if (props.direction === SplitDirection.Horizontal) {\r\n                childsize = child.getBoundingClientRect().width;\r\n            } else {\r\n                childsize = child.getBoundingClientRect().height;\r\n            }\r\n\r\n            if (childsize < floatingMinSize) {\r\n                const missing = Math.floor(floatingMinSize - childsize);\r\n                let done = 0;\r\n\r\n                // picking the controller in order and try to reduce their size to fit\r\n                for (let j = 0; j < controllers[i].length; j++) {\r\n                    const controllerIndex = controllers[i][j];\r\n                    const controller = children[controllerIndex] as HTMLElement;\r\n                    const currentSize = props.direction === SplitDirection.Horizontal ? controller.getBoundingClientRect().width : controller.getBoundingClientRect().height;\r\n                    let newSize = currentSize - missing;\r\n                    if (minSizes[controllerIndex]) {\r\n                        newSize = Math.max(newSize, minSizes[controllerIndex]);\r\n                    }\r\n                    if (props.direction === SplitDirection.Horizontal) {\r\n                        controller.style.width = `${newSize}px`;\r\n                    } else {\r\n                        controller.style.height = `${newSize}px`;\r\n                    }\r\n\r\n                    done += currentSize - newSize;\r\n\r\n                    if (done === missing) {\r\n                        // We made it\r\n                        break;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        buildGridDefinition();\r\n\r\n        // Add event listener for window resize\r\n        window.addEventListener(\"resize\", handleResize);\r\n\r\n        // Cleanup the event listener on component unmount\r\n        return () => {\r\n            window.removeEventListener(\"resize\", handleResize);\r\n        };\r\n    }, []);\r\n\r\n    const drag = (offset: number, source: HTMLElement, controlledSide: ControlledSize) => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n\r\n        const children = elementRef.current.children;\r\n        const childArray = Array.from(children) as HTMLElement[];\r\n        const sourceIndex = childArray.indexOf(source);\r\n        if (sourceIndex <= 0) {\r\n            return;\r\n        }\r\n\r\n        let current = 0;\r\n        if (controlledSide === ControlledSize.First) {\r\n            current = sourceIndex - 1;\r\n        } else {\r\n            current = sourceIndex + 1;\r\n        }\r\n        const minSize = minSizes[current] || 0;\r\n        const maxSize = maxSizes[current];\r\n\r\n        noInitialSizes[current] = false;\r\n        buildGridDefinition();\r\n\r\n        let newSize = Math.floor(controlledSide === ControlledSize.First ? sizes[current] + offset : sizes[current] - offset);\r\n\r\n        // Min size check\r\n        if (newSize < minSize) {\r\n            newSize = minSize;\r\n        }\r\n\r\n        // Max size check\r\n        if (maxSize && newSize > maxSize) {\r\n            newSize = maxSize;\r\n        }\r\n\r\n        // Max size check across the whole container\r\n        const maxContainerSize = sizes.reduce((a, b) => a + b, 0) || 0;\r\n        let totalSize = 0;\r\n        let totalFloating = 0;\r\n        for (let i = 0; i < children.length; i++) {\r\n            if (floatingCells[i]) {\r\n                totalFloating++;\r\n            } else {\r\n                totalSize += i === current ? newSize : sizes[i];\r\n            }\r\n        }\r\n\r\n        if (maxContainerSize - totalSize < floatingMinSize * totalFloating) {\r\n            newSize = maxContainerSize - floatingMinSize * totalFloating;\r\n        }\r\n\r\n        if (props.direction === SplitDirection.Horizontal) {\r\n            childArray[current].style.width = `${newSize}px`;\r\n        } else {\r\n            childArray[current].style.height = `${newSize}px`;\r\n        }\r\n    };\r\n\r\n    const beginDrag = () => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n        const children = elementRef.current.children;\r\n        sizes.length = 0;\r\n        for (const child of children) {\r\n            const childElement = child as HTMLElement;\r\n\r\n            if (props.direction === SplitDirection.Horizontal) {\r\n                sizes.push(childElement.getBoundingClientRect().width);\r\n            } else {\r\n                sizes.push(childElement.getBoundingClientRect().height);\r\n            }\r\n        }\r\n    };\r\n\r\n    const endDrag = () => {\r\n        sizes.length = 0;\r\n    };\r\n\r\n    // We assume splitter are not flagging floating cells in a different way\r\n    const sync = (source: HTMLElement, controlledSide: ControlledSize, size?: number, minSize?: number, maxSize?: number) => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n\r\n        const children = elementRef.current.children;\r\n        const childArray = Array.from(children) as HTMLElement[];\r\n        const sourceIndex = childArray.indexOf(source);\r\n        if (sourceIndex <= 0) {\r\n            return;\r\n        }\r\n\r\n        let current = 0;\r\n        let other = 0;\r\n        if (controlledSide === ControlledSize.First) {\r\n            current = sourceIndex - 1;\r\n            other = sourceIndex + 1;\r\n        } else {\r\n            current = sourceIndex + 1;\r\n            other = sourceIndex - 1;\r\n        }\r\n\r\n        if (size !== undefined) {\r\n            const sizeString = `${size | 0}px`;\r\n\r\n            if (props.direction === SplitDirection.Horizontal) {\r\n                childArray[current].style.width = sizeString;\r\n            } else {\r\n                childArray[current].style.height = sizeString;\r\n            }\r\n        } else {\r\n            noInitialSizes[current] = true;\r\n        }\r\n\r\n        if (minSize !== undefined) {\r\n            minSizes[current] = minSize;\r\n        }\r\n\r\n        if (maxSize !== undefined) {\r\n            maxSizes[current] = maxSize;\r\n        }\r\n\r\n        if (!controllers[other]) {\r\n            controllers[other] = [];\r\n        }\r\n        controllers[other].push(current);\r\n        floatingCells[other] = true;\r\n    };\r\n\r\n    return (\r\n        <SplitContext.Provider value={{ direction: props.direction, drag, beginDrag, endDrag, sync }}>\r\n            <div\r\n                id={props.id}\r\n                className={styles[\"split-container\"] + \" \" + props.className}\r\n                ref={elementRef}\r\n                onPointerDown={(evt) => props.onPointerDown && props.onPointerDown(evt)}\r\n                onPointerMove={(evt) => props.onPointerMove && props.onPointerMove(evt)}\r\n                onPointerUp={(evt) => props.onPointerUp && props.onPointerUp(evt)}\r\n                onDrop={(evt) => props.onDrop && props.onDrop(evt)}\r\n                onDragOver={(evt) => props.onDragOver && props.onDragOver(evt)}\r\n            >\r\n                {props.children}\r\n            </div>\r\n        </SplitContext.Provider>\r\n    );\r\n};\r\n"]}
+{"version":3,"file":"splitContainer.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/split/splitContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef } from \"react\";\r\nimport * as styles from \"./splitContainer.module.scss\";\r\nimport { ControlledSize, SplitDirection, SplitContext } from \"./splitContext\";\r\n\r\n/**\r\n * Split container properties\r\n */\r\nexport interface ISplitContainerProps {\r\n    /**\r\n     * Unique identifier\r\n     */\r\n    id?: string;\r\n\r\n    /**\r\n     * Split direction\r\n     */\r\n    direction: SplitDirection;\r\n\r\n    /**\r\n     * Minimum size for the floating elements\r\n     */\r\n    floatingMinSize?: number;\r\n\r\n    /**\r\n     * RefObject to the root div element\r\n     */\r\n    containerRef?: React.RefObject<HTMLDivElement>;\r\n\r\n    /**\r\n     * Optional class name\r\n     */\r\n    className?: string;\r\n\r\n    /**\r\n     * Pointer down\r\n     * @param event pointer events\r\n     */\r\n    onPointerDown?: (event: React.PointerEvent) => void;\r\n\r\n    /**\r\n     * Pointer move\r\n     * @param event pointer events\r\n     */\r\n    onPointerMove?: (event: React.PointerEvent) => void;\r\n\r\n    /**\r\n     * Pointer up\r\n     * @param event pointer events\r\n     */\r\n    onPointerUp?: (event: React.PointerEvent) => void;\r\n\r\n    /**\r\n     * Drop\r\n     * @param event drag events\r\n     */\r\n    onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;\r\n\r\n    /**\r\n     * Drag over\r\n     * @param event drag events\r\n     */\r\n    onDragOver?: (event: React.DragEvent<HTMLDivElement>) => void;\r\n}\r\n\r\n/**\r\n * Creates a split container component\r\n * @param props defines the split container properties\r\n * @returns the split container component\r\n */\r\nexport const SplitContainer: React.FC<ISplitContainerProps> = (props) => {\r\n    const elementRef: React.RefObject<HTMLDivElement> = props.containerRef || useRef(null);\r\n    const sizes: number[] = [];\r\n    const floatingCells: boolean[] = [];\r\n    const noInitialSizes: boolean[] = [];\r\n    const floatingMinSize = props.floatingMinSize || 200;\r\n    const controllers: number[][] = [];\r\n    const minSizes: number[] = [];\r\n    const maxSizes: number[] = [];\r\n\r\n    const buildGridDefinition = () => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n        const children = elementRef.current.children;\r\n\r\n        let gridIndex = 1;\r\n        const pickArray = Array.from(children);\r\n        let gridDefinition = \"\";\r\n        for (const child of children) {\r\n            const childElement = child as HTMLElement;\r\n            if (child.classList.contains(styles[\"splitter\"])) {\r\n                gridDefinition += \"auto \";\r\n            } else {\r\n                const sourceIndex = pickArray.indexOf(child);\r\n                if (floatingCells[sourceIndex] || noInitialSizes[sourceIndex]) {\r\n                    gridDefinition += \"1fr \";\r\n                } else {\r\n                    gridDefinition += \"auto \";\r\n                }\r\n            }\r\n\r\n            if (props.direction === SplitDirection.Horizontal) {\r\n                childElement.style.gridRow = \"1\";\r\n                childElement.style.gridColumn = gridIndex.toString();\r\n            } else {\r\n                childElement.style.gridColumn = \"1\";\r\n                childElement.style.gridRow = gridIndex.toString();\r\n            }\r\n\r\n            gridIndex++;\r\n        }\r\n\r\n        if (props.direction === SplitDirection.Horizontal) {\r\n            elementRef.current.style.gridTemplateRows = \"100%\";\r\n            elementRef.current.style.gridTemplateColumns = gridDefinition;\r\n        } else {\r\n            elementRef.current.style.gridTemplateColumns = \"100%\";\r\n            elementRef.current.style.gridTemplateRows = gridDefinition;\r\n        }\r\n    };\r\n\r\n    const handleResize = () => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n\r\n        // Check if we have enough room for everyone\r\n        const children = elementRef.current.children;\r\n        for (let i = 0; i < children.length; i++) {\r\n            if (!floatingCells[i]) {\r\n                continue;\r\n            }\r\n\r\n            const child = children[i] as HTMLElement;\r\n            let childsize = 0;\r\n            if (props.direction === SplitDirection.Horizontal) {\r\n                childsize = child.getBoundingClientRect().width;\r\n            } else {\r\n                childsize = child.getBoundingClientRect().height;\r\n            }\r\n\r\n            if (childsize < floatingMinSize) {\r\n                const missing = Math.floor(floatingMinSize - childsize);\r\n                let done = 0;\r\n\r\n                // picking the controller in order and try to reduce their size to fit\r\n                for (let j = 0; j < controllers[i].length; j++) {\r\n                    const controllerIndex = controllers[i][j];\r\n                    const controller = children[controllerIndex] as HTMLElement;\r\n                    const currentSize = props.direction === SplitDirection.Horizontal ? controller.getBoundingClientRect().width : controller.getBoundingClientRect().height;\r\n                    let newSize = currentSize - missing;\r\n                    if (minSizes[controllerIndex]) {\r\n                        newSize = Math.max(newSize, minSizes[controllerIndex]);\r\n                    }\r\n                    if (props.direction === SplitDirection.Horizontal) {\r\n                        controller.style.width = `${newSize}px`;\r\n                    } else {\r\n                        controller.style.height = `${newSize}px`;\r\n                    }\r\n\r\n                    done += currentSize - newSize;\r\n\r\n                    if (done === missing) {\r\n                        // We made it\r\n                        break;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        buildGridDefinition();\r\n\r\n        // Add event listener for window resize\r\n        window.addEventListener(\"resize\", handleResize);\r\n\r\n        // Cleanup the event listener on component unmount\r\n        return () => {\r\n            window.removeEventListener(\"resize\", handleResize);\r\n        };\r\n    }, []);\r\n\r\n    const drag = (offset: number, source: HTMLElement, controlledSide: ControlledSize) => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n\r\n        const children = elementRef.current.children;\r\n        const childArray = Array.from(children) as HTMLElement[];\r\n        const sourceIndex = childArray.indexOf(source);\r\n        if (sourceIndex <= 0) {\r\n            return;\r\n        }\r\n\r\n        let current = 0;\r\n        if (controlledSide === ControlledSize.First) {\r\n            current = sourceIndex - 1;\r\n        } else {\r\n            current = sourceIndex + 1;\r\n        }\r\n        const minSize = minSizes[current] || 0;\r\n        const maxSize = maxSizes[current];\r\n\r\n        noInitialSizes[current] = false;\r\n        buildGridDefinition();\r\n\r\n        let newSize = Math.floor(controlledSide === ControlledSize.First ? sizes[current] + offset : sizes[current] - offset);\r\n\r\n        // Min size check\r\n        if (newSize < minSize) {\r\n            newSize = minSize;\r\n        }\r\n\r\n        // Max size check\r\n        if (maxSize && newSize > maxSize) {\r\n            newSize = maxSize;\r\n        }\r\n\r\n        // Max size check across the whole container\r\n        const maxContainerSize = sizes.reduce((a, b) => a + b, 0) || 0;\r\n        let totalSize = 0;\r\n        let totalFloating = 0;\r\n        for (let i = 0; i < children.length; i++) {\r\n            if (floatingCells[i]) {\r\n                totalFloating++;\r\n            } else {\r\n                totalSize += i === current ? newSize : sizes[i];\r\n            }\r\n        }\r\n\r\n        if (maxContainerSize - totalSize < floatingMinSize * totalFloating) {\r\n            newSize = maxContainerSize - floatingMinSize * totalFloating;\r\n        }\r\n\r\n        if (props.direction === SplitDirection.Horizontal) {\r\n            childArray[current].style.width = `${newSize}px`;\r\n        } else {\r\n            childArray[current].style.height = `${newSize}px`;\r\n        }\r\n    };\r\n\r\n    const beginDrag = () => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n        const children = elementRef.current.children;\r\n        sizes.length = 0;\r\n        for (const child of children) {\r\n            const childElement = child as HTMLElement;\r\n\r\n            if (props.direction === SplitDirection.Horizontal) {\r\n                sizes.push(childElement.getBoundingClientRect().width);\r\n            } else {\r\n                sizes.push(childElement.getBoundingClientRect().height);\r\n            }\r\n        }\r\n    };\r\n\r\n    const endDrag = () => {\r\n        sizes.length = 0;\r\n    };\r\n\r\n    // We assume splitter are not flagging floating cells in a different way\r\n    const sync = (source: HTMLElement, controlledSide: ControlledSize, size?: number, minSize?: number, maxSize?: number) => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n\r\n        const children = elementRef.current.children;\r\n        const childArray = Array.from(children) as HTMLElement[];\r\n        const sourceIndex = childArray.indexOf(source);\r\n        if (sourceIndex <= 0) {\r\n            return;\r\n        }\r\n\r\n        let current = 0;\r\n        let other = 0;\r\n        if (controlledSide === ControlledSize.First) {\r\n            current = sourceIndex - 1;\r\n            other = sourceIndex + 1;\r\n        } else {\r\n            current = sourceIndex + 1;\r\n            other = sourceIndex - 1;\r\n        }\r\n\r\n        if (size !== undefined) {\r\n            const sizeString = `${size | 0}px`;\r\n\r\n            if (props.direction === SplitDirection.Horizontal) {\r\n                childArray[current].style.width = sizeString;\r\n            } else {\r\n                childArray[current].style.height = sizeString;\r\n            }\r\n        } else {\r\n            noInitialSizes[current] = true;\r\n        }\r\n\r\n        if (minSize !== undefined) {\r\n            minSizes[current] = minSize;\r\n        }\r\n\r\n        if (maxSize !== undefined) {\r\n            maxSizes[current] = maxSize;\r\n        }\r\n\r\n        if (!controllers[other]) {\r\n            controllers[other] = [];\r\n        }\r\n        controllers[other].push(current);\r\n        floatingCells[other] = true;\r\n    };\r\n\r\n    return (\r\n        <SplitContext.Provider value={{ direction: props.direction, drag, beginDrag, endDrag, sync }}>\r\n            <div\r\n                id={props.id}\r\n                className={styles[\"split-container\"] + \" \" + props.className}\r\n                ref={elementRef}\r\n                onPointerDown={(evt) => props.onPointerDown && props.onPointerDown(evt)}\r\n                onPointerMove={(evt) => props.onPointerMove && props.onPointerMove(evt)}\r\n                onPointerUp={(evt) => props.onPointerUp && props.onPointerUp(evt)}\r\n                onDrop={(evt) => props.onDrop && props.onDrop(evt)}\r\n                onDragOver={(evt) => props.onDragOver && props.onDragOver(evt)}\r\n            >\r\n                {props.children}\r\n            </div>\r\n        </SplitContext.Provider>\r\n    );\r\n};\r\n"]}

package/split/splitter.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useEffect, useRef } from "react";
-import styles from "./splitContainer.module.scss";
+import * as styles from "./splitContainer.module.scss";
 import { SplitContext, SplitDirection } from "./splitContext.js";
 /**
  * Creates a splitter component

package/split/splitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitter.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/split/splitter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AA0C9D;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA6B,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,UAAU,GAAoC,KAAK,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;IACpF,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC9C,IAAI,UAAU,GAAG,KAAK,CAAC;IACvB,IAAI,UAAkB,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YACtB,OAAO;QACX,CAAC;QAED,IAAI,YAAY,CAAC,SAAS,KAAK,cAAc,CAAC,UAAU,EAAE,CAAC;YACvD,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC;YACnD,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YACzC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;QAC3D,CAAC;aAAM,CAAC;YACJ,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC;YACpD,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;YACxC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;QACzD,CAAC;QAED,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACjH,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,CAAC,GAAuB,EAAE,EAAE;QAC9C,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YACtB,OAAO;QACX,CAAC;QACD,UAAU,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACpD,UAAU,GAAG,IAAI,CAAC;QAClB,YAAY,CAAC,SAAS,EAAE,CAAC;QAEzB,IAAI,YAAY,CAAC,SAAS,KAAK,cAAc,CAAC,UAAU,EAAE,CAAC;YACvD,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC;QAC7B,CAAC;aAAM,CAAC;YACJ,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC;QAC7B,CAAC;QACD,GAAG,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,CAAC,GAAuB,EAAE,EAAE;QAC9C,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;YACrC,OAAO;QACX,CAAC;QACD,IAAI,YAAY,CAAC,SAAS,KAAK,cAAc,CAAC,UAAU,EAAE,CAAC;YACvD,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,UAAU,EAAE,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;QAC1F,CAAC;aAAM,CAAC;YACJ,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,UAAU,EAAE,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;QAC1F,CAAC;QACD,GAAG,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,GAAuB,EAAE,EAAE;QAC5C,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YACtB,OAAO;QACX,CAAC;QACD,UAAU,CAAC,OAAO,CAAC,qBAAqB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACxD,UAAU,GAAG,KAAK,CAAC;QACnB,YAAY,CAAC,OAAO,EAAE,CAAC;QACvB,GAAG,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACH,cACI,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,EAC7B,GAAG,EAAE,UAAU,EACf,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,EAC1C,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,EACtC,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,GACvC,CACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useContext, useEffect, useRef } from \"react\";\r\nimport styles from \"./splitContainer.module.scss\";\r\nimport type { ControlledSize } from \"./splitContext\";\r\nimport { SplitContext, SplitDirection } from \"./splitContext\";\r\n\r\n/**\r\n * Splitter component properties\r\n */\r\nexport interface ISplitterProps {\r\n    /**\r\n     * Unique identifier\r\n     */\r\n    id?: string;\r\n\r\n    /**\r\n     * Splitter size\r\n     */\r\n    size: number;\r\n\r\n    /**\r\n     * Minimum size for the controlled element\r\n     */\r\n    minSize?: number;\r\n\r\n    /**\r\n     * Maximum size for the controlled element\r\n     */\r\n    maxSize?: number;\r\n\r\n    /**\r\n     * Initial size for the controlled element\r\n     */\r\n    initialSize?: number;\r\n\r\n    /**\r\n     * Defines the controlled side\r\n     */\r\n    controlledSide: ControlledSize;\r\n\r\n    /**\r\n     * refObject to the splitter element\r\n     */\r\n    refObject?: React.RefObject<HTMLDivElement>;\r\n}\r\n\r\n/**\r\n * Creates a splitter component\r\n * @param props defines the splitter properties\r\n * @returns the splitter component\r\n */\r\nexport const Splitter: React.FC<ISplitterProps> = (props) => {\r\n    const elementRef: React.RefObject<HTMLDivElement> = props.refObject || useRef(null);\r\n    const splitContext = useContext(SplitContext);\r\n    let isCaptured = false;\r\n    let startValue: number;\r\n\r\n    useEffect(() => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n\r\n        if (splitContext.direction === SplitDirection.Horizontal) {\r\n            elementRef.current.style.width = `${props.size}px`;\r\n            elementRef.current.style.height = `100%`;\r\n            elementRef.current.classList.add(styles[\"horizontal\"]);\r\n        } else {\r\n            elementRef.current.style.height = `${props.size}px`;\r\n            elementRef.current.style.width = `100%`;\r\n            elementRef.current.classList.add(styles[\"vertical\"]);\r\n        }\r\n\r\n        splitContext.sync(elementRef.current, props.controlledSide, props.initialSize, props.minSize, props.maxSize);\r\n    });\r\n\r\n    const onPointerDown = (evt: React.PointerEvent) => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n        elementRef.current.setPointerCapture(evt.pointerId);\r\n        isCaptured = true;\r\n        splitContext.beginDrag();\r\n\r\n        if (splitContext.direction === SplitDirection.Horizontal) {\r\n            startValue = evt.clientX;\r\n        } else {\r\n            startValue = evt.clientY;\r\n        }\r\n        evt.preventDefault();\r\n    };\r\n    const onPointerMove = (evt: React.PointerEvent) => {\r\n        if (!elementRef.current || !isCaptured) {\r\n            return;\r\n        }\r\n        if (splitContext.direction === SplitDirection.Horizontal) {\r\n            splitContext.drag(evt.clientX - startValue, elementRef.current, props.controlledSide);\r\n        } else {\r\n            splitContext.drag(evt.clientY - startValue, elementRef.current, props.controlledSide);\r\n        }\r\n        evt.preventDefault();\r\n    };\r\n    const onPointerUp = (evt: React.PointerEvent) => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n        elementRef.current.releasePointerCapture(evt.pointerId);\r\n        isCaptured = false;\r\n        splitContext.endDrag();\r\n        evt.preventDefault();\r\n    };\r\n\r\n    return (\r\n        <div\r\n            id={props.id}\r\n            className={styles[\"splitter\"]}\r\n            ref={elementRef}\r\n            onPointerDown={(evt) => onPointerDown(evt)}\r\n            onPointerUp={(evt) => onPointerUp(evt)}\r\n            onPointerMove={(evt) => onPointerMove(evt)}\r\n        ></div>\r\n    );\r\n};\r\n"]}
+{"version":3,"file":"splitter.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/split/splitter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useEffect, useRef } from \"react\";\r\nimport * as styles from \"./splitContainer.module.scss\";\r\nimport type { ControlledSize } from \"./splitContext\";\r\nimport { SplitContext, SplitDirection } from \"./splitContext\";\r\n\r\n/**\r\n * Splitter component properties\r\n */\r\nexport interface ISplitterProps {\r\n    /**\r\n     * Unique identifier\r\n     */\r\n    id?: string;\r\n\r\n    /**\r\n     * Splitter size\r\n     */\r\n    size: number;\r\n\r\n    /**\r\n     * Minimum size for the controlled element\r\n     */\r\n    minSize?: number;\r\n\r\n    /**\r\n     * Maximum size for the controlled element\r\n     */\r\n    maxSize?: number;\r\n\r\n    /**\r\n     * Initial size for the controlled element\r\n     */\r\n    initialSize?: number;\r\n\r\n    /**\r\n     * Defines the controlled side\r\n     */\r\n    controlledSide: ControlledSize;\r\n\r\n    /**\r\n     * refObject to the splitter element\r\n     */\r\n    refObject?: React.RefObject<HTMLDivElement>;\r\n}\r\n\r\n/**\r\n * Creates a splitter component\r\n * @param props defines the splitter properties\r\n * @returns the splitter component\r\n */\r\nexport const Splitter: React.FC<ISplitterProps> = (props) => {\r\n    const elementRef: React.RefObject<HTMLDivElement> = props.refObject || useRef(null);\r\n    const splitContext = useContext(SplitContext);\r\n    let isCaptured = false;\r\n    let startValue: number;\r\n\r\n    useEffect(() => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n\r\n        if (splitContext.direction === SplitDirection.Horizontal) {\r\n            elementRef.current.style.width = `${props.size}px`;\r\n            elementRef.current.style.height = `100%`;\r\n            elementRef.current.classList.add(styles[\"horizontal\"]);\r\n        } else {\r\n            elementRef.current.style.height = `${props.size}px`;\r\n            elementRef.current.style.width = `100%`;\r\n            elementRef.current.classList.add(styles[\"vertical\"]);\r\n        }\r\n\r\n        splitContext.sync(elementRef.current, props.controlledSide, props.initialSize, props.minSize, props.maxSize);\r\n    });\r\n\r\n    const onPointerDown = (evt: React.PointerEvent) => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n        elementRef.current.setPointerCapture(evt.pointerId);\r\n        isCaptured = true;\r\n        splitContext.beginDrag();\r\n\r\n        if (splitContext.direction === SplitDirection.Horizontal) {\r\n            startValue = evt.clientX;\r\n        } else {\r\n            startValue = evt.clientY;\r\n        }\r\n        evt.preventDefault();\r\n    };\r\n    const onPointerMove = (evt: React.PointerEvent) => {\r\n        if (!elementRef.current || !isCaptured) {\r\n            return;\r\n        }\r\n        if (splitContext.direction === SplitDirection.Horizontal) {\r\n            splitContext.drag(evt.clientX - startValue, elementRef.current, props.controlledSide);\r\n        } else {\r\n            splitContext.drag(evt.clientY - startValue, elementRef.current, props.controlledSide);\r\n        }\r\n        evt.preventDefault();\r\n    };\r\n    const onPointerUp = (evt: React.PointerEvent) => {\r\n        if (!elementRef.current) {\r\n            return;\r\n        }\r\n        elementRef.current.releasePointerCapture(evt.pointerId);\r\n        isCaptured = false;\r\n        splitContext.endDrag();\r\n        evt.preventDefault();\r\n    };\r\n\r\n    return (\r\n        <div\r\n            id={props.id}\r\n            className={styles[\"splitter\"]}\r\n            ref={elementRef}\r\n            onPointerDown={(evt) => onPointerDown(evt)}\r\n            onPointerUp={(evt) => onPointerUp(evt)}\r\n            onPointerMove={(evt) => onPointerMove(evt)}\r\n        ></div>\r\n    );\r\n};\r\n"]}