@crystaldesign/real-time-viewer 24.12.0-beta.3 → 24.12.0-beta.31

package/build/esm/index.js

@@ -26,14 +26,15 @@ import { Tools, Observable, WebRequest } from '@babylonjs/core/Misc';
 import { SceneOptimizerOptions, ShadowsOptimization, RenderTargetsOptimization, SceneOptimizer } from '@babylonjs/core/Misc/sceneOptimizer';
 import { getLogger, DivaError } from '@crystaldesign/diva-core';
 import { TransformNode } from '@babylonjs/core/Meshes/transformNode';
-import { Ellipse, Rectangle, Button, TextBlock, Image, AdvancedDynamicTexture } from '@babylonjs/gui';
-import { Matrix as Matrix$1, Vector3 as Vector3$1 } from '@babylonjs/core/Maths/math';
+import { Ellipse, Rectangle, Button, TextBlock, AdvancedDynamicTexture, Image } from '@babylonjs/gui';
+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;
     }
@@ -125,7 +127,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 +340,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 +409,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() {
@@ -862,8 +864,8 @@ function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function createCams(scene, activeViewpoint, viewPoints) {
   var _useUtilStoreContext = useUtilStoreContext(),
-    degreesToRadians = _useUtilStoreContext.degreesToRadians,
-    vector3ToBVector3 = _useUtilStoreContext.vector3ToBVector3;
+    vector3ToBVector3 = _useUtilStoreContext.vector3ToBVector3,
+    degreesToRadians = _useUtilStoreContext.degreesToRadians;
   function createCam(_ref) {
     var name = _ref.name,
       pos = _ref.pos,
@@ -911,22 +913,21 @@ 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 _useUtilStoreContext2 = useUtilStoreContext(),
-    degreesToRadians = _useUtilStoreContext2.degreesToRadians,
-    vector3ToBVector3 = _useUtilStoreContext2.vector3ToBVector3;
   var cam = scene.getCameraByName('defaultCam');
-  var newPos = vector3ToBVector3(camera.pos).multiply(new Vector3(-0.01, 0.01, 0.01));
+  var newPos = utilStore.vector3ToBVector3(camera.pos).multiply(new Vector3(-0.01, 0.01, 0.01));
   cam.position = newPos;
-  cam.rotation = degreesToRadians(vector3ToBVector3(_objectSpread$1(_objectSpread$1({}, camera.rot), {}, {
+  cam.rotation = utilStore.degreesToRadians(utilStore.vector3ToBVector3(_objectSpread$1(_objectSpread$1({}, camera.rot), {}, {
     x: -camera.rot.x
   })));
   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
@@ -942,6 +943,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);
@@ -958,6 +960,7 @@ 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, "light", undefined);
     _defineProperty(this, "changedElements", void 0);
     scene.clearColor = new Color4(1, 1, 1, 1);
@@ -1044,6 +1047,29 @@ 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: "controlRenderLoop",
     get: function get() {
@@ -1072,12 +1098,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;) {
@@ -1132,12 +1158,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;) {
@@ -1162,12 +1188,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;) {
@@ -1200,6 +1226,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() {
@@ -1299,6 +1334,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) {
@@ -1380,6 +1427,45 @@ var SceneStore = /*#__PURE__*/function () {
       this.cameraTargetPosition = pos;
       // 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.75);
+      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._focusedElement = {
+        id: this.getId(root),
+        name: root.id,
+        position: root.absolutePosition,
+        size: Vector3.Distance(bbox.min, bbox.max)
+      };
+      this.cameraTargetPosition = center;
+      this.targetCameraPosition = newPosition;
+      this.doRenderControlLoop = true;
+    }
   }, {
     key: "getMaxCamPosition",
     value: function getMaxCamPosition() {
@@ -1397,69 +1483,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);
@@ -1470,9 +1568,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
 */
@@ -1487,7 +1585,6 @@ var UIStore = /*#__PURE__*/function () {
     _defineProperty(this, "_overlayImage", void 0);
     _defineProperty(this, "_requestNewOverlayImage", void 0);
     _defineProperty(this, "_timeoutId", void 0);
-    _defineProperty(this, "_outstandingImageCount", void 0);
     _defineProperty(this, "_latestViewpoint", void 0);
     _defineProperty(this, "_guiElements", []);
     _defineProperty(this, "_scene", void 0);
@@ -1505,15 +1602,7 @@ var UIStore = /*#__PURE__*/function () {
       var _this$_overlayImage;
       if (!overlayImage || !_this._scene || ((_this$_overlayImage = _this._overlayImage) === null || _this$_overlayImage === void 0 ? void 0 : _this$_overlayImage.source) == overlayImage.base64) return;
       _this._isStaticBg = overlayImage.isStaticBg;
-      _this._outstandingImageCount--;
-      if (_this._outstandingImageCount > 0) return;
-      if (_this._overlayImage) _this._overlayImage.source = overlayImage.base64;else {
-        _this._overlayImage = new Image('overlayImage', overlayImage.base64);
-        _this._overlayImage.width = '100%';
-        _this._overlayImage.height = '100%';
-        _this._overlayImage.alpha = 1;
-        _this._gui.addControl(_this._overlayImage);
-      }
+      _this._overlayImage.source = overlayImage.base64;
       _this._overlayImage.isVisible = true;
       _this._enableSSAO(false);
     });
@@ -1532,9 +1621,17 @@ var UIStore = /*#__PURE__*/function () {
       this._colors.defaultBg = '#dfdfdf';
       this._colors.selectedBg = '#db3433';
     }
-    this._outstandingImageCount = 0;
     this._isStaticBg = _overlayImage === null || _overlayImage === void 0 ? void 0 : _overlayImage.isStaticBg;
-    if (_overlayImage) this.updateOverlayImage(_overlayImage);
+    if (_overlayImage) {
+      this._overlayImage = new Image('overlayImage', _overlayImage.base64);
+      this._overlayImage.width = '100%';
+      this._overlayImage.height = '100%';
+      this._overlayImage.alpha = 1;
+      this._gui.addControl(this._overlayImage);
+      this._overlayImage.source = _overlayImage.base64;
+      this._overlayImage.isVisible = true;
+      this._enableSSAO(false);
+    }
   }
   return _createClass(UIStore, [{
     key: "isStaticBg",
@@ -1651,7 +1748,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;) {
@@ -1715,8 +1812,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);
@@ -1747,6 +1843,7 @@ var UIStore = /*#__PURE__*/function () {
       if (!this._overlayImage) return;
       this._overlayImage.isVisible = false;
       this._enableSSAO(true);
+      this._utilStore.updateCam = false;
     }
   }, {
     key: "requestNewOverlayImage",
@@ -1762,7 +1859,8 @@ var UIStore = /*#__PURE__*/function () {
           _this7._enableSSAO(false);
           return;
         }
-        _this7._outstandingImageCount++;
+        _this7._utilStore.addOutstandingImage();
+        _this7._utilStore.updateCam = true;
         _this7._latestViewpoint = viewpoint;
         (_this7$_requestNewOve = _this7._requestNewOverlayImage) === null || _this7$_requestNewOve === void 0 || _this7$_requestNewOve.call(_this7, viewpoint);
       }, 500);
@@ -1779,6 +1877,8 @@ var UtilStore = /*#__PURE__*/function () {
     _classCallCheck(this, UtilStore);
     _defineProperty(this, "_isMobile", void 0);
     _defineProperty(this, "_rtvAnalyzeData", []);
+    _defineProperty(this, "_outstandingImageCount", void 0);
+    _defineProperty(this, "_updateCam", void 0);
     _defineProperty(this, "_viewHandler", void 0);
     _defineProperty(this, "calculateBBoxCenter", function (ob) {
       var boundingBox = ob.getHierarchyBoundingVectors();
@@ -1802,6 +1902,8 @@ var UtilStore = /*#__PURE__*/function () {
     });
     this._isMobile = !!isMobile;
     this._viewHandler = viewHandler;
+    this._outstandingImageCount = 0;
+    this._updateCam = true;
   }
   return _createClass(UtilStore, [{
     key: "isMobile",
@@ -1819,6 +1921,31 @@ var UtilStore = /*#__PURE__*/function () {
       var _this$_viewHandler;
       return (_this$_viewHandler = this._viewHandler) === null || _this$_viewHandler === void 0 ? void 0 : _this$_viewHandler.tabGroupState.curTabGroup.key;
     }
+  }, {
+    key: "updateCam",
+    set: function set(doUpdateCam) {
+      this._updateCam = doUpdateCam;
+    }
+  }, {
+    key: "updateWithUnityData",
+    get: function get() {
+      var isNotOutStandingImage = this._outstandingImageCount > 0;
+      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() {
+      this._outstandingImageCount++;
+    }
   }, {
     key: "disableElementRows",
     value: function disableElementRows(element, cache) {
@@ -1968,9 +2095,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,
@@ -1985,7 +2112,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;) {
@@ -2010,7 +2137,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() {
@@ -2040,7 +2167,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() {
@@ -2071,7 +2198,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;) {
@@ -2188,9 +2315,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);
@@ -2304,7 +2431,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;
@@ -2319,7 +2446,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:
@@ -2364,7 +2491,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;
@@ -2446,7 +2573,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;
@@ -2564,7 +2691,7 @@ function _createOrGetMaterial() {
             _context6.next = 18;
             break;
           }
-          _iterator5 = _createForOfIteratorHelper$3(scene.materials);
+          _iterator5 = _createForOfIteratorHelper$4(scene.materials);
           _context6.prev = 2;
           _iterator5.s();
         case 4:
@@ -2621,9 +2748,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,
@@ -2662,7 +2789,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;) {
@@ -2677,7 +2804,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;) {
@@ -2720,6 +2847,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;
     }
@@ -2731,7 +2859,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;) {
@@ -2746,7 +2874,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;) {
@@ -2761,7 +2889,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;) {
@@ -2776,18 +2904,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;) {
@@ -2805,12 +2932,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;) {
@@ -2831,13 +2958,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;) {
@@ -2858,11 +2985,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;) {
@@ -2921,23 +3048,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;
     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;
@@ -2945,6 +3078,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) {
@@ -2973,7 +3107,46 @@ 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 = 27;
+            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);
+          if (focusedNode.absolutePosition.x != focusedElement.position.x || focusedNode.absolutePosition.y != focusedElement.position.y || focusedNode.absolutePosition.z != focusedElement.position.z) {
+            sceneStore.focusElement(focusedNode);
+          } else if (wasPlanned && (elementCount != sceneStore.elements.length || !isInFrustum && focusedElement.size != 0 && focusedElement.size != Vector3$1.Distance(bbox.min, bbox.max))) {
+            sceneStore.focusElement(focusedNode);
+          }
+        case 27:
         case "end":
           return _context.stop();
       }
@@ -3047,7 +3220,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:
@@ -3085,67 +3258,79 @@ function useRealTimeRenderData (_ref) {
                 allViewpoints: filteredCustomViewpoints
               }));
             }
-            _context2.next = 18;
+            _context2.next = 17;
             break;
           case 11:
             sceneStore.hqRenderScript = JSON.parse(renderjob);
             if (checkCachedData()) {
-              _context2.next = 18;
+              _context2.next = 17;
               break;
             }
-            if (elementsInfo) uiStore.initGui(callbacks.onElementSelected, sceneStore.elements, elementsInfo);
-            if (sceneStore.hqRenderScript.cams && sceneStore.hqRenderScript.cams.length > 0) updateCam(sceneStore.hqRenderScript.cams[0], sceneStore.scene);
+            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");
-          case 18:
+          case 17:
             LOG.startTransaction({
               event: 'buildScene',
               message: 'Start Building Realtime Scene',
               eventId: 'BUILD_SCENE'
             });
-            _context2.prev = 19;
-            _context2.next = 22;
+            _context2.prev = 18;
+            _context2.next = 21;
             return parser();
-          case 22:
-            if (elementsInfo) uiStore.initGui(callbacks.onElementSelected, sceneStore.elements, elementsInfo);
+          case 21:
+            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 = 31;
+            _context2.next = 30;
             break;
-          case 26:
-            _context2.prev = 26;
-            _context2.t0 = _context2["catch"](19);
+          case 25:
+            _context2.prev = 25;
+            _context2.t0 = _context2["catch"](18);
             LOG.errorTransaction('BUILD_SCENE', 'RTS_0001', _context2.t0.message);
             LOG.error(new DivaError('Error building scene', {
               cause: _context2.t0,
               code: 'RTS_0001'
             }));
             sceneStore.isInitializing = false;
-          case 31:
+          case 30:
             if (callbacks.setGlb) {
               sceneStore.exportScene().then(function (res) {
                 var _callbacks$setGlb;
                 if (res) (_callbacks$setGlb = callbacks.setGlb) === null || _callbacks$setGlb === void 0 || _callbacks$setGlb.call(callbacks, URL.createObjectURL(res.glTFFiles['fileName.glb']));
               });
+            } else {
+              LOG.debug('callbacks.setGlb is undefined');
             }
             if (!sceneStore.hasRendered) {
               sceneStore.scene.getEngine().runRenderLoop(renderLoop);
               sceneStore.hasRendered = true;
             }
-
-            // sceneStore.scene.debugLayer?.show();
             sceneStore.scene.onAfterRenderObservable.add(onFirstFrame);
             LOG.successTransaction('BUILD_SCENE');
-          case 35:
+          case 34:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[19, 26]]);
+      }, _callee2, null, [[18, 25]]);
     }));
     return _onSceneReady.apply(this, arguments);
   }
   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);
@@ -3186,7 +3371,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;
@@ -3212,7 +3398,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);
@@ -3238,7 +3426,9 @@ function useRealTimeRenderData (_ref) {
     asyncUseEffect();
   }, []);
   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) {
@@ -3476,8 +3666,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
     },
@@ -3506,7 +3697,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;