@itwin/appui-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/esm/appui-react/content/split-pane/SplitPane.js

@@ -1,239 +1,235 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ContentView
- */
-import * as React from "react";
-import classnames from "classnames";
-import { Pane } from "./Pane";
-import { Resizer } from "./Resizer";
-function unFocus(ownerDoc) {
-    var _a;
-    // istanbul ignore next
-    if (!ownerDoc)
-        return;
-    const docSelection = ownerDoc.getSelection();
-    // istanbul ignore else
-    if (docSelection) {
-        docSelection.empty();
-    }
-    else {
-        // istanbul ignore next
-        try {
-            const winSelection = (_a = ownerDoc.defaultView) === null || _a === void 0 ? void 0 : _a.getSelection();
-            winSelection === null || winSelection === void 0 ? void 0 : winSelection.removeAllRanges();
-        }
-        catch (_e) { }
-    }
-}
-function getDefaultSize(defaultSize, minSize, maxSize, draggedSize) {
-    // istanbul ignore next
-    if (typeof draggedSize === "number") {
-        const min = typeof minSize === "number" ? minSize : 0;
-        const max = typeof maxSize === "number" && maxSize >= 0 ? maxSize : Infinity;
-        return Math.max(min, Math.min(max, draggedSize));
-    }
-    if (defaultSize !== undefined) {
-        return defaultSize;
-    }
-    return minSize;
-}
-function removeNullChildren(children) {
-    return React.Children.toArray(children).filter((c) => c);
-}
-/**
- * Local TypeScript implementation of `SplitPane` from `react-split-pane` package since that
- * package is not regularly maintained.
- * See https://github.com/tomkp/react-split-pane/blob/master/LICENSE.
- * @public
- */
-export function SplitPane(props) {
-    const { style, size, defaultSize, maxSize, children, paneStyle, pane1Style, pane2Style, className, paneClassName, pane1ClassName, pane2ClassName, onDragStarted, onDragFinished, step, onChange, onResizerClick, onResizerDoubleClick, } = props;
-    // honor same defaults as react-split-pane
-    const allowResize = React.useMemo(() => undefined !== props.allowResize ? props.allowResize : true, [props.allowResize]);
-    const minSize = React.useMemo(() => undefined !== props.minSize ? props.minSize : 50, [props.minSize]);
-    const primary = React.useMemo(() => undefined !== props.primary ? props.primary : "first", [props.primary]);
-    const split = React.useMemo(() => undefined !== props.split ? props.split : "vertical", [props.split]);
-    const initialSize = size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize);
-    const [position, setPosition] = React.useState(0);
-    const [draggedSize, setDraggedSize] = React.useState();
-    const [active, setActive] = React.useState(false);
-    const [pane1Size, setPane1Size] = React.useState(() => primary === "first" ? initialSize : undefined);
-    const [pane2Size, setPane2Size] = React.useState(() => primary === "second" ? initialSize : undefined);
-    const splitPane = React.useRef(null);
-    const pane1 = React.useRef(null);
-    const pane2 = React.useRef(null);
-    const notNullChildren = React.useMemo(() => removeNullChildren(children), [children]);
-    React.useEffect(() => {
-        primary === "first" ? setPane1Size(initialSize) : setPane2Size(initialSize);
-        primary === "first" ? setPane2Size(undefined) : setPane1Size(undefined);
-    }, [initialSize, primary]);
-    const splitPaneStyle = React.useMemo(() => {
-        const directionSpecificParts = (split === "vertical") ? {
-            flexDirection: "row",
-            left: 0,
-            right: 0,
-        } : {
-            bottom: 0,
-            flexDirection: "column",
-            minHeight: "100%",
-            top: 0,
-            width: "100%",
-        };
-        return {
-            display: "flex",
-            flex: 1,
-            height: "100%",
-            position: "absolute",
-            outline: "none",
-            overflow: "hidden",
-            MozUserSelect: "text",
-            WebkitUserSelect: "text",
-            msUserSelect: "text",
-            userSelect: "text",
-            ...style,
-            ...directionSpecificParts,
-        };
-    }, [split, style]);
-    const pane1DivStyle = { ...paneStyle, ...pane1Style };
-    const pane2DivStyle = { ...paneStyle, ...pane2Style };
-    const resizerStyle = React.useMemo(() => { var _a; return (_a = props.resizerStyle) !== null && _a !== void 0 ? _a : {}; }, [props.resizerStyle]);
-    const resizerClasses = React.useMemo(() => classnames("Resizer", !allowResize && "disabled"), [allowResize]);
-    const splitPaneClasses = React.useMemo(() => classnames("SplitPane", className, split, !allowResize && "disabled"), [className, split, allowResize]);
-    const pane1Classes = React.useMemo(() => classnames("Pane1", paneClassName, pane1ClassName), [paneClassName, pane1ClassName]);
-    const pane2Classes = React.useMemo(() => classnames("Pane2", paneClassName, pane2ClassName), [paneClassName, pane2ClassName]);
-    const initializeDrag = React.useCallback((x, y) => {
-        var _a;
-        // istanbul ignore next
-        unFocus((_a = splitPane.current) === null || _a === void 0 ? void 0 : _a.ownerDocument);
-        const newPosition = split === "vertical" ? x : y;
-        onDragStarted && onDragStarted();
-        setActive(true);
-        setPosition(newPosition);
-    }, [onDragStarted, split]);
-    const onTouchStart = React.useCallback((event) => {
-        // istanbul ignore else
-        if (allowResize) {
-            initializeDrag(event.touches[0].clientX, event.touches[0].clientY);
-        }
-    }, [allowResize, initializeDrag]);
-    const processMove = React.useCallback((x, y) => {
-        var _a, _b, _c, _d, _f, _g, _h;
-        // istanbul ignore next
-        unFocus((_a = splitPane.current) === null || _a === void 0 ? void 0 : _a.ownerDocument);
-        const isPrimaryFirst = primary === "first";
-        const ref = isPrimaryFirst ? pane1.current : pane2.current;
-        const ref2 = isPrimaryFirst ? pane2.current : pane1.current;
-        const splitPaneDiv = splitPane.current;
-        // istanbul ignore else
-        if (ref && ref2 && splitPaneDiv) {
-            const node = ref;
-            const node2 = ref2;
-            // istanbul ignore else
-            if (node.getBoundingClientRect) {
-                const width = node.getBoundingClientRect().width;
-                const height = node.getBoundingClientRect().height;
-                // istanbul ignore next
-                const current = split === "vertical" ? x : y;
-                // istanbul ignore next
-                const oldSize = split === "vertical" ? width : height;
-                let positionDelta = position - current;
-                if (step) {
-                    // istanbul ignore next
-                    if (Math.abs(positionDelta) < step) {
-                        return;
-                    }
-                    // Integer division
-                    // eslint-disable-next-line no-bitwise
-                    positionDelta = ~~(positionDelta / step) * step;
-                }
-                let sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;
-                // istanbul ignore next
-                const pane1Order = parseInt((_d = (_c = (_b = node.ownerDocument) === null || _b === void 0 ? void 0 : _b.defaultView) === null || _c === void 0 ? void 0 : _c.getComputedStyle(node).order) !== null && _d !== void 0 ? _d : "0", 10);
-                // istanbul ignore next
-                const pane2Order = parseInt((_h = (_g = (_f = node2.ownerDocument) === null || _f === void 0 ? void 0 : _f.defaultView) === null || _g === void 0 ? void 0 : _g.getComputedStyle(node2).order) !== null && _h !== void 0 ? _h : "0", 10);
-                // istanbul ignore next
-                if (pane1Order > pane2Order) {
-                    sizeDelta = -sizeDelta;
-                }
-                let newMaxSize = maxSize;
-                // istanbul ignore next
-                if (typeof maxSize === "number" && maxSize !== undefined && maxSize <= 0) {
-                    if (split === "vertical") {
-                        newMaxSize = splitPaneDiv.getBoundingClientRect().width + maxSize;
-                    }
-                    else {
-                        newMaxSize = splitPaneDiv.getBoundingClientRect().height + maxSize;
-                    }
-                }
-                let newSize = oldSize - sizeDelta;
-                const newPosition = position - positionDelta;
-                // istanbul ignore next
-                if (typeof minSize === "number" && newSize < minSize) {
-                    newSize = minSize;
-                }
-                else if (typeof newMaxSize === "number" && newMaxSize !== undefined && newSize > newMaxSize) {
-                    newSize = newMaxSize;
-                }
-                else {
-                    setPosition(newPosition);
-                }
-                onChange && onChange(newSize);
-                setDraggedSize(newSize);
-                isPrimaryFirst ? setPane1Size(newSize) : setPane2Size(newSize);
-            }
-        }
-    }, [maxSize, minSize, onChange, position, primary, split, step]);
-    const onTouchMove = React.useCallback((event) => {
-        // istanbul ignore next
-        if (!allowResize || !active)
-            return;
-        processMove(event.touches[0].clientX, event.touches[0].clientY);
-    }, [active, allowResize, processMove]);
-    const onMouseMove = React.useCallback((event) => {
-        if (!allowResize || !active)
-            return;
-        processMove(event.clientX, event.clientY);
-    }, [active, allowResize, processMove]);
-    const onMouseDown = React.useCallback((event) => {
-        // istanbul ignore else
-        if (allowResize) {
-            event.preventDefault();
-            initializeDrag(event.clientX, event.clientY);
-        }
-    }, [allowResize, initializeDrag]);
-    const processResizeFinished = React.useCallback(() => {
-        // istanbul ignore else
-        if (undefined !== draggedSize && allowResize && active) {
-            onDragFinished && onDragFinished(draggedSize);
-        }
-        setActive(false);
-    }, [draggedSize, allowResize, active, onDragFinished]);
-    const onMouseUp = React.useCallback((event) => {
-        event.preventDefault();
-        processResizeFinished();
-    }, [processResizeFinished]);
-    React.useEffect(() => {
-        var _a;
-        // istanbul ignore next
-        const ownerDoc = (_a = splitPane.current) === null || _a === void 0 ? void 0 : _a.ownerDocument;
-        // istanbul ignore next
-        if (!ownerDoc)
-            return;
-        ownerDoc.addEventListener("mouseup", onMouseUp);
-        ownerDoc.addEventListener("mousemove", onMouseMove);
-        ownerDoc.addEventListener("touchmove", onTouchMove);
-        return () => {
-            ownerDoc.removeEventListener("mouseup", onMouseUp);
-            ownerDoc.removeEventListener("mousemove", onMouseMove);
-            ownerDoc.removeEventListener("touchmove", onTouchMove);
-        };
-    }, [onMouseMove, onMouseUp, onTouchMove]);
-    return (React.createElement("div", { className: splitPaneClasses, ref: splitPane, style: splitPaneStyle },
-        React.createElement(Pane, { className: pane1Classes, key: "pane1", eleRef: pane1, size: pane1Size, split: split, style: pane1DivStyle }, notNullChildren[0]),
-        React.createElement(Resizer, { className: resizerClasses, onClick: onResizerClick, onDoubleClick: onResizerDoubleClick, onMouseDown: onMouseDown, onTouchStart: onTouchStart, onTouchEnd: processResizeFinished, key: "resizer", split: split, style: resizerStyle }),
-        React.createElement(Pane, { className: pane2Classes, key: "pane2", eleRef: pane2, size: pane2Size, split: split, style: pane2DivStyle }, notNullChildren[1])));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+import classnames from "classnames";
+import { Pane } from "./Pane";
+import { Resizer } from "./Resizer";
+function unFocus(ownerDoc) {
+    // istanbul ignore next
+    if (!ownerDoc)
+        return;
+    const docSelection = ownerDoc.getSelection();
+    // istanbul ignore else
+    if (docSelection) {
+        docSelection.empty();
+    }
+    else {
+        // istanbul ignore next
+        try {
+            const winSelection = ownerDoc.defaultView?.getSelection();
+            winSelection?.removeAllRanges();
+        }
+        catch (_e) { }
+    }
+}
+function getDefaultSize(defaultSize, minSize, maxSize, draggedSize) {
+    // istanbul ignore next
+    if (typeof draggedSize === "number") {
+        const min = typeof minSize === "number" ? minSize : 0;
+        const max = typeof maxSize === "number" && maxSize >= 0 ? maxSize : Infinity;
+        return Math.max(min, Math.min(max, draggedSize));
+    }
+    if (defaultSize !== undefined) {
+        return defaultSize;
+    }
+    return minSize;
+}
+function removeNullChildren(children) {
+    return React.Children.toArray(children).filter((c) => c);
+}
+/**
+ * Local TypeScript implementation of `SplitPane` from `react-split-pane` package since that
+ * package is not regularly maintained.
+ * See https://github.com/tomkp/react-split-pane/blob/master/LICENSE.
+ * @public
+ */
+export function SplitPane(props) {
+    const { style, size, defaultSize, maxSize, children, paneStyle, pane1Style, pane2Style, className, paneClassName, pane1ClassName, pane2ClassName, onDragStarted, onDragFinished, step, onChange, onResizerClick, onResizerDoubleClick, } = props;
+    // honor same defaults as react-split-pane
+    const allowResize = React.useMemo(() => undefined !== props.allowResize ? props.allowResize : true, [props.allowResize]);
+    const minSize = React.useMemo(() => undefined !== props.minSize ? props.minSize : 50, [props.minSize]);
+    const primary = React.useMemo(() => undefined !== props.primary ? props.primary : "first", [props.primary]);
+    const split = React.useMemo(() => undefined !== props.split ? props.split : "vertical", [props.split]);
+    const initialSize = size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize);
+    const [position, setPosition] = React.useState(0);
+    const [draggedSize, setDraggedSize] = React.useState();
+    const [active, setActive] = React.useState(false);
+    const [pane1Size, setPane1Size] = React.useState(() => primary === "first" ? initialSize : undefined);
+    const [pane2Size, setPane2Size] = React.useState(() => primary === "second" ? initialSize : undefined);
+    const splitPane = React.useRef(null);
+    const pane1 = React.useRef(null);
+    const pane2 = React.useRef(null);
+    const notNullChildren = React.useMemo(() => removeNullChildren(children), [children]);
+    React.useEffect(() => {
+        primary === "first" ? setPane1Size(initialSize) : setPane2Size(initialSize);
+        primary === "first" ? setPane2Size(undefined) : setPane1Size(undefined);
+    }, [initialSize, primary]);
+    const splitPaneStyle = React.useMemo(() => {
+        const directionSpecificParts = (split === "vertical") ? {
+            flexDirection: "row",
+            left: 0,
+            right: 0,
+        } : {
+            bottom: 0,
+            flexDirection: "column",
+            minHeight: "100%",
+            top: 0,
+            width: "100%",
+        };
+        return {
+            display: "flex",
+            flex: 1,
+            height: "100%",
+            position: "absolute",
+            outline: "none",
+            overflow: "hidden",
+            MozUserSelect: "text",
+            WebkitUserSelect: "text",
+            msUserSelect: "text",
+            userSelect: "text",
+            ...style,
+            ...directionSpecificParts,
+        };
+    }, [split, style]);
+    const pane1DivStyle = { ...paneStyle, ...pane1Style };
+    const pane2DivStyle = { ...paneStyle, ...pane2Style };
+    const resizerStyle = React.useMemo(() => props.resizerStyle ?? {}, [props.resizerStyle]);
+    const resizerClasses = React.useMemo(() => classnames("Resizer", !allowResize && "disabled"), [allowResize]);
+    const splitPaneClasses = React.useMemo(() => classnames("SplitPane", className, split, !allowResize && "disabled"), [className, split, allowResize]);
+    const pane1Classes = React.useMemo(() => classnames("Pane1", paneClassName, pane1ClassName), [paneClassName, pane1ClassName]);
+    const pane2Classes = React.useMemo(() => classnames("Pane2", paneClassName, pane2ClassName), [paneClassName, pane2ClassName]);
+    const initializeDrag = React.useCallback((x, y) => {
+        // istanbul ignore next
+        unFocus(splitPane.current?.ownerDocument);
+        const newPosition = split === "vertical" ? x : y;
+        onDragStarted && onDragStarted();
+        setActive(true);
+        setPosition(newPosition);
+    }, [onDragStarted, split]);
+    const onTouchStart = React.useCallback((event) => {
+        // istanbul ignore else
+        if (allowResize) {
+            initializeDrag(event.touches[0].clientX, event.touches[0].clientY);
+        }
+    }, [allowResize, initializeDrag]);
+    const processMove = React.useCallback((x, y) => {
+        // istanbul ignore next
+        unFocus(splitPane.current?.ownerDocument);
+        const isPrimaryFirst = primary === "first";
+        const ref = isPrimaryFirst ? pane1.current : pane2.current;
+        const ref2 = isPrimaryFirst ? pane2.current : pane1.current;
+        const splitPaneDiv = splitPane.current;
+        // istanbul ignore else
+        if (ref && ref2 && splitPaneDiv) {
+            const node = ref;
+            const node2 = ref2;
+            // istanbul ignore else
+            if (node.getBoundingClientRect) {
+                const width = node.getBoundingClientRect().width;
+                const height = node.getBoundingClientRect().height;
+                // istanbul ignore next
+                const current = split === "vertical" ? x : y;
+                // istanbul ignore next
+                const oldSize = split === "vertical" ? width : height;
+                let positionDelta = position - current;
+                if (step) {
+                    // istanbul ignore next
+                    if (Math.abs(positionDelta) < step) {
+                        return;
+                    }
+                    // Integer division
+                    // eslint-disable-next-line no-bitwise
+                    positionDelta = ~~(positionDelta / step) * step;
+                }
+                let sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;
+                // istanbul ignore next
+                const pane1Order = parseInt(node.ownerDocument?.defaultView?.getComputedStyle(node).order ?? "0", 10);
+                // istanbul ignore next
+                const pane2Order = parseInt(node2.ownerDocument?.defaultView?.getComputedStyle(node2).order ?? "0", 10);
+                // istanbul ignore next
+                if (pane1Order > pane2Order) {
+                    sizeDelta = -sizeDelta;
+                }
+                let newMaxSize = maxSize;
+                // istanbul ignore next
+                if (typeof maxSize === "number" && maxSize !== undefined && maxSize <= 0) {
+                    if (split === "vertical") {
+                        newMaxSize = splitPaneDiv.getBoundingClientRect().width + maxSize;
+                    }
+                    else {
+                        newMaxSize = splitPaneDiv.getBoundingClientRect().height + maxSize;
+                    }
+                }
+                let newSize = oldSize - sizeDelta;
+                const newPosition = position - positionDelta;
+                // istanbul ignore next
+                if (typeof minSize === "number" && newSize < minSize) {
+                    newSize = minSize;
+                }
+                else if (typeof newMaxSize === "number" && newMaxSize !== undefined && newSize > newMaxSize) {
+                    newSize = newMaxSize;
+                }
+                else {
+                    setPosition(newPosition);
+                }
+                onChange && onChange(newSize);
+                setDraggedSize(newSize);
+                isPrimaryFirst ? setPane1Size(newSize) : setPane2Size(newSize);
+            }
+        }
+    }, [maxSize, minSize, onChange, position, primary, split, step]);
+    const onTouchMove = React.useCallback((event) => {
+        // istanbul ignore next
+        if (!allowResize || !active)
+            return;
+        processMove(event.touches[0].clientX, event.touches[0].clientY);
+    }, [active, allowResize, processMove]);
+    const onMouseMove = React.useCallback((event) => {
+        if (!allowResize || !active)
+            return;
+        processMove(event.clientX, event.clientY);
+    }, [active, allowResize, processMove]);
+    const onMouseDown = React.useCallback((event) => {
+        // istanbul ignore else
+        if (allowResize) {
+            event.preventDefault();
+            initializeDrag(event.clientX, event.clientY);
+        }
+    }, [allowResize, initializeDrag]);
+    const processResizeFinished = React.useCallback(() => {
+        // istanbul ignore else
+        if (undefined !== draggedSize && allowResize && active) {
+            onDragFinished && onDragFinished(draggedSize);
+        }
+        setActive(false);
+    }, [draggedSize, allowResize, active, onDragFinished]);
+    const onMouseUp = React.useCallback((event) => {
+        event.preventDefault();
+        processResizeFinished();
+    }, [processResizeFinished]);
+    React.useEffect(() => {
+        // istanbul ignore next
+        const ownerDoc = splitPane.current?.ownerDocument;
+        // istanbul ignore next
+        if (!ownerDoc)
+            return;
+        ownerDoc.addEventListener("mouseup", onMouseUp);
+        ownerDoc.addEventListener("mousemove", onMouseMove);
+        ownerDoc.addEventListener("touchmove", onTouchMove);
+        return () => {
+            ownerDoc.removeEventListener("mouseup", onMouseUp);
+            ownerDoc.removeEventListener("mousemove", onMouseMove);
+            ownerDoc.removeEventListener("touchmove", onTouchMove);
+        };
+    }, [onMouseMove, onMouseUp, onTouchMove]);
+    return (React.createElement("div", { className: splitPaneClasses, ref: splitPane, style: splitPaneStyle },
+        React.createElement(Pane, { className: pane1Classes, key: "pane1", eleRef: pane1, size: pane1Size, split: split, style: pane1DivStyle }, notNullChildren[0]),
+        React.createElement(Resizer, { className: resizerClasses, onClick: onResizerClick, onDoubleClick: onResizerDoubleClick, onMouseDown: onMouseDown, onTouchStart: onTouchStart, onTouchEnd: processResizeFinished, key: "resizer", split: split, style: resizerStyle }),
+        React.createElement(Pane, { className: pane2Classes, key: "pane2", eleRef: pane2, size: pane2Size, split: split, style: pane2DivStyle }, notNullChildren[1])));
+}
 //# sourceMappingURL=SplitPane.js.map

