@itwin/imodel-components-react 4.1.0 → 4.2.0

package/lib/esm/imodel-components-react/navigationaids/Cube.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cube.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/navigationaids/Cube.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,oBAAY,IAAI;IACd,IAAI,KAAK;IACT,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,WAAW;IACrF,KAAK,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAC3C,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED;;GAEG;AACH,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;IACtC,MAAM,IAAI,KAAK,CAAC,SAAS;CAmB1C;AAED,gBAAgB;AAChB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC;IAC5E,SAAS,EAAE,QAAQ,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,gBAAgB;AAChB,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC1D,OAAO,CAAC,UAAU,CAAa;IACf,MAAM,IAAI,KAAK,CAAC,SAAS;IA2DzC,OAAO,CAAC,uBAAuB;CAShC"}
+{"version":3,"file":"Cube.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/navigationaids/Cube.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,oBAAY,IAAI;IACd,IAAI,KAAK;IACT,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAC7C,WAAW;IACb,KAAK,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAC3C,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED;;GAEG;AACH,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;IACtC,MAAM,IAAI,KAAK,CAAC,SAAS;CA0B1C;AAED,gBAAgB;AAChB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC;IAC5E,SAAS,EAAE,QAAQ,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,gBAAgB;AAChB,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC1D,OAAO,CAAC,UAAU,CAAa;IACf,MAAM,IAAI,KAAK,CAAC,SAAS;IAoFzC,OAAO,CAAC,uBAAuB;CAQhC"}

package/lib/esm/imodel-components-react/navigationaids/Cube.js

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Cube
  */
