diff --git a/docs/Camera.html b/docs/Camera.html
index 716987e..1ce6a6b 100644
--- a/docs/Camera.html
+++ b/docs/Camera.html
@@ -2247,7 +2247,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Camera.ht
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Jul 04 2023 20:23:50 GMT+0200 (Mitteleuropäische Sommerzeit)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Wed Jul 05 2023 22:19:26 GMT+0200 (Mitteleuropäische Sommerzeit)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/Controls.html b/docs/Controls.html
index 0ede962..27086cf 100644
--- a/docs/Controls.html
+++ b/docs/Controls.html
@@ -3338,7 +3338,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Camera.ht
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Jul 04 2023 20:23:50 GMT+0200 (Mitteleuropäische Sommerzeit)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Wed Jul 05 2023 22:19:26 GMT+0200 (Mitteleuropäische Sommerzeit)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/Display.html b/docs/Display.html
index 3cf0d18..1946d52 100644
--- a/docs/Display.html
+++ b/docs/Display.html
@@ -8303,7 +8303,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Camera.ht
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Jul 04 2023 20:23:50 GMT+0200 (Mitteleuropäische Sommerzeit)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Wed Jul 05 2023 22:19:26 GMT+0200 (Mitteleuropäische Sommerzeit)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/Viewer.html b/docs/Viewer.html
index 5f8448a..aac4668 100644
--- a/docs/Viewer.html
+++ b/docs/Viewer.html
@@ -307,7 +307,7 @@ <h4 class="name" id="pinAsPng"><span class="type-signature"></span>pinAsPng<span
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1869">line 1869</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1870">line 1870</a>
     </li></ul></dd>
     
 
@@ -1022,7 +1022,7 @@ <h4 class="name" id="backupAnimation"><span class="type-signature"></span>backup
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1061">line 1061</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1062">line 1062</a>
     </li></ul></dd>
     
 
@@ -1495,7 +1495,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1082">line 1082</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1083">line 1083</a>
     </li></ul></dd>
     
 
@@ -1818,7 +1818,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1907">line 1907</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1908">line 1908</a>
     </li></ul></dd>
     
 
@@ -1906,7 +1906,7 @@ <h4 class="name" id="getAmbientLight"><span class="type-signature"></span>getAmb
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1563">line 1563</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1564">line 1564</a>
     </li></ul></dd>
     
 
@@ -2016,7 +2016,7 @@ <h4 class="name" id="getAxes"><span class="type-signature"></span>getAxes<span c
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1222">line 1222</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1223">line 1223</a>
     </li></ul></dd>
     
 
@@ -2126,7 +2126,7 @@ <h4 class="name" id="getAxes0"><span class="type-signature"></span>getAxes0<span
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1283">line 1283</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1284">line 1284</a>
     </li></ul></dd>
     
 
@@ -2236,7 +2236,7 @@ <h4 class="name" id="getBlackEdges"><span class="type-signature"></span>getBlack
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1353">line 1353</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1354">line 1354</a>
     </li></ul></dd>
     
 
@@ -2346,7 +2346,7 @@ <h4 class="name" id="getCameraPosition"><span class="type-signature"></span>getC
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1412">line 1412</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1413">line 1413</a>
     </li></ul></dd>
     
 
@@ -2456,7 +2456,7 @@ <h4 class="name" id="getCameraQuaternion"><span class="type-signature"></span>ge
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1432">line 1432</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1433">line 1433</a>
     </li></ul></dd>
     
 
@@ -2566,7 +2566,7 @@ <h4 class="name" id="getCameraTarget"><span class="type-signature"></span>getCam
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1451">line 1451</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1452">line 1452</a>
     </li></ul></dd>
     
 
@@ -2676,7 +2676,7 @@ <h4 class="name" id="getCameraType"><span class="type-signature"></span>getCamer
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line917">line 917</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line918">line 918</a>
     </li></ul></dd>
     
 
@@ -2786,7 +2786,7 @@ <h4 class="name" id="getCameraZoom"><span class="type-signature"></span>getCamer
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1393">line 1393</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1394">line 1394</a>
     </li></ul></dd>
     
 
@@ -2896,7 +2896,7 @@ <h4 class="name" id="getClipIntersection"><span class="type-signature"></span>ge
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1692">line 1692</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1693">line 1693</a>
     </li></ul></dd>
     
 
@@ -3055,7 +3055,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1756">line 1756</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1757">line 1757</a>
     </li></ul></dd>
     
 
@@ -3165,7 +3165,7 @@ <h4 class="name" id="getClipPlaneHelpers"><span class="type-signature"></span>ge
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1718">line 1718</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1719">line 1719</a>
     </li></ul></dd>
     
 
