@crystaldesign/real-time-viewer 24.12.0-beta.9 → 24.13.0-beta.1

package/build/esm/index.js

@@ -27,13 +27,14 @@ import { SceneOptimizerOptions, ShadowsOptimization, RenderTargetsOptimization,
 import { getLogger, DivaError } from '@crystaldesign/diva-core';
 import { TransformNode } from '@babylonjs/core/Meshes/transformNode';
 import { Ellipse, Rectangle, Button, TextBlock, AdvancedDynamicTexture, Image } from '@babylonjs/gui';
-import { Matrix as Matrix$1, Vector3 as Vector3$1 } from '@babylonjs/core/Maths/math';
+import { Matrix as Matrix$1, Vector3 as Vector3$1, Frustum } from '@babylonjs/core/Maths/math';
 import { Engine } from '@babylonjs/core/Engines/engine';
 import { Scene } from '@babylonjs/core/scene';
 import { DracoCompression } from '@babylonjs/core/Meshes/Compression/dracoCompression';
 import { SceneLoader } from '@babylonjs/core/Loading/sceneLoader';
 import { PBRMetallicRoughnessMaterial } from '@babylonjs/core/Materials/PBR/pbrMetallicRoughnessMaterial';
 import { DirectionalLight } from '@babylonjs/core/Lights/directionalLight';
+import { BoundingInfo } from '@babylonjs/core/Culling/boundingInfo';
 import '@babylonjs/loaders/glTF/2.0/';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -59,17 +60,18 @@ function GetCameraControls(camera) {
   var initDistance = 0;
   function renderLoop() {
     if (!sceneStore.doRenderControlLoop || sceneStore.isInitializing || uistore.isStaticBg) return;
+    if (sceneStore.cameraTargetPosition.x == 0 && sceneStore.cameraTargetPosition.y == 0 && sceneStore.cameraTargetPosition.z == 0) sceneStore.setCameraTarget();
     uistore.onMove();
     var stopRender = true;
     var delta = sceneStore.scene.getEngine().getDeltaTime();
     var deltaCamPos = sceneStore.targetCameraPosition.subtract(camera.position).multiplyByFloats(delta / 100, delta / 100, delta / 100);
     var deltaTarget = sceneStore.cameraTargetPosition.subtract(camera.target).multiplyByFloats(delta / 100, delta / 100, delta / 100);
-    if (Math.abs(deltaCamPos.x) + Math.abs(deltaCamPos.y) + Math.abs(deltaCamPos.z) > 0.01) {
+    if (Math.abs(deltaCamPos.x) + Math.abs(deltaCamPos.y) + Math.abs(deltaCamPos.z) > 0.0001) {
       camera.position = camera.position.addInPlaceFromFloats(deltaCamPos.x, deltaCamPos.y, deltaCamPos.z);
       camera.setTarget(sceneStore.cameraTargetPosition);
       stopRender = false;
     }
-    if (Math.abs(deltaTarget.x) + Math.abs(deltaTarget.y) + Math.abs(deltaTarget.z) > 0.01) {
+    if (Math.abs(deltaTarget.x) + Math.abs(deltaTarget.y) + Math.abs(deltaTarget.z) > 0.0001) {
       camera.setTarget(camera.target.addInPlaceFromFloats(deltaTarget.x, deltaTarget.y, deltaTarget.z));
       stopRender = false;
     }
@@ -93,6 +95,7 @@ function GetCameraControls(camera) {
     if (stopRender) sceneStore.doRenderControlLoop = false;
   }
   function moveTarget(deltaX, deltaY) {
+    sceneStore.isControlledViewpoint = false;
     var localRight = Vector3.TransformNormal(Vector3.Right(), camera.getWorldMatrix());
     var localUp = Vector3.TransformNormal(Vector3.Up(), camera.getWorldMatrix());
     localRight = localRight.normalize();
@@ -125,7 +128,7 @@ function GetCameraControls(camera) {
     var newPosition = sceneStore.targetCameraPosition.add(directionVector.scale(distance * previousDistToTarget));
     var distToTarget = Vector3.Distance(sceneStore.cameraTargetPosition, newPosition);
     if (distToTarget < 0.1) return;
-    if (distToTarget > 15) return;
+    if (distToTarget > 75) return;
     sceneStore.targetCameraPosition = newPosition;
   }
   function onRotate(deltaX, deltaY) {
@@ -338,9 +341,9 @@ function getGridControls(scene, element, selected, elements, selectMesh) {
   };
 }
 
-function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
-function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
+function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function Grids () {
   var utilStore = useUtilStoreContext();
   var sceneStore = useSceneStoreContext();
@@ -407,7 +410,7 @@ function Grids () {
           var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
             gridName = _Object$entries2$_i[0];
             _Object$entries2$_i[1];
-          var _iterator = _createForOfIteratorHelper$8(plannedPlaceOnGrid.grids[gridName].accessories),
+          var _iterator = _createForOfIteratorHelper$9(plannedPlaceOnGrid.grids[gridName].accessories),
             _step;
           try {
             var _loop4 = function _loop4() {
@@ -911,9 +914,11 @@ function createCams(scene, activeViewpoint, viewPoints) {
   })];
 }
 function updateCam(camera, scene) {
+  if (camera.pos.x == 0 && camera.pos.y == 0 && camera.pos.z == 0) return;
   var utilStore = useUtilStoreContext();
   var sceneStore = useSceneStoreContext();
   var cam = scene.getCameraByName('defaultCam');
+  if (camera.pos.x == cam.position.x && camera.pos.y == cam.position.y && camera.pos.z == camera.pos.z) return;
   var newPos = utilStore.vector3ToBVector3(camera.pos).multiply(new Vector3(-0.01, 0.01, 0.01));
   cam.position = newPos;
   cam.rotation = utilStore.degreesToRadians(utilStore.vector3ToBVector3(_objectSpread$1(_objectSpread$1({}, camera.rot), {}, {
@@ -922,9 +927,9 @@ function updateCam(camera, scene) {
   sceneStore.targetCameraPosition = newPos;
 }
 
-function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
-function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
+function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /* 
   SceneStore
   Wraps the scene with additional data and methods
@@ -940,6 +945,7 @@ var SceneStore = /*#__PURE__*/function () {
     _defineProperty(this, "_geos", []);
     _defineProperty(this, "_sceneConstruct", {});
     _defineProperty(this, "_hasRendered", false);
+    _defineProperty(this, "_hasPlanned", false);
     _defineProperty(this, "_utilStore", void 0);
     _defineProperty(this, "_cache", []);
     _defineProperty(this, "_ssao", undefined);
@@ -956,6 +962,9 @@ var SceneStore = /*#__PURE__*/function () {
     _defineProperty(this, "_cameraTargetPosition", Vector3.Zero());
     _defineProperty(this, "_targetCameraPosition", Vector3.Zero());
     _defineProperty(this, "_selectedElement", void 0);
+    _defineProperty(this, "_focusedElement", void 0);
+    _defineProperty(this, "_isControlledViewpoint", true);
+    // if the current viewpoint should automatically change with the planning
     _defineProperty(this, "light", undefined);
     _defineProperty(this, "changedElements", void 0);
     scene.clearColor = new Color4(1, 1, 1, 1);
@@ -1042,6 +1051,37 @@ var SceneStore = /*#__PURE__*/function () {
     set: function set(element) {
       this._selectedElement = element;
     }
+  }, {
+    key: "focusedElement",
+    get: function get() {
+      var _this$_focusedElement;
+      if (!this._focusedElement) {
+        var root = this.scene.getTransformNodeByName('Root');
+        if (root) {
+          var bbox = root.getHierarchyBoundingVectors();
+          this._focusedElement = {
+            id: this.getId(root),
+            name: 'Root',
+            position: root.absolutePosition,
+            size: Vector3.Distance(bbox.min, bbox.max)
+          };
+        }
+      }
+      return (_this$_focusedElement = this._focusedElement) !== null && _this$_focusedElement !== void 0 ? _this$_focusedElement : {
+        id: 'Root',
+        name: 'Root',
+        position: Vector3.Zero(),
+        size: 0
+      };
+    }
+  }, {
+    key: "isControlledViewpoint",
+    get: function get() {
+      return !!this._isControlledViewpoint;
+    },
+    set: function set(value) {
+      this._isControlledViewpoint = value;
+    }
   }, {
     key: "controlRenderLoop",
     get: function get() {
@@ -1070,12 +1110,12 @@ var SceneStore = /*#__PURE__*/function () {
       var _this$_sceneConstruct2;
       var elms = [];
       if (!((_this$_sceneConstruct2 = this._sceneConstruct.root) !== null && _this$_sceneConstruct2 !== void 0 && _this$_sceneConstruct2.sets)) return [];
-      var _iterator = _createForOfIteratorHelper$7(this._sceneConstruct.root.sets),
+      var _iterator = _createForOfIteratorHelper$8(this._sceneConstruct.root.sets),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var set = _step.value;
-          var _iterator2 = _createForOfIteratorHelper$7(set.elements),
+          var _iterator2 = _createForOfIteratorHelper$8(set.elements),
             _step2;
           try {
             for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -1130,12 +1170,12 @@ var SceneStore = /*#__PURE__*/function () {
     value: function getElementByName(name) {
       var _this$_sceneConstruct3, _this$_sceneConstruct4;
       if (!((_this$_sceneConstruct3 = this._sceneConstruct.root) !== null && _this$_sceneConstruct3 !== void 0 && _this$_sceneConstruct3.sets)) return undefined;
-      var _iterator3 = _createForOfIteratorHelper$7((_this$_sceneConstruct4 = this._sceneConstruct.root) === null || _this$_sceneConstruct4 === void 0 ? void 0 : _this$_sceneConstruct4.sets),
+      var _iterator3 = _createForOfIteratorHelper$8((_this$_sceneConstruct4 = this._sceneConstruct.root) === null || _this$_sceneConstruct4 === void 0 ? void 0 : _this$_sceneConstruct4.sets),
         _step3;
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var set = _step3.value;
-          var _iterator4 = _createForOfIteratorHelper$7(set.elements),
+          var _iterator4 = _createForOfIteratorHelper$8(set.elements),
             _step4;
           try {
             for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
@@ -1160,12 +1200,12 @@ var SceneStore = /*#__PURE__*/function () {
     value: function getElementNameById(id) {
       var _this$_sceneConstruct5, _this$_sceneConstruct6;
       if (!((_this$_sceneConstruct5 = this._sceneConstruct.root) !== null && _this$_sceneConstruct5 !== void 0 && _this$_sceneConstruct5.sets)) return undefined;
-      var _iterator5 = _createForOfIteratorHelper$7((_this$_sceneConstruct6 = this._sceneConstruct.root) === null || _this$_sceneConstruct6 === void 0 ? void 0 : _this$_sceneConstruct6.sets),
+      var _iterator5 = _createForOfIteratorHelper$8((_this$_sceneConstruct6 = this._sceneConstruct.root) === null || _this$_sceneConstruct6 === void 0 ? void 0 : _this$_sceneConstruct6.sets),
         _step5;
       try {
         for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
           var set = _step5.value;
-          var _iterator6 = _createForOfIteratorHelper$7(set.elements),
+          var _iterator6 = _createForOfIteratorHelper$8(set.elements),
             _step6;
           try {
             for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
@@ -1198,6 +1238,15 @@ var SceneStore = /*#__PURE__*/function () {
       if (!value) throw new Error("can't unrender");
       this._hasRendered = value;
     }
+  }, {
+    key: "hasPlanned",
+    get: function get() {
+      return this._hasPlanned;
+    },
+    set: function set(value) {
+      if (!value) throw new Error("can't set has planned to false");
+      this._hasPlanned = value;
+    }
   }, {
     key: "cams",
     get: function get() {
@@ -1297,6 +1346,18 @@ var SceneStore = /*#__PURE__*/function () {
         geos: []
       });
     }
+  }, {
+    key: "removeElement",
+    value: function removeElement(hqs) {
+      var _this$_sceneConstruct8;
+      var set = (_this$_sceneConstruct8 = this._sceneConstruct.root) === null || _this$_sceneConstruct8 === void 0 ? void 0 : _this$_sceneConstruct8.sets[this._sceneConstruct.root.sets.length - 1];
+      if (!set) {
+        throw new Error("can't register sets before root");
+      }
+      set.elements = set.elements.filter(function (el) {
+        return el.hqs.name != hqs.name;
+      });
+    }
   }, {
     key: "shouldExport",
     value: function shouldExport(node) {
@@ -1376,8 +1437,49 @@ var SceneStore = /*#__PURE__*/function () {
       var pos = new Vector3((bbox.max.x + bbox.min.x) / 2, (bbox.max.y + bbox.min.y) / 2, (bbox.max.z + bbox.min.z) / 2);
       this.scene.getCameraByName('defaultCam').target = pos;
       this.cameraTargetPosition = pos;
+      this._isControlledViewpoint = true;
       // this.doRenderControlLoop = true;
     }
+  }, {
+    key: "getId",
+    value: function getId(ob) {
+      var id = ob.name;
+      while (ob.parent) {
+        id += '.' + ob.name;
+        ob = ob.parent;
+      }
+      return id;
+    }
+  }, {
+    key: "focusElement",
+    value: function focusElement(root) {
+      if (!root) root = this.scene.transformNodes.find(function (transformNode) {
+        return transformNode.name == 'Root';
+      });
+      if (!root) return;
+      var engine = this.scene.getEngine();
+      var cam = this.scene.activeCamera;
+      var bbox = root.getHierarchyBoundingVectors();
+      var center = Vector3.Center(bbox.min, bbox.max);
+      var radius = Vector3.Distance(bbox.min, bbox.max) / 2;
+      if (radius == Infinity) return;
+      var aspectRatio = engine.getRenderWidth() / engine.getRenderHeight();
+      var distance = radius / Math.tan(cam.fov * 0.8);
+      var direction = cam.getDirection(Vector3.Backward());
+      if (aspectRatio > 1) distance *= aspectRatio;
+      var newPosition = center.add(direction.scale(distance));
+      if (newPosition.x == 0 && newPosition.y == 0 && newPosition.z == 0) return;
+      this.cameraTargetPosition = center;
+      this.targetCameraPosition = newPosition;
+      this.doRenderControlLoop = true;
+      this._isControlledViewpoint = true;
+      this._focusedElement = {
+        id: this.getId(root),
+        name: root.id,
+        position: root.absolutePosition,
+        size: Vector3.Distance(bbox.min, bbox.max)
+      };
+    }
   }, {
     key: "getMaxCamPosition",
     value: function getMaxCamPosition() {
@@ -1395,69 +1497,81 @@ var delButton = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%
 
 var gdelButton = "data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2221%22%20viewBox%3D%220%200%2016%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.2784%203.0226H10.9717V2.08029C10.9717%201.35784%2010.4151%200.72963%209.71198%200.72963H6.78229C6.10846%200.72963%205.52252%201.32643%205.52252%202.08029V3.0226H1.21588C0.981506%203.0226%200.776428%203.24248%200.776428%203.49376C0.776428%203.74505%200.981506%203.96492%201.21588%203.96492H2.18268V17.7542C2.18268%2019.0734%203.17877%2020.11%204.37994%2020.11H12.1436C13.3741%2020.11%2014.3409%2019.042%2014.3409%2017.7542V3.93351H15.3077C15.5714%203.93351%2015.7764%203.71364%2015.7764%203.46235C15.7764%203.17966%2015.5421%203.0226%2015.2784%203.0226ZM6.43073%202.08029C6.43073%201.829%206.6358%201.67195%206.78229%201.67195H9.71198C9.94635%201.67195%2010.0928%201.86041%2010.0928%202.08029V3.0226H6.43073V2.08029ZM13.462%2017.7228C13.462%2018.508%2012.876%2019.1363%2012.1436%2019.1363H4.37994C3.64752%2019.1363%203.06158%2018.508%203.06158%2017.7228V3.96492H13.462V17.7228Z%22%20fill%3D%22%234A4A4A%22%2F%3E%3Cpath%20d%3D%22M8.68658%206.82326V16.2464C8.68658%2016.5291%208.5108%2016.749%208.24713%2016.749C7.98346%2016.749%207.80768%2016.5291%207.80768%2016.2464V6.82326C7.80768%206.54056%208.04205%206.3521%208.24713%206.3521C8.48151%206.3521%208.68658%206.57197%208.68658%206.82326Z%22%20fill%3D%22%234A4A4A%22%2F%3E%3Cpath%20d%3D%22M11.6456%206.82326V16.2464C11.6456%2016.5291%2011.4405%2016.749%2011.2061%2016.749C10.9717%2016.749%2010.7667%2016.5291%2010.7667%2016.2464V6.82326C10.7667%206.54056%2010.9717%206.3521%2011.2061%206.3521C11.4405%206.3521%2011.6456%206.57197%2011.6456%206.82326Z%22%20fill%3D%22%234A4A4A%22%2F%3E%3Cpath%20d%3D%22M5.78619%206.82326V16.2464C5.78619%2016.5291%205.58112%2016.749%205.34674%2016.749C5.11237%2016.749%204.87799%2016.5291%204.87799%2016.2464V6.82326C4.87799%206.54056%205.08307%206.3521%205.31744%206.3521C5.55182%206.3521%205.78619%206.57197%205.78619%206.82326Z%22%20fill%3D%22%234A4A4A%22%2F%3E%3C%2Fsvg%3E";
 
-function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0; } }
-function _arrayLikeToArray$6(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
+function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function SelHandler (_ref) {
   var onElSelected = _ref.onElSelected;
-  var utilStore = useUtilStoreContext();
+  useUtilStoreContext();
   var gridStore = useGridStoreContext();
   var sceneStore = useSceneStoreContext();
   var uiStore = useUIStoreContext();
+  var timeoutId;
   var onSelection = function onSelection(evt) {
-    if (evt.event.button == 2) return;
+    if (evt.event.button == 2 || !(evt.type == 16 || evt.type == 64)) return;
     var ray = sceneStore.scene.createPickingRay(sceneStore.scene.pointerX, sceneStore.scene.pointerY, Matrix.Identity(), sceneStore.scene.activeCamera);
     var hit = sceneStore.scene.pickWithRay(ray);
     var pickedElement = false;
     var element = hit === null || hit === void 0 ? void 0 : hit.pickedMesh;
-    while (element) {
-      var _element, _element2;
-      element = (_element = element) === null || _element === void 0 ? void 0 : _element.parent;
-      if ((_element2 = element) !== null && _element2 !== void 0 && _element2.name.toLowerCase().startsWith('element')) {
-        pickedElement = true;
-        if (evt.type == 16 && hit !== null && hit !== void 0 && hit.pickedPoint) {
-          onElementSelected(element, hit.pickedPoint);
-          return;
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(function () {
+      while (element) {
+        var _element, _element2;
+        element = (_element = element) === null || _element === void 0 ? void 0 : _element.parent;
+        if ((_element2 = element) !== null && _element2 !== void 0 && _element2.name.toLowerCase().startsWith('element')) {
+          pickedElement = true;
+          if (evt.type == 64 && hit !== null && hit !== void 0 && hit.pickedPoint) {
+            onElementSelected(element, hit, true);
+            return;
+          } else if (evt.type == 16 && hit !== null && hit !== void 0 && hit.pickedPoint) {
+            onElementSelected(element, hit);
+            return;
+          }
         }
       }
-    }
-    if (hit !== null && hit !== void 0 && hit.pickedPoint) {
-      var _hit$pickedMesh;
-      if (sceneStore.elements) {
-        var _iterator = _createForOfIteratorHelper$6(sceneStore.elements),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var _element3 = _step.value;
-            var _element3$bbn$getHier = _element3.bbn.getHierarchyBoundingVectors(),
-              min = _element3$bbn$getHier.min,
-              max = _element3$bbn$getHier.max;
-            var point = hit.pickedPoint;
-            if (min.x < point.x && min.z < point.y && max.x > point.x && max.z > point.z && evt.type == 16) {
-              pickedElement = true;
-              onElementSelected(_element3.bbn, point, true);
+      if (!pickedElement && hit !== null && hit !== void 0 && hit.pickedPoint) {
+        var _hit$pickedMesh;
+        if (sceneStore.elements) {
+          var _iterator = _createForOfIteratorHelper$7(sceneStore.elements),
+            _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var _element3 = _step.value;
+              var _element3$bbn$getHier = _element3.bbn.getHierarchyBoundingVectors(),
+                min = _element3$bbn$getHier.min,
+                max = _element3$bbn$getHier.max;
+              var point = hit.pickedPoint;
+              if (min.x < point.x && min.z < point.y && max.x > point.x && max.z > point.z && evt.type == 16) {
+                pickedElement = true;
+                onElementSelected(_element3.bbn, hit);
+              }
             }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
           }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
         }
+        if (!pickedElement && (hit === null || hit === void 0 || (_hit$pickedMesh = hit.pickedMesh) === null || _hit$pickedMesh === void 0 ? void 0 : _hit$pickedMesh.name) == 'ground' && sceneStore.sets && evt.type == 16) onSetSelected(sceneStore.sets[0].bbn);
       }
-      if (!pickedElement && (hit === null || hit === void 0 || (_hit$pickedMesh = hit.pickedMesh) === null || _hit$pickedMesh === void 0 ? void 0 : _hit$pickedMesh.name) == 'ground' && sceneStore.sets && evt.type == 16) onSetSelected(sceneStore.sets[0].bbn);
-    }
+    }, 200);
   };
   var onSetSelected = function onSetSelected(elem) {
     gridStore.deselectGrids();
-    sceneStore.cameraTargetPosition = utilStore.calculateBBoxCenter(elem);
-    sceneStore.doRenderControlLoop = true;
+    sceneStore.focusElement(elem);
   };
-  var onElementSelected = function onElementSelected(elem, target, changeViewPoint) {
+  var onElementSelected = function onElementSelected(elem, hit, doubleClick) {
     var elemName = elem.name.slice(-1);
-    if (sceneStore.selectedElement == elemName) {
-      sceneStore.cameraTargetPosition = target;
-      sceneStore.doRenderControlLoop = true;
+    if (doubleClick && sceneStore.selectedElement == elemName && hit.pickedMesh) {
+      var _getParent = function getParent(mesh) {
+        var _mesh$parent;
+        if (((_mesh$parent = mesh.parent) === null || _mesh$parent === void 0 ? void 0 : _mesh$parent.getClassName()) == 'TransformNode') return mesh.parent;
+        return _getParent(mesh.parent);
+      };
+      sceneStore.focusElement(_getParent(hit.pickedMesh));
       return;
+    } else if (doubleClick || sceneStore.selectedElement == elemName) {
+      sceneStore.focusElement(elem);
     }
     sceneStore.selectedElement = elemName;
     uiStore.selectElem(elemName);
@@ -1468,9 +1582,9 @@ function SelHandler (_ref) {
   };
 }
 
-function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
-function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0; } }
+function _arrayLikeToArray$6(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /* 
   UIStore
 */
@@ -1626,13 +1740,12 @@ var UIStore = /*#__PURE__*/function () {
           var element = _this4._scene.getTransformNodeByName(emnt.bbn.name);
           if (!element) return 0; // continue
           var guiElemLeftBack = new TransformNode('guiElem_' + elementInfo.elementId, _this4._scene);
-          var max = element.getHierarchyBoundingVectors().max;
-          var min = element.getHierarchyBoundingVectors().min;
-          guiElemLeftBack.position = new Vector3(element.absolutePosition.x, max.y, element.absolutePosition.z);
+          var bbox = element.getHierarchyBoundingVectors();
+          guiElemLeftBack.position = new Vector3(bbox.max.x, bbox.max.y, bbox.min.z);
           guiElemRightBack = undefined;
           if (_this4._uiConfig.posTrashIcon == 'TOP_RIGHT_BACK') {
             guiElemRightBack = new TransformNode('guiElem_' + elementInfo.elementId, _this4._scene);
-            var pos = new Vector3(min.x, max.y, min.z);
+            var pos = new Vector3(bbox.min.x, bbox.max.y, bbox.min.z);
             guiElemRightBack.position = pos;
           }
           _this4.createGUIButton(guiElemLeftBack, elementInfo.posNr, elementInfo.active, elementInfo.selectable, element.parent.name, elementInfo.elementId, guiElemRightBack);
@@ -1648,7 +1761,7 @@ var UIStore = /*#__PURE__*/function () {
     key: "selectElem",
     value: function selectElem(name) {
       var _this5 = this;
-      var _iterator = _createForOfIteratorHelper$5(this._gui.getControlsByType('ellipse')),
+      var _iterator = _createForOfIteratorHelper$6(this._gui.getControlsByType('ellipse')),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -1712,8 +1825,7 @@ var UIStore = /*#__PURE__*/function () {
         dbt.width = this._uiConfig.templateConfig == 'standard' ? '40px' : '60%';
         dbt.height = this._uiConfig.templateConfig == 'standard' ? '40px' : '70%';
         dbt.onPointerClickObservable.add(function () {
-          var _this6$_utilStore$vie;
-          return (_this6$_utilStore$vie = _this6._utilStore.viewHandler) === null || _this6$_utilStore$vie === void 0 ? void 0 : _this6$_utilStore$vie.viewPlannerHandler.onElementDeleted(setId, elementId);
+          return _this6._utilStore.onElementDeleted(setId, elementId);
         });
         if (this._uiConfig.templateConfig == 'standard') dtarget.linkOffsetY = -48;
         dtarget.addControl(dbt);
@@ -1834,6 +1946,14 @@ var UtilStore = /*#__PURE__*/function () {
       if (isNotOutStandingImage) this._outstandingImageCount--;
       return !isNotOutStandingImage && this._updateCam;
     }
+  }, {
+    key: "onElementDeleted",
+    value: function onElementDeleted(setId, elementId) {
+      var _this$viewHandler;
+      this.addOutstandingImage();
+      (_this$viewHandler = this.viewHandler) === null || _this$viewHandler === void 0 || _this$viewHandler.viewPlannerHandler.onElementDeleted(setId, elementId);
+      this._updateCam = true;
+    }
   }, {
     key: "addOutstandingImage",
     value: function addOutstandingImage() {
@@ -1988,9 +2108,9 @@ var useUtilStoreContext = function useUtilStoreContext() {
   return (_context5 = _context) === null || _context5 === void 0 ? void 0 : _context5.utilStore;
 };
 
-function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
-function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
+function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function caching () {
   var _useSceneStoreContext = useSceneStoreContext(),
     cache = _useSceneStoreContext.cache,
@@ -2005,7 +2125,7 @@ function caching () {
     var updatedElements = (_curElementRoot$nodes = curElementRoot === null || curElementRoot === void 0 || (_curElementRoot$nodes2 = curElementRoot.nodes) === null || _curElementRoot$nodes2 === void 0 ? void 0 : _curElementRoot$nodes2.filter(function (curElement) {
       if ((prevElementRoot === null || prevElementRoot === void 0 ? void 0 : prevElementRoot.nodes) === undefined) return true;
       var didChange = true;
-      var _iterator = _createForOfIteratorHelper$4(prevElementRoot.nodes),
+      var _iterator = _createForOfIteratorHelper$5(prevElementRoot.nodes),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -2030,7 +2150,7 @@ function caching () {
       var prevGeo = (_assets$geos = previousHQRenderScript.assets.geos) === null || _assets$geos === void 0 ? void 0 : _assets$geos[idx];
       if (prevGeo && !(geo.id + geo.name === prevGeo.id + prevGeo.name) && cache !== null && cache !== void 0 && (_cache$idx = cache[idx]) !== null && _cache$idx !== void 0 && (_cache$idx = _cache$idx.geo) !== null && _cache$idx !== void 0 && _cache$idx.onElements) {
         var _cache$idx$geo;
-        var _iterator2 = _createForOfIteratorHelper$4((_cache$idx$geo = cache[idx].geo) === null || _cache$idx$geo === void 0 ? void 0 : _cache$idx$geo.onElements),
+        var _iterator2 = _createForOfIteratorHelper$5((_cache$idx$geo = cache[idx].geo) === null || _cache$idx$geo === void 0 ? void 0 : _cache$idx$geo.onElements),
           _step2;
         try {
           var _loop = function _loop() {
@@ -2060,7 +2180,7 @@ function caching () {
       var prevMat = (_assets$mats = previousHQRenderScript.assets.mats) === null || _assets$mats === void 0 ? void 0 : _assets$mats[idx];
       if (prevMat && !(mat.id + mat.name === prevMat.id + prevMat.name) && cache !== null && cache !== void 0 && (_cache$idx2 = cache[idx]) !== null && _cache$idx2 !== void 0 && (_cache$idx2 = _cache$idx2.material) !== null && _cache$idx2 !== void 0 && _cache$idx2.onElements) {
         var _cache$idx$material;
-        var _iterator3 = _createForOfIteratorHelper$4((_cache$idx$material = cache[idx].material) === null || _cache$idx$material === void 0 ? void 0 : _cache$idx$material.onElements),
+        var _iterator3 = _createForOfIteratorHelper$5((_cache$idx$material = cache[idx].material) === null || _cache$idx$material === void 0 ? void 0 : _cache$idx$material.onElements),
           _step3;
         try {
           var _loop2 = function _loop2() {
@@ -2091,7 +2211,7 @@ function caching () {
       deletedElements: prevElementRoot === null || prevElementRoot === void 0 || (_prevElementRoot$node = prevElementRoot.nodes) === null || _prevElementRoot$node === void 0 ? void 0 : _prevElementRoot$node.filter(function (prevElement) {
         if ((curElementRoot === null || curElementRoot === void 0 ? void 0 : curElementRoot.nodes) === undefined) return true;
         var wasDeleted = true;
-        var _iterator4 = _createForOfIteratorHelper$4(curElementRoot.nodes),
+        var _iterator4 = _createForOfIteratorHelper$5(curElementRoot.nodes),
           _step4;
         try {
           for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
@@ -2208,9 +2328,9 @@ var customMat = /*#__PURE__*/function () {
   };
 }();
 
-function _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0; } }
-function _arrayLikeToArray$3(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
+function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 getLogger('RealTimeViewer', 'FindAsset');
 function findAssets(_x, _x2) {
   return _findAssets.apply(this, arguments);
@@ -2324,7 +2444,7 @@ function _findAssets() {
                     });
                     geo.material = mat.mat;
                     oldMat = sceneStore.scene.getMaterialByUniqueID(oldMatId);
-                    _iterator3 = _createForOfIteratorHelper$3(oldMat.getBindedMeshes());
+                    _iterator3 = _createForOfIteratorHelper$4(oldMat.getBindedMeshes());
                     try {
                       for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
                         mesh = _step3.value;
@@ -2339,7 +2459,7 @@ function _findAssets() {
                     _context.next = 37;
                     break;
                   case 20:
-                    _iterator4 = _createForOfIteratorHelper$3(geo.getChildMeshes());
+                    _iterator4 = _createForOfIteratorHelper$4(geo.getChildMeshes());
                     _context.prev = 21;
                     _iterator4.s();
                   case 23:
@@ -2384,7 +2504,7 @@ function _findAssets() {
           //TODO: tiling with Node Materials, multiple Textures
 
           //! clean std. materials from importing (.00x)
-          _iterator = _createForOfIteratorHelper$3(assets.geos);
+          _iterator = _createForOfIteratorHelper$4(assets.geos);
           _context5.prev = 11;
           _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
             var geo, path, mesh, cachedGeo;
@@ -2466,7 +2586,7 @@ function _findAssets() {
           return _context5.finish(26);
         case 29:
           // Und alle materialien erstellt
-          _iterator2 = _createForOfIteratorHelper$3(assets.mats);
+          _iterator2 = _createForOfIteratorHelper$4(assets.mats);
           _context5.prev = 30;
           _loop2 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop2() {
             var mat, _nwCache$material;
@@ -2584,7 +2704,7 @@ function _createOrGetMaterial() {
             _context6.next = 18;
             break;
           }
-          _iterator5 = _createForOfIteratorHelper$3(scene.materials);
+          _iterator5 = _createForOfIteratorHelper$4(scene.materials);
           _context6.prev = 2;
           _iterator5.s();
         case 4:
@@ -2641,9 +2761,9 @@ function _createOrGetMaterial() {
   return _createOrGetMaterial.apply(this, arguments);
 }
 
-function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
-function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0; } }
+function _arrayLikeToArray$3(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var buildScene = function buildScene(_ref) {
   var _sceneStore$elements;
   var startNode = _ref.startNode,
@@ -2682,7 +2802,7 @@ var buildScene = function buildScene(_ref) {
 
       //! getNodes / getGeos
       if (curGeo.nodes !== undefined) {
-        var _iterator = _createForOfIteratorHelper$2(curGeo.nodes),
+        var _iterator = _createForOfIteratorHelper$3(curGeo.nodes),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -2697,7 +2817,7 @@ var buildScene = function buildScene(_ref) {
       }
       //! each geo
       if (curGeo.geos !== undefined) {
-        var _iterator2 = _createForOfIteratorHelper$2(curGeo.geos),
+        var _iterator2 = _createForOfIteratorHelper$3(curGeo.geos),
           _step2;
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -2740,6 +2860,7 @@ var buildScene = function buildScene(_ref) {
     }
     if ((parentNode === null || parentNode === void 0 ? void 0 : parentNode.name) == 'Wohnzimmer') sceneStore.addSet(node, hqsNode);
     if (node !== null && node !== void 0 && node.name.startsWith('Element')) {
+      sceneStore.hasPlanned = true;
       sceneStore.addElement(node, hqsNode);
       curElement = hqsNode;
     }
@@ -2751,7 +2872,7 @@ var buildScene = function buildScene(_ref) {
 
     //! each node
     if (hqsNode.nodes !== undefined) {
-      var _iterator3 = _createForOfIteratorHelper$2(hqsNode.nodes),
+      var _iterator3 = _createForOfIteratorHelper$3(hqsNode.nodes),
         _step3;
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -2766,7 +2887,7 @@ var buildScene = function buildScene(_ref) {
     }
     //! each material
     if (hqsNode.mats !== undefined) {
-      var _iterator4 = _createForOfIteratorHelper$2(hqsNode.mats),
+      var _iterator4 = _createForOfIteratorHelper$3(hqsNode.mats),
         _step4;
       try {
         for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
@@ -2781,7 +2902,7 @@ var buildScene = function buildScene(_ref) {
     }
     //! each geo
     if (hqsNode.geos !== undefined) {
-      var _iterator5 = _createForOfIteratorHelper$2(hqsNode.geos),
+      var _iterator5 = _createForOfIteratorHelper$3(hqsNode.geos),
         _step5;
       try {
         for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
@@ -2796,18 +2917,17 @@ var buildScene = function buildScene(_ref) {
     }
   }
   recursiveIteration(startNode, parentNode);
-  sceneStore.setCameraTarget();
   sceneStore.cache = cachedAssets;
 };
 
-function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
-function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
+function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function findMaterials(cache) {
   //! parent = the parent from which on every child should receive the Material
   //! id = the id which points to the material that should be assigned
   var setMaterials = function setMaterials(onNode, mat) {
-    var _iterator = _createForOfIteratorHelper$1(onNode.getChildMeshes()),
+    var _iterator = _createForOfIteratorHelper$2(onNode.getChildMeshes()),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -2825,12 +2945,12 @@ function findMaterials(cache) {
   var findOnNode = function findOnNode(mat, parent) {
     if (!mat.onNodes) return;
     var children = parent.getChildTransformNodes(false);
-    var _iterator2 = _createForOfIteratorHelper$1(children),
+    var _iterator2 = _createForOfIteratorHelper$2(children),
       _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         var child = _step2.value;
-        var _iterator3 = _createForOfIteratorHelper$1(mat.onNodes),
+        var _iterator3 = _createForOfIteratorHelper$2(mat.onNodes),
           _step3;
         try {
           for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -2851,13 +2971,13 @@ function findMaterials(cache) {
       _iterator2.f();
     }
   };
-  var _iterator4 = _createForOfIteratorHelper$1(cache),
+  var _iterator4 = _createForOfIteratorHelper$2(cache),
     _step4;
   try {
     for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
       var element = _step4.value;
       if (!element.material || !element.material.parents) continue;
-      var _iterator5 = _createForOfIteratorHelper$1(element.material.parents),
+      var _iterator5 = _createForOfIteratorHelper$2(element.material.parents),
         _step5;
       try {
         for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
@@ -2878,11 +2998,11 @@ function findMaterials(cache) {
   return findMaterials;
 }
 
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
+function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function deacCache(cache) {
-  var _iterator = _createForOfIteratorHelper(cache.getChildTransformNodes(true)),
+  var _iterator = _createForOfIteratorHelper$1(cache.getChildTransformNodes(true)),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -2941,23 +3061,29 @@ function shadow() {
   }
 }
 
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+
 //! sets element set
 var parser = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _changedElements$upda;
-    var sceneStore, hasRendered, hqRenderScript, scene, cache, changedElements, utilStore, _yield$findAssets, cacheGroup, newCache, _changedElements$upda2;
+    var sceneStore, hasRendered, hqRenderScript, scene, cache, changedElements, utilStore, wasPlanned, elementCount, _yield$findAssets, cacheGroup, newCache, _changedElements$upda2, focusedElement, focusedNode, _iterator, _step, node, bbox, boundingInfo, frustumPlanes, isInFrustum, sizeDiff;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           sceneStore = useSceneStoreContext();
           hasRendered = sceneStore.hasRendered, hqRenderScript = sceneStore.hqRenderScript, scene = sceneStore.scene, cache = sceneStore.cache, changedElements = sceneStore.changedElements;
-          utilStore = useUtilStoreContext(); //disable elementrows from old cache
+          utilStore = useUtilStoreContext();
+          wasPlanned = sceneStore.hasPlanned;
+          elementCount = sceneStore.elements.length; //disable elementrows from old cache
           changedElements === null || changedElements === void 0 || (_changedElements$upda = changedElements.updatedElements) === null || _changedElements$upda === void 0 || _changedElements$upda.forEach(function (el) {
             return utilStore.disableElementRows(el.name, cache);
           });
-          _context.next = 6;
+          _context.next = 8;
           return findAssets(hqRenderScript.assets, cache);
-        case 6:
+        case 8:
           _yield$findAssets = _context.sent;
           cacheGroup = _yield$findAssets.cacheGroup;
           newCache = _yield$findAssets.newCache;
@@ -2965,6 +3091,7 @@ var parser = /*#__PURE__*/function () {
             changedElements.deletedElements.forEach(function (deletedElement) {
               var _scene$getTransformNo;
               (_scene$getTransformNo = scene.getTransformNodeByName(deletedElement.name)) === null || _scene$getTransformNo === void 0 || _scene$getTransformNo.dispose();
+              sceneStore.removeElement(deletedElement);
             });
           }
           if (changedElements && changedElements.updatedElements && changedElements.updatedElements.length > 0) {
@@ -2993,7 +3120,49 @@ var parser = /*#__PURE__*/function () {
           }
           utilStore.setRTVAnalyzeData();
           deacCache(cacheGroup);
-        case 13:
+
+          // Check if the bounding box is in the frustum
+          focusedElement = sceneStore.focusedElement;
+          if (!focusedElement) {
+            _context.next = 28;
+            break;
+          }
+          // let focusedNode = scene.getTransformNodeByName(focusedElement.name)!;
+          focusedNode = undefined;
+          _iterator = _createForOfIteratorHelper(scene.transformNodes);
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              node = _step.value;
+              if (node.name == focusedElement.name) {
+                if (sceneStore.getId(node) == focusedElement.id) {
+                  focusedNode = node;
+                }
+              }
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+          if (focusedNode) {
+            _context.next = 22;
+            break;
+          }
+          return _context.abrupt("return");
+        case 22:
+          bbox = focusedNode.getHierarchyBoundingVectors();
+          boundingInfo = new BoundingInfo(bbox.min, bbox.max);
+          frustumPlanes = Frustum.GetPlanes(scene.activeCamera.getTransformationMatrix());
+          isInFrustum = boundingInfo.isCompletelyInFrustum(frustumPlanes);
+          sizeDiff = Vector3$1.Distance(bbox.min, bbox.max) - focusedElement.size;
+          if ((focusedNode.absolutePosition.x != focusedElement.position.x || focusedNode.absolutePosition.y != focusedElement.position.y || focusedNode.absolutePosition.z != focusedElement.position.z) && sceneStore.isControlledViewpoint) {
+            sceneStore.focusElement(focusedNode);
+          } else if (wasPlanned && sceneStore.isControlledViewpoint && (elementCount != sceneStore.elements.length || focusedElement.size != 0 && Math.abs(sizeDiff) > 0.5 || !isInFrustum)) {
+            sceneStore.focusElement(focusedNode);
+          } else {
+            updateCam(sceneStore.hqRenderScript.cams[0], sceneStore.scene);
+          }
+        case 28:
         case "end":
           return _context.stop();
       }
@@ -3067,7 +3236,7 @@ function useRealTimeRenderData (_ref) {
   }
   function _onSceneReady() {
     _onSceneReady = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var _sceneStore$hqRenderS, getEnableUnityRtvKombi, cams, filteredCustomViewpoints, activeViewpoint, activeViewpointIdx;
+      var _sceneStore$hqRenderS, getEnableUnityRtvKombi, cams, filteredCustomViewpoints, activeViewpoint, activeViewpointIdx, activeElement, _activeElement;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -3113,7 +3282,13 @@ function useRealTimeRenderData (_ref) {
               _context2.next = 17;
               break;
             }
-            if (elementsInfo) uiStore.initGui(callbacks.onElementSelected, sceneStore.elements, elementsInfo);
+            if (elementsInfo) {
+              activeElement = elementsInfo.find(function (e) {
+                return e.active;
+              });
+              if (activeElement) sceneStore.selectedElement = activeElement.elementId.toString();
+              uiStore.initGui(callbacks.onElementSelected, sceneStore.elements, elementsInfo);
+            }
             if (!overlayImage) actions.toggleLoading('buildScene', false, false);
             sceneStore.isInitializing = false;
             return _context2.abrupt("return");
@@ -3127,7 +3302,13 @@ function useRealTimeRenderData (_ref) {
             _context2.next = 21;
             return parser();
           case 21:
-            if (elementsInfo) uiStore.initGui(callbacks.onElementSelected, sceneStore.elements, elementsInfo);
+            if (elementsInfo) {
+              _activeElement = elementsInfo.find(function (e) {
+                return e.active;
+              });
+              if (_activeElement) sceneStore.selectedElement = _activeElement.elementId.toString();
+              uiStore.initGui(callbacks.onElementSelected, sceneStore.elements, elementsInfo);
+            }
             if (freePlacesOnGrids || plannedPlacesOnGrids) gridStore.getGrids(freePlacesOnGrids, plannedPlacesOnGrids);
             _context2.next = 30;
             break;
@@ -3153,8 +3334,6 @@ function useRealTimeRenderData (_ref) {
               sceneStore.scene.getEngine().runRenderLoop(renderLoop);
               sceneStore.hasRendered = true;
             }
-
-            // sceneStore.scene.debugLayer?.show();
             sceneStore.scene.onAfterRenderObservable.add(onFirstFrame);
             LOG.successTransaction('BUILD_SCENE');
           case 34:
@@ -3167,6 +3346,7 @@ function useRealTimeRenderData (_ref) {
   }
   function onFirstFrame() {
     var _callbacks$onInitiali2, _sceneStore;
+    // sceneStore.scene.debugLayer!.show();
     sceneStore.isInitializing = false;
     sceneStore.scene.onAfterRenderObservable.removeCallback(onFirstFrame);
     if (!overlayImage) actions.toggleLoading('buildScene', false, false);
@@ -3207,7 +3387,8 @@ function useRealTimeRenderData (_ref) {
               }
               engine = new Engine(gameCanvas.current, true, {
                 antialias: true,
-                stencil: true
+                stencil: false,
+                audioEngine: false
               }, true);
               engine.renderEvenInBackground = renderInBackground;
               engine.disablePerformanceMonitorInBackground = true;
@@ -3233,7 +3414,9 @@ function useRealTimeRenderData (_ref) {
               });
             case 17:
               resize = function resize() {
-                scene.getEngine().resize();
+                if (inBackground || !scene || !scene.getEngine()) return;
+                if (sceneStore.hasPlanned) sceneStore.doRenderControlLoop = true;
+                return scene.getEngine().resize();
               };
               if (window) {
                 window.addEventListener('resize', resize);
@@ -3261,7 +3444,6 @@ function useRealTimeRenderData (_ref) {
   useEffect(function () {
     if (!utilStore.updateWithUnityData) return;
     if (overlayImage && uiStore) uiStore.updateOverlayImage(overlayImage);
-    if (sceneStore && sceneStore.scene.activeCamera) updateCam(sceneStore.hqRenderScript.cams[0], sceneStore.scene);
   }, [overlayImage]);
   useEffect(function () {
     if (inBackground) {
@@ -3499,8 +3681,9 @@ var RealTimeRenderer = /*#__PURE__*/memo(function (props) {
     ref: resolutionDiv,
     style: {
       position: 'absolute',
+      top: '-70px',
       width: '100%',
-      height: '100%',
+      height: 'calc(100% + 70px)',
       backgroundColor: 'white',
       zIndex: 2
     },
@@ -3529,7 +3712,8 @@ var RealTimeRenderer = /*#__PURE__*/memo(function (props) {
     })]
   });
 }, function (prevProps, curProps) {
-  if (prevProps.overlayImage != curProps.overlayImage) return false;
+  var _prevProps$overlayIma, _curProps$overlayImag, _prevProps$overlayIma2, _curProps$overlayImag2;
+  if (((_prevProps$overlayIma = prevProps.overlayImage) === null || _prevProps$overlayIma === void 0 ? void 0 : _prevProps$overlayIma.base64) != ((_curProps$overlayImag = curProps.overlayImage) === null || _curProps$overlayImag === void 0 ? void 0 : _curProps$overlayImag.base64) || ((_prevProps$overlayIma2 = prevProps.overlayImage) === null || _prevProps$overlayIma2 === void 0 ? void 0 : _prevProps$overlayIma2.isStaticBg) != ((_curProps$overlayImag2 = curProps.overlayImage) === null || _curProps$overlayImag2 === void 0 ? void 0 : _curProps$overlayImag2.isStaticBg)) return false;
   if (prevProps.renderjob != curProps.renderjob) return false;
   if (JSON.stringify(prevProps.elementsInfo) != JSON.stringify(curProps.elementsInfo)) return false;
   if (prevProps.inBackground != curProps.inBackground) return false;