@@ -28,8 +28,14 @@ export var Face;
 export class Cube extends React.PureComponent {
     render() {
         const { faces, rotMatrix, className, ...props } = this.props;
-        return (React.createElement("div", { className: classnames("components-cube-css3d", className), "data-testid": "components-cube", ...props }, [Face.Front, Face.Back, Face.Right, Face.Left, Face.Top, Face.Bottom]
-            .map((face) => {
+        return (React.createElement("div", { className: classnames("components-cube-css3d", className), "data-testid": "components-cube", ...props }, [
+            Face.Front,
+            Face.Back,
+            Face.Right,
+            Face.Left,
+            Face.Top,
+            Face.Bottom,
+        ].map((face) => {
             const content = faces && faces[face];
             return (React.createElement(CubeFace, { key: face, rotMatrix: rotMatrix, face: face }, content));
         })));
@@ -76,19 +82,33 @@ export class CubeFace extends React.Component {
         const vect = repositioned.multiplyXYZ(0, 0, this._faceWidth);
         const m = repositioned.multiplyMatrixMatrix(reorient);
         const list = [
-            m.at(0, 0), -m.at(1, 0), m.at(2, 0), 0,
-            m.at(0, 1), -m.at(1, 1), m.at(2, 1), 0,
-            m.at(0, 2), -m.at(1, 2), m.at(2, 2), 0,
-            vect.at(0), -vect.at(1), vect.at(2) - this._faceWidth /* move back faceWidth so face is on screen level */, 1,
+            m.at(0, 0),
+            -m.at(1, 0),
+            m.at(2, 0),
+            0,
+            m.at(0, 1),
+            -m.at(1, 1),
+            m.at(2, 1),
+            0,
+            m.at(0, 2),
+            -m.at(1, 2),
+            m.at(2, 2),
+            0,
+            vect.at(0),
+            -vect.at(1),
+            vect.at(2) -
+                this._faceWidth /* move back faceWidth so face is on screen level */,
+            1,
         ];
         const transform = `matrix3d(${list.join(", ")})`;
         const s = {
             transform,
-            // eslint-disable-next-line @typescript-eslint/naming-convention
             WebkitTransform: transform,
             ...style,
         };
-        return (React.createElement("div", { style: s, "data-testid": `components-cube-face-${face}`, className: classes, ref: (e) => { this._faceWidth = (e && e.clientWidth / 2) || 0; }, ...props }, children));
+        return (React.createElement("div", { style: s, "data-testid": `components-cube-face-${face}`, className: classes, ref: (e) => {
+                this._faceWidth = (e && e.clientWidth / 2) || 0;
+            }, ...props }, children));
     }
     getCSSClassNameFromFace(face) {
         let className = "";

package/lib/esm/imodel-components-react/navigationaids/Cube.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cube.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/navigationaids/Cube.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 Cube\r\n */\r\n\r\nimport \"./Cube.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Matrix3d } from \"@itwin/core-geometry\";\r\nimport type { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Cube Face enumeration\r\n * @public\r\n */\r\nexport enum Face {\r\n  None = \"\",\r\n  Left = \"left\",\r\n  Right = \"right\",\r\n  Back = \"back\",\r\n  Front = \"front\",\r\n  Bottom = \"bottom\",\r\n  Top = \"top\",\r\n}\r\n\r\n/** Properties for the [[Cube]] React component\r\n * @public\r\n */\r\nexport interface CubeProps extends React.AllHTMLAttributes<HTMLDivElement>, CommonProps {\r\n  faces?: { [key: string]: React.ReactNode };\r\n  rotMatrix: Matrix3d;\r\n}\r\n\r\n/** Cube React component used by the 3d Cube Navigation Aid\r\n * @public\r\n */\r\nexport class Cube extends React.PureComponent<CubeProps> {\r\n  public override render(): React.ReactNode {\r\n    const { faces, rotMatrix, className, ...props } = this.props;\r\n    return (\r\n      <div className={classnames(\"components-cube-css3d\", className)} data-testid=\"components-cube\" {...props}>\r\n        {[Face.Front, Face.Back, Face.Right, Face.Left, Face.Top, Face.Bottom]\r\n          .map((face: Face) => {\r\n            const content = faces && faces[face];\r\n            return (\r\n              <CubeFace\r\n                key={face}\r\n                rotMatrix={rotMatrix}\r\n                face={face}>\r\n                {content}\r\n              </CubeFace>\r\n            );\r\n          })}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport interface CubeFaceProps extends React.AllHTMLAttributes<HTMLDivElement> {\r\n  rotMatrix: Matrix3d;\r\n  face: Face;\r\n}\r\n\r\n/** @internal */\r\nexport class CubeFace extends React.Component<CubeFaceProps> {\r\n  private _faceWidth: number = 0;\r\n  public override render(): React.ReactNode {\r\n    const { rotMatrix, face, style, children, ...props } = this.props;\r\n    if (face === Face.None)\r\n      return null;\r\n    const classes = classnames(\"face\", this.getCSSClassNameFromFace(face));\r\n    // orient face (flip because of y axis reversal, rotate as necessary)\r\n    let reorient: Matrix3d = Matrix3d.createRowValues(1, 0, 0, 0, -1, 0, 0, 0, 1);\r\n    // Position face correctly (applies to rotation, as well as translation)\r\n    let reposition: Matrix3d = Matrix3d.createIdentity();\r\n    switch (this.props.face) {\r\n      case Face.Bottom:\r\n        reposition = Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, -1);\r\n        reorient = Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, 1);\r\n        break;\r\n      case Face.Right:\r\n        reposition = Matrix3d.createRowValues(0, 0, 1, 0, 1, 0, -1, 0, 0);\r\n        reorient = Matrix3d.createRowValues(0, 1, 0, 1, 0, 0, 0, 0, 1);\r\n        break;\r\n      case Face.Left:\r\n        reposition = Matrix3d.createRowValues(0, 0, -1, 0, 1, 0, 1, 0, 0);\r\n        reorient = Matrix3d.createRowValues(0, -1, 0, -1, 0, 0, 0, 0, 1);\r\n        break;\r\n      case Face.Back:\r\n        reposition = Matrix3d.createRowValues(1, 0, 0, 0, 0, 1, 0, -1, 0);\r\n        reorient = Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, 1);\r\n        break;\r\n      case Face.Front:\r\n        reposition = Matrix3d.createRowValues(1, 0, 0, 0, 0, -1, 0, 1, 0);\r\n        reorient = Matrix3d.createRowValues(1, 0, 0, 0, -1, 0, 0, 0, 1);\r\n        break;\r\n    }\r\n    const repositioned = rotMatrix.multiplyMatrixMatrix(reposition);\r\n    const vect = repositioned.multiplyXYZ(0, 0, this._faceWidth);\r\n    const m = repositioned.multiplyMatrixMatrix(reorient);\r\n    const list = [\r\n      m.at(0, 0), -m.at(1, 0), m.at(2, 0), 0,\r\n      m.at(0, 1), -m.at(1, 1), m.at(2, 1), 0,\r\n      m.at(0, 2), -m.at(1, 2), m.at(2, 2), 0,\r\n      vect.at(0), -vect.at(1), vect.at(2) - this._faceWidth /* move back faceWidth so face is on screen level */, 1,\r\n    ];\r\n    const transform = `matrix3d(${list.join(\", \")})`;\r\n    const s: React.CSSProperties = {\r\n      transform,\r\n      // eslint-disable-next-line @typescript-eslint/naming-convention\r\n      WebkitTransform: transform,\r\n      ...style,\r\n    };\r\n\r\n    return (\r\n      <div style={s}\r\n        data-testid={`components-cube-face-${face}`}\r\n        className={classes}\r\n        ref={(e) => { this._faceWidth = (e && e.clientWidth / 2) || 0; }}\r\n        {...props}>\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private getCSSClassNameFromFace(face: Face): string {\r\n    let className = \"\";\r\n\r\n    // istanbul ignore else\r\n    if (face !== Face.None)\r\n      className = `cube-${face}`;\r\n\r\n    return className;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"Cube.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/navigationaids/Cube.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Cube\n */\n\nimport \"./Cube.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Matrix3d } from \"@itwin/core-geometry\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Cube Face enumeration\n * @public\n */\nexport enum Face {\n  None = \"\",\n  Left = \"left\",\n  Right = \"right\",\n  Back = \"back\",\n  Front = \"front\",\n  Bottom = \"bottom\",\n  Top = \"top\",\n}\n\n/** Properties for the [[Cube]] React component\n * @public\n */\nexport interface CubeProps\n  extends React.AllHTMLAttributes<HTMLDivElement>,\n    CommonProps {\n  faces?: { [key: string]: React.ReactNode };\n  rotMatrix: Matrix3d;\n}\n\n/** Cube React component used by the 3d Cube Navigation Aid\n * @public\n */\nexport class Cube extends React.PureComponent<CubeProps> {\n  public override render(): React.ReactNode {\n    const { faces, rotMatrix, className, ...props } = this.props;\n    return (\n      <div\n        className={classnames(\"components-cube-css3d\", className)}\n        data-testid=\"components-cube\"\n        {...props}\n      >\n        {[\n          Face.Front,\n          Face.Back,\n          Face.Right,\n          Face.Left,\n          Face.Top,\n          Face.Bottom,\n        ].map((face: Face) => {\n          const content = faces && faces[face];\n          return (\n            <CubeFace key={face} rotMatrix={rotMatrix} face={face}>\n              {content}\n            </CubeFace>\n          );\n        })}\n      </div>\n    );\n  }\n}\n\n/** @internal */\nexport interface CubeFaceProps extends React.AllHTMLAttributes<HTMLDivElement> {\n  rotMatrix: Matrix3d;\n  face: Face;\n}\n\n/** @internal */\nexport class CubeFace extends React.Component<CubeFaceProps> {\n  private _faceWidth: number = 0;\n  public override render(): React.ReactNode {\n    const { rotMatrix, face, style, children, ...props } = this.props;\n    if (face === Face.None) return null;\n    const classes = classnames(\"face\", this.getCSSClassNameFromFace(face));\n    // orient face (flip because of y axis reversal, rotate as necessary)\n    let reorient: Matrix3d = Matrix3d.createRowValues(\n      1,\n      0,\n      0,\n      0,\n      -1,\n      0,\n      0,\n      0,\n      1\n    );\n    // Position face correctly (applies to rotation, as well as translation)\n    let reposition: Matrix3d = Matrix3d.createIdentity();\n    switch (this.props.face) {\n      case Face.Bottom:\n        reposition = Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, -1);\n        reorient = Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, 1);\n        break;\n      case Face.Right:\n        reposition = Matrix3d.createRowValues(0, 0, 1, 0, 1, 0, -1, 0, 0);\n        reorient = Matrix3d.createRowValues(0, 1, 0, 1, 0, 0, 0, 0, 1);\n        break;\n      case Face.Left:\n        reposition = Matrix3d.createRowValues(0, 0, -1, 0, 1, 0, 1, 0, 0);\n        reorient = Matrix3d.createRowValues(0, -1, 0, -1, 0, 0, 0, 0, 1);\n        break;\n      case Face.Back:\n        reposition = Matrix3d.createRowValues(1, 0, 0, 0, 0, 1, 0, -1, 0);\n        reorient = Matrix3d.createRowValues(-1, 0, 0, 0, 1, 0, 0, 0, 1);\n        break;\n      case Face.Front:\n        reposition = Matrix3d.createRowValues(1, 0, 0, 0, 0, -1, 0, 1, 0);\n        reorient = Matrix3d.createRowValues(1, 0, 0, 0, -1, 0, 0, 0, 1);\n        break;\n    }\n    const repositioned = rotMatrix.multiplyMatrixMatrix(reposition);\n    const vect = repositioned.multiplyXYZ(0, 0, this._faceWidth);\n    const m = repositioned.multiplyMatrixMatrix(reorient);\n    const list = [\n      m.at(0, 0),\n      -m.at(1, 0),\n      m.at(2, 0),\n      0,\n      m.at(0, 1),\n      -m.at(1, 1),\n      m.at(2, 1),\n      0,\n      m.at(0, 2),\n      -m.at(1, 2),\n      m.at(2, 2),\n      0,\n      vect.at(0),\n      -vect.at(1),\n      vect.at(2) -\n        this._faceWidth /* move back faceWidth so face is on screen level */,\n      1,\n    ];\n    const transform = `matrix3d(${list.join(\", \")})`;\n    const s: React.CSSProperties = {\n      transform,\n      WebkitTransform: transform,\n      ...style,\n    };\n\n    return (\n      <div\n        style={s}\n        data-testid={`components-cube-face-${face}`}\n        className={classes}\n        ref={(e) => {\n          this._faceWidth = (e && e.clientWidth / 2) || 0;\n        }}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  private getCSSClassNameFromFace(face: Face): string {\n    let className = \"\";\n\n    // istanbul ignore else\n    if (face !== Face.None) className = `cube-${face}`;\n\n    return className;\n  }\n}\n"]}

package/lib/esm/imodel-components-react/navigationaids/Cube.scss

@@ -1,19 +1,19 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-$cube-width: 128px;
-$cube-side-width: 12px;
-
-.components-cube-css3d {
-  width: $cube-width;
-  height: $cube-width;
-  perspective: 300px;
-  transform-style: preserve-3d;
-  .face {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    backface-visibility: inherit;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+$cube-width: 128px;
+$cube-side-width: 12px;
+
+.components-cube-css3d {
+  width: $cube-width;
+  height: $cube-width;
+  perspective: 300px;
+  transform-style: preserve-3d;
+  .face {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    backface-visibility: inherit;
+  }
+}

package/lib/esm/imodel-components-react/navigationaids/CubeNavigationAid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CubeNavigationAid.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/navigationaids/CubeNavigationAid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CubeNavigationAid.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/navigationaids/CubeNavigationAid.tsx"],"names":[],"mappings":"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"}

package/lib/esm/imodel-components-react/navigationaids/CubeNavigationAid.js

@@ -1,20 +1,20 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module NavigationAids
  */
 import "./CubeNavigationAid.scss";
 import classnames from "classnames";
 import * as React from "react";
-import { Angle, AxisIndex, AxisOrder, Geometry, Matrix3d, Point2d, Vector2d, Vector3d } from "@itwin/core-geometry";
+import { Angle, AxisIndex, AxisOrder, Geometry, Matrix3d, Point2d, Vector2d, Vector3d, } from "@itwin/core-geometry";
 import { IModelApp } from "@itwin/core-frontend";
 import { Icon } from "@itwin/core-react";
 import { UiIModelComponents } from "../UiIModelComponents";
 import { ViewportComponentEvents } from "../viewport/ViewportComponentEvents";
 import { Cube, Face } from "./Cube";
-import { SvgCaretDown, SvgCaretLeft, SvgCaretRight, SvgCaretUp } from "@itwin/itwinui-icons-react";
+import { SvgCaretDown, SvgCaretLeft, SvgCaretRight, SvgCaretUp, } from "@itwin/itwinui-icons-react";
 /** @public */
 export var CubeNavigationHitBoxX;
 (function (CubeNavigationHitBoxX) {
@@ -54,12 +54,42 @@ const cubeNavigationFaceRotations = {
 };
 // data relating Up/Down/Left/Right directions relative to every surface
 const cubeNavigationRoutes = {
-    [Face.Front]: { up: Face.Top, down: Face.Bottom, left: Face.Left, right: Face.Right },
-    [Face.Back]: { up: Face.Top, down: Face.Bottom, left: Face.Right, right: Face.Left },
-    [Face.Top]: { up: Face.Back, down: Face.Front, left: Face.Left, right: Face.Right },
-    [Face.Bottom]: { up: Face.Front, down: Face.Back, left: Face.Left, right: Face.Right },
-    [Face.Right]: { up: Face.Top, down: Face.Bottom, left: Face.Front, right: Face.Back },
-    [Face.Left]: { up: Face.Top, down: Face.Bottom, left: Face.Back, right: Face.Front },
+    [Face.Front]: {
+        up: Face.Top,
+        down: Face.Bottom,
+        left: Face.Left,
+        right: Face.Right,
+    },
+    [Face.Back]: {
+        up: Face.Top,
+        down: Face.Bottom,
+        left: Face.Right,
+        right: Face.Left,
+    },
+    [Face.Top]: {
+        up: Face.Back,
+        down: Face.Front,
+        left: Face.Left,
+        right: Face.Right,
+    },
+    [Face.Bottom]: {
+        up: Face.Front,
+        down: Face.Back,
+        left: Face.Left,
+        right: Face.Right,
+    },
+    [Face.Right]: {
+        up: Face.Top,
+        down: Face.Bottom,
+        left: Face.Front,
+        right: Face.Back,
+    },
+    [Face.Left]: {
+        up: Face.Top,
+        down: Face.Bottom,
+        left: Face.Back,
+        right: Face.Front,
+    },
 };
 /** The default tolerance (1.0e-6) is appropriate if very dirty viewing operations are expected. */
 const DEFAULT_TOLERANCE = 1.0e-6;
@@ -102,7 +132,12 @@ class CubeNavigationAid extends React.Component {
             if (this.props.viewport === args.viewport && animation >= 1 && !dragging) {
                 const newMatrix = this.props.viewport.view.getRotation().clone();
                 if (!endRotMatrix.isAlmostEqual(newMatrix)) {
-                    this.setState({ startRotMatrix: newMatrix, endRotMatrix: newMatrix, animation: 1, face: Face.None });
+                    this.setState({
+                        startRotMatrix: newMatrix,
+                        endRotMatrix: newMatrix,
+                        animation: 1,
+                        face: Face.None,
+                    });
                 }
             }
         };
@@ -111,7 +146,10 @@ class CubeNavigationAid extends React.Component {
             const delta = this._lastTime ? t - this._lastTime : 16;
             this._lastTime = t;
             if (this.state.animation !== 1) {
-                const animation = Math.min(1, this.state.animation + delta / (1000 * (this.props.animationTime || /* istanbul ignore next */ 0.4)));
+                const animation = Math.min(1, this.state.animation +
+                    delta /
+                        (1000 *
+                            (this.props.animationTime || /* istanbul ignore next */ 0.4)));
                 // istanbul ignore next
                 if (this._mounted) {
                     this.setState({ animation }, () => {
@@ -137,9 +175,8 @@ class CubeNavigationAid extends React.Component {
             }
         };
         this._handleCellHoverChange = (vect, state) => {
-            var _a, _b;
             if (this._isInteractionLocked()) {
-                (_b = (_a = this.props).onAnimationEnd) === null || _b === void 0 ? void 0 : _b.call(_a);
+                this.props.onAnimationEnd?.();
                 return;
             }
             const hoverMap = this.state.hoverMap;
@@ -148,16 +185,16 @@ class CubeNavigationAid extends React.Component {
         };
         this._isInteractionLocked = () => {
             // Locked by markup
-            if (undefined !== this.props.viewport && this.props.viewport === IModelApp.toolAdmin.markupView) {
+            if (undefined !== this.props.viewport &&
+                this.props.viewport === IModelApp.toolAdmin.markupView) {
                 return true;
             }
             return false;
         };
         this._onArrowClick = (arrow) => {
-            var _a, _b;
             if (this._isInteractionLocked()) {
                 // istanbul ignore next
-                (_b = (_a = this.props).onAnimationEnd) === null || _b === void 0 ? void 0 : _b.call(_a);
+                this.props.onAnimationEnd?.();
                 return;
             }
             const { newRotation, face } = this.getArrowRotationAndFace(arrow);
@@ -165,9 +202,8 @@ class CubeNavigationAid extends React.Component {
         };
         this._lastClientXY = Vector2d.createZero();
         this._handleBoxMouseDown = (event) => {
-            var _a, _b;
             if (this._isInteractionLocked()) {
-                (_b = (_a = this.props).onAnimationEnd) === null || _b === void 0 ? void 0 : _b.call(_a);
+                this.props.onAnimationEnd?.();
                 return;
             }
             event.preventDefault();
@@ -192,9 +228,8 @@ class CubeNavigationAid extends React.Component {
         };
         // istanbul ignore next - unable to test touch
         this._handleBoxTouchStart = (event) => {
-            var _a, _b;
             if (this._isInteractionLocked()) {
-                (_b = (_a = this.props).onAnimationEnd) === null || _b === void 0 ? void 0 : _b.call(_a);
+                this.props.onAnimationEnd?.();
                 return;
             }
             if (1 !== event.targetTouches.length)
@@ -223,9 +258,8 @@ class CubeNavigationAid extends React.Component {
             window.removeEventListener("touchend", this._onTouchEnd);
         };
         this._handleFaceCellClick = (pos, face) => {
-            var _a, _b;
             if (this._isInteractionLocked()) {
-                (_b = (_a = this.props).onAnimationEnd) === null || _b === void 0 ? void 0 : _b.call(_a);
+                this.props.onAnimationEnd?.();
                 return;
             }
             const { endRotMatrix } = this.state;
@@ -233,13 +267,14 @@ class CubeNavigationAid extends React.Component {
             // istanbul ignore else
             if (rotMatrix) {
                 // if isMatrixFace and user is clicking on top/bottom, the current matrix face must be top or bottom
-                if (!CubeNavigationAid._isMatrixFace(endRotMatrix) && (face === Face.Top || face === Face.Bottom)) {
+                if (!CubeNavigationAid._isMatrixFace(endRotMatrix) &&
+                    (face === Face.Top || face === Face.Bottom)) {
                     const angleAxis = endRotMatrix.getAxisAndAngleOfRotation();
                     // istanbul ignore else
                     if (angleAxis.ok) {
                         const xAx = endRotMatrix.columnX();
                         const a = Math.atan2(xAx.y, xAx.x);
-                        const r = Math.round(a * 2 / Math.PI) * Math.PI / 2; // round to quarter turn intervals
+                        const r = (Math.round((a * 2) / Math.PI) * Math.PI) / 2; // round to quarter turn intervals
                         const rot = Matrix3d.createRotationAroundAxisIndex(AxisIndex.Z, Angle.createRadians(r));
                         rotMatrix = rot.multiplyMatrixMatrix(rotMatrix);
                     }
@@ -254,7 +289,8 @@ class CubeNavigationAid extends React.Component {
             // set animation variables, let css transitions animate it.
             this._animationFrame = setTimeout(this._animation, 16.667);
             this.setState((prevState) => ({
-                startRotMatrix: prevState.endRotMatrix, endRotMatrix,
+                startRotMatrix: prevState.endRotMatrix,
+                endRotMatrix,
                 animation: 0,
                 face,
             }));
@@ -277,7 +313,11 @@ class CubeNavigationAid extends React.Component {
         // set initial rotation
         if (this.props.viewport) {
             const newMatrix = this.props.viewport.view.getRotation().clone();
-            this.setState({ startRotMatrix: newMatrix, endRotMatrix: newMatrix, animation: 1 });
+            this.setState({
+                startRotMatrix: newMatrix,
+                endRotMatrix: newMatrix,
+                animation: 1,
+            });
         }
     }
     /** @internal */
@@ -298,8 +338,7 @@ class CubeNavigationAid extends React.Component {
             if (this._labels.hasOwnProperty(key)) {
                 const f = key;
                 const label = this._labels[f];
-                faces[f] =
-                    React.createElement(NavCubeFace, { face: f, label: label, hoverMap: this.state.hoverMap, onFaceCellClick: this._handleFaceCellClick, onFaceCellHoverChange: this._handleCellHoverChange });
+                faces[f] = (React.createElement(NavCubeFace, { face: f, label: label, hoverMap: this.state.hoverMap, onFaceCellClick: this._handleFaceCellClick, onFaceCellHoverChange: this._handleCellHoverChange }));
             }
         }
         const cubeClassNames = classnames("nav-cube", this.state.dragging && "cube-dragging");
@@ -409,7 +448,9 @@ class CubeNavigationAid extends React.Component {
             const pitch = Angle.createRadians(diff.y);
             const matX = Matrix3d.createRotationAroundAxisIndex(AxisIndex.X, pitch);
             const matZ = Matrix3d.createRotationAroundAxisIndex(AxisIndex.Z, yaw);
-            const mat = matX.multiplyMatrixMatrix(this.state.startRotMatrix).multiplyMatrixMatrix(matZ);
+            const mat = matX
+                .multiplyMatrixMatrix(this.state.startRotMatrix)
+                .multiplyMatrixMatrix(matZ);
             this._setRotation(mat, CubeNavigationAid._getMatrixFace(mat));
             if (!this.state.dragging)
                 this.setState({ dragging: true });
@@ -417,7 +458,7 @@ class CubeNavigationAid extends React.Component {
         this._lastClientXY = mousePos;
     }
 }
-CubeNavigationAid._animationFn = (t) => t < .5 ? 2 * t ** 2 : -1 + (4 - 2 * t) * t;
+CubeNavigationAid._animationFn = (t) => t < 0.5 ? 2 * t ** 2 : -1 + (4 - 2 * t) * t;
 CubeNavigationAid._isMatrixFace = (matrix) => {
     let sum = 0;
     for (const coff of matrix.coffs) {
@@ -438,8 +479,10 @@ CubeNavigationAid._getMatrixFace = (rotMatrix) => {
         rotMatrix.coffs[8] === cubeNavigationFaceRotations[Face.Top].coffs[8])
         return Face.Top;
     // istanbul ignore else
-    if (rotMatrix.coffs[6] === cubeNavigationFaceRotations[Face.Bottom].coffs[6] &&
-        rotMatrix.coffs[7] === cubeNavigationFaceRotations[Face.Bottom].coffs[7] &&
+    if (rotMatrix.coffs[6] ===
+        cubeNavigationFaceRotations[Face.Bottom].coffs[6] &&
+        rotMatrix.coffs[7] ===
+            cubeNavigationFaceRotations[Face.Bottom].coffs[7] &&
         rotMatrix.coffs[8] === cubeNavigationFaceRotations[Face.Bottom].coffs[8])
         return Face.Bottom;
     // istanbul ignore else
@@ -490,7 +533,9 @@ export { CubeNavigationAid };
 class NavCubeFace extends React.Component {
     includeCell(vector) {
         const { x, y, z } = vector;
-        const omittedCell = (y === 0 && x !== 0 && z !== 0) || (y !== 0 && x === 0 && z !== 0) || (y !== 0 && x !== 0 && z === 0);
+        const omittedCell = (y === 0 && x !== 0 && z !== 0) ||
+            (y !== 0 && x === 0 && z !== 0) ||
+            (y !== 0 && x !== 0 && z === 0);
         return !omittedCell;
     }
     render() {
@@ -500,8 +545,7 @@ class NavCubeFace extends React.Component {
                 const vector = NavCubeFace.faceCellToPos(face, x, y);
                 if (this.includeCell(vector)) {
                     // return a fully functional cell
-                    return (React.createElement(FaceCell, { key: x, onFaceCellHoverChange: onFaceCellHoverChange, onFaceCellClick: onFaceCellClick, hoverMap: hoverMap, vector: vector, face: face, center: x === 0 }, x === 0 && y === 0 &&
-                        label));
+                    return (React.createElement(FaceCell, { key: x, onFaceCellHoverChange: onFaceCellHoverChange, onFaceCellClick: onFaceCellClick, hoverMap: hoverMap, vector: vector, face: face, center: x === 0 }, x === 0 && y === 0 && label));
                 }
                 else {
                     // return a placeholder cell
@@ -515,9 +559,13 @@ NavCubeFace.faceCellToPos = (face, x, y) => {
     const faceVect = cubeNavigationFaceLocs[face];
     const route = cubeNavigationRoutes[face];
     const faceX = x < 0 ? route.left : x > 0 ? route.right : Face.None;
-    const xVect = faceX !== Face.None ? cubeNavigationFaceLocs[faceX] : Vector3d.createZero();
+    const xVect = faceX !== Face.None
+        ? cubeNavigationFaceLocs[faceX]
+        : Vector3d.createZero();
     const faceY = y < 0 ? route.up : y > 0 ? route.down : Face.None;
-    const yVect = faceY !== Face.None ? cubeNavigationFaceLocs[faceY] : Vector3d.createZero();
+    const yVect = faceY !== Face.None
+        ? cubeNavigationFaceLocs[faceY]
+        : Vector3d.createZero();
     return faceVect.plus(xVect).plus(yVect);
 };
 export { NavCubeFace };
@@ -525,7 +573,7 @@ class FaceRow extends React.Component {
     render() {
         const { center, children, ...props } = this.props;
         const classNames = classnames("face-row", center && "cube-center");
-        return React.createElement("div", { className: classNames, ...props }, children);
+        return (React.createElement("div", { className: classNames, ...props }, children));
     }
 }
 /** @internal */
@@ -534,11 +582,13 @@ export class FaceCell extends React.Component {
         super(...arguments);
         this._handleMouseOver = () => {
             const { vector } = this.props;
-            this.props.onFaceCellHoverChange && this.props.onFaceCellHoverChange(vector, CubeHover.Hover);
+            this.props.onFaceCellHoverChange &&
+                this.props.onFaceCellHoverChange(vector, CubeHover.Hover);
         };
         this._handleMouseOut = () => {
             const { vector } = this.props;
-            this.props.onFaceCellHoverChange && this.props.onFaceCellHoverChange(vector, CubeHover.None);
+            this.props.onFaceCellHoverChange &&
+                this.props.onFaceCellHoverChange(vector, CubeHover.None);
         };
         this._handleMouseDown = (event) => {
             const { clientX, clientY } = event;
@@ -550,35 +600,39 @@ export class FaceCell extends React.Component {
         };
         this._handleTouchStart = (event) => {
             event.preventDefault();
-            event.targetTouches.length === 1 && this.handlePointerDown(event.targetTouches[0].clientX, event.targetTouches[0].clientY);
+            event.targetTouches.length === 1 &&
+                this.handlePointerDown(event.targetTouches[0].clientX, event.targetTouches[0].clientY);
         };
         this._handleTouchEnd = (event) => {
             event.preventDefault();
-            event.changedTouches.length === 1 && this.handlePointerUp(event.changedTouches[0].clientX, event.changedTouches[0].clientY);
+            event.changedTouches.length === 1 &&
+                this.handlePointerUp(event.changedTouches[0].clientX, event.changedTouches[0].clientY);
         };
     }
     render() {
-        const { center, children, onFaceCellClick, onFaceCellHoverChange, hoverMap, face, vector, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const { center, children, onFaceCellClick, onFaceCellHoverChange, hoverMap, face, vector, ...props } = this.props;
         const { x, y, z } = vector;
         const n = `${x}-${y}-${z}`;
         const hover = hoverMap && hoverMap[n] === CubeHover.Hover;
         const active = hoverMap && hoverMap[n] === CubeHover.Active;
         const classNames = classnames("face-cell", center && "cube-center", hover && "cube-hover", active && "cube-active");
-        // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
-        return React.createElement("div", { onMouseDown: this._handleMouseDown, onMouseUp: this._handleMouseUp, onMouseOver: this._handleMouseOver, onMouseOut: this._handleMouseOut, onTouchStart: this._handleTouchStart, onTouchEnd: this._handleTouchEnd, "data-testid": `nav-cube-face-cell-${face}-${n}`, className: classNames, role: "presentation", ...props }, children);
+        return (React.createElement("div", { onMouseDown: this._handleMouseDown, onMouseUp: this._handleMouseUp, onMouseOver: this._handleMouseOver, onMouseOut: this._handleMouseOut, onTouchStart: this._handleTouchStart, onTouchEnd: this._handleTouchEnd, "data-testid": `nav-cube-face-cell-${face}-${n}`, className: classNames, role: "presentation", ...props }, children));
     }
     handlePointerDown(x, y) {
         const { vector } = this.props;
         this._startMouse = Point2d.create(x, y);
-        this.props.onFaceCellHoverChange && this.props.onFaceCellHoverChange(vector, CubeHover.Active);
+        this.props.onFaceCellHoverChange &&
+            this.props.onFaceCellHoverChange(vector, CubeHover.Active);
     }
     handlePointerUp(x, y) {
         const { vector, face } = this.props;
-        this.props.onFaceCellHoverChange && this.props.onFaceCellHoverChange(vector, CubeHover.None);
+        this.props.onFaceCellHoverChange &&
+            this.props.onFaceCellHoverChange(vector, CubeHover.None);
         const mouse = Point2d.create(x, y);
         if (this._startMouse && this._startMouse.isAlmostEqual(mouse)) {
             const isFace = Math.abs(vector.x) + Math.abs(vector.y) + Math.abs(vector.z) === 1;
-            this.props.onFaceCellClick && this.props.onFaceCellClick(vector, isFace ? face : Face.None);
+            this.props.onFaceCellClick &&
+                this.props.onFaceCellClick(vector, isFace ? face : Face.None);
         }
     }
 }
@@ -612,7 +666,7 @@ class PointerButton extends React.Component {
         };
     }
     render() {
-        const { visible, pointerType, onArrowClick, title, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const { visible, pointerType, onArrowClick, title, ...props } = this.props;
         const classes = classnames("cube-pointer", "icon", pointerClass[pointerType], visible && "cube-visible");
         return (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events