@@ -3324,7 +3324,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1805">line 1805</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1806">line 1806</a>
     </li></ul></dd>
     
 
@@ -3434,7 +3434,7 @@ <h4 class="name" id="getDirectLight"><span class="type-signature"></span>getDire
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1588">line 1588</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1589">line 1589</a>
     </li></ul></dd>
     
 
@@ -3544,7 +3544,7 @@ <h4 class="name" id="getEdgeColor"><span class="type-signature"></span>getEdgeCo
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1503">line 1503</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1504">line 1504</a>
     </li></ul></dd>
     
 
@@ -3654,7 +3654,7 @@ <h4 class="name" id="getGrids"><span class="type-signature"></span>getGrids<span
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1260">line 1260</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1261">line 1261</a>
     </li></ul></dd>
     
 
@@ -3764,7 +3764,7 @@ <h4 class="name" id="getOpacity"><span class="type-signature"></span>getOpacity<
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1523">line 1523</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1524">line 1524</a>
     </li></ul></dd>
     
 
@@ -3874,7 +3874,7 @@ <h4 class="name" id="getOrtho"><span class="type-signature"></span>getOrtho<span
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1377">line 1377</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1378">line 1378</a>
     </li></ul></dd>
     
 
@@ -3984,7 +3984,7 @@ <h4 class="name" id="getPanSpeed"><span class="type-signature"></span>getPanSpee
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1652">line 1652</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1653">line 1653</a>
     </li></ul></dd>
     
 
@@ -4094,7 +4094,7 @@ <h4 class="name" id="getResetLocation"><span class="type-signature"></span>getRe
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1827">line 1827</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1828">line 1828</a>
     </li></ul></dd>
     
 
@@ -4204,7 +4204,7 @@ <h4 class="name" id="getRotateSpeed"><span class="type-signature"></span>getRota
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1672">line 1672</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1673">line 1673</a>
     </li></ul></dd>
     
 
@@ -4314,7 +4314,7 @@ <h4 class="name" id="getStates"><span class="type-signature"></span>getStates<sp
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1608">line 1608</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1609">line 1609</a>
     </li></ul></dd>
     
 
@@ -4424,7 +4424,7 @@ <h4 class="name" id="getTools"><span class="type-signature"></span>getTools<span
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1543">line 1543</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1544">line 1544</a>
     </li></ul></dd>
     
 
@@ -4534,7 +4534,7 @@ <h4 class="name" id="getTransparent"><span class="type-signature"></span>getTran
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1329">line 1329</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1330">line 1330</a>
     </li></ul></dd>
     
 
@@ -4644,7 +4644,7 @@ <h4 class="name" id="getZoomSpeed"><span class="type-signature"></span>getZoomSp
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1632">line 1632</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1633">line 1633</a>
     </li></ul></dd>
     
 
@@ -4872,7 +4872,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1129">line 1129</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1130">line 1130</a>
     </li></ul></dd>
     
 
@@ -5257,7 +5257,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1183">line 1183</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1184">line 1184</a>
     </li></ul></dd>
     
 
@@ -5682,7 +5682,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line943">line 943</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line944">line 944</a>
     </li></ul></dd>
     
 
@@ -5842,7 +5842,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1053">line 1053</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1054">line 1054</a>
     </li></ul></dd>
     
 
@@ -6341,7 +6341,7 @@ <h4 class="name" id="reset"><span class="type-signature"></span>reset<span class
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line983">line 983</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line984">line 984</a>
     </li></ul></dd>
     
 
@@ -6429,7 +6429,7 @@ <h4 class="name" id="resize"><span class="type-signature"></span>resize<span cla
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line973">line 973</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line974">line 974</a>
     </li></ul></dd>
     
 
@@ -6691,7 +6691,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1990">line 1990</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1991">line 1991</a>
     </li></ul></dd>
     
 
@@ -6779,7 +6779,7 @@ <h4 class="name" id="restoreAnimation"><span class="type-signature"></span>resto
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1070">line 1070</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1071">line 1071</a>
     </li></ul></dd>
     
 
@@ -6971,7 +6971,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1573">line 1573</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1574">line 1574</a>
     </li></ul></dd>
     
 
@@ -7131,7 +7131,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1232">line 1232</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1233">line 1233</a>
     </li></ul></dd>
     
 
@@ -7323,7 +7323,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1293">line 1293</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1294">line 1294</a>
     </li></ul></dd>
     
 
@@ -7515,7 +7515,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1363">line 1363</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1364">line 1364</a>
     </li></ul></dd>
     
 
@@ -8055,7 +8055,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1422">line 1422</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1423">line 1423</a>
     </li></ul></dd>
     
 
@@ -8247,7 +8247,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1441">line 1441</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1442">line 1442</a>
     </li></ul></dd>
     
 
