kokopu-react 3.0.1 → 3.1.0

package/dist/lib/navigationboard/NavigationBoard.js

@@ -0,0 +1,112 @@
+/*!
+ * -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    Kokopu-React - A React-based library of chess-related components.       *
+ *    <https://www.npmjs.com/package/kokopu-react>                            *
+ *    Copyright (C) 2021-2024  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    Kokopu-React is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    Kokopu-React is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ * -------------------------------------------------------------------------- */
+import * as React from 'react';
+import { Game, Node as GameNode } from 'kokopu';
+import { sanitizeBoolean, sanitizeOptional, sanitizeString } from '../sanitization';
+import { defaultDynamicBoardProps } from '../chessboard/BoardProperties';
+import { Chessboard } from '../chessboard/Chessboard';
+import { parseGame } from '../errorbox/parsing';
+import { NavigationField, firstNodeId, previousNodeId, nextNodeId, lastNodeId } from '../navigationboard/NavigationField';
+import { NavigationToolbar } from './NavigationToolbar';
+/**
+ * Component displaying the positions occurring in a chess game, with navigation buttons to browse these positions.
+ */
+export class NavigationBoard extends React.Component {
+    constructor(props) {
+        super(props);
+        this.navigationFieldRef = React.createRef();
+        this.state = {
+            nodeIdAsUncontrolled: sanitizeString(props.initialNodeId),
+            flippedAsUncontrolled: sanitizeBoolean(props.initialFlipped),
+        };
+    }
+    render() {
+        // Validate the game and game-index attributes.
+        const info = parseGame(this.props.game, this.props.gameIndex, 'NavigationBoard');
+        if (info.error) {
+            return info.errorBox;
+        }
+        // Fetch the current node/variation.
+        const currentNodeId = sanitizeOptional(this.props.nodeId, sanitizeString) ?? this.state.nodeIdAsUncontrolled;
+        const currentNode = info.game.findById(currentNodeId) ?? info.game.mainVariation();
+        // Flip state.
+        const flipped = sanitizeOptional(this.props.flipped, sanitizeBoolean) ?? this.state.flippedAsUncontrolled;
+        return (React.createElement("div", { className: "kokopu-navigationBoard" },
+            this.renderBoard(info.game, currentNode, flipped),
+            this.renderNavigationField(info.game, currentNode.id())));
+    }
+    renderBoard(game, node, flipped) {
+        const position = node instanceof GameNode ? node.positionBefore() : node.initialPosition();
+        const move = node instanceof GameNode ? node.notation() : undefined;
+        return React.createElement(Chessboard, { position: position, move: move, flipped: flipped, squareMarkers: node.tag('csl'), arrowMarkers: node.tag('cal'), textMarkers: node.tag('ctl'), squareSize: this.props.squareSize, coordinateVisible: this.props.coordinateVisible, turnVisible: this.props.turnVisible, colorset: this.props.colorset, pieceset: this.props.pieceset, smallScreenLimits: this.props.smallScreenLimits, moveArrowVisible: this.props.moveArrowVisible, moveArrowColor: this.props.moveArrowColor, animated: this.props.animated, bottomComponent: ({ squareSize }) => this.renderToolbar(game, node.id(), squareSize) });
+    }
+    renderNavigationField(game, currentNodeId) {
+        return React.createElement(NavigationField, { ref: this.navigationFieldRef, onFirstPressed: () => this.handleNavigationButtonClicked(firstNodeId(game, currentNodeId)), onPreviousPressed: () => this.handleNavigationButtonClicked(previousNodeId(game, currentNodeId)), onNextPressed: () => this.handleNavigationButtonClicked(nextNodeId(game, currentNodeId)), onLastPressed: () => this.handleNavigationButtonClicked(lastNodeId(game, currentNodeId)) });
+    }
+    renderToolbar(game, currentNodeId, squareSize) {
+        const flipButtonVisible = sanitizeBoolean(this.props.flipButtonVisible);
+        return React.createElement(NavigationToolbar, { flipButtonVisible: flipButtonVisible, squareSize: squareSize, onFirstClicked: () => this.handleNavigationButtonClicked(firstNodeId(game, currentNodeId)), onPreviousClicked: () => this.handleNavigationButtonClicked(previousNodeId(game, currentNodeId)), onNextClicked: () => this.handleNavigationButtonClicked(nextNodeId(game, currentNodeId)), onLastClicked: () => this.handleNavigationButtonClicked(lastNodeId(game, currentNodeId)), onFlipClicked: () => this.handleFlipButtonClicked() });
+    }
+    handleNavigationButtonClicked(targetNodeId) {
+        this.focus();
+        if (targetNodeId === undefined) {
+            return;
+        }
+        if (this.props.nodeId === undefined) { // uncontrolled-component behavior
+            this.setState({ nodeIdAsUncontrolled: targetNodeId });
+        }
+        else if (this.props.onNodeIdChanged) { // controlled-component behavior
+            this.props.onNodeIdChanged(targetNodeId);
+        }
+    }
+    handleFlipButtonClicked() {
+        this.focus();
+        if (this.props.flipped === undefined) { // uncontrolled flip state
+            this.setState({ flippedAsUncontrolled: !this.state.flippedAsUncontrolled });
+        }
+        else if (this.props.onFlippedChanged) { // controlled flip state
+            this.props.onFlippedChanged(!this.props.flipped);
+        }
+    }
+    /**
+     * Set the focus to the current component.
+     *
+     * @public
+     */
+    focus() {
+        const target = this.navigationFieldRef.current;
+        // istanbul ignore else
+        if (target) {
+            target.focus();
+        }
+    }
+}
+NavigationBoard.defaultProps = {
+    ...defaultDynamicBoardProps(),
+    game: new Game(),
+    gameIndex: 0,
+    initialNodeId: 'start',
+    initialFlipped: false,
+    flipButtonVisible: true,
+};
+//# sourceMappingURL=NavigationBoard.js.map