package/lib/esm/appui-react/content/split-pane/SplitPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitPane.js","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/SplitPane.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContentView\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { Pane } from \"./Pane\";\r\nimport { Resizer } from \"./Resizer\";\r\n\r\n/**\r\n * Props for [[SplitPane]] component\r\n * @public\r\n */\r\nexport interface SplitPaneProps {\r\n  /** Pass false to disable resizing */\r\n  allowResize?: boolean;\r\n  /** The array of two react nodes, one for each pane. */\r\n  children: React.ReactNode[];\r\n  /** Determines which pane maintains its size when browser window is resized.*/\r\n  primary?: \"first\" | \"second\";\r\n\r\n  minSize?: string | number;\r\n  /** You can limit the maximal size of the 'fixed' pane using the maxSize parameter with a positive value\r\n   * (measured in pixels but state just a number). If you wrap the SplitPane into a container component\r\n   * (yes you can, just remember the container has to have the relative or absolute positioning), then you'll need to limit\r\n   *  the movement of the splitter (resizer) at the end of the SplitPane (otherwise it can be dragged outside the SplitPane\r\n   * and you don't catch it never more). For this purpose use the maxSize parameter with value 0. When dragged the splitter/resizer\r\n   * will stop at the border of the SplitPane component and think this you'll be able to pick it again and drag it back then.\r\n   *  And more: if you set the maxSize to negative value (e.g. -200), then the splitter stops 200px before the border\r\n   * (in other words it sets the minimal size of the 'resizable' pane in this case). This can be useful also in the\r\n   * full-screen case of use. */\r\n  maxSize?: string | number;\r\n  /** Default initial size of primary pane */\r\n  defaultSize?: string | number;\r\n  /** Size of primary pane */\r\n  size?: string | number;\r\n  /** You can use the step prop to only allow resizing in fixed increments. */\r\n  step?: number;\r\n  split?: \"vertical\" | \"horizontal\";\r\n  /** This callback is invoked when a drag start. */\r\n  onDragStarted?: () => void;\r\n  /** This callback is invoked when a drag ends. */\r\n  onDragFinished?: (newSize: number) => void;\r\n  /** Callback is invoked with the current drag during a drag event.*/\r\n  onChange?: (newSize: number) => void;\r\n  /** Callback is invoked if user clicks on Resizer. */\r\n  onResizerClick?: (event: MouseEvent) => void;\r\n  /** Callback is invoked if user double clicks on Resizer. */\r\n  onResizerDoubleClick?: (event: MouseEvent) => void;\r\n  /** Styling to be applied to the main container */\r\n  style?: React.CSSProperties;\r\n  /** Styling to be applied to both panes */\r\n  paneStyle?: React.CSSProperties;\r\n  /** Styling to be applied to the first pane, with precedence over paneStyle */\r\n  pane1Style?: React.CSSProperties;\r\n  /** Styling to be applied to the second pane, with precedence over paneStyle */\r\n  pane2Style?: React.CSSProperties;\r\n  /** Styling to be applied to the resizer bar */\r\n  resizerStyle?: React.CSSProperties;\r\n  /** Class name to be added to the SplitPane div */\r\n  className?: string;\r\n  /** Class name to be added to each Pane's div */\r\n  paneClassName?: string;\r\n  /** Class name to be added to Pane1's div */\r\n  pane1ClassName?: string;\r\n  /** Class name to be added to Pane2's div */\r\n  pane2ClassName?: string;\r\n}\r\n\r\nfunction unFocus(ownerDoc: Document | undefined) {\r\n  // istanbul ignore next\r\n  if (!ownerDoc)\r\n    return;\r\n\r\n  const docSelection = ownerDoc.getSelection();\r\n  // istanbul ignore else\r\n  if (docSelection) {\r\n    docSelection.empty();\r\n  } else {\r\n    // istanbul ignore next\r\n    try {\r\n      const winSelection = ownerDoc.defaultView?.getSelection();\r\n      winSelection?.removeAllRanges();\r\n    } catch (_e) { }\r\n  }\r\n}\r\n\r\nfunction getDefaultSize(defaultSize?: number | string, minSize?: string | number, maxSize?: string | number, draggedSize?: number) {\r\n  // istanbul ignore next\r\n  if (typeof draggedSize === \"number\") {\r\n    const min = typeof minSize === \"number\" ? minSize : 0;\r\n    const max =\r\n      typeof maxSize === \"number\" && maxSize >= 0 ? maxSize : Infinity;\r\n    return Math.max(min, Math.min(max, draggedSize));\r\n  }\r\n  if (defaultSize !== undefined) {\r\n    return defaultSize;\r\n  }\r\n  return minSize;\r\n}\r\n\r\nfunction removeNullChildren(children: React.ReactNode[]) {\r\n  return React.Children.toArray(children).filter((c) => c);\r\n}\r\n\r\n/**\r\n * Local TypeScript implementation of `SplitPane` from `react-split-pane` package since that\r\n * package is not regularly maintained.\r\n * See https://github.com/tomkp/react-split-pane/blob/master/LICENSE.\r\n * @public\r\n */\r\nexport function SplitPane(props: SplitPaneProps) {\r\n  const { style, size, defaultSize, maxSize, children,\r\n    paneStyle, pane1Style, pane2Style, className,\r\n    paneClassName, pane1ClassName, pane2ClassName,\r\n    onDragStarted, onDragFinished, step, onChange,\r\n    onResizerClick, onResizerDoubleClick,\r\n  } = props;\r\n\r\n  // honor same defaults as react-split-pane\r\n  const allowResize = React.useMemo(() => undefined !== props.allowResize ? props.allowResize : true, [props.allowResize]);\r\n  const minSize = React.useMemo(() => undefined !== props.minSize ? props.minSize : 50, [props.minSize]);\r\n  const primary = React.useMemo(() => undefined !== props.primary ? props.primary : \"first\", [props.primary]);\r\n  const split = React.useMemo(() => undefined !== props.split ? props.split : \"vertical\", [props.split]);\r\n  const initialSize = size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize);\r\n\r\n  const [position, setPosition] = React.useState(0);\r\n  const [draggedSize, setDraggedSize] = React.useState<number | undefined>();\r\n  const [active, setActive] = React.useState(false);\r\n  const [pane1Size, setPane1Size] = React.useState(() => primary === \"first\" ? initialSize : undefined);\r\n  const [pane2Size, setPane2Size] = React.useState(() => primary === \"second\" ? initialSize : undefined);\r\n  const splitPane = React.useRef<HTMLDivElement>(null);\r\n  const pane1 = React.useRef<HTMLDivElement>(null);\r\n  const pane2 = React.useRef<HTMLDivElement>(null);\r\n  const notNullChildren = React.useMemo(() => removeNullChildren(children), [children]);\r\n\r\n  React.useEffect(() => {\r\n    primary === \"first\" ? setPane1Size(initialSize) : setPane2Size(initialSize);\r\n    primary === \"first\" ? setPane2Size(undefined) : setPane1Size(undefined);\r\n  }, [initialSize, primary]);\r\n\r\n  const splitPaneStyle = React.useMemo(() => {\r\n    const directionSpecificParts = (split === \"vertical\") ? {\r\n      flexDirection: \"row\",\r\n      left: 0,\r\n      right: 0,\r\n    } : {\r\n      bottom: 0,\r\n      flexDirection: \"column\",\r\n      minHeight: \"100%\",\r\n      top: 0,\r\n      width: \"100%\",\r\n    };\r\n\r\n    return {\r\n      display: \"flex\",\r\n      flex: 1,\r\n      height: \"100%\",\r\n      position: \"absolute\",\r\n      outline: \"none\",\r\n      overflow: \"hidden\",\r\n      MozUserSelect: \"text\",\r\n      WebkitUserSelect: \"text\",\r\n      msUserSelect: \"text\",\r\n      userSelect: \"text\",\r\n      ...style,\r\n      ...directionSpecificParts,\r\n    } as React.CSSProperties;\r\n  }, [split, style]);\r\n\r\n  const pane1DivStyle = { ...paneStyle, ...pane1Style };\r\n  const pane2DivStyle = { ...paneStyle, ...pane2Style };\r\n  const resizerStyle = React.useMemo(() => props.resizerStyle ?? {}, [props.resizerStyle]);\r\n  const resizerClasses = React.useMemo(() => classnames(\"Resizer\", !allowResize && \"disabled\"), [allowResize]);\r\n  const splitPaneClasses = React.useMemo(() => classnames(\"SplitPane\", className, split, !allowResize && \"disabled\"), [className, split, allowResize]);\r\n  const pane1Classes = React.useMemo(() => classnames(\"Pane1\", paneClassName, pane1ClassName), [paneClassName, pane1ClassName]);\r\n  const pane2Classes = React.useMemo(() => classnames(\"Pane2\", paneClassName, pane2ClassName), [paneClassName, pane2ClassName]);\r\n\r\n  const initializeDrag = React.useCallback((x: number, y: number) => {\r\n    // istanbul ignore next\r\n    unFocus(splitPane.current?.ownerDocument);\r\n    const newPosition = split === \"vertical\" ? x : y;\r\n    onDragStarted && onDragStarted();\r\n    setActive(true);\r\n    setPosition(newPosition);\r\n  }, [onDragStarted, split]);\r\n\r\n  const onTouchStart = React.useCallback((event: TouchEvent) => {\r\n    // istanbul ignore else\r\n    if (allowResize) {\r\n      initializeDrag(event.touches[0].clientX, event.touches[0].clientY);\r\n    }\r\n  }, [allowResize, initializeDrag]);\r\n\r\n  const processMove = React.useCallback((x: number, y: number) => {\r\n    // istanbul ignore next\r\n    unFocus(splitPane.current?.ownerDocument);\r\n    const isPrimaryFirst = primary === \"first\";\r\n    const ref = isPrimaryFirst ? pane1.current : pane2.current;\r\n    const ref2 = isPrimaryFirst ? pane2.current : pane1.current;\r\n    const splitPaneDiv = splitPane.current;\r\n\r\n    // istanbul ignore else\r\n    if (ref && ref2 && splitPaneDiv) {\r\n      const node = ref;\r\n      const node2 = ref2;\r\n      // istanbul ignore else\r\n      if (node.getBoundingClientRect) {\r\n        const width = node.getBoundingClientRect().width;\r\n        const height = node.getBoundingClientRect().height;\r\n        // istanbul ignore next\r\n        const current = split === \"vertical\" ? x : y;\r\n        // istanbul ignore next\r\n        const oldSize = split === \"vertical\" ? width : height;\r\n        let positionDelta = position - current;\r\n        if (step) {\r\n          // istanbul ignore next\r\n          if (Math.abs(positionDelta) < step) {\r\n            return;\r\n          }\r\n          // Integer division\r\n          // eslint-disable-next-line no-bitwise\r\n          positionDelta = ~~(positionDelta / step) * step;\r\n        }\r\n        let sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;\r\n\r\n        // istanbul ignore next\r\n        const pane1Order = parseInt(node.ownerDocument?.defaultView?.getComputedStyle(node).order ?? \"0\", 10);\r\n        // istanbul ignore next\r\n        const pane2Order = parseInt(node2.ownerDocument?.defaultView?.getComputedStyle(node2).order ?? \"0\", 10);\r\n        // istanbul ignore next\r\n        if (pane1Order > pane2Order) {\r\n          sizeDelta = -sizeDelta;\r\n        }\r\n\r\n        let newMaxSize = maxSize;\r\n        // istanbul ignore next\r\n        if (typeof maxSize === \"number\" && maxSize !== undefined && maxSize <= 0) {\r\n          if (split === \"vertical\") {\r\n            newMaxSize = splitPaneDiv.getBoundingClientRect().width + maxSize;\r\n          } else {\r\n            newMaxSize = splitPaneDiv.getBoundingClientRect().height + maxSize;\r\n          }\r\n        }\r\n\r\n        let newSize = oldSize - sizeDelta;\r\n        const newPosition = position - positionDelta;\r\n\r\n        // istanbul ignore next\r\n        if (typeof minSize === \"number\" && newSize < minSize) {\r\n          newSize = minSize;\r\n        } else if (typeof newMaxSize === \"number\" && newMaxSize !== undefined && newSize > newMaxSize) {\r\n          newSize = newMaxSize;\r\n        } else {\r\n          setPosition(newPosition);\r\n        }\r\n\r\n        onChange && onChange(newSize);\r\n        setDraggedSize(newSize);\r\n        isPrimaryFirst ? setPane1Size(newSize) : setPane2Size(newSize);\r\n      }\r\n    }\r\n  }, [maxSize, minSize, onChange, position, primary, split, step]);\r\n\r\n  const onTouchMove = React.useCallback((event: TouchEvent) => {\r\n    // istanbul ignore next\r\n    if (!allowResize || !active)\r\n      return;\r\n    processMove(event.touches[0].clientX, event.touches[0].clientY);\r\n  }, [active, allowResize, processMove]);\r\n\r\n  const onMouseMove = React.useCallback((event: MouseEvent) => {\r\n    if (!allowResize || !active)\r\n      return;\r\n    processMove(event.clientX, event.clientY);\r\n  }, [active, allowResize, processMove]);\r\n\r\n  const onMouseDown = React.useCallback((event: MouseEvent) => {\r\n    // istanbul ignore else\r\n    if (allowResize) {\r\n      event.preventDefault();\r\n      initializeDrag(event.clientX, event.clientY);\r\n    }\r\n  }, [allowResize, initializeDrag]);\r\n\r\n  const processResizeFinished = React.useCallback(() => {\r\n    // istanbul ignore else\r\n    if (undefined !== draggedSize && allowResize && active) {\r\n      onDragFinished && onDragFinished(draggedSize);\r\n    }\r\n    setActive(false);\r\n  }, [draggedSize, allowResize, active, onDragFinished]);\r\n\r\n  const onMouseUp = React.useCallback((event: MouseEvent) => {\r\n    event.preventDefault();\r\n    processResizeFinished();\r\n  }, [processResizeFinished]);\r\n\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    const ownerDoc = splitPane.current?.ownerDocument;\r\n    // istanbul ignore next\r\n    if (!ownerDoc)\r\n      return;\r\n\r\n    ownerDoc.addEventListener(\"mouseup\", onMouseUp);\r\n    ownerDoc.addEventListener(\"mousemove\", onMouseMove);\r\n    ownerDoc.addEventListener(\"touchmove\", onTouchMove);\r\n    return () => {\r\n      ownerDoc.removeEventListener(\"mouseup\", onMouseUp);\r\n      ownerDoc.removeEventListener(\"mousemove\", onMouseMove);\r\n      ownerDoc.removeEventListener(\"touchmove\", onTouchMove);\r\n    };\r\n  }, [onMouseMove, onMouseUp, onTouchMove]);\r\n\r\n  return (\r\n    <div\r\n      className={splitPaneClasses}\r\n      ref={splitPane}\r\n      style={splitPaneStyle}\r\n    >\r\n      <Pane\r\n        className={pane1Classes}\r\n        key=\"pane1\"\r\n        eleRef={pane1}\r\n        size={pane1Size}\r\n        split={split}\r\n        style={pane1DivStyle}\r\n      >\r\n        {notNullChildren[0]}\r\n      </Pane>\r\n      <Resizer\r\n        className={resizerClasses}\r\n        onClick={onResizerClick}\r\n        onDoubleClick={onResizerDoubleClick}\r\n        onMouseDown={onMouseDown}\r\n        onTouchStart={onTouchStart}\r\n        onTouchEnd={processResizeFinished}\r\n        key=\"resizer\"\r\n        split={split}\r\n        style={resizerStyle}\r\n      />\r\n      <Pane\r\n        className={pane2Classes}\r\n        key=\"pane2\"\r\n        eleRef={pane2}\r\n        size={pane2Size}\r\n        split={split}\r\n        style={pane2DivStyle}\r\n      >\r\n        {notNullChildren[1]}\r\n      </Pane>\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"SplitPane.js","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/SplitPane.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AA8DpC,SAAS,OAAO,CAAC,QAA8B;IAC7C,uBAAuB;IACvB,IAAI,CAAC,QAAQ;QACX,OAAO;IAET,MAAM,YAAY,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;IAC7C,uBAAuB;IACvB,IAAI,YAAY,EAAE;QAChB,YAAY,CAAC,KAAK,EAAE,CAAC;KACtB;SAAM;QACL,uBAAuB;QACvB,IAAI;YACF,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,EAAE,YAAY,EAAE,CAAC;YAC1D,YAAY,EAAE,eAAe,EAAE,CAAC;SACjC;QAAC,OAAO,EAAE,EAAE,GAAG;KACjB;AACH,CAAC;AAED,SAAS,cAAc,CAAC,WAA6B,EAAE,OAAyB,EAAE,OAAyB,EAAE,WAAoB;IAC/H,uBAAuB;IACvB,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;QACnC,MAAM,GAAG,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,MAAM,GAAG,GACP,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;QACnE,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;KAClD;IACD,IAAI,WAAW,KAAK,SAAS,EAAE;QAC7B,OAAO,WAAW,CAAC;KACpB;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,kBAAkB,CAAC,QAA2B;IACrD,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAC3D,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EACjD,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAC5C,aAAa,EAAE,cAAc,EAAE,cAAc,EAC7C,aAAa,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAC7C,cAAc,EAAE,oBAAoB,GACrC,GAAG,KAAK,CAAC;IAEV,0CAA0C;IAC1C,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACzH,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACvG,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5G,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACvG,MAAM,WAAW,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAE9F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAsB,CAAC;IAC3E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACtG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACvG,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACrD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QAC5E,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,MAAM,sBAAsB,GAAG,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC;YACtD,aAAa,EAAE,KAAK;YACpB,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;SACT,CAAC,CAAC,CAAC;YACF,MAAM,EAAE,CAAC;YACT,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,MAAM;SACd,CAAC;QAEF,OAAO;YACL,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,QAAQ;YAClB,aAAa,EAAE,MAAM;YACrB,gBAAgB,EAAE,MAAM;YACxB,YAAY,EAAE,MAAM;YACpB,UAAU,EAAE,MAAM;YAClB,GAAG,KAAK;YACR,GAAG,sBAAsB;SACH,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,MAAM,aAAa,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IACtD,MAAM,aAAa,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IACtD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IACzF,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC,WAAW,IAAI,UAAU,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAC7G,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,WAAW,IAAI,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IACrJ,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE,cAAc,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAC9H,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE,cAAc,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAE9H,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;QAChE,uBAAuB;QACvB,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC1C,MAAM,WAAW,GAAG,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjD,aAAa,IAAI,aAAa,EAAE,CAAC;QACjC,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,WAAW,CAAC,WAAW,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAE3B,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAiB,EAAE,EAAE;QAC3D,uBAAuB;QACvB,IAAI,WAAW,EAAE;YACf,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;SACpE;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAElC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;QAC7D,uBAAuB;QACvB,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAC1C,MAAM,cAAc,GAAG,OAAO,KAAK,OAAO,CAAC;QAC3C,MAAM,GAAG,GAAG,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QAC3D,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QAC5D,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC;QAEvC,uBAAuB;QACvB,IAAI,GAAG,IAAI,IAAI,IAAI,YAAY,EAAE;YAC/B,MAAM,IAAI,GAAG,GAAG,CAAC;YACjB,MAAM,KAAK,GAAG,IAAI,CAAC;YACnB,uBAAuB;YACvB,IAAI,IAAI,CAAC,qBAAqB,EAAE;gBAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;gBACjD,MAAM,MAAM,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;gBACnD,uBAAuB;gBACvB,MAAM,OAAO,GAAG,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC7C,uBAAuB;gBACvB,MAAM,OAAO,GAAG,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;gBACtD,IAAI,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;gBACvC,IAAI,IAAI,EAAE;oBACR,uBAAuB;oBACvB,IAAI,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,IAAI,EAAE;wBAClC,OAAO;qBACR;oBACD,mBAAmB;oBACnB,sCAAsC;oBACtC,aAAa,GAAG,CAAC,CAAC,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;iBACjD;gBACD,IAAI,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;gBAEhE,uBAAuB;gBACvB,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,WAAW,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC;gBACtG,uBAAuB;gBACvB,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,aAAa,EAAE,WAAW,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC;gBACxG,uBAAuB;gBACvB,IAAI,UAAU,GAAG,UAAU,EAAE;oBAC3B,SAAS,GAAG,CAAC,SAAS,CAAC;iBACxB;gBAED,IAAI,UAAU,GAAG,OAAO,CAAC;gBACzB,uBAAuB;gBACvB,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,IAAI,CAAC,EAAE;oBACxE,IAAI,KAAK,KAAK,UAAU,EAAE;wBACxB,UAAU,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,OAAO,CAAC;qBACnE;yBAAM;wBACL,UAAU,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,OAAO,CAAC;qBACpE;iBACF;gBAED,IAAI,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;gBAClC,MAAM,WAAW,GAAG,QAAQ,GAAG,aAAa,CAAC;gBAE7C,uBAAuB;gBACvB,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,GAAG,OAAO,EAAE;oBACpD,OAAO,GAAG,OAAO,CAAC;iBACnB;qBAAM,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,SAAS,IAAI,OAAO,GAAG,UAAU,EAAE;oBAC7F,OAAO,GAAG,UAAU,CAAC;iBACtB;qBAAM;oBACL,WAAW,CAAC,WAAW,CAAC,CAAC;iBAC1B;gBAED,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;gBAC9B,cAAc,CAAC,OAAO,CAAC,CAAC;gBACxB,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;aAChE;SACF;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAiB,EAAE,EAAE;QAC1D,uBAAuB;QACvB,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM;YACzB,OAAO;QACT,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAiB,EAAE,EAAE;QAC1D,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM;YACzB,OAAO;QACT,WAAW,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAiB,EAAE,EAAE;QAC1D,uBAAuB;QACvB,IAAI,WAAW,EAAE;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;SAC9C;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAElC,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnD,uBAAuB;QACvB,IAAI,SAAS,KAAK,WAAW,IAAI,WAAW,IAAI,MAAM,EAAE;YACtD,cAAc,IAAI,cAAc,CAAC,WAAW,CAAC,CAAC;SAC/C;QACD,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAiB,EAAE,EAAE;QACxD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,qBAAqB,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,EAAE,aAAa,CAAC;QAClD,uBAAuB;QACvB,IAAI,CAAC,QAAQ;YACX,OAAO;QAET,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACpD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YACnD,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACvD,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1C,OAAO,CACL,6BACE,SAAS,EAAE,gBAAgB,EAC3B,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,cAAc;QAErB,oBAAC,IAAI,IACH,SAAS,EAAE,YAAY,EACvB,GAAG,EAAC,OAAO,EACX,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,aAAa,IAEnB,eAAe,CAAC,CAAC,CAAC,CACd;QACP,oBAAC,OAAO,IACN,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,oBAAoB,EACnC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,qBAAqB,EACjC,GAAG,EAAC,SAAS,EACb,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,YAAY,GACnB;QACF,oBAAC,IAAI,IACH,SAAS,EAAE,YAAY,EACvB,GAAG,EAAC,OAAO,EACX,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,aAAa,IAEnB,eAAe,CAAC,CAAC,CAAC,CACd,CACH,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContentView\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { Pane } from \"./Pane\";\r\nimport { Resizer } from \"./Resizer\";\r\n\r\n/**\r\n * Props for [[SplitPane]] component\r\n * @public\r\n */\r\nexport interface SplitPaneProps {\r\n  /** Pass false to disable resizing */\r\n  allowResize?: boolean;\r\n  /** The array of two react nodes, one for each pane. */\r\n  children: React.ReactNode[];\r\n  /** Determines which pane maintains its size when browser window is resized.*/\r\n  primary?: \"first\" | \"second\";\r\n\r\n  minSize?: string | number;\r\n  /** You can limit the maximal size of the 'fixed' pane using the maxSize parameter with a positive value\r\n   * (measured in pixels but state just a number). If you wrap the SplitPane into a container component\r\n   * (yes you can, just remember the container has to have the relative or absolute positioning), then you'll need to limit\r\n   *  the movement of the splitter (resizer) at the end of the SplitPane (otherwise it can be dragged outside the SplitPane\r\n   * and you don't catch it never more). For this purpose use the maxSize parameter with value 0. When dragged the splitter/resizer\r\n   * will stop at the border of the SplitPane component and think this you'll be able to pick it again and drag it back then.\r\n   *  And more: if you set the maxSize to negative value (e.g. -200), then the splitter stops 200px before the border\r\n   * (in other words it sets the minimal size of the 'resizable' pane in this case). This can be useful also in the\r\n   * full-screen case of use. */\r\n  maxSize?: string | number;\r\n  /** Default initial size of primary pane */\r\n  defaultSize?: string | number;\r\n  /** Size of primary pane */\r\n  size?: string | number;\r\n  /** You can use the step prop to only allow resizing in fixed increments. */\r\n  step?: number;\r\n  split?: \"vertical\" | \"horizontal\";\r\n  /** This callback is invoked when a drag start. */\r\n  onDragStarted?: () => void;\r\n  /** This callback is invoked when a drag ends. */\r\n  onDragFinished?: (newSize: number) => void;\r\n  /** Callback is invoked with the current drag during a drag event.*/\r\n  onChange?: (newSize: number) => void;\r\n  /** Callback is invoked if user clicks on Resizer. */\r\n  onResizerClick?: (event: MouseEvent) => void;\r\n  /** Callback is invoked if user double clicks on Resizer. */\r\n  onResizerDoubleClick?: (event: MouseEvent) => void;\r\n  /** Styling to be applied to the main container */\r\n  style?: React.CSSProperties;\r\n  /** Styling to be applied to both panes */\r\n  paneStyle?: React.CSSProperties;\r\n  /** Styling to be applied to the first pane, with precedence over paneStyle */\r\n  pane1Style?: React.CSSProperties;\r\n  /** Styling to be applied to the second pane, with precedence over paneStyle */\r\n  pane2Style?: React.CSSProperties;\r\n  /** Styling to be applied to the resizer bar */\r\n  resizerStyle?: React.CSSProperties;\r\n  /** Class name to be added to the SplitPane div */\r\n  className?: string;\r\n  /** Class name to be added to each Pane's div */\r\n  paneClassName?: string;\r\n  /** Class name to be added to Pane1's div */\r\n  pane1ClassName?: string;\r\n  /** Class name to be added to Pane2's div */\r\n  pane2ClassName?: string;\r\n}\r\n\r\nfunction unFocus(ownerDoc: Document | undefined) {\r\n  // istanbul ignore next\r\n  if (!ownerDoc)\r\n    return;\r\n\r\n  const docSelection = ownerDoc.getSelection();\r\n  // istanbul ignore else\r\n  if (docSelection) {\r\n    docSelection.empty();\r\n  } else {\r\n    // istanbul ignore next\r\n    try {\r\n      const winSelection = ownerDoc.defaultView?.getSelection();\r\n      winSelection?.removeAllRanges();\r\n    } catch (_e) { }\r\n  }\r\n}\r\n\r\nfunction getDefaultSize(defaultSize?: number | string, minSize?: string | number, maxSize?: string | number, draggedSize?: number) {\r\n  // istanbul ignore next\r\n  if (typeof draggedSize === \"number\") {\r\n    const min = typeof minSize === \"number\" ? minSize : 0;\r\n    const max =\r\n      typeof maxSize === \"number\" && maxSize >= 0 ? maxSize : Infinity;\r\n    return Math.max(min, Math.min(max, draggedSize));\r\n  }\r\n  if (defaultSize !== undefined) {\r\n    return defaultSize;\r\n  }\r\n  return minSize;\r\n}\r\n\r\nfunction removeNullChildren(children: React.ReactNode[]) {\r\n  return React.Children.toArray(children).filter((c) => c);\r\n}\r\n\r\n/**\r\n * Local TypeScript implementation of `SplitPane` from `react-split-pane` package since that\r\n * package is not regularly maintained.\r\n * See https://github.com/tomkp/react-split-pane/blob/master/LICENSE.\r\n * @public\r\n */\r\nexport function SplitPane(props: SplitPaneProps) {\r\n  const { style, size, defaultSize, maxSize, children,\r\n    paneStyle, pane1Style, pane2Style, className,\r\n    paneClassName, pane1ClassName, pane2ClassName,\r\n    onDragStarted, onDragFinished, step, onChange,\r\n    onResizerClick, onResizerDoubleClick,\r\n  } = props;\r\n\r\n  // honor same defaults as react-split-pane\r\n  const allowResize = React.useMemo(() => undefined !== props.allowResize ? props.allowResize : true, [props.allowResize]);\r\n  const minSize = React.useMemo(() => undefined !== props.minSize ? props.minSize : 50, [props.minSize]);\r\n  const primary = React.useMemo(() => undefined !== props.primary ? props.primary : \"first\", [props.primary]);\r\n  const split = React.useMemo(() => undefined !== props.split ? props.split : \"vertical\", [props.split]);\r\n  const initialSize = size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize);\r\n\r\n  const [position, setPosition] = React.useState(0);\r\n  const [draggedSize, setDraggedSize] = React.useState<number | undefined>();\r\n  const [active, setActive] = React.useState(false);\r\n  const [pane1Size, setPane1Size] = React.useState(() => primary === \"first\" ? initialSize : undefined);\r\n  const [pane2Size, setPane2Size] = React.useState(() => primary === \"second\" ? initialSize : undefined);\r\n  const splitPane = React.useRef<HTMLDivElement>(null);\r\n  const pane1 = React.useRef<HTMLDivElement>(null);\r\n  const pane2 = React.useRef<HTMLDivElement>(null);\r\n  const notNullChildren = React.useMemo(() => removeNullChildren(children), [children]);\r\n\r\n  React.useEffect(() => {\r\n    primary === \"first\" ? setPane1Size(initialSize) : setPane2Size(initialSize);\r\n    primary === \"first\" ? setPane2Size(undefined) : setPane1Size(undefined);\r\n  }, [initialSize, primary]);\r\n\r\n  const splitPaneStyle = React.useMemo(() => {\r\n    const directionSpecificParts = (split === \"vertical\") ? {\r\n      flexDirection: \"row\",\r\n      left: 0,\r\n      right: 0,\r\n    } : {\r\n      bottom: 0,\r\n      flexDirection: \"column\",\r\n      minHeight: \"100%\",\r\n      top: 0,\r\n      width: \"100%\",\r\n    };\r\n\r\n    return {\r\n      display: \"flex\",\r\n      flex: 1,\r\n      height: \"100%\",\r\n      position: \"absolute\",\r\n      outline: \"none\",\r\n      overflow: \"hidden\",\r\n      MozUserSelect: \"text\",\r\n      WebkitUserSelect: \"text\",\r\n      msUserSelect: \"text\",\r\n      userSelect: \"text\",\r\n      ...style,\r\n      ...directionSpecificParts,\r\n    } as React.CSSProperties;\r\n  }, [split, style]);\r\n\r\n  const pane1DivStyle = { ...paneStyle, ...pane1Style };\r\n  const pane2DivStyle = { ...paneStyle, ...pane2Style };\r\n  const resizerStyle = React.useMemo(() => props.resizerStyle ?? {}, [props.resizerStyle]);\r\n  const resizerClasses = React.useMemo(() => classnames(\"Resizer\", !allowResize && \"disabled\"), [allowResize]);\r\n  const splitPaneClasses = React.useMemo(() => classnames(\"SplitPane\", className, split, !allowResize && \"disabled\"), [className, split, allowResize]);\r\n  const pane1Classes = React.useMemo(() => classnames(\"Pane1\", paneClassName, pane1ClassName), [paneClassName, pane1ClassName]);\r\n  const pane2Classes = React.useMemo(() => classnames(\"Pane2\", paneClassName, pane2ClassName), [paneClassName, pane2ClassName]);\r\n\r\n  const initializeDrag = React.useCallback((x: number, y: number) => {\r\n    // istanbul ignore next\r\n    unFocus(splitPane.current?.ownerDocument);\r\n    const newPosition = split === \"vertical\" ? x : y;\r\n    onDragStarted && onDragStarted();\r\n    setActive(true);\r\n    setPosition(newPosition);\r\n  }, [onDragStarted, split]);\r\n\r\n  const onTouchStart = React.useCallback((event: TouchEvent) => {\r\n    // istanbul ignore else\r\n    if (allowResize) {\r\n      initializeDrag(event.touches[0].clientX, event.touches[0].clientY);\r\n    }\r\n  }, [allowResize, initializeDrag]);\r\n\r\n  const processMove = React.useCallback((x: number, y: number) => {\r\n    // istanbul ignore next\r\n    unFocus(splitPane.current?.ownerDocument);\r\n    const isPrimaryFirst = primary === \"first\";\r\n    const ref = isPrimaryFirst ? pane1.current : pane2.current;\r\n    const ref2 = isPrimaryFirst ? pane2.current : pane1.current;\r\n    const splitPaneDiv = splitPane.current;\r\n\r\n    // istanbul ignore else\r\n    if (ref && ref2 && splitPaneDiv) {\r\n      const node = ref;\r\n      const node2 = ref2;\r\n      // istanbul ignore else\r\n      if (node.getBoundingClientRect) {\r\n        const width = node.getBoundingClientRect().width;\r\n        const height = node.getBoundingClientRect().height;\r\n        // istanbul ignore next\r\n        const current = split === \"vertical\" ? x : y;\r\n        // istanbul ignore next\r\n        const oldSize = split === \"vertical\" ? width : height;\r\n        let positionDelta = position - current;\r\n        if (step) {\r\n          // istanbul ignore next\r\n          if (Math.abs(positionDelta) < step) {\r\n            return;\r\n          }\r\n          // Integer division\r\n          // eslint-disable-next-line no-bitwise\r\n          positionDelta = ~~(positionDelta / step) * step;\r\n        }\r\n        let sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;\r\n\r\n        // istanbul ignore next\r\n        const pane1Order = parseInt(node.ownerDocument?.defaultView?.getComputedStyle(node).order ?? \"0\", 10);\r\n        // istanbul ignore next\r\n        const pane2Order = parseInt(node2.ownerDocument?.defaultView?.getComputedStyle(node2).order ?? \"0\", 10);\r\n        // istanbul ignore next\r\n        if (pane1Order > pane2Order) {\r\n          sizeDelta = -sizeDelta;\r\n        }\r\n\r\n        let newMaxSize = maxSize;\r\n        // istanbul ignore next\r\n        if (typeof maxSize === \"number\" && maxSize !== undefined && maxSize <= 0) {\r\n          if (split === \"vertical\") {\r\n            newMaxSize = splitPaneDiv.getBoundingClientRect().width + maxSize;\r\n          } else {\r\n            newMaxSize = splitPaneDiv.getBoundingClientRect().height + maxSize;\r\n          }\r\n        }\r\n\r\n        let newSize = oldSize - sizeDelta;\r\n        const newPosition = position - positionDelta;\r\n\r\n        // istanbul ignore next\r\n        if (typeof minSize === \"number\" && newSize < minSize) {\r\n          newSize = minSize;\r\n        } else if (typeof newMaxSize === \"number\" && newMaxSize !== undefined && newSize > newMaxSize) {\r\n          newSize = newMaxSize;\r\n        } else {\r\n          setPosition(newPosition);\r\n        }\r\n\r\n        onChange && onChange(newSize);\r\n        setDraggedSize(newSize);\r\n        isPrimaryFirst ? setPane1Size(newSize) : setPane2Size(newSize);\r\n      }\r\n    }\r\n  }, [maxSize, minSize, onChange, position, primary, split, step]);\r\n\r\n  const onTouchMove = React.useCallback((event: TouchEvent) => {\r\n    // istanbul ignore next\r\n    if (!allowResize || !active)\r\n      return;\r\n    processMove(event.touches[0].clientX, event.touches[0].clientY);\r\n  }, [active, allowResize, processMove]);\r\n\r\n  const onMouseMove = React.useCallback((event: MouseEvent) => {\r\n    if (!allowResize || !active)\r\n      return;\r\n    processMove(event.clientX, event.clientY);\r\n  }, [active, allowResize, processMove]);\r\n\r\n  const onMouseDown = React.useCallback((event: MouseEvent) => {\r\n    // istanbul ignore else\r\n    if (allowResize) {\r\n      event.preventDefault();\r\n      initializeDrag(event.clientX, event.clientY);\r\n    }\r\n  }, [allowResize, initializeDrag]);\r\n\r\n  const processResizeFinished = React.useCallback(() => {\r\n    // istanbul ignore else\r\n    if (undefined !== draggedSize && allowResize && active) {\r\n      onDragFinished && onDragFinished(draggedSize);\r\n    }\r\n    setActive(false);\r\n  }, [draggedSize, allowResize, active, onDragFinished]);\r\n\r\n  const onMouseUp = React.useCallback((event: MouseEvent) => {\r\n    event.preventDefault();\r\n    processResizeFinished();\r\n  }, [processResizeFinished]);\r\n\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    const ownerDoc = splitPane.current?.ownerDocument;\r\n    // istanbul ignore next\r\n    if (!ownerDoc)\r\n      return;\r\n\r\n    ownerDoc.addEventListener(\"mouseup\", onMouseUp);\r\n    ownerDoc.addEventListener(\"mousemove\", onMouseMove);\r\n    ownerDoc.addEventListener(\"touchmove\", onTouchMove);\r\n    return () => {\r\n      ownerDoc.removeEventListener(\"mouseup\", onMouseUp);\r\n      ownerDoc.removeEventListener(\"mousemove\", onMouseMove);\r\n      ownerDoc.removeEventListener(\"touchmove\", onTouchMove);\r\n    };\r\n  }, [onMouseMove, onMouseUp, onTouchMove]);\r\n\r\n  return (\r\n    <div\r\n      className={splitPaneClasses}\r\n      ref={splitPane}\r\n      style={splitPaneStyle}\r\n    >\r\n      <Pane\r\n        className={pane1Classes}\r\n        key=\"pane1\"\r\n        eleRef={pane1}\r\n        size={pane1Size}\r\n        split={split}\r\n        style={pane1DivStyle}\r\n      >\r\n        {notNullChildren[0]}\r\n      </Pane>\r\n      <Resizer\r\n        className={resizerClasses}\r\n        onClick={onResizerClick}\r\n        onDoubleClick={onResizerDoubleClick}\r\n        onMouseDown={onMouseDown}\r\n        onTouchStart={onTouchStart}\r\n        onTouchEnd={processResizeFinished}\r\n        key=\"resizer\"\r\n        split={split}\r\n        style={resizerStyle}\r\n      />\r\n      <Pane\r\n        className={pane2Classes}\r\n        key=\"pane2\"\r\n        eleRef={pane2}\r\n        size={pane2Size}\r\n        split={split}\r\n        style={pane2DivStyle}\r\n      >\r\n        {notNullChildren[1]}\r\n      </Pane>\r\n    </div>\r\n  );\r\n}\r\n"]}