@@ -8439,7 +8439,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1460">line 1460</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1461">line 1461</a>
     </li></ul></dd>
     
 
@@ -8631,7 +8631,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1402">line 1402</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1403">line 1403</a>
     </li></ul></dd>
     
 
@@ -8823,7 +8823,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1702">line 1702</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1703">line 1703</a>
     </li></ul></dd>
     
 
@@ -9050,7 +9050,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1767">line 1767</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1768">line 1768</a>
     </li></ul></dd>
     
 
@@ -9242,7 +9242,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1789">line 1789</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1790">line 1790</a>
     </li></ul></dd>
     
 
@@ -9434,7 +9434,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1739">line 1739</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1740">line 1740</a>
     </li></ul></dd>
     
 
@@ -9571,7 +9571,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1727">line 1727</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1728">line 1728</a>
     </li></ul></dd>
     
 
@@ -9798,7 +9798,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1816">line 1816</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1817">line 1817</a>
     </li></ul></dd>
     
 
@@ -9990,7 +9990,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1597">line 1597</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1598">line 1598</a>
     </li></ul></dd>
     
 
@@ -10319,7 +10319,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1513">line 1513</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1514">line 1514</a>
     </li></ul></dd>
     
 
@@ -10511,7 +10511,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1248">line 1248</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1249">line 1249</a>
     </li></ul></dd>
     
 
@@ -10703,7 +10703,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1270">line 1270</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1271">line 1271</a>
     </li></ul></dd>
     
 
@@ -10840,7 +10840,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line992">line 992</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line993">line 993</a>
     </li></ul></dd>
     
 
@@ -11032,7 +11032,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1003">line 1003</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1004">line 1004</a>
     </li></ul></dd>
     
 
@@ -11224,7 +11224,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1533">line 1533</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1534">line 1534</a>
     </li></ul></dd>
     
 
@@ -11361,7 +11361,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1385">line 1385</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1386">line 1386</a>
     </li></ul></dd>
     
 
@@ -11521,7 +11521,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1662">line 1662</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1663">line 1663</a>
     </li></ul></dd>
     
 
@@ -11955,7 +11955,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1846">line 1846</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1847">line 1847</a>
     </li></ul></dd>
     
 
@@ -12115,7 +12115,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1682">line 1682</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1683">line 1683</a>
     </li></ul></dd>
     
 
@@ -12342,7 +12342,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1106">line 1106</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1107">line 1107</a>
     </li></ul></dd>
     
 
@@ -12475,7 +12475,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1617">line 1617</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1618">line 1618</a>
     </li></ul></dd>
     
 
@@ -12667,7 +12667,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1339">line 1339</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1340">line 1340</a>
     </li></ul></dd>
     
 
@@ -12964,7 +12964,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1642">line 1642</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1643">line 1643</a>
     </li></ul></dd>
     
 
@@ -13156,7 +13156,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1553">line 1553</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1554">line 1554</a>
     </li></ul></dd>
     
 
@@ -13348,7 +13348,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line926">line 926</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line927">line 927</a>
     </li></ul></dd>
     
 
@@ -13508,7 +13508,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1963">line 1963</a>
+        <a href="viewer.js.html">viewer.js</a>, <a href="viewer.js.html#line1964">line 1964</a>
     </li></ul></dd>
     
 
@@ -13842,7 +13842,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Camera.ht
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Jul 04 2023 20:23:50 GMT+0200 (Mitteleuropäische Sommerzeit)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Wed Jul 05 2023 22:19:26 GMT+0200 (Mitteleuropäische Sommerzeit)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/camera.js.html b/docs/camera.js.html
index 37095f5..f6088be 100644
--- a/docs/camera.js.html
+++ b/docs/camera.js.html
@@ -370,7 +370,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Camera.ht
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Jul 04 2023 20:23:50 GMT+0200 (Mitteleuropäische Sommerzeit)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Wed Jul 05 2023 22:19:26 GMT+0200 (Mitteleuropäische Sommerzeit)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/controls.js.html b/docs/controls.js.html
index 7d11ec7..6b0a3c6 100644
--- a/docs/controls.js.html
+++ b/docs/controls.js.html
@@ -306,7 +306,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Camera.ht
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Jul 04 2023 20:23:50 GMT+0200 (Mitteleuropäische Sommerzeit)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Wed Jul 05 2023 22:19:26 GMT+0200 (Mitteleuropäische Sommerzeit)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/display.js.html b/docs/display.js.html
index ea96e57..d1fb9f0 100644
--- a/docs/display.js.html
+++ b/docs/display.js.html
@@ -1473,7 +1473,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Camera.ht
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Jul 04 2023 20:23:50 GMT+0200 (Mitteleuropäische Sommerzeit)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Wed Jul 05 2023 22:19:26 GMT+0200 (Mitteleuropäische Sommerzeit)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/dist/three-cad-viewer.esm.js b/docs/dist/three-cad-viewer.esm.js
index 45777b3..914372d 100644
--- a/docs/dist/three-cad-viewer.esm.js
+++ b/docs/dist/three-cad-viewer.esm.js
@@ -58727,7 +58727,7 @@ class Camera {
   }
 }
 