package/dist/lib/navigationboard/NavigationBoard.js.map

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

package/dist/lib/navigationboard/NavigationField.css

@@ -0,0 +1,36 @@
+/*!
+ * -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    Kokopu-React - A React-based library of chess-related components.       *
+ *    <https://www.npmjs.com/package/kokopu-react>                            *
+ *    Copyright (C) 2021-2024  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    Kokopu-React is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    Kokopu-React is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ * -------------------------------------------------------------------------- */
+
+
+.kokopu-focusFieldContainer {
+	position: fixed;
+	bottom: 0px;
+	right: 0px;
+	width: 0px;
+	height: 0px;
+	overflow: hidden;
+}
+
+.kokopu-focusField {
+	position: absolute; /* see #1 */
+}

package/dist/lib/navigationboard/NavigationField.d.ts

@@ -0,0 +1,81 @@
+/*!
+ * -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    Kokopu-React - A React-based library of chess-related components.       *
+ *    <https://www.npmjs.com/package/kokopu-react>                            *
+ *    Copyright (C) 2021-2024  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    Kokopu-React is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    Kokopu-React is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ * -------------------------------------------------------------------------- */
+import * as React from 'react';
+import { Game } from 'kokopu';
+import './NavigationField.css';
+interface NavigationFieldProps {
+    onFirstPressed?: () => void;
+    onPreviousPressed?: () => void;
+    onNextPressed?: () => void;
+    onLastPressed?: () => void;
+    onExitPressed?: () => void;
+}
+/**
+ * Invisible field, to capture keyboard events.
+ */
+export declare class NavigationField extends React.Component<NavigationFieldProps> {
+    private focusFieldRef;
+    render(): React.JSX.Element;
+    private handleKeyDown;
+    /**
+     * Set the focus to the component.
+     */
+    focus(): void;
+}
+/**
+ * Return the ID of the main variation in the given chess game.
+ * If the given selection corresponds already at the main variation, `undefined` is returned.
+ *
+ * @param game - Considered chess game.
+ * @param selection - ID of the selected move (or `'start'` for the beginning of the main variation).
+ * @public
+ */
+export declare function firstNodeId(game: Game, selection: string): string | undefined;
+/**
+ * Return the ID of the node immediately preceding the given selection in the given chess game.
+ * If no such node exists, `undefined` is returned.
+ *
+ * @param game - Considered chess game.
+ * @param selection - ID of the selected move (or `'start'` for the beginning of the main variation).
+ * @public
+ */
+export declare function previousNodeId(game: Game, selection: string): string | undefined;
+/**
+ * Return the ID of the node immediately following the given selection in the given chess game.
+ * If no such node exists, `undefined` is returned.
+ *
+ * @param game - Considered chess game.
+ * @param selection - ID of the selected move (or `'start'` for the beginning of the main variation).
+ * @public
+ */
+export declare function nextNodeId(game: Game, selection: string): string | undefined;
+/**
+ * Return the ID of the node at then end of the variation in which lies the given selection in the given chess game.
+ * If the selection is already at the end its variation, `undefined` is returned.
+ *
+ * @param game - Considered chess game.
+ * @param selection - ID of the selected move (or `'start'` for the beginning of the main variation).
+ * @public
+ */
+export declare function lastNodeId(game: Game, selection: string): string | undefined;
+export {};

