@colijnit/configurator 259.1.2 → 259.1.4

package/bundles/colijnit-configurator.umd.js

@@ -599,8 +599,9 @@
           objs.forEach(function (o) { return ObjectUtils$1.DisposeObject(o); });
           this._objectCache.clear();
       };
-      ThreedUtils.prototype.download3DSource = function (fileName, assetPath) {
+      ThreedUtils.prototype.download3DSource = function (fileName, setVisibleFalse) {
           var _this = this;
+          if (setVisibleFalse === void 0) { setVisibleFalse = true; }
           return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
               var lookupFileName;
               var _this = this;
@@ -611,7 +612,7 @@
                       resolve(this._objectCache.get(lookupFileName));
                       return [2 /*return*/];
                   }
-                  this.loadGlbSource(lookupFileName)
+                  this.loadGlbSource(lookupFileName, setVisibleFalse)
                       .then(function (obj) {
                       _this._objectCache.set(lookupFileName, obj);
                       resolve(obj);
@@ -711,7 +712,8 @@
               });
           });
       };
-      ThreedUtils.prototype.loadGlbSource = function (file) {
+      ThreedUtils.prototype.loadGlbSource = function (file, setVisibleFalse) {
+          if (setVisibleFalse === void 0) { setVisibleFalse = true; }
           return __awaiter(this, void 0, void 0, function () {
               var obj, children, name, parent;
               return __generator(this, function (_a) {
@@ -720,15 +722,17 @@
                       case 1:
                           obj = _a.sent();
                           if (obj) {
-                              obj.children = obj.children.filter(function (c) { return !(c instanceof THREE__namespace.Camera); });
+                              obj.children = obj.children.filter(function (c) { return !(c instanceof THREE__namespace.Camera || (c.constructor.name && c.constructor.name.toLowerCase().indexOf('camera') > -1)); });
                               obj.children.sort(function (a, b) { return a['name'] < b['name'] ? 1 : -1; });
                               obj.children.forEach(function (c) {
                                   c.traverse(function (t) {
                                       t.visible = !t.name.toLowerCase().startsWith('c_');
                                   });
-                                  c.visible = false;
+                                  if (setVisibleFalse) {
+                                      c.visible = false;
+                                  }
                               });
-                              if (obj.children.length === 1 && obj.children[0] instanceof THREE__namespace.Group) { // flatten children
+                              if (obj.children.length === 1 && (obj.children[0] instanceof THREE__namespace.Group || obj.children[0].constructor.name === 'Group')) { // flatten children
                                   children = obj.children[0].children.slice();
                                   name = obj.children[0].name;
                                   obj.children.length = 0;
@@ -766,11 +770,11 @@
           if (cleanUp === void 0) { cleanUp = true; }
           var obj = new THREE__namespace.Object3D();
           object.children.forEach(function (c) {
-              if (!(c instanceof THREE__namespace.Camera)) {
-                  if (cleanUp && c instanceof THREE__namespace.Group || (c.children.length === 1 && c.children[0] instanceof THREE__namespace.Group)) {
+              if (!(c instanceof THREE__namespace.Camera || (c.constructor.name && c.constructor.name.toLowerCase().indexOf('camera') > -1))) {
+                  if (cleanUp && (c instanceof THREE__namespace.Group || c.constructor.name === 'Group') || (c.children.length === 1 && (c.children[0] instanceof THREE__namespace.Group || c.children[0].constructor.name === 'Group'))) {
                       _this._addGroupChildrenToObject(c, obj);
                   }
-                  else if ((cleanUp && !(c instanceof THREE__namespace.Mesh)) || (!(c instanceof THREE__namespace.Mesh) && !c.name && c.children.length > 0)) {
+                  else if ((cleanUp && !(c instanceof THREE__namespace.Mesh || c.constructor.name === 'Mesh')) || (!(c instanceof THREE__namespace.Mesh || c.constructor.name === 'Mesh') && !c.name && c.children.length > 0)) {
                       c.children.forEach(function (child) {
                           child.translateY(c.position.y);
                       });
@@ -806,7 +810,7 @@
           var _this = this;
           if (cleanUp === void 0) { cleanUp = true; }
           group.children.forEach(function (gc) {
-              if (cleanUp && gc instanceof THREE__namespace.Group) {
+              if (cleanUp && (gc instanceof THREE__namespace.Group || gc.constructor.name === 'Group')) {
                   _this._addGroupChildrenToObject(gc, obj);
               }
               else {
@@ -820,7 +824,7 @@
       ThreedUtils.prototype._iterateChildren = function (children, callback) {
           for (var i = 0; i < children.length; i++) {
               var child = children[i];
-              if (child instanceof THREE__namespace.Mesh) {
+              if (child instanceof THREE__namespace.Mesh || child.constructor.name === 'Mesh') {
                   callback(child);
               }
               else {
@@ -959,6 +963,9 @@
           var con2Name = (con2.constructor.name === 'Mesh' || con2.constructor.name === 'Object3D') ? con2.name : con2.connector;
           var sameParent = (con1.constructor.name === 'Mesh' || con1.constructor.name === 'Object3D') &&
               (con2.constructor.name === 'Mesh' || con2.constructor.name === 'Object3D') ? con1.parent === con2.parent : false;
+          if (!con1Name || !con2Name) {
+              return false;
+          }
           var parts1 = con1Name.toUpperCase().split('_'), parts2 = con2Name.toUpperCase().split('_');
           if (parts1.length >= 3 && parts2.length >= 3 && !sameParent) {
               var connectable = parts1[0] === 'C' && parts2[0] === 'C' &&
@@ -984,8 +991,8 @@
           if (!scene || !parent) {
               return false;
           }
-          con1['connectedTo'] = con2.parent.name;
-          con2['connectedTo'] = con1.parent.name;
+          con1['connectedTo'] = con2 && con2.parent ? con2.parent.name : '';
+          con2['connectedTo'] = con1 && con1.parent ? con1.parent.name : '';
           var motherRotation = new THREE__namespace.Euler(0, 0, 0);
           var motherPosition = new THREE__namespace.Vector3(0, 0, 0);
           parent.updateMatrixWorld();
@@ -995,33 +1002,53 @@
           parent.position.set(0, 0, 0);
           scene.updateMatrixWorld(true);
           var con1Quat = new THREE__namespace.Quaternion();
-          con1.getWorldQuaternion(con1Quat);
+          if (con1) {
+              con1.getWorldQuaternion(con1Quat);
+          }
           var con2Quat = new THREE__namespace.Quaternion();
-          con2.getWorldQuaternion(con2Quat);
+          if (con2) {
+              con2.getWorldQuaternion(con2Quat);
+          }
           var con1QuatParent = new THREE__namespace.Quaternion();
-          con1.parent.getWorldQuaternion(con1QuatParent);
+          if (con1 && con1.parent) {
+              con1.parent.getWorldQuaternion(con1QuatParent);
+          }
           var con2QuatParent = new THREE__namespace.Quaternion();
-          con2.parent.getWorldQuaternion(con2QuatParent);
+          if (con2 && con2.parent) {
+              con2.parent.getWorldQuaternion(con2QuatParent);
+          }
           var rotation = new THREE__namespace.Quaternion().multiplyQuaternions(con1Quat.invert(), con2Quat).multiply(new THREE__namespace.Quaternion().multiplyQuaternions(con1QuatParent, con1QuatParent));
-          con2.parent.quaternion.copy(rotation);
+          if (con2 && con2.parent) {
+              con2.parent.quaternion.copy(rotation);
+          }
           // Update because the matrix has been tempered with
           scene.updateMatrixWorld(true);
           // Move the connectors towards eachother
           var con1Pos = new THREE__namespace.Vector3();
-          con1.getWorldPosition(con1Pos);
+          if (con1) {
+              con1.getWorldPosition(con1Pos);
+          }
           var con2Pos = new THREE__namespace.Vector3();
-          con2.getWorldPosition(con2Pos);
+          if (con2) {
+              con2.getWorldPosition(con2Pos);
+          }
           var move = con1Pos.sub(con2Pos);
-          con2.parent.position.x += move.x;
-          con2.parent.position.y += move.y;
-          con2.parent.position.z += move.z;
+          if (con2 && con2.parent) {
+              con2.parent.position.x += move.x;
+              con2.parent.position.y += move.y;
+              con2.parent.position.z += move.z;
+          }
           // reset parent's objects rotation and position
           parent.rotation.copy(motherRotation);
           parent.position.copy(motherPosition);
           scene.updateMatrixWorld(true);
           // Set the connected flag
-          con1['connected'] = true;
-          con2['connected'] = true;
+          if (con1) {
+              con1['connected'] = true;
+          }
+          if (con2) {
+              con2['connected'] = true;
+          }
           return true;
       };
       return SceneUtils;
@@ -1095,52 +1122,66 @@
       return Material;
   }());
 
+  var BaseUtils = /** @class */ (function () {
+      function BaseUtils() {
+      }
+      BaseUtils.prototype.log = function (message) {
+          if (this.debug) {
+              this.debug(message);
+              console.log(new Date(), message);
+          }
+      };
+      return BaseUtils;
+  }());
+
   // @dynamic
-  var ImageUtils = /** @class */ (function () {
+  var ImageUtils = /** @class */ (function (_super) {
+      __extends(ImageUtils, _super);
       function ImageUtils() {
+          return _super !== null && _super.apply(this, arguments) || this;
       }
       ImageUtils.CreateTextureFromBase64 = function (id, base64, material, defaultFlip) {
-          var _this = this;
           if (defaultFlip === void 0) { defaultFlip = false; }
-          return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
-              var _a, loader;
-              return __generator(this, function (_b) {
-                  switch (_b.label) {
+          var _a, _b;
+          return __awaiter(this, void 0, void 0, function () {
+              var texture_1, loader_1, texture, err_1;
+              return __generator(this, function (_c) {
+                  switch (_c.label) {
                       case 0:
-                          if (!ImageUtils.textures.has(id)) return [3 /*break*/, 1];
-                          resolve(ImageUtils.textures.get(id));
-                          return [3 /*break*/, 5];
+                          if (ImageUtils.textures.has(id)) {
+                              return [2 /*return*/, ImageUtils.textures.get(id)];
+                          }
+                          _c.label = 1;
                       case 1:
-                          if (!!base64) return [3 /*break*/, 2];
-                          resolve(new THREE__namespace.Texture());
-                          return [3 /*break*/, 5];
+                          _c.trys.push([1, 5, , 6]);
+                          if (!window.textureLoader) return [3 /*break*/, 3];
+                          return [4 /*yield*/, window.textureLoader(base64, material)];
                       case 2:
-                          if (!window.hasOwnProperty('textureLoader')) return [3 /*break*/, 4];
-                          _a = resolve;
-                          return [4 /*yield*/, window.textureLoader(base64)];
+                          texture_1 = _c.sent();
+                          ImageUtils.textures.set(id, texture_1);
+                          return [2 /*return*/, texture_1];
                       case 3:
-                          _a.apply(void 0, [_b.sent()]);
-                          return [3 /*break*/, 5];
+                          loader_1 = new THREE__namespace.TextureLoader();
+                          return [4 /*yield*/, new Promise(function (resolve, reject) {
+                                  loader_1.load(base64, resolve, undefined, function (err) { return reject(err); });
+                              })];
                       case 4:
-                          loader = new THREE__namespace.TextureLoader();
-                          loader.load(base64, function (texture) {
-                              texture.anisotropy = 16;
-                              texture.wrapS = THREE__namespace.RepeatWrapping;
-                              texture.wrapT = THREE__namespace.RepeatWrapping;
-                              texture.repeat = new THREE__namespace.Vector2(material ? material.repeatX : 1, material ? material.repeatY : 1);
-                              texture.flipY = defaultFlip;
-                              texture.needsUpdate = true;
-                              ImageUtils.textures.set(id, texture);
-                              resolve(texture);
-                          }, function () {
-                          }, function () {
-                              resolve(new THREE__namespace.Texture());
-                          });
-                          _b.label = 5;
-                      case 5: return [2 /*return*/];
+                          texture = _c.sent();
+                          texture.anisotropy = 16;
+                          texture.wrapS = THREE__namespace.RepeatWrapping;
+                          texture.wrapT = THREE__namespace.RepeatWrapping;
+                          texture.repeat = new THREE__namespace.Vector2((_a = material === null || material === void 0 ? void 0 : material.repeatX) !== null && _a !== void 0 ? _a : 1, (_b = material === null || material === void 0 ? void 0 : material.repeatY) !== null && _b !== void 0 ? _b : 1);
+                          texture.flipY = defaultFlip;
+                          texture.needsUpdate = true;
+                          ImageUtils.textures.set(id, texture);
+                          return [2 /*return*/, texture];
+                      case 5:
+                          err_1 = _c.sent();
+                          return [2 /*return*/, null];
+                      case 6: return [2 /*return*/];
                   }
               });
-          }); });
+          });
       };
       ImageUtils.getDocBodyWithMimeTypeDefinition = function (fileName, documentBody) {
           if (documentBody === null) {
@@ -1171,7 +1212,7 @@
           ImageUtils.textures.clear();
       };
       return ImageUtils;
-  }());
+  }(BaseUtils));
   ImageUtils.textures = new Map();
 
   var FurnitureMaterial = /** @class */ (function (_super) {
@@ -1857,10 +1898,13 @@
   }());
   VariationUtils.MaterialCache = new Map();
 
-  var VariationHelper = /** @class */ (function () {
+  var VariationHelper = /** @class */ (function (_super) {
+      __extends(VariationHelper, _super);
       function VariationHelper() {
-          this._variations = [];
-          this._lastKnownVariations = new Map();
+          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+          _this._variations = [];
+          _this._lastKnownVariations = new Map();
+          return _this;
       }
       VariationHelper.prototype.clearCache = function () {
           var variationMap = Array.from(this._lastKnownVariations.values());
@@ -2004,7 +2048,7 @@
                       case 4: return [3 /*break*/, 6];
                       case 5:
                           e_2 = _a.sent();
-                          this._log(e_2.message);
+                          this.log(e_2.message);
                           return [3 /*break*/, 6];
                       case 6: return [2 /*return*/];
                   }
@@ -2444,14 +2488,8 @@
           }
           return new THREE.Color();
       };
-      VariationHelper.prototype._log = function (message) {
-          if (this.debug) {
-              this.debug(message);
-              console.log(new Date(), message);
-          }
-      };
       return VariationHelper;
-  }());
+  }(BaseUtils));
 
   var ConfiguratorService = /** @class */ (function () {
       function ConfiguratorService() {
@@ -2512,10 +2550,12 @@
                       case 0: return [4 /*yield*/, this._configuratorApi.getSelections(showLoader)];
                       case 1:
                           selections = _a.sent();
-                          selections.resultObjects.filter(function (s) {
-                              (isNill_function.isNill(s.hierarchicalPublicationCode) || ((s.hierarchicalPublicationCode & publicationCode) > 0)) && ((s.nodeType === nodeType_enum.NodeType.Question && (((s.questionPublicationCode & publicationCode) > 0) || isNill_function.isNill(s.questionPublicationCode))) ||
-                                  (s.nodeType === nodeType_enum.NodeType.Answer && (((s.answerPublicationCode & publicationCode) > 0) || isNill_function.isNill(s.answerPublicationCode))));
-                          });
+                          if (selections && selections.resultObjects) {
+                              selections.resultObjects.filter(function (s) {
+                                  (isNill_function.isNill(s.hierarchicalPublicationCode) || ((s.hierarchicalPublicationCode & publicationCode) > 0)) && ((s.nodeType === nodeType_enum.NodeType.Question && (((s.questionPublicationCode & publicationCode) > 0) || isNill_function.isNill(s.questionPublicationCode))) ||
+                                      (s.nodeType === nodeType_enum.NodeType.Answer && (((s.answerPublicationCode & publicationCode) > 0) || isNill_function.isNill(s.answerPublicationCode))));
+                              });
+                          }
                           return [2 /*return*/, selections];
                   }
               });
@@ -2542,11 +2582,13 @@
                       case 0: return [4 /*yield*/, this._configuratorApi.getQuestionAndAnswers(showLoader)];
                       case 1:
                           questionAndAnswers = _a.sent();
-                          questionAndAnswers.answers.filter(function (answer) {
-                              (notNill_function.notNill(answer.hierarchicalPublicationCode) && (answer.hierarchicalPublicationCode & publicationCode) === 0) ||
-                                  (answer.type === nodeType_enum.NodeType.Question && (answer.questionPublicationCode & publicationCode) === 0 && notNill_function.notNill(answer.questionPublicationCode)) ||
-                                  (answer.type === nodeType_enum.NodeType.Answer && (answer.publicationCode & publicationCode) === 0 && notNill_function.notNill(answer.publicationCode));
-                          });
+                          if (questionAndAnswers && questionAndAnswers.answers) {
+                              questionAndAnswers.answers.filter(function (answer) {
+                                  (notNill_function.notNill(answer.hierarchicalPublicationCode) && (answer.hierarchicalPublicationCode & publicationCode) === 0) ||
+                                      (answer.type === nodeType_enum.NodeType.Question && (answer.questionPublicationCode & publicationCode) === 0 && notNill_function.notNill(answer.questionPublicationCode)) ||
+                                      (answer.type === nodeType_enum.NodeType.Answer && (answer.publicationCode & publicationCode) === 0 && notNill_function.notNill(answer.publicationCode));
+                              });
+                          }
                           return [2 /*return*/, questionAndAnswers];
                   }
               });
@@ -2595,18 +2637,20 @@
       function ObjectUtils() {
       }
       ObjectUtils.DisposeNode = function (node) {
-          node.traverse(function (obj) {
-              if (obj instanceof THREE.Mesh) {
-                  if (obj.geometry) {
-                      obj.geometry.dispose();
+          if (node) {
+              node.traverse(function (obj) {
+                  if (obj instanceof THREE.Mesh) {
+                      if (obj.geometry) {
+                          obj.geometry.dispose();
+                      }
+                      ObjectUtils.DisposeMaterial(obj.material);
                   }
-                  ObjectUtils.DisposeMaterial(obj.material);
-              }
-              if (typeof obj.dispose === 'function') {
-                  // @ts-ignore
-                  obj.dispose();
-              }
-          });
+                  if (typeof obj.dispose === 'function') {
+                      // @ts-ignore
+                      obj.dispose();
+                  }
+              });
+          }
       };
       ObjectUtils.DisposeMaterial = function (material) {
           var _this = this;
@@ -2746,7 +2790,7 @@
               var _this = this;
               return __generator(this, function (_a) {
                   return [2 /*return*/, new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                          var build, e_2;
+                          var build, e_2, e_3;
                           return __generator(this, function (_a) {
                               switch (_a.label) {
                                   case 0:
@@ -2755,12 +2799,19 @@
                                       }
                                       _a.label = 1;
                                   case 1:
-                                      _a.trys.push([1, 6, , 7]);
-                                      this._log('start build');
-                                      return [4 /*yield*/, this._downloadAsset(assetUrl, cdnUrl, schema)];
+                                      _a.trys.push([1, 14, , 15]);
+                                      this._log('start build', true);
+                                      return [4 /*yield*/, this._downloadAsset(assetUrl, cdnUrl, schema, selections && selections.length > 1 && decos && decos.length > 0)];
                                   case 2:
                                       _a.sent();
-                                      if (!(selections && selections.length > 1 && decos && decos.length > 0 && this._source)) return [3 /*break*/, 4];
+                                      _a.label = 3;
+                                  case 3:
+                                      _a.trys.push([3, , 12, 13]);
+                                      if (!this._source) return [3 /*break*/, 10];
+                                      _a.label = 4;
+                                  case 4:
+                                      _a.trys.push([4, 8, , 9]);
+                                      if (!(selections && selections.length > 1 && decos && decos.length > 0)) return [3 /*break*/, 6];
                                       this._reset();
                                       this._selections = selections;
                                       this._decos = decos;
@@ -2768,21 +2819,41 @@
                                       this._prepareTheSelections();
                                       this._preloadMaterials();
                                       return [4 /*yield*/, this._build()];
-                                  case 3:
+                                  case 5:
                                       build = _a.sent();
-                                      this._cleanUp();
-                                      this._log('finish build');
                                       resolve(build);
-                                      return [3 /*break*/, 5];
-                                  case 4:
-                                      reject('Unsufficient data provided!');
-                                      _a.label = 5;
-                                  case 5: return [3 /*break*/, 7];
+                                      return [3 /*break*/, 7];
                                   case 6:
+                                      resolve(this._source); // just return the source for simplicity
+                                      _a.label = 7;
+                                  case 7: return [3 /*break*/, 9];
+                                  case 8:
                                       e_2 = _a.sent();
-                                      reject(e_2);
-                                      return [3 /*break*/, 7];
-                                  case 7: return [2 /*return*/];
+                                      reject(e_2.message);
+                                      return [3 /*break*/, 9];
+                                  case 9:
+                                      {
+                                      }
+                                      return [3 /*break*/, 11];
+                                  case 10:
+                                      if (assetUrl) {
+                                          reject("Error downloading source: " + assetUrl);
+                                      }
+                                      else {
+                                          reject('No 3D source provided!');
+                                      }
+                                      _a.label = 11;
+                                  case 11: return [3 /*break*/, 13];
+                                  case 12:
+                                      this._cleanUp();
+                                      this._log('finish build', true);
+                                      return [7 /*endfinally*/];
+                                  case 13: return [3 /*break*/, 15];
+                                  case 14:
+                                      e_3 = _a.sent();
+                                      reject(e_3);
+                                      return [3 /*break*/, 15];
+                                  case 15: return [2 /*return*/];
                               }
                           });
                       }); })];
@@ -2819,8 +2890,8 @@
                       case 0: return [4 /*yield*/, this._configuratorService.getQuestionAndAnswers(false, publicationCode)];
                       case 1:
                           questionsAndAnswers = _a.sent();
-                          this._answers = questionsAndAnswers.answers;
-                          this.answersReceived.next(questionsAndAnswers.answers);
+                          this._answers = questionsAndAnswers && questionsAndAnswers.answers ? questionsAndAnswers.answers : [];
+                          this.answersReceived.next(this._answers);
                           return [2 /*return*/];
                   }
               });
@@ -2836,7 +2907,7 @@
                           return [4 /*yield*/, this.getQuestionAndAnswers()];
                       case 2:
                           _a.sent();
-                          if (this._answers.length === 0) {
+                          if (this._answers && this._answers.length === 0) {
                               this._build();
                           }
                           return [2 /*return*/];
@@ -2893,9 +2964,12 @@
           }
       };
       Builder.prototype._preloadMaterials = function () {
-          this._variationHelper.preloadVariations(this._decos
-              .filter(function (d) { return d.gameObjectName && d.type === decoNodeType_enum.DecoNodeType.Variation; })
-              .map(function (d) { return d.gameObjectName; }));
+          if (this._decos && this._decos.length) {
+              var materials = __spreadArray([], __read(new Set(this._decos
+                  .filter(function (d) { return d.gameObjectName && d.type === decoNodeType_enum.DecoNodeType.Variation; })
+                  .map(function (d) { return d.gameObjectName; }))));
+              this._variationHelper.preloadVariations(materials);
+          }
       };
       Builder.prototype._setInstanceId = function (sku, instanceId, goodId) {
           return __awaiter(this, void 0, void 0, function () {
@@ -2959,14 +3033,15 @@
               });
           });
       };
-      Builder.prototype._downloadAsset = function (assetUrl, cdnUrl, schema) {
+      Builder.prototype._downloadAsset = function (assetUrl, cdnUrl, schema, setVisibleFalse) {
+          if (setVisibleFalse === void 0) { setVisibleFalse = true; }
           return __awaiter(this, void 0, void 0, function () {
               var _a;
               return __generator(this, function (_b) {
                   switch (_b.label) {
                       case 0:
                           _a = this;
-                          return [4 /*yield*/, this._threedUtils.download3DSource(assetUrl, cdnUrl)
+                          return [4 /*yield*/, this._threedUtils.download3DSource(assetUrl, setVisibleFalse)
                                   .catch(function (error) {
                                   throw error;
                               })];
@@ -3041,6 +3116,9 @@
       };
       Builder.prototype._prepareTheSelections = function () {
           var _this = this;
+          if (!this._selections || !this._selections.length) {
+              return;
+          }
           var selections = this._selections.slice();
           var selectionOfArticle = selections.find(function (s) { return s.nodeType === nodeType_enum.NodeType.Article; });
           var adjustableSelections = selections.filter(function (s) { return s.addAdjust === '2'; });
@@ -3170,17 +3248,19 @@
        * @private
        */
       Builder.prototype._getMaterialIdFromParent = function (id) {
-          var idx = this._selections.findIndex(function (s) { return s.node === id; });
-          var currentLevel = 999;
-          if (idx > -1) {
-              for (var i = idx; i > 0; i--) {
-                  var selection = this._selections[i];
-                  if (selection.presentationLevel >= currentLevel) {
-                      break;
-                  }
-                  currentLevel = selection.presentationLevel;
-                  if (selection.hdecoGameObject) {
-                      return selection.hdecoGameObject;
+          if (this._selections) {
+              var idx = this._selections.findIndex(function (s) { return s.node === id; });
+              var currentLevel = 999;
+              if (idx > -1) {
+                  for (var i = idx; i > 0; i--) {
+                      var selection = this._selections[i];
+                      if (selection.presentationLevel >= currentLevel) {
+                          break;
+                      }
+                      currentLevel = selection.presentationLevel;
+                      if (selection.hdecoGameObject) {
+                          return selection.hdecoGameObject;
+                      }
                   }
               }
           }
@@ -3268,7 +3348,7 @@
                       case 0: return [4 /*yield*/, this._configuratorService.getGoodIdFromSku(sku, false)];
                       case 1:
                           response = _a.sent();
-                          if (response.validationResult.success && response.resultObject) {
+                          if (response && response.validationResult && response.validationResult.success && response.resultObject) {
                               return [2 /*return*/, response.resultObject];
                           }
                           return [2 /*return*/];
@@ -3297,7 +3377,7 @@
                       case 2: return [4 /*yield*/, this._configuratorService.getArticleQuickSel(goodId, false)];
                       case 3:
                           articleResponse = _a.sent();
-                          if (articleResponse.validationResult.success && articleResponse.resultObject) {
+                          if (articleResponse && articleResponse.validationResult && articleResponse.validationResult.success && articleResponse.resultObject) {
                               if (articleResponse.resultObject.hasOwnProperty('oArticle')) {
                                   obj = Array.isArray(articleResponse.resultObject['oArticle']) ? articleResponse.resultObject['oArticle'][0] : articleResponse.resultObject['oArticle'];
                                   article$1 = this._boFactory.makeWithRawBackendData(article.Article, obj);
@@ -3323,7 +3403,7 @@
                           return [4 /*yield*/, this._configuratorService.getSelections(false, publicationCode)];
                       case 1:
                           selectionResponse = _a.sent();
-                          if (selectionResponse.resultObjects && selectionResponse.resultObjects.length > 0) {
+                          if (selectionResponse && selectionResponse.resultObjects && selectionResponse.resultObjects.length > 0) {
                               this._selections = this._boFactory.makeBOArrayFromRawBackendDataArray(selection.Selection, selectionResponse.resultObjects);
                               this._selections.forEach(function (s) { return s.instanceId = instanceId; });
                               // const filtered: Selection[] = this._selections.filter(s => s.nodeType !== NodeType.Article && s.presentationLevel === 1);
@@ -3347,7 +3427,7 @@
                           return [4 /*yield*/, this._configuratorService.getDecos(false)];
                       case 1:
                           decosResponse = _a.sent();
-                          if (decosResponse.resultObjects && decosResponse.resultObjects.length > 0) {
+                          if (decosResponse && decosResponse.resultObjects && decosResponse.resultObjects.length > 0) {
                               this._decos = this._boFactory.makeBOArrayFromRawBackendDataArray(decoNode.DecoNode, decosResponse.resultObjects);
                               this.decosReceived.next(this._decos);
                           }
@@ -3361,6 +3441,9 @@
       };
       Builder.prototype._linkSelectionsAndDecos = function () {
           var _this = this;
+          if (!this._selections || !this._selections.length) {
+              return;
+          }
           var len = this._selections.length;
           var _loop_2 = function (i) {
               // const id: string = this.selections[i].artNodeIdDeco;
@@ -3382,9 +3465,12 @@
           }
       };
       Builder.prototype._getVariations = function () {
-          return this._decos.filter(function (deco) {
-              return deco.type === decoNodeType_enum.DecoNodeType.Variation;
-          });
+          if (this._decos && this._decos.length) {
+              return this._decos.filter(function (deco) {
+                  return deco.type === decoNodeType_enum.DecoNodeType.Variation;
+              });
+          }
+          return [];
       };
       Builder.prototype._loadVariations = function (obj) {
           return __awaiter(this, void 0, void 0, function () {
@@ -3412,6 +3498,9 @@
           });
       };
       Builder.prototype._getAdjustables = function () {
+          if (!this._selections || !this._selections.length) {
+              return [];
+          }
           return this._selections.filter(function (s) {
               var node = s.decoNode;
               return node && node.gameObjectName && node.type === decoNodeType_enum.DecoNodeType.Part && node.kind === decoNodeKind_enum.DecoNodeKind.Adjustable;
@@ -3434,7 +3523,8 @@
           this._addables.length = 0;
           // this._prepareTheSelections();
       };
-      Builder.prototype._log = function (message) {
+      Builder.prototype._log = function (message, force) {
+          if (force === void 0) { force = false; }
           if (this.debug) {
               this.debug(message);
               console.log(new Date(), message);
@@ -3710,8 +3800,8 @@
   var SelectionsComponent = /** @class */ (function () {
       function SelectionsComponent(_builder) {
           this._builder = _builder;
-          this.selectionViewModels = [];
           this.selectionClick = new i0.EventEmitter();
+          this.selectionViewModels = [];
       }
       Object.defineProperty(SelectionsComponent.prototype, "selections", {
           set: function (value) {