-const version="1.8.4";
+const version="1.8.5";
 
 class Viewer {
   /**
@@ -59501,8 +59501,8 @@ class Viewer {
 
     const theme =
       this.theme === "dark" ||
-      (this.theme === "browser" &&
-        window.matchMedia("(prefers-color-scheme: dark)").matches)
+        (this.theme === "browser" &&
+          window.matchMedia("(prefers-color-scheme: dark)").matches)
         ? "dark"
         : "light";
 
@@ -59618,6 +59618,7 @@ class Viewer {
    * @param {boolean} [notify=true] - whether to send notification or not.
    */
   presetCamera = (dir, zoom = null, notify = true) => {
+    this.camera.target = new Vector3(...this.bbox.center());
     this.camera.presetCamera(dir, zoom, notify);
     this.controls.setTarget(this.camera.target);
     this.update(true, notify);
@@ -60726,6 +60727,14 @@ class Viewer {
     // update the this
     this.update(true);
   }
+
+  vector3(x = 0, y = 0, z = 0) {
+    return new Vector3(x, y, z);
+  }
+
+  quaternion(x = 0, y = 0, z = 0, w = 1) {
+    return new Quaternion(x, y, z, w);
+  }
 }
 
 export { Display, Timer, Viewer };
diff --git a/docs/global.html b/docs/global.html
index d2aa9e3..92b9fcc 100644
--- a/docs/global.html
+++ b/docs/global.html
@@ -3751,7 +3751,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Camera.ht
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Jul 04 2023 20:23:50 GMT+0200 (Mitteleuropäische Sommerzeit)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Wed Jul 05 2023 22:19:26 GMT+0200 (Mitteleuropäische Sommerzeit)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/index.html b/docs/index.html
index f399760..cdd4840 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -165,7 +165,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Camera.ht
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Jul 04 2023 20:23:50 GMT+0200 (Mitteleuropäische Sommerzeit)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Wed Jul 05 2023 22:19:26 GMT+0200 (Mitteleuropäische Sommerzeit)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/types.js.html b/docs/types.js.html
index 0f57f7f..85fe88d 100644
--- a/docs/types.js.html
+++ b/docs/types.js.html
@@ -352,7 +352,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Camera.ht
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Jul 04 2023 20:23:50 GMT+0200 (Mitteleuropäische Sommerzeit)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Wed Jul 05 2023 22:19:26 GMT+0200 (Mitteleuropäische Sommerzeit)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/viewer.js.html b/docs/viewer.js.html
index 93b7d0b..fab7d1c 100644
--- a/docs/viewer.js.html
+++ b/docs/viewer.js.html
@@ -816,8 +816,8 @@ <h1 class="page-title">Source: viewer.js</h1>
 
     const theme =
       this.theme === "dark" ||
-      (this.theme === "browser" &amp;&amp;
-        window.matchMedia("(prefers-color-scheme: dark)").matches)
+        (this.theme === "browser" &amp;&amp;
+          window.matchMedia("(prefers-color-scheme: dark)").matches)
         ? "dark"
         : "light";
 
@@ -933,6 +933,7 @@ <h1 class="page-title">Source: viewer.js</h1>
    * @param {boolean} [notify=true] - whether to send notification or not.
    */
   presetCamera = (dir, zoom = null, notify = true) => {
+    this.camera.target = new THREE.Vector3(...this.bbox.center());
     this.camera.presetCamera(dir, zoom, notify);
     this.controls.setTarget(this.camera.target);
     this.update(true, notify);
@@ -2041,6 +2042,14 @@ <h1 class="page-title">Source: viewer.js</h1>
     // update the this
     this.update(true);
   }
+
+  vector3(x = 0, y = 0, z = 0) {
+    return new THREE.Vector3(x, y, z);
+  }
+
+  quaternion(x = 0, y = 0, z = 0, w = 1) {
+    return new THREE.Quaternion(x, y, z, w);
+  }
 }
 
 export { Viewer };
@@ -2060,7 +2069,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Camera.ht
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Tue Jul 04 2023 20:23:50 GMT+0200 (Mitteleuropäische Sommerzeit)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Wed Jul 05 2023 22:19:26 GMT+0200 (Mitteleuropäische Sommerzeit)
 </footer>
 
 <script> prettyPrint(); </script>