package/dist/lib/navigationboard/NavigationField.js

@@ -0,0 +1,154 @@
+/*!
+ * -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    Kokopu-React - A React-based library of chess-related components.       *
+ *    <https://www.npmjs.com/package/kokopu-react>                            *
+ *    Copyright (C) 2021-2024  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    Kokopu-React is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    Kokopu-React is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ * -------------------------------------------------------------------------- */
+import * as React from 'react';
+import { Variation } from 'kokopu';
+import './NavigationField.css';
+/**
+ * Invisible field, to capture keyboard events.
+ */
+export class NavigationField extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.focusFieldRef = React.createRef();
+    }
+    render() {
+        return (React.createElement("div", { className: "kokopu-focusFieldContainer" },
+            React.createElement("a", { className: "kokopu-focusField", href: "#", ref: this.focusFieldRef, onKeyDown: evt => this.handleKeyDown(evt) })));
+    }
+    handleKeyDown(evt) {
+        /* eslint-disable no-unused-expressions */
+        doHandleKeyDown(evt, 'Home', this.props.onFirstPressed) ||
+            doHandleKeyDown(evt, 'ArrowLeft', this.props.onPreviousPressed) ||
+            doHandleKeyDown(evt, 'ArrowRight', this.props.onNextPressed) ||
+            doHandleKeyDown(evt, 'End', this.props.onLastPressed) ||
+            doHandleKeyDown(evt, 'Escape', this.props.onExitPressed);
+        /* eslint-enable */
+    }
+    /**
+     * Set the focus to the component.
+     */
+    focus() {
+        const target = this.focusFieldRef.current;
+        // istanbul ignore else
+        if (target) {
+            target.focus();
+        }
+    }
+}
+function doHandleKeyDown(evt, targetKey, targetCallback) {
+    // Skip if the pressed key does not match the target key.
+    if (evt.key !== targetKey) {
+        return false;
+    }
+    // Otherwise, invoke the callback.
+    if (targetCallback) {
+        evt.preventDefault();
+        targetCallback();
+    }
+    return true;
+}
+/**
+ * Return the ID of the main variation in the given chess game.
+ * If the given selection corresponds already at the main variation, `undefined` is returned.
+ *
+ * @param game - Considered chess game.
+ * @param selection - ID of the selected move (or `'start'` for the beginning of the main variation).
+ * @public
+ */
+export function firstNodeId(game, selection) {
+    if (!game.findById(selection)) {
+        return undefined;
+    }
+    return selection === 'start' ? undefined : 'start';
+}
+/**
+ * Return the ID of the node immediately preceding the given selection in the given chess game.
+ * If no such node exists, `undefined` is returned.
+ *
+ * @param game - Considered chess game.
+ * @param selection - ID of the selected move (or `'start'` for the beginning of the main variation).
+ * @public
+ */
+export function previousNodeId(game, selection) {
+    let currentNode = game.findById(selection);
+    if (!currentNode) {
+        return undefined;
+    }
+    if (currentNode instanceof Variation) {
+        currentNode = currentNode.parentNode();
+        if (!currentNode) {
+            return undefined; // This case corresponds to the first variation being selected initially.
+        }
+    }
+    while (currentNode) {
+        const previousNode = currentNode.previous();
+        if (previousNode) {
+            return previousNode.id();
+        }
+        currentNode = currentNode.parentVariation().parentNode();
+    }
+    return 'start';
+}
+/**
+ * Return the ID of the node immediately following the given selection in the given chess game.
+ * If no such node exists, `undefined` is returned.
+ *
+ * @param game - Considered chess game.
+ * @param selection - ID of the selected move (or `'start'` for the beginning of the main variation).
+ * @public
+ */
+export function nextNodeId(game, selection) {
+    const currentNode = game.findById(selection);
+    if (!currentNode) {
+        return undefined;
+    }
+    const nextNode = currentNode instanceof Variation ? currentNode.first() : currentNode.next();
+    return nextNode ? nextNode.id() : undefined;
+}
+/**
+ * Return the ID of the node at then end of the variation in which lies the given selection in the given chess game.
+ * If the selection is already at the end its variation, `undefined` is returned.
+ *
+ * @param game - Considered chess game.
+ * @param selection - ID of the selected move (or `'start'` for the beginning of the main variation).
+ * @public
+ */
+export function lastNodeId(game, selection) {
+    let currentNode = game.findById(selection);
+    if (!currentNode) {
+        return undefined;
+    }
+    currentNode = currentNode instanceof Variation ? currentNode.first() : currentNode.next();
+    if (!currentNode) { // Ensure that the input node is not already the last one.
+        return undefined;
+    }
+    let currentNodeNotNull = currentNode;
+    while (true) {
+        const nextNode = currentNodeNotNull.next();
+        if (!nextNode) {
+            return currentNodeNotNull.id();
+        }
+        currentNodeNotNull = nextNode;
+    }
+}
+//# sourceMappingURL=NavigationField.js.map

package/dist/lib/navigationboard/NavigationField.js.map

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

package/dist/lib/navigationboard/NavigationToolbar.css

@@ -0,0 +1,51 @@
+/*!
+ * -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    Kokopu-React - A React-based library of chess-related components.       *
+ *    <https://www.npmjs.com/package/kokopu-react>                            *
+ *    Copyright (C) 2021-2024  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    Kokopu-React is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    Kokopu-React is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ * -------------------------------------------------------------------------- */
+
+
+.kokopu-navigationBoard {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.kokopu-navigationToolbar {
+	line-height: 0px;
+}
+
+.kokopu-navigationButton {
+	display: inline-block;
+	cursor: pointer;
+}
+
+.kokopu-navigationButton:hover {
+	opacity: 0.6;
+}
+
+* + .kokopu-navigationButton {
+	margin-left: 2px;
+}
+
+.kokopu-navigationSpacer {
+	display: inline-block;
+	width: 10px;
+}

package/dist/lib/navigationboard/NavigationToolbar.d.ts

@@ -0,0 +1,41 @@
+/*!
+ * -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    Kokopu-React - A React-based library of chess-related components.       *
+ *    <https://www.npmjs.com/package/kokopu-react>                            *
+ *    Copyright (C) 2021-2024  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    Kokopu-React is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    Kokopu-React is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ * -------------------------------------------------------------------------- */
+import * as React from 'react';
+import './NavigationToolbar.css';
+interface NavigationToolbarProps {
+    flipButtonVisible: boolean;
+    squareSize: number;
+    onFirstClicked?: () => void;
+    onPreviousClicked?: () => void;
+    onNextClicked?: () => void;
+    onLastClicked?: () => void;
+    onFlipClicked?: () => void;
+}
+/**
+ * Toolbar below the navigation board.
+ */
+export declare class NavigationToolbar extends React.Component<NavigationToolbarProps> {
+    render(): React.JSX.Element;
+    private renderFlipButton;
+}
+export {};

package/dist/lib/navigationboard/NavigationToolbar.js

@@ -0,0 +1,124 @@
+/*!
+ * -------------------------------------------------------------------------- *
+ *                                                                            *
+ *    Kokopu-React - A React-based library of chess-related components.       *
+ *    <https://www.npmjs.com/package/kokopu-react>                            *
+ *    Copyright (C) 2021-2024  Yoann Le Montagner <yo35 -at- melix.net>       *
+ *                                                                            *
+ *    Kokopu-React is free software: you can redistribute it and/or           *
+ *    modify it under the terms of the GNU Lesser General Public License      *
+ *    as published by the Free Software Foundation, either version 3 of       *
+ *    the License, or (at your option) any later version.                     *
+ *                                                                            *
+ *    Kokopu-React is distributed in the hope that it will be useful,         *
+ *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
+ *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the            *
+ *    GNU Lesser General Public License for more details.                     *
+ *                                                                            *
+ *    You should have received a copy of the GNU Lesser General               *
+ *    Public License along with this program. If not, see                     *
+ *    <http://www.gnu.org/licenses/>.                                         *
+ *                                                                            *
+ * -------------------------------------------------------------------------- */
+import * as React from 'react';
+import { i18n } from '../i18n';
+import './NavigationToolbar.css';
+const THICKNESS = 2;
+const CHEVRON_SIZE = 7;
+const ARROW_SIZE = 5;
+const ARROW_LENGTH = 16;
+/**
+ * Toolbar below the navigation board.
+ */
+export class NavigationToolbar extends React.Component {
+    render() {
+        const buttonSize = computeButtonSize(this.props.squareSize);
+        const marginTop = Math.round(buttonSize / 4);
+        return (React.createElement("div", { className: "kokopu-navigationToolbar", style: { marginTop: marginTop } },
+            React.createElement(NavigationButton, { size: buttonSize, tooltip: i18n.TOOLTIP_GO_FIRST, path: chevronPath(14, 16, -1) + ' ' + chevronPath(10, 16, -1), onClick: this.props.onFirstClicked }),
+            React.createElement(NavigationButton, { size: buttonSize, tooltip: i18n.TOOLTIP_GO_PREVIOUS, path: chevronPath(12, 16, -1), onClick: this.props.onPreviousClicked }),
+            React.createElement(NavigationButton, { size: buttonSize, tooltip: i18n.TOOLTIP_GO_NEXT, path: chevronPath(20, 16, 1), onClick: this.props.onNextClicked }),
+            React.createElement(NavigationButton, { size: buttonSize, tooltip: i18n.TOOLTIP_GO_LAST, path: chevronPath(18, 16, 1) + ' ' + chevronPath(22, 16, 1), onClick: this.props.onLastClicked }),
+            this.renderFlipButton(buttonSize)));
+    }
+    renderFlipButton(buttonSize) {
+        if (!this.props.flipButtonVisible) {
+            return undefined;
+        }
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "kokopu-navigationSpacer" }),
+            React.createElement(NavigationButton, { size: buttonSize, tooltip: i18n.TOOLTIP_FLIP, path: arrowPath(11, 25, 1) + ' ' + arrowPath(21, 7, -1), onClick: this.props.onFlipClicked })));
+    }
+}
+/**
+ * Button for the navigation toolbar.
+ */
+function NavigationButton({ size, tooltip, path, onClick }) {
+    return (React.createElement("div", { className: "kokopu-navigationButton", title: tooltip, onClick: onClick },
+        React.createElement("svg", { viewBox: "0 0 32 32", width: size, height: size },
+            React.createElement("path", { d: `M 16 0 A 16 16 0 0 0 16 32 A 16 16 0 0 0 16 0 Z ${path}`, fill: "currentcolor" }))));
+}
+/**
+ *      * C
+ *     / \
+ *  B *   \
+ *     \   \
+ *      \   \
+ *     A *   * D
+ *      /   /
+ *     /   /
+ *  F *   /
+ *     \ /
+ *      * E
+ *
+ * (x,y) = middle of [AD]
+ */
+function chevronPath(x, y, direction) {
+    const xA = x - direction * THICKNESS * Math.sqrt(2) / 2;
+    const xB = x - direction * (CHEVRON_SIZE + THICKNESS / Math.sqrt(2) / 2);
+    const xC = x - direction * (CHEVRON_SIZE - THICKNESS / Math.sqrt(2) / 2);
+    const xD = x + direction * THICKNESS * Math.sqrt(2) / 2;
+    const yB = y - direction * (CHEVRON_SIZE - THICKNESS / Math.sqrt(2) / 2);
+    const yC = y - direction * (CHEVRON_SIZE + THICKNESS / Math.sqrt(2) / 2);
+    const yE = y + direction * (CHEVRON_SIZE + THICKNESS / Math.sqrt(2) / 2);
+    const yF = y + direction * (CHEVRON_SIZE - THICKNESS / Math.sqrt(2) / 2);
+    return `M ${xA} ${y} L ${xB} ${yB} L ${xC} ${yC} L ${xD} ${y} L ${xC} ${yE} L ${xB} ${yF} Z`;
+}
+/**
+ *      D +---+ E
+ *        |   |
+ *        |   |
+ *        |   |
+ *   B *  |   |  * G
+ *    / \ |   | / \
+ * A *   \|   |/   * H
+ *    \   *   *   /
+ *     \  C   F  /
+ *      \   O   /
+ *       \  *  /
+ *        \   /
+ *         \ /
+ *          *
+ *        (x,y)
+ */
+function arrowPath(x, y, direction) {
+    const xA = x - direction * (ARROW_SIZE + THICKNESS / Math.sqrt(2) / 2);
+    const xB = x - direction * (ARROW_SIZE - THICKNESS / Math.sqrt(2) / 2);
+    const xC = x - direction * THICKNESS / 2;
+    const xF = x + direction * THICKNESS / 2;
+    const xG = x + direction * (ARROW_SIZE - THICKNESS / Math.sqrt(2) / 2);
+    const xH = x + direction * (ARROW_SIZE + THICKNESS / Math.sqrt(2) / 2);
+    const y0 = y - direction * THICKNESS * Math.sqrt(2) / 2;
+    const yA = y0 - direction * (ARROW_SIZE - THICKNESS / Math.sqrt(2) / 2);
+    const yB = y0 - direction * (ARROW_SIZE + THICKNESS / Math.sqrt(2) / 2);
+    const yC = yB + (xC - xB);
+    const yD = y - direction * ARROW_LENGTH;
+    return `M ${x} ${y} L ${xA} ${yA} L ${xB} ${yB} L ${xC} ${yC} V ${yD} H ${xF} V ${yC} L ${xG} ${yB} L ${xH} ${yA} Z`;
+}
+/**
+ * Return the height/width of the buttons assuming the given square size.
+ */
+function computeButtonSize(squareSize) {
+    return Math.round((squareSize * 2 + 116) / 7);
+}
+//# sourceMappingURL=NavigationToolbar.js.map

package/dist/lib/navigationboard/NavigationToolbar.js.map

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