@colijnit/configurator 261.1.0 → 261.20.0

package/bundles/colijnit-configurator.umd.js

@@ -1,3993 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('three'), require('@colijnit/configuratorapi/build/model/deco-node'), require('@colijnit/configuratorapi/build/model/selection'), require('@colijnit/configuratorapi/build/enum/deco-node-type.enum'), require('@colijnit/configuratorapi/build/enum/deco-node-kind.enum'), require('rxjs'), require('jszip'), require('rxjs/operators'), require('@colijnit/configuratorapi/build/model/article'), require('@colijnit/configuratorapi/build/configurator'), require('@colijnit/configuratorapi/build/utils/function/not-nill.function'), require('@colijnit/configuratorapi/build/enum/node-type.enum'), require('@colijnit/configuratorapi/build/utils/function/is-nill.function'), require('@angular/core'), require('@colijnit/ioneconnector/build/service/business-object-factory'), require('@angular/common'), require('@angular/animations')) :
-  typeof define === 'function' && define.amd ? define('@colijnit/configurator', ['exports', 'three', '@colijnit/configuratorapi/build/model/deco-node', '@colijnit/configuratorapi/build/model/selection', '@colijnit/configuratorapi/build/enum/deco-node-type.enum', '@colijnit/configuratorapi/build/enum/deco-node-kind.enum', 'rxjs', 'jszip', 'rxjs/operators', '@colijnit/configuratorapi/build/model/article', '@colijnit/configuratorapi/build/configurator', '@colijnit/configuratorapi/build/utils/function/not-nill.function', '@colijnit/configuratorapi/build/enum/node-type.enum', '@colijnit/configuratorapi/build/utils/function/is-nill.function', '@angular/core', '@colijnit/ioneconnector/build/service/business-object-factory', '@angular/common', '@angular/animations'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.configurator = {}), global.THREE, global.decoNode, global.selection, global.decoNodeType_enum, global.decoNodeKind_enum, global.rxjs, global.JSZip, global.rxjs.operators, global.article, global.configurator, global.notNill_function, global.nodeType_enum, global.isNill_function, global.ng.core, global.businessObjectFactory, global.ng.common, global.ng.animations));
-})(this, (function (exports, THREE, decoNode, selection, decoNodeType_enum, decoNodeKind_enum, rxjs, JSZip, operators, article, configurator, notNill_function, nodeType_enum, isNill_function, i0, businessObjectFactory, common, animations) { 'use strict';
-
-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () { return e[k]; }
-          });
-        }
-      });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
-  }
-
-  var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
-  var JSZip__default = /*#__PURE__*/_interopDefaultLegacy(JSZip);
-  var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-
-  /******************************************************************************
-  Copyright (c) Microsoft Corporation.
-
-  Permission to use, copy, modify, and/or distribute this software for any
-  purpose with or without fee is hereby granted.
-
-  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-  PERFORMANCE OF THIS SOFTWARE.
-  ***************************************************************************** */
-  /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-  var extendStatics = function (d, b) {
-      extendStatics = Object.setPrototypeOf ||
-          ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-          function (d, b) { for (var p in b)
-              if (Object.prototype.hasOwnProperty.call(b, p))
-                  d[p] = b[p]; };
-      return extendStatics(d, b);
-  };
-  function __extends(d, b) {
-      if (typeof b !== "function" && b !== null)
-          throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-      extendStatics(d, b);
-      function __() { this.constructor = d; }
-      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  }
-  var __assign = function () {
-      __assign = Object.assign || function __assign(t) {
-          for (var s, i = 1, n = arguments.length; i < n; i++) {
-              s = arguments[i];
-              for (var p in s)
-                  if (Object.prototype.hasOwnProperty.call(s, p))
-                      t[p] = s[p];
-          }
-          return t;
-      };
-      return __assign.apply(this, arguments);
-  };
-  function __rest(s, e) {
-      var t = {};
-      for (var p in s)
-          if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-              t[p] = s[p];
-      if (s != null && typeof Object.getOwnPropertySymbols === "function")
-          for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-              if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                  t[p[i]] = s[p[i]];
-          }
-      return t;
-  }
-  function __decorate(decorators, target, key, desc) {
-      var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-      if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-          r = Reflect.decorate(decorators, target, key, desc);
-      else
-          for (var i = decorators.length - 1; i >= 0; i--)
-              if (d = decorators[i])
-                  r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-      return c > 3 && r && Object.defineProperty(target, key, r), r;
-  }
-  function __param(paramIndex, decorator) {
-      return function (target, key) { decorator(target, key, paramIndex); };
-  }
-  function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-      function accept(f) { if (f !== void 0 && typeof f !== "function")
-          throw new TypeError("Function expected"); return f; }
-      var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-      var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-      var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-      var _, done = false;
-      for (var i = decorators.length - 1; i >= 0; i--) {
-          var context = {};
-          for (var p in contextIn)
-              context[p] = p === "access" ? {} : contextIn[p];
-          for (var p in contextIn.access)
-              context.access[p] = contextIn.access[p];
-          context.addInitializer = function (f) { if (done)
-              throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-          var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-          if (kind === "accessor") {
-              if (result === void 0)
-                  continue;
-              if (result === null || typeof result !== "object")
-                  throw new TypeError("Object expected");
-              if (_ = accept(result.get))
-                  descriptor.get = _;
-              if (_ = accept(result.set))
-                  descriptor.set = _;
-              if (_ = accept(result.init))
-                  initializers.unshift(_);
-          }
-          else if (_ = accept(result)) {
-              if (kind === "field")
-                  initializers.unshift(_);
-              else
-                  descriptor[key] = _;
-          }
-      }
-      if (target)
-          Object.defineProperty(target, contextIn.name, descriptor);
-      done = true;
-  }
-  ;
-  function __runInitializers(thisArg, initializers, value) {
-      var useValue = arguments.length > 2;
-      for (var i = 0; i < initializers.length; i++) {
-          value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-      }
-      return useValue ? value : void 0;
-  }
-  ;
-  function __propKey(x) {
-      return typeof x === "symbol" ? x : "".concat(x);
-  }
-  ;
-  function __setFunctionName(f, name, prefix) {
-      if (typeof name === "symbol")
-          name = name.description ? "[".concat(name.description, "]") : "";
-      return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
-  }
-  ;
-  function __metadata(metadataKey, metadataValue) {
-      if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-          return Reflect.metadata(metadataKey, metadataValue);
-  }
-  function __awaiter(thisArg, _arguments, P, generator) {
-      function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-      return new (P || (P = Promise))(function (resolve, reject) {
-          function fulfilled(value) { try {
-              step(generator.next(value));
-          }
-          catch (e) {
-              reject(e);
-          } }
-          function rejected(value) { try {
-              step(generator["throw"](value));
-          }
-          catch (e) {
-              reject(e);
-          } }
-          function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-          step((generator = generator.apply(thisArg, _arguments || [])).next());
-      });
-  }
-  function __generator(thisArg, body) {
-      var _ = { label: 0, sent: function () { if (t[0] & 1)
-              throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-      return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-      function verb(n) { return function (v) { return step([n, v]); }; }
-      function step(op) {
-          if (f)
-              throw new TypeError("Generator is already executing.");
-          while (g && (g = 0, op[0] && (_ = 0)), _)
-              try {
-                  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                      return t;
-                  if (y = 0, t)
-                      op = [op[0] & 2, t.value];
-                  switch (op[0]) {
-                      case 0:
-                      case 1:
-                          t = op;
-                          break;
-                      case 4:
-                          _.label++;
-                          return { value: op[1], done: false };
-                      case 5:
-                          _.label++;
-                          y = op[1];
-                          op = [0];
-                          continue;
-                      case 7:
-                          op = _.ops.pop();
-                          _.trys.pop();
-                          continue;
-                      default:
-                          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                              _ = 0;
-                              continue;
-                          }
-                          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                              _.label = op[1];
-                              break;
-                          }
-                          if (op[0] === 6 && _.label < t[1]) {
-                              _.label = t[1];
-                              t = op;
-                              break;
-                          }
-                          if (t && _.label < t[2]) {
-                              _.label = t[2];
-                              _.ops.push(op);
-                              break;
-                          }
-                          if (t[2])
-                              _.ops.pop();
-                          _.trys.pop();
-                          continue;
-                  }
-                  op = body.call(thisArg, _);
-              }
-              catch (e) {
-                  op = [6, e];
-                  y = 0;
-              }
-              finally {
-                  f = t = 0;
-              }
-          if (op[0] & 5)
-              throw op[1];
-          return { value: op[0] ? op[1] : void 0, done: true };
-      }
-  }
-  var __createBinding = Object.create ? (function (o, m, k, k2) {
-      if (k2 === undefined)
-          k2 = k;
-      var desc = Object.getOwnPropertyDescriptor(m, k);
-      if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-          desc = { enumerable: true, get: function () { return m[k]; } };
-      }
-      Object.defineProperty(o, k2, desc);
-  }) : (function (o, m, k, k2) {
-      if (k2 === undefined)
-          k2 = k;
-      o[k2] = m[k];
-  });
-  function __exportStar(m, o) {
-      for (var p in m)
-          if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-              __createBinding(o, m, p);
-  }
-  function __values(o) {
-      var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-      if (m)
-          return m.call(o);
-      if (o && typeof o.length === "number")
-          return {
-              next: function () {
-                  if (o && i >= o.length)
-                      o = void 0;
-                  return { value: o && o[i++], done: !o };
-              }
-          };
-      throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-  }
-  function __read(o, n) {
-      var m = typeof Symbol === "function" && o[Symbol.iterator];
-      if (!m)
-          return o;
-      var i = m.call(o), r, ar = [], e;
-      try {
-          while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-              ar.push(r.value);
-      }
-      catch (error) {
-          e = { error: error };
-      }
-      finally {
-          try {
-              if (r && !r.done && (m = i["return"]))
-                  m.call(i);
-          }
-          finally {
-              if (e)
-                  throw e.error;
-          }
-      }
-      return ar;
-  }
-  /** @deprecated */
-  function __spread() {
-      for (var ar = [], i = 0; i < arguments.length; i++)
-          ar = ar.concat(__read(arguments[i]));
-      return ar;
-  }
-  /** @deprecated */
-  function __spreadArrays() {
-      for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-          s += arguments[i].length;
-      for (var r = Array(s), k = 0, i = 0; i < il; i++)
-          for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-              r[k] = a[j];
-      return r;
-  }
-  function __spreadArray(to, from, pack) {
-      if (pack || arguments.length === 2)
-          for (var i = 0, l = from.length, ar; i < l; i++) {
-              if (ar || !(i in from)) {
-                  if (!ar)
-                      ar = Array.prototype.slice.call(from, 0, i);
-                  ar[i] = from[i];
-              }
-          }
-      return to.concat(ar || Array.prototype.slice.call(from));
-  }
-  function __await(v) {
-      return this instanceof __await ? (this.v = v, this) : new __await(v);
-  }
-  function __asyncGenerator(thisArg, _arguments, generator) {
-      if (!Symbol.asyncIterator)
-          throw new TypeError("Symbol.asyncIterator is not defined.");
-      var g = generator.apply(thisArg, _arguments || []), i, q = [];
-      return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
-      function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
-      function verb(n, f) { if (g[n]) {
-          i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); };
-          if (f)
-              i[n] = f(i[n]);
-      } }
-      function resume(n, v) { try {
-          step(g[n](v));
-      }
-      catch (e) {
-          settle(q[0][3], e);
-      } }
-      function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-      function fulfill(value) { resume("next", value); }
-      function reject(value) { resume("throw", value); }
-      function settle(f, v) { if (f(v), q.shift(), q.length)
-          resume(q[0][0], q[0][1]); }
-  }
-  function __asyncDelegator(o) {
-      var i, p;
-      return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-      function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
-  }
-  function __asyncValues(o) {
-      if (!Symbol.asyncIterator)
-          throw new TypeError("Symbol.asyncIterator is not defined.");
-      var m = o[Symbol.asyncIterator], i;
-      return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-      function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-      function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-  }
-  function __makeTemplateObject(cooked, raw) {
-      if (Object.defineProperty) {
-          Object.defineProperty(cooked, "raw", { value: raw });
-      }
-      else {
-          cooked.raw = raw;
-      }
-      return cooked;
-  }
-  ;
-  var __setModuleDefault = Object.create ? (function (o, v) {
-      Object.defineProperty(o, "default", { enumerable: true, value: v });
-  }) : function (o, v) {
-      o["default"] = v;
-  };
-  var ownKeys = function (o) {
-      ownKeys = Object.getOwnPropertyNames || function (o) {
-          var ar = [];
-          for (var k in o)
-              if (Object.prototype.hasOwnProperty.call(o, k))
-                  ar[ar.length] = k;
-          return ar;
-      };
-      return ownKeys(o);
-  };
-  function __importStar(mod) {
-      if (mod && mod.__esModule)
-          return mod;
-      var result = {};
-      if (mod != null)
-          for (var k = ownKeys(mod), i = 0; i < k.length; i++)
-              if (k[i] !== "default")
-                  __createBinding(result, mod, k[i]);
-      __setModuleDefault(result, mod);
-      return result;
-  }
-  function __importDefault(mod) {
-      return (mod && mod.__esModule) ? mod : { default: mod };
-  }
-  function __classPrivateFieldGet(receiver, state, kind, f) {
-      if (kind === "a" && !f)
-          throw new TypeError("Private accessor was defined without a getter");
-      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-          throw new TypeError("Cannot read private member from an object whose class did not declare it");
-      return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-  }
-  function __classPrivateFieldSet(receiver, state, value, kind, f) {
-      if (kind === "m")
-          throw new TypeError("Private method is not writable");
-      if (kind === "a" && !f)
-          throw new TypeError("Private accessor was defined without a setter");
-      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-          throw new TypeError("Cannot write private member to an object whose class did not declare it");
-      return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-  }
-  function __classPrivateFieldIn(state, receiver) {
-      if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
-          throw new TypeError("Cannot use 'in' operator on non-object");
-      return typeof state === "function" ? receiver === state : state.has(receiver);
-  }
-  function __addDisposableResource(env, value, async) {
-      if (value !== null && value !== void 0) {
-          if (typeof value !== "object" && typeof value !== "function")
-              throw new TypeError("Object expected.");
-          var dispose, inner;
-          if (async) {
-              if (!Symbol.asyncDispose)
-                  throw new TypeError("Symbol.asyncDispose is not defined.");
-              dispose = value[Symbol.asyncDispose];
-          }
-          if (dispose === void 0) {
-              if (!Symbol.dispose)
-                  throw new TypeError("Symbol.dispose is not defined.");
-              dispose = value[Symbol.dispose];
-              if (async)
-                  inner = dispose;
-          }
-          if (typeof dispose !== "function")
-              throw new TypeError("Object not disposable.");
-          if (inner)
-              dispose = function () { try {
-                  inner.call(this);
-              }
-              catch (e) {
-                  return Promise.reject(e);
-              } };
-          env.stack.push({ value: value, dispose: dispose, async: async });
-      }
-      else if (async) {
-          env.stack.push({ async: true });
-      }
-      return value;
-  }
-  var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-      var e = new Error(message);
-      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-  };
-  function __disposeResources(env) {
-      function fail(e) {
-          env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
-          env.hasError = true;
-      }
-      var r, s = 0;
-      function next() {
-          while (r = env.stack.pop()) {
-              try {
-                  if (!r.async && s === 1)
-                      return s = 0, env.stack.push(r), Promise.resolve().then(next);
-                  if (r.dispose) {
-                      var result = r.dispose.call(r.value);
-                      if (r.async)
-                          return s |= 2, Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
-                  }
-                  else
-                      s |= 1;
-              }
-              catch (e) {
-                  fail(e);
-              }
-          }
-          if (s === 1)
-              return env.hasError ? Promise.reject(env.error) : Promise.resolve();
-          if (env.hasError)
-              throw env.error;
-      }
-      return next();
-  }
-  function __rewriteRelativeImportExtension(path, preserveJsx) {
-      if (typeof path === "string" && /^\.\.?\//.test(path)) {
-          return path.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {
-              return tsx ? preserveJsx ? ".jsx" : ".js" : d && (!ext || !cm) ? m : (d + ext + "." + cm.toLowerCase() + "js");
-          });
-      }
-      return path;
-  }
-  var tslib_es6 = {
-      __extends: __extends,
-      __assign: __assign,
-      __rest: __rest,
-      __decorate: __decorate,
-      __param: __param,
-      __esDecorate: __esDecorate,
-      __runInitializers: __runInitializers,
-      __propKey: __propKey,
-      __setFunctionName: __setFunctionName,
-      __metadata: __metadata,
-      __awaiter: __awaiter,
-      __generator: __generator,
-      __createBinding: __createBinding,
-      __exportStar: __exportStar,
-      __values: __values,
-      __read: __read,
-      __spread: __spread,
-      __spreadArrays: __spreadArrays,
-      __spreadArray: __spreadArray,
-      __await: __await,
-      __asyncGenerator: __asyncGenerator,
-      __asyncDelegator: __asyncDelegator,
-      __asyncValues: __asyncValues,
-      __makeTemplateObject: __makeTemplateObject,
-      __importStar: __importStar,
-      __importDefault: __importDefault,
-      __classPrivateFieldGet: __classPrivateFieldGet,
-      __classPrivateFieldSet: __classPrivateFieldSet,
-      __classPrivateFieldIn: __classPrivateFieldIn,
-      __addDisposableResource: __addDisposableResource,
-      __disposeResources: __disposeResources,
-      __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,
-  };
-
-  var ObjectUtils$1 = /** @class */ (function () {
-      function ObjectUtils() {
-      }
-      ObjectUtils.DisposeMaterial = function (material) {
-          var _this = this;
-          if (!material) {
-              return;
-          }
-          if (Array.isArray(material)) {
-              material.forEach(function (mtrl) {
-                  _this.materialProps
-                      .filter(function (mapType) { return mtrl[mapType]; })
-                      .forEach(function (mapType) { return mtrl[mapType].dispose(); });
-                  mtrl.dispose();
-              });
-          }
-          else {
-              this.materialProps
-                  .filter(function (mapType) { return material[mapType] && material[mapType].dispose; })
-                  .forEach(function (mapType) { return material[mapType].dispose(); });
-              if (material.dispose) {
-                  material.dispose();
-              }
-          }
-      };
-      ObjectUtils.DisposeObject = function (object) {
-          var _this = this;
-          if (!object) {
-              return;
-          }
-          if (object.children.length) {
-              object.children.forEach(function (child) { return _this.DisposeObject(child); });
-          }
-          this.DisposeNode(object);
-      };
-      ObjectUtils.DisposeNode = function (node) {
-          var _this = this;
-          node.traverse(function (obj) {
-              if (obj instanceof THREE.Mesh) {
-                  if (obj.geometry) {
-                      obj.geometry.dispose();
-                  }
-                  _this.DisposeMaterial(obj.material);
-              }
-              if (typeof obj.dispose === 'function') {
-                  // @ts-ignore
-                  obj.dispose();
-              }
-          });
-      };
-      return ObjectUtils;
-  }());
-  ObjectUtils$1.materialProps = ['map', 'lightMap', 'bumpMap', 'normalMap', 'specularMap', 'envMap', 'aoMap', 'roughnessMap', 'metalnessMap'];
-
-  var ThreedUtils = /** @class */ (function () {
-      function ThreedUtils() {
-          this._objectCache = new Map();
-      }
-      ThreedUtils.prototype.clearCache = function () {
-          var objs = Array.from(this._objectCache.values());
-          objs.forEach(function (o) { return ObjectUtils$1.DisposeObject(o); });
-          this._objectCache.clear();
-      };
-      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;
-              return __generator(this, function (_a) {
-                  fileName = fileName.replace('.unity3d', '');
-                  lookupFileName = fileName + (fileName.indexOf('.glb') < 0 ? '.glb' : '');
-                  if (this._objectCache.has(lookupFileName)) {
-                      resolve(this._objectCache.get(lookupFileName));
-                      return [2 /*return*/];
-                  }
-                  this.loadGlbSource(lookupFileName, setVisibleFalse)
-                      .then(function (obj) {
-                      _this._objectCache.set(lookupFileName, obj);
-                      resolve(obj);
-                  })
-                      .catch(function () {
-                      reject("GLB source not found! (" + lookupFileName + ")");
-                  });
-                  return [2 /*return*/];
-              });
-          }); });
-      };
-      ThreedUtils.prototype.readFileAsText = function (file) {
-          var fileReader = new FileReader();
-          return new Promise(function (resolve, reject) {
-              fileReader.onload = function (e) { return resolve(e.target.result); };
-              fileReader.onerror = function (error) { return reject(error); };
-              fileReader.readAsText(file);
-          });
-      };
-      ThreedUtils.prototype.loadJsonModel = function (filePath) {
-          return __awaiter(this, void 0, void 0, function () {
-              var json, loader;
-              var _this = this;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          if (this._objectCache.has(filePath)) {
-                              return [2 /*return*/, Promise.resolve(this._objectCache.get(filePath))];
-                          }
-                          return [4 /*yield*/, this._readJsonFile(filePath)];
-                      case 1:
-                          json = _a.sent();
-                          loader = new THREE__namespace.ObjectLoader();
-                          loader.crossOrigin = 'Anonymous';
-                          return [2 /*return*/, new Promise(function (resolve, reject) {
-                                  try {
-                                      var obj = loader.parse(json);
-                                      _this._objectCache.set(filePath, obj);
-                                      resolve(obj);
-                                  }
-                                  catch (e) {
-                                      reject(null);
-                                  }
-                              })];
-                  }
-              });
-          });
-      };
-      ThreedUtils.prototype.loadJsonObjectModel = function (filePath) {
-          return __awaiter(this, void 0, void 0, function () {
-              var loader;
-              var _this = this;
-              return __generator(this, function (_a) {
-                  if (this._objectCache.has(filePath)) {
-                      return [2 /*return*/, Promise.resolve(this._objectCache.get(filePath))];
-                  }
-                  loader = new THREE__namespace.ObjectLoader();
-                  loader.setCrossOrigin('Anonymous');
-                  loader.setResourcePath('');
-                  return [2 /*return*/, new Promise(function (resolve, reject) {
-                          loader.load(filePath, function (object) {
-                              var obj = (object.type === 'Scene' && object.children[0].type === 'Object3D') ? object.children[0] : object;
-                              _this._objectCache.set(filePath, obj);
-                              resolve(obj);
-                          }, function (xhr) { return null; }, function (error) { return reject(error); });
-                      })];
-              });
-          });
-      };
-      ThreedUtils.prototype.loadGlbModel = function (file, cleanUp) {
-          if (cleanUp === void 0) { cleanUp = true; }
-          return __awaiter(this, void 0, void 0, function () {
-              var obj;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          if (this._objectCache.has(file)) {
-                              return [2 /*return*/, Promise.resolve(this._objectCache.get(file))];
-                          }
-                          if (!window.hasOwnProperty('loadGLTF')) {
-                              console.error('loadGLTF not defined in window global');
-                              return [2 /*return*/, null];
-                          }
-                          return [4 /*yield*/, window.loadGLTF(file)];
-                      case 1:
-                          obj = _a.sent();
-                          if (obj) {
-                              this._cleanedUpObjects(obj, cleanUp);
-                              this._objectCache.set(file, obj);
-                              return [2 /*return*/, obj];
-                          }
-                          else {
-                              return [2 /*return*/, null];
-                          }
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      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) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this.loadGlbModel(file, false)];
-                      case 1:
-                          obj = _a.sent();
-                          if (obj) {
-                              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_');
-                                  });
-                                  if (setVisibleFalse) {
-                                      c.visible = false;
-                                  }
-                              });
-                              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;
-                                  parent = new THREE__namespace.Object3D();
-                                  parent.name = name;
-                                  parent.children = children;
-                                  obj.add(parent);
-                              }
-                          }
-                          return [2 /*return*/, obj];
-                  }
-              });
-          });
-      };
-      ThreedUtils.prototype.textureFromUrl = function (url) {
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  // url = this._includeBaseUrl(url);
-                  return [2 /*return*/, new Promise(function (resolve, reject) {
-                          var textureLoader = new THREE__namespace.TextureLoader();
-                          // textureLoader.setBaseU(this._settingsService.settings.assetPath);
-                          textureLoader.load(url, function (texture) {
-                              texture.wrapT = THREE__namespace.RepeatWrapping;
-                              texture.wrapS = THREE__namespace.RepeatWrapping;
-                              texture.repeat.set(1, 1);
-                              texture.needsUpdate = true;
-                              return resolve(texture);
-                          }, null, reject);
-                      })];
-              });
-          });
-      };
-      ThreedUtils.prototype._cleanedUpObjects = function (object, cleanUp) {
-          var _this = this;
-          if (cleanUp === void 0) { cleanUp = true; }
-          var obj = new THREE__namespace.Object3D();
-          object.children.forEach(function (c) {
-              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.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);
-                      });
-                      c.translateY(-c.position.y);
-                      if (obj.children.length > 0) {
-                          obj.add(c.clone());
-                      }
-                      else {
-                          obj = c.clone();
-                      }
-                  }
-                  else {
-                      // if (c.position.y > 0 || c.position.y < 0) {
-                      //   c.children.forEach((child) => {
-                      //     child.translateY(c.position.y);
-                      //   });
-                      //   c.translateY(-c.position.y);
-                      // }
-                      obj.add(c.clone());
-                  }
-              }
-          });
-          var boundingBox = new THREE__namespace.Box3().setFromObject(obj);
-          var bbCenterPivot = new THREE__namespace.Vector3();
-          boundingBox.getCenter(bbCenterPivot);
-          var delta = new THREE__namespace.Vector3().add(bbCenterPivot).negate();
-          obj.children.forEach(function (cc) {
-              cc.position.add(delta);
-          });
-          return obj;
-      };
-      ThreedUtils.prototype._addGroupChildrenToObject = function (group, obj, cleanUp) {
-          var _this = this;
-          if (cleanUp === void 0) { cleanUp = true; }
-          group.children.forEach(function (gc) {
-              if (cleanUp && (gc instanceof THREE__namespace.Group || gc.constructor.name === 'Group')) {
-                  _this._addGroupChildrenToObject(gc, obj);
-              }
-              else {
-                  // gc.translateX(-group.position.x);
-                  gc.translateY(group.position.y);
-                  // gc.translateZ(-group.position.z);
-                  obj.add(gc.clone());
-              }
-          });
-      };
-      ThreedUtils.prototype._iterateChildren = function (children, callback) {
-          for (var i = 0; i < children.length; i++) {
-              var child = children[i];
-              if (child instanceof THREE__namespace.Mesh || child.constructor.name === 'Mesh') {
-                  callback(child);
-              }
-              else {
-                  this._iterateChildren(child.children, callback);
-              }
-          }
-      };
-      ThreedUtils.prototype._readJsonFile = function (filePath) {
-          return __awaiter(this, void 0, void 0, function () {
-              var response, empty_1, e_1;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          _a.trys.push([0, 5, , 6]);
-                          return [4 /*yield*/, fetch(filePath)];
-                      case 1:
-                          response = _a.sent();
-                          if (!!response.ok) return [3 /*break*/, 2];
-                          return [2 /*return*/, ''];
-                      case 2:
-                          empty_1 = false;
-                          return [4 /*yield*/, response.clone().text().then(function (value) {
-                                  if (value === '') {
-                                      empty_1 = true;
-                                  }
-                              })];
-                      case 3:
-                          _a.sent();
-                          return [2 /*return*/, empty_1 ? {} : response.json()];
-                      case 4: return [3 /*break*/, 6];
-                      case 5:
-                          e_1 = _a.sent();
-                          return [2 /*return*/, ''];
-                      case 6: return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      return ThreedUtils;
-  }());
-
-  var SceneUtils = /** @class */ (function () {
-      function SceneUtils() {
-      }
-      SceneUtils.TrySelectorConnection = function (scene, parent, part1, part2, isFirstElement, createAddableFn) {
-          var addable;
-          if (createAddableFn) {
-              addable = part2;
-              part2 = createAddableFn(addable);
-          }
-          if (part1 && part2) {
-              var con1 = void 0;
-              var con2 = void 0;
-              // if part2 is an addable and decoConnection is present, then no need to iterate through connectors
-              if (addable && addable instanceof selection.Selection && addable.decoConnection) {
-                  con1 = part1.children.find(function (c) { return c.name === addable.decoConnection; });
-                  if (!con1) {
-                      return false;
-                  }
-                  for (var ii = 0; ii < part2.children.length; ii++) {
-                      con2 = part2.children[ii];
-                      // if these connectors can connect connect them
-                      if (!con1['connected'] && !con2['connected'] && this.CanSelectorConnect(part1.children, con1, con2, isFirstElement)) {
-                          // if addable, continue this loop with a new addable
-                          if (addable) {
-                              var newPart2 = createAddableFn(addable, part2, part1);
-                              // reference of part2 changed, so refresh con2
-                              this.SelectorConnect(scene, parent, con1, newPart2.children[ii]);
-                          }
-                          else {
-                              return this.SelectorConnect(scene, parent, con1, con2);
-                          }
-                      }
-                  }
-              }
-              else {
-                  for (var i = 0; i < part1.children.length; i++) {
-                      for (var ii = 0; ii < part2.children.length; ii++) {
-                          con1 = part1.children[i];
-                          con2 = part2.children[ii];
-                          // if these connectors can connect connect them
-                          if (!con1['connected'] && !con2['connected'] && this.CanSelectorConnect(part1.children, con1, con2, isFirstElement)) {
-                              // if addable, continue this loop with a new addable
-                              if (addable) {
-                                  var newPart2 = createAddableFn(addable, part2, part1);
-                                  // reference of part2 changed, so refresh con2
-                                  this.SelectorConnect(scene, parent, con1, newPart2.children[ii]);
-                              }
-                              else {
-                                  return this.SelectorConnect(scene, parent, con1, con2);
-                              }
-                          }
-                      }
-                  }
-              }
-          }
-          return false;
-      };
-      // public static TrySelectorConnection(scene: THREE.Scene, parent: THREE.Object3D,
-      //     part1: any, part2: any, createAddableFn?: Function): boolean {
-      //     let addable: any;
-      //     if (createAddableFn) {
-      //         addable = part2;
-      //         part2 = createAddableFn(addable);
-      //     }
-      //     for (let i = 0; i < part1.children.length; i++) {
-      //         for (let ii = 0; ii < part2.children.length; ii++) {
-      //             const con1: THREE.Object3D = part1.children[i];
-      //             const con2: THREE.Object3D = part2.children[ii];
-      //             // if these connectors can connect connect them
-      //             if (!con1['connected'] && !con2['connected'] && this.CanSelectorConnect(con1, con2)) {
-      //                 // if addable, continue this loop with a new addable
-      //                 if (addable) {
-      //                     const newPart2: THREE.Object3D = createAddableFn(addable, part2, part1);
-      //                     // reference of part2 changed, so refresh con2
-      //                     this.SelectorConnect(scene, parent, con1, newPart2.children[ii]);
-      //                 } else {
-      //                     return this.SelectorConnect(scene, parent, con1, con2);
-      //                 }
-      //             }
-      //         }
-      //     }
-      //     return false;
-      // }
-      SceneUtils.Convert3DPointToScreenPoint = function (point, camera, width, height) {
-          if (!point) {
-              return new THREE__namespace.Vector2();
-          }
-          var vector = point.clone().project(camera);
-          vector.x = (vector.x + 1) / 2 * width;
-          vector.y = -(vector.y - 1) / 2 * height;
-          return new THREE__namespace.Vector2(vector.x, vector.y);
-      };
-      SceneUtils.CanSelectorConnect = function (consPart1, con1, con2, startWithMale) {
-          var con1Name = (con1.constructor.name === 'Mesh' || con1.constructor.name === 'Object3D') ? con1.name : con1.connector;
-          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' &&
-                  parts1[1] === parts2[1] && parts1[2] !== parts2[2];
-              return connectable;
-          }
-          return false;
-      };
-      // public static CanSelectorConnect(con1: THREE.Object3D | any, con2: THREE.Object3D | any): boolean {
-      //     const con1Name: string = con1 instanceof THREE.Object3D ? con1.name : con1.connector;
-      //     const con2Name: string = con2 instanceof THREE.Object3D ? con2.name : con2.connector;
-      //     const sameParent: boolean = con1 instanceof THREE.Object3D && con2 instanceof THREE.Object3D ? con1.parent === con2.parent : false;
-      //     const parts1: string[] = con1Name.toUpperCase().split('_'),
-      //         parts2: string[] = con2Name.toUpperCase().split('_');
-      //     if (parts1.length >= 3 && parts2.length >= 3 && !sameParent) {
-      //         const connectable: boolean = parts1[0] === 'C' && parts2[0] === 'C' &&
-      //             parts1[1] === parts2[1] && parts1[2] !== parts2[2];
-      //         return connectable;
-      //     }
-      //     return false;
-      // }
-      SceneUtils.SelectorConnect = function (scene, parent, con1, con2) {
-          if (!scene || !parent) {
-              return false;
-          }
-          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();
-          motherRotation.copy(parent.rotation);
-          parent.getWorldPosition(motherPosition);
-          parent.rotation.set(0, 0, 0);
-          parent.position.set(0, 0, 0);
-          scene.updateMatrixWorld(true);
-          var con1Quat = new THREE__namespace.Quaternion();
-          if (con1) {
-              con1.getWorldQuaternion(con1Quat);
-          }
-          var con2Quat = new THREE__namespace.Quaternion();
-          if (con2) {
-              con2.getWorldQuaternion(con2Quat);
-          }
-          var con1QuatParent = new THREE__namespace.Quaternion();
-          if (con1 && con1.parent) {
-              con1.parent.getWorldQuaternion(con1QuatParent);
-          }
-          var con2QuatParent = new THREE__namespace.Quaternion();
-          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));
-          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();
-          if (con1) {
-              con1.getWorldPosition(con1Pos);
-          }
-          var con2Pos = new THREE__namespace.Vector3();
-          if (con2) {
-              con2.getWorldPosition(con2Pos);
-          }
-          var move = con1Pos.sub(con2Pos);
-          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
-          if (con1) {
-              con1['connected'] = true;
-          }
-          if (con2) {
-              con2['connected'] = true;
-          }
-          return true;
-      };
-      return SceneUtils;
-  }());
-
-  var VariationSettingsSettings = /** @class */ (function () {
-      function VariationSettingsSettings() {
-      }
-      return VariationSettingsSettings;
-  }());
-  var VariationSettings = /** @class */ (function () {
-      function VariationSettings() {
-          this.settings = new VariationSettingsSettings();
-          this.loading = false;
-          this.loaded = new rxjs.BehaviorSubject(undefined);
-      }
-      VariationSettings.prototype.copyFrom = function (settings) {
-          this.settings = settings.settings;
-          this.texture = settings.texture;
-          this.textureFilename = settings.textureFilename;
-          this.normal = settings.normal;
-          this.normalFilename = settings.normalFilename;
-          this.ao = settings.ao;
-          this.aoFilename = settings.aoFilename;
-          this.metalness = settings.metalness;
-          this.metalnessFilename = settings.metalnessFilename;
-          this.roughness = settings.roughness;
-          this.roughnessFilename = settings.roughnessFilename;
-          this.orm = settings.orm;
-          this.ormFilename = settings.ormFilename;
-          this.displacement = settings.displacement;
-          this.displacementValue = settings.displacementValue;
-          this.displacementFilename = settings.displacementFilename;
-          this.sheen = settings.sheen;
-          this.sheenColor = settings.sheenColor;
-          this.sheenColorMap = settings.sheenColorMap;
-          this.sheenColorMapFilename = settings.sheenColorMapFilename;
-          this.transmissionMap = settings.transmissionMap;
-          this.transmissionMapFilename = settings.transmissionMapFilename;
-          this.sheenRoughness = settings.sheenRoughness;
-          this.sheenRoughnessMap = settings.sheenRoughnessMap;
-          this.sheenRoughnessMapFilename = settings.sheenRoughnessMapFilename;
-          this.emissive = settings.emissive;
-          this.emissiveFilename = settings.emissiveFilename;
-          this.emissiveIntensity = settings.emissiveIntensity;
-          this.emissiveValue = settings.emissiveValue;
-          this.opacity = settings.opacity;
-          this.transparent = settings.transparent;
-          this.envMap = settings.envMap;
-          this.envMapFilename = settings.envMapFilename;
-          this.envMapIntensity = settings.envMapIntensity;
-          this.reflectivity = settings.reflectivity;
-          this.side = settings.side;
-          this.transmission = settings.transmission;
-          this.ior = settings.ior;
-          this.thickness = settings.thickness;
-          this.specularIntensity = settings.specularIntensity;
-          this.material = settings.material;
-      };
-      return VariationSettings;
-  }());
-
-  var Material = /** @class */ (function () {
-      function Material() {
-          this.specular = new THREE.Color(0.3, 0.3, 0.3);
-          this.shininess = 0;
-          this.repeatX = 4;
-          this.repeatY = 4;
-          this.loaded = false;
-      }
-      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 (_super) {
-      __extends(ImageUtils, _super);
-      function ImageUtils() {
-          return _super !== null && _super.apply(this, arguments) || this;
-      }
-      ImageUtils.CreateTextureFromBase64 = function (id, base64, material, defaultFlip) {
-          if (defaultFlip === void 0) { defaultFlip = false; }
-          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 [2 /*return*/, ImageUtils.textures.get(id)];
-                          }
-                          _c.label = 1;
-                      case 1:
-                          _c.trys.push([1, 5, , 6]);
-                          if (!window.textureLoader) return [3 /*break*/, 3];
-                          return [4 /*yield*/, window.textureLoader(base64, material)];
-                      case 2:
-                          texture_1 = _c.sent();
-                          ImageUtils.textures.set(id, texture_1);
-                          return [2 /*return*/, texture_1];
-                      case 3:
-                          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:
-                          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) {
-              return documentBody;
-          }
-          var fileExtension = fileName.substr(fileName.lastIndexOf('.') + 1);
-          switch (fileExtension.toLowerCase()) {
-              case 'jpg':
-              case 'jpeg':
-                  return 'data:image/jpg;base64,' + documentBody;
-              case 'png':
-                  return 'data:image/png;base64,' + documentBody;
-              case 'gif':
-                  return 'data:image/gif;base64,' + documentBody;
-              case 'bmp':
-                  return 'data:image/bmp;base64,' + documentBody;
-              default:
-                  return 'data:image/png;base64,' + documentBody;
-          }
-      };
-      ImageUtils.getFixedImageFilepathUrl = function (imageFilepathUrl) {
-          return imageFilepathUrl.replace('/content/', '/content43/');
-      };
-      ImageUtils.ClearCache = function () {
-          ImageUtils.textures.forEach(function (value) {
-              value.dispose();
-          });
-          ImageUtils.textures.clear();
-      };
-      return ImageUtils;
-  }(BaseUtils));
-  ImageUtils.textures = new Map();
-
-  var FurnitureMaterial = /** @class */ (function (_super) {
-      __extends(FurnitureMaterial, _super);
-      function FurnitureMaterial() {
-          return _super !== null && _super.apply(this, arguments) || this;
-      }
-      return FurnitureMaterial;
-  }(Material));
-  var AssetUtils = /** @class */ (function () {
-      function AssetUtils() {
-      }
-      AssetUtils.CreateMaterialFromAsset = function (asset) {
-          return __awaiter(this, void 0, void 0, function () {
-              var material, _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, e_1;
-              return __generator(this, function (_o) {
-                  switch (_o.label) {
-                      case 0:
-                          material = new Material();
-                          _o.label = 1;
-                      case 1:
-                          _o.trys.push([1, 26, , 27]);
-                          if (!asset) {
-                              return [2 /*return*/, material];
-                          }
-                          if (asset.settings) {
-                              AssetUtils.setSettingsOfMaterial(material, asset.settings);
-                          }
-                          if (!asset.texture) return [3 /*break*/, 3];
-                          _a = material;
-                          return [4 /*yield*/, ImageUtils.CreateTextureFromBase64(asset.id + '_texture', asset.texture, material)];
-                      case 2:
-                          _a.texture = _o.sent();
-                          material.texture.colorSpace = THREE.SRGBColorSpace;
-                          material.textureFilename = asset.textureFilename;
-                          _o.label = 3;
-                      case 3:
-                          if (!asset.normal) return [3 /*break*/, 5];
-                          _b = material;
-                          return [4 /*yield*/, ImageUtils.CreateTextureFromBase64(asset.id + '_normal', asset.normal, material)];
-                      case 4:
-                          _b.normal = _o.sent();
-                          material.normalFilename = asset.normalFilename;
-                          _o.label = 5;
-                      case 5:
-                          if (!asset.orm) return [3 /*break*/, 7];
-                          _c = material;
-                          return [4 /*yield*/, ImageUtils.CreateTextureFromBase64(asset.id + '_orm', asset.orm, material)];
-                      case 6:
-                          _c.ao = _o.sent();
-                          material.roughness = material.ao;
-                          material.metalness = material.ao;
-                          material.aoFilename = asset.ormFilename;
-                          material.roughnessFilename = asset.ormFilename;
-                          material.metalnessFilename = asset.ormFilename;
-                          return [3 /*break*/, 13];
-                      case 7:
-                          if (!asset.ao) return [3 /*break*/, 9];
-                          _d = material;
-                          return [4 /*yield*/, ImageUtils.CreateTextureFromBase64(asset.id + '_ao', asset.ao, material)];
-                      case 8:
-                          _d.ao = _o.sent();
-                          material.aoFilename = asset.aoFilename;
-                          _o.label = 9;
-                      case 9:
-                          if (!asset.metalness) return [3 /*break*/, 11];
-                          _e = material;
-                          return [4 /*yield*/, ImageUtils.CreateTextureFromBase64(asset.id + '_metalness', asset.metalness, material)];
-                      case 10:
-                          _e.metalness = _o.sent();
-                          material.metalnessFilename = asset.metalnessFilename;
-                          _o.label = 11;
-                      case 11:
-                          if (!asset.roughness) return [3 /*break*/, 13];
-                          _f = material;
-                          return [4 /*yield*/, ImageUtils.CreateTextureFromBase64(asset.id + '_roughness', asset.roughness, material)];
-                      case 12:
-                          _f.roughness = _o.sent();
-                          material.roughnessFilename = asset.roughnessFilename;
-                          _o.label = 13;
-                      case 13:
-                          if (!asset.displacement) return [3 /*break*/, 15];
-                          _g = material;
-                          return [4 /*yield*/, ImageUtils.CreateTextureFromBase64(asset.id + '_displacement', asset.displacement, material)];
-                      case 14:
-                          _g.displacement = _o.sent();
-                          material.displacementFilename = asset.displacementFilename;
-                          _o.label = 15;
-                      case 15:
-                          if (!asset.envMap) return [3 /*break*/, 17];
-                          _h = material;
-                          return [4 /*yield*/, ImageUtils.CreateTextureFromBase64(asset.id + '_env', asset.envMap, material, true)];
-                      case 16:
-                          _h.envMap = _o.sent();
-                          material.envMapFilename = asset.envMapFilename;
-                          _o.label = 17;
-                      case 17:
-                          if (!asset.sheenColorMap) return [3 /*break*/, 19];
-                          _j = material;
-                          return [4 /*yield*/, ImageUtils.CreateTextureFromBase64(asset.id + '_sheen_color', asset.sheenColorMap, material)];
-                      case 18:
-                          _j.sheenColorMap = _o.sent();
-                          material.sheenColorMapFileName = asset.sheenColorMapFilename;
-                          _o.label = 19;
-                      case 19:
-                          if (!asset.sheenRoughnessMap) return [3 /*break*/, 21];
-                          _k = material;
-                          return [4 /*yield*/, ImageUtils.CreateTextureFromBase64(asset.id + '_sheen_roughness', asset.sheenRoughnessMap, material)];
-                      case 20:
-                          _k.sheenRoughnessMap = _o.sent();
-                          material.sheenRoughnessMapFileName = asset.sheenRoughnessMapFilename;
-                          _o.label = 21;
-                      case 21:
-                          if (!asset.transmissionMap) return [3 /*break*/, 23];
-                          _l = material;
-                          return [4 /*yield*/, ImageUtils.CreateTextureFromBase64(asset.id + '_transmission', asset.transmissionMap, material)];
-                      case 22:
-                          _l.transmissionMap = _o.sent();
-                          material.transmissionMapFileName = asset.transmissionMapFilename;
-                          _o.label = 23;
-                      case 23:
-                          if (!asset.emissive) return [3 /*break*/, 25];
-                          _m = material;
-                          return [4 /*yield*/, ImageUtils.CreateTextureFromBase64(asset.id + '_emissive', asset.emissive, material)];
-                      case 24:
-                          _m.emissive = _o.sent();
-                          material.emissiveFileName = asset.emissiveFilename;
-                          _o.label = 25;
-                      case 25:
-                          material.sheen = asset.sheen;
-                          material.emissiveIntensityValue = asset.emissiveIntensity;
-                          material.emissiveValue = asset.emissiveValue;
-                          material.side = asset.side;
-                          material.sheenColor = asset.sheenColor;
-                          material.sheenRoughness = asset.sheenRoughness;
-                          material.opacity = asset.opacity;
-                          material.transparent = asset.transparent;
-                          material.envMapIntensity = asset.envMapIntensity;
-                          material.reflectivity = asset.reflectivity;
-                          material.displacementValue = asset.displacementValue;
-                          material.transmission = asset.transmission;
-                          material.ior = asset.ior;
-                          material.thickness = asset.thickness;
-                          material.specularIntensity = asset.specularIntensity;
-                          return [3 /*break*/, 27];
-                      case 26:
-                          e_1 = _o.sent();
-                          console.error(e_1);
-                          return [3 /*break*/, 27];
-                      case 27: return [2 /*return*/, material];
-                  }
-              });
-          });
-      };
-      AssetUtils.setSettingsOfMaterial = function (material, settings) {
-          var shininess = parseFloat(settings['power']);
-          if (!isNaN(shininess)) {
-              material.shininess = shininess;
-              // material.roughness = 1 - (shininess / 100);
-          }
-          var level = parseFloat(settings['level']);
-          if (!isNaN(level)) {
-              material.specular = new THREE.Color(level, level, level);
-          }
-          var repeatObjectUsed = settings.hasOwnProperty('repeat');
-          var repeatx = repeatObjectUsed ? parseFloat(settings['repeat']['repeatx']) : parseFloat(settings['repeatx']);
-          if (!isNaN(repeatx)) {
-              material.repeatX = repeatx;
-          }
-          var repeaty = repeatObjectUsed ? parseFloat(settings['repeat']['repeaty']) : parseFloat(settings['repeaty']);
-          if (!isNaN(repeaty)) {
-              material.repeatY = repeaty;
-          }
-          var metalness = parseFloat(settings['metalness']);
-          if (!isNaN(metalness)) {
-              material.metalnessValue = Math.min(1, metalness);
-          }
-          var roughness = parseFloat(settings['roughness']);
-          if (!isNaN(roughness)) {
-              material.roughnessValue = Math.min(1, roughness);
-          }
-      };
-      return AssetUtils;
-  }());
-
-  var Variation = /** @class */ (function () {
-      function Variation() {
-      }
-      return Variation;
-  }());
-
-  // @dynamic
-  var VariationUtils = /** @class */ (function () {
-      function VariationUtils() {
-      }
-      VariationUtils.ClearCache = function () {
-          this.MaterialCache.clear();
-      };
-      VariationUtils.LoadVariation = function (assetPath, fileName) {
-          return __awaiter(this, void 0, void 0, function () {
-              var id, file, settings, err_1;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          if (!fileName) {
-                              return [2 /*return*/, null];
-                          }
-                          if (!fileName.includes('ione3d')) {
-                              fileName = fileName.concat('.ione3d');
-                          }
-                          id = fileName.substring(0, fileName.lastIndexOf('.ione3d'));
-                          if (!assetPath.endsWith('/')) {
-                              assetPath += '/';
-                          }
-                          if (!window.hasOwnProperty('downloadVariation')) {
-                              console.error('downloadVariation not defined in window global');
-                              throw new Error('downloadVariation not defined in window global');
-                          }
-                          if (this.MaterialCache.has(id)) {
-                              return [2 /*return*/, this.MaterialCache.get(id)];
-                          }
-                          _a.label = 1;
-                      case 1:
-                          _a.trys.push([1, 4, , 5]);
-                          return [4 /*yield*/, window.downloadVariation(assetPath.replace('https://cdn1.colijn-it.nl/', '') + "variation/" + fileName)];
-                      case 2:
-                          file = _a.sent();
-                          return [4 /*yield*/, VariationUtils.GetVariationSettingsFromFile(id, file)];
-                      case 3:
-                          settings = _a.sent();
-                          this.MaterialCache.set(id, settings);
-                          return [2 /*return*/, settings];
-                      case 4:
-                          err_1 = _a.sent();
-                          console.error('Error loading variation:', err_1);
-                          throw err_1;
-                      case 5: return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      VariationUtils.LoadVariationByUrl = function (materialCode, url) {
-          return __awaiter(this, void 0, void 0, function () {
-              var file, settings, err_2;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          if (!url) {
-                              return [2 /*return*/, null];
-                          }
-                          if (!url.includes('ione3d')) {
-                              url = url.concat('.ione3d');
-                          }
-                          if (!window.hasOwnProperty('downloadVariation')) {
-                              console.error('downloadVariation not defined in window global');
-                              throw new Error('downloadVariation not defined in window global');
-                          }
-                          if (this.MaterialCache.has(materialCode)) {
-                              return [2 /*return*/, this.MaterialCache.get(materialCode)];
-                          }
-                          _a.label = 1;
-                      case 1:
-                          _a.trys.push([1, 4, , 5]);
-                          return [4 /*yield*/, window.downloadVariation(url)];
-                      case 2:
-                          file = _a.sent();
-                          return [4 /*yield*/, VariationUtils.GetVariationSettingsFromFile(materialCode, file)];
-                      case 3:
-                          settings = _a.sent();
-                          this.MaterialCache.set(materialCode, settings);
-                          return [2 /*return*/, settings];
-                      case 4:
-                          err_2 = _a.sent();
-                          console.error('Error loading variation:', err_2);
-                          throw err_2;
-                      case 5: return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      // public static GetMaterialFromName(variationFolder: string, material: any): Promise<MeshStandardMaterial> {
-      //   return new Promise((resolve: Function) => {
-      //     if (!material) {
-      //       resolve(null);
-      //     }
-      //     if (this.MaterialCache.has(material.name)) {
-      //       resolve(this.MaterialCache.get(material.name).clone());
-      //     } else {
-      //       VariationUtils.LoadVariation(variationFolder, material.name, false).then((settings: VariationSettings) => {
-      //         if (settings) {
-      //           AssetUtils.CreateMaterialFromAsset(settings).then((materialObj: Material) => {
-      //             const materialParams: MeshStandardMaterialParameters = {};
-      //             materialParams.name = material.name;
-      //             materialParams.map = materialObj.texture;
-      //             materialParams.normalMap = materialObj.normal;
-      //             materialParams.aoMap = materialObj.ao;
-      //             materialParams.roughnessMap = materialObj.roughness;
-      //             materialParams.metalnessMap = materialObj.metalness;
-      //             materialParams.roughness = 1;
-      //             materialParams.metalness = 1;
-      //             const pbrMat: MeshStandardMaterial = new MeshStandardMaterial(materialParams);
-      //             this.MaterialCache.set(material.name, pbrMat);
-      //             resolve(pbrMat.clone());
-      //           });
-      //         } else {
-      //           resolve(material);
-      //         }
-      //       });
-      //     }
-      //   });
-      // }
-      VariationUtils.GetVariationSettingsFromFile = function (id, compressedFile) {
-          return __awaiter(this, void 0, void 0, function () {
-              var zipContent, variationSettings, index, material, _a, indexFile;
-              return __generator(this, function (_b) {
-                  switch (_b.label) {
-                      case 0:
-                          if (!compressedFile) {
-                              return [2 /*return*/, null];
-                          }
-                          return [4 /*yield*/, VariationUtils.GetZipContent(compressedFile)];
-                      case 1:
-                          zipContent = _b.sent();
-                          variationSettings = new VariationSettings();
-                          variationSettings.id = id;
-                          if (!zipContent) return [3 /*break*/, 10];
-                          if (!zipContent.files['material.glb']) return [3 /*break*/, 4];
-                          return [4 /*yield*/, zipContent.files['material.glb'].async('arraybuffer')];
-                      case 2:
-                          material = _b.sent();
-                          _a = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadMaterialFromGlb(material)];
-                      case 3:
-                          _a.material = _b.sent();
-                          return [3 /*break*/, 10];
-                      case 4:
-                          if (!zipContent.files['index.json']) return [3 /*break*/, 6];
-                          return [4 /*yield*/, zipContent.files['index.json'].async('string')];
-                      case 5:
-                          indexFile = _b.sent();
-                          index = JSON.parse(indexFile);
-                          _b.label = 6;
-                      case 6:
-                          if (!index) return [3 /*break*/, 8];
-                          return [4 /*yield*/, VariationUtils.CreateSettingsBasedOnIndex(index, variationSettings, zipContent)];
-                      case 7:
-                          _b.sent();
-                          return [3 /*break*/, 10];
-                      case 8: return [4 /*yield*/, VariationUtils.CreateSettingsBasedOnFileName(variationSettings, zipContent)];
-                      case 9:
-                          _b.sent();
-                          _b.label = 10;
-                      case 10: return [2 /*return*/, variationSettings];
-                  }
-              });
-          });
-      };
-      VariationUtils.CreateSettingsBasedOnIndex = function (index, variationSettings, zipContent) {
-          return __awaiter(this, void 0, void 0, function () {
-              var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-              return __generator(this, function (_o) {
-                  switch (_o.label) {
-                      case 0:
-                          if (!index.normalFile) return [3 /*break*/, 2];
-                          _a = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadFileContentFromZip(zipContent.files[index.normalFile], index.normalFile)];
-                      case 1:
-                          _a.normal = _o.sent();
-                          variationSettings.normalFilename = index.normalFile;
-                          _o.label = 2;
-                      case 2:
-                          if (!index.diffuseFile) return [3 /*break*/, 4];
-                          _b = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadFileContentFromZip(zipContent.files[index.diffuseFile], index.diffuseFile)];
-                      case 3:
-                          _b.texture = _o.sent();
-                          variationSettings.textureFilename = index.diffuseFile;
-                          _o.label = 4;
-                      case 4:
-                          if (!index.ormFile) return [3 /*break*/, 6];
-                          _c = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadFileContentFromZip(zipContent.files[index.ormFile], index.ormFile)];
-                      case 5:
-                          _c.orm = _o.sent();
-                          variationSettings.ormFilename = index.ormFile;
-                          return [3 /*break*/, 12];
-                      case 6:
-                          if (!index.aoFile) return [3 /*break*/, 8];
-                          _d = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadFileContentFromZip(zipContent.files[index.aoFile], index.aoFile)];
-                      case 7:
-                          _d.ao = _o.sent();
-                          variationSettings.aoFilename = index.aoFile;
-                          _o.label = 8;
-                      case 8:
-                          if (!index.metalnessFile) return [3 /*break*/, 10];
-                          _e = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadFileContentFromZip(zipContent.files[index.metalnessFile], index.metalnessFile)];
-                      case 9:
-                          _e.metalness = _o.sent();
-                          variationSettings.metalnessFilename = index.metalnessFile;
-                          _o.label = 10;
-                      case 10:
-                          if (!index.roughnessFile) return [3 /*break*/, 12];
-                          _f = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadFileContentFromZip(zipContent.files[index.roughnessFile], index.roughnessFile)];
-                      case 11:
-                          _f.roughness = _o.sent();
-                          variationSettings.roughnessFilename = index.roughnessFile;
-                          _o.label = 12;
-                      case 12:
-                          if (!index.displacementFile) return [3 /*break*/, 14];
-                          _g = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadFileContentFromZip(zipContent.files[index.displacementFile], index.displacementFile)];
-                      case 13:
-                          _g.displacement = _o.sent();
-                          variationSettings.displacementFilename = index.displacementFile;
-                          _o.label = 14;
-                      case 14:
-                          if (!index.emissiveFile) return [3 /*break*/, 16];
-                          _h = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadFileContentFromZip(zipContent.files[index.emissiveFile], index.emissiveFile)];
-                      case 15:
-                          _h.emissive = _o.sent();
-                          variationSettings.emissiveFilename = index.emissiveFile;
-                          _o.label = 16;
-                      case 16:
-                          if (!index.envMapFile) return [3 /*break*/, 18];
-                          _j = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadFileContentFromZip(zipContent.files[index.envMapFile], index.envMapFile)];
-                      case 17:
-                          _j.envMap = _o.sent();
-                          variationSettings.envMapFilename = index.envMapFile;
-                          _o.label = 18;
-                      case 18:
-                          if (!index.sheenColorMapFile) return [3 /*break*/, 20];
-                          _k = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadFileContentFromZip(zipContent.files[index.sheenColorMapFile], index.sheenColorMapFile)];
-                      case 19:
-                          _k.sheenColorMap = _o.sent();
-                          variationSettings.sheenColorMapFilename = index.sheenColorMapFile;
-                          _o.label = 20;
-                      case 20:
-                          if (!index.sheenRoughnessMapFile) return [3 /*break*/, 22];
-                          _l = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadFileContentFromZip(zipContent.files[index.sheenRoughnessMapFile], index.sheenRoughnessMapFile)];
-                      case 21:
-                          _l.sheenRoughnessMap = _o.sent();
-                          variationSettings.sheenRoughnessMapFilename = index.sheenColorMapFile;
-                          _o.label = 22;
-                      case 22:
-                          if (!index.transmissionMapFile) return [3 /*break*/, 24];
-                          _m = variationSettings;
-                          return [4 /*yield*/, VariationUtils.LoadFileContentFromZip(zipContent.files[index.transmissionMapFile], index.transmissionMapFile)];
-                      case 23:
-                          _m.transmissionMap = _o.sent();
-                          variationSettings.transmissionMapFilename = index.transmissionMapFile;
-                          _o.label = 24;
-                      case 24:
-                          if (index.repeat) {
-                              variationSettings.settings.repeatx = index.repeat.repeatx;
-                              variationSettings.settings.repeaty = index.repeat.repeaty;
-                          }
-                          variationSettings.settings.metalness = index.metalness;
-                          variationSettings.settings.roughness = index.roughness;
-                          if (index.sheen && typeof index.sheen === 'object') {
-                              variationSettings.sheen = 1;
-                              variationSettings.sheenColor = new THREE.Color(index.sheen.r, index.sheen.g, index.sheen.b).getHexString(THREE.SRGBColorSpace);
-                          }
-                          else {
-                              variationSettings.sheen = index.sheen;
-                          }
-                          if (index.sheenColor) {
-                              variationSettings.sheenColor = new THREE.Color(index.sheenColor.r, index.sheenColor.g, index.sheenColor.b).getHexString(THREE.SRGBColorSpace);
-                          }
-                          variationSettings.sheenRoughness = index.sheenRoughness;
-                          variationSettings.envMapIntensity = index.envMapIntensity;
-                          variationSettings.transparent = index.transparent;
-                          variationSettings.opacity = index.opacity;
-                          if (index.emissiveValue) {
-                              variationSettings.emissiveValue = new THREE.Color(index.emissiveValue.r, index.emissiveValue.g, index.emissiveValue.b).getHexString(THREE.SRGBColorSpace);
-                          }
-                          variationSettings.emissiveIntensity = index.emissiveIntensity;
-                          variationSettings.reflectivity = index.reflectivity;
-                          variationSettings.displacementValue = index.displacementValue;
-                          variationSettings.side = index.side;
-                          variationSettings.transmission = index.transmission;
-                          variationSettings.ior = index.ior;
-                          variationSettings.thickness = index.thickness;
-                          variationSettings.specularIntensity = index.specularIntensity;
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      VariationUtils.CreateSettingsBasedOnFileName = function (variationSettings, zipContent) {
-          return __awaiter(this, void 0, void 0, function () {
-              var allLoaded, _loop_1, this_1, _a, _b, _i, fileName;
-              var _this = this;
-              return __generator(this, function (_c) {
-                  switch (_c.label) {
-                      case 0:
-                          allLoaded = [];
-                          _loop_1 = function (fileName) {
-                              var file_1;
-                              return __generator(this, function (_d) {
-                                  switch (_d.label) {
-                                      case 0:
-                                          if (!zipContent.files.hasOwnProperty(fileName)) return [3 /*break*/, 2];
-                                          return [4 /*yield*/, zipContent.files[fileName]];
-                                      case 1:
-                                          file_1 = _d.sent();
-                                          if (file_1.name.toLowerCase().indexOf('normal') > -1 && this_1.FileIsImage(file_1.name)) {
-                                              allLoaded.push(zipContent.files[fileName].async('base64').then(function (normalFile) {
-                                                  variationSettings.normal = "data:image/" + _this.GetBase64FileType(file_1.name) + ";base64," + normalFile;
-                                                  variationSettings.normalFilename = fileName;
-                                              }));
-                                          }
-                                          else if (file_1.name.toLowerCase().indexOf('ao') > -1 && this_1.FileIsImage(file_1.name)) {
-                                              allLoaded.push(zipContent.files[fileName].async('base64').then(function (aoFile) {
-                                                  variationSettings.ao = "data:image/" + _this.GetBase64FileType(file_1.name) + ";base64," + aoFile;
-                                                  variationSettings.aoFilename = fileName;
-                                              }));
-                                          }
-                                          else if (file_1.name.toLowerCase().indexOf('metalness') > -1 && this_1.FileIsImage(file_1.name)) {
-                                              allLoaded.push(zipContent.files[fileName].async('base64').then(function (metalnessFile) {
-                                                  variationSettings.metalness = "data:image/" + _this.GetBase64FileType(file_1.name) + ";base64," + metalnessFile;
-                                                  variationSettings.metalnessFilename = fileName;
-                                              }));
-                                          }
-                                          else if (file_1.name.toLowerCase().indexOf('roughness') > -1 && this_1.FileIsImage(file_1.name)) {
-                                              allLoaded.push(zipContent.files[fileName].async('base64').then(function (roughnessFile) {
-                                                  variationSettings.roughness = "data:image/" + _this.GetBase64FileType(file_1.name) + ";base64," + roughnessFile;
-                                                  variationSettings.roughnessFilename = fileName;
-                                              }));
-                                          }
-                                          else if (file_1.name.toLowerCase().indexOf('diffuse') > -1 && this_1.FileIsImage(file_1.name)) {
-                                              allLoaded.push(zipContent.files[fileName].async('base64').then(function (diffuseFile) {
-                                                  variationSettings.texture = "data:image/" + _this.GetBase64FileType(file_1.name) + ";base64," + diffuseFile;
-                                                  variationSettings.textureFilename = fileName;
-                                              }));
-                                          }
-                                          else if (file_1.name.toLowerCase().indexOf('displacement') > -1 && this_1.FileIsImage(file_1.name)) {
-                                              allLoaded.push(zipContent.files[fileName].async('base64').then(function (displacementFile) {
-                                                  variationSettings.displacement = "data:image/" + _this.GetBase64FileType(file_1.name) + ";base64," + displacementFile;
-                                                  variationSettings.displacementFilename = fileName;
-                                              }));
-                                          }
-                                          else if (file_1.name.toLowerCase().indexOf('emissive') > -1 && this_1.FileIsImage(file_1.name)) {
-                                              allLoaded.push(zipContent.files[fileName].async('base64').then(function (emissiveFile) {
-                                                  variationSettings.emissive = "data:image/" + _this.GetBase64FileType(file_1.name) + ";base64," + emissiveFile;
-                                                  variationSettings.emissiveFilename = fileName;
-                                              }));
-                                          }
-                                          else if (file_1.name.toLowerCase().indexOf('envMap') > -1 && this_1.FileIsImage(file_1.name)) {
-                                              allLoaded.push(zipContent.files[fileName].async('base64').then(function (envMapFile) {
-                                                  variationSettings.envMap = "data:image/" + _this.GetBase64FileType(file_1.name) + ";base64," + envMapFile;
-                                                  variationSettings.envMapFilename = fileName;
-                                              }));
-                                          }
-                                          else if (file_1.name.toLowerCase().indexOf('sheenColorMap') > -1 && this_1.FileIsImage(file_1.name)) {
-                                              allLoaded.push(zipContent.files[fileName].async('base64').then(function (sheenColorMapFile) {
-                                                  variationSettings.sheenColorMap = "data:image/" + _this.GetBase64FileType(file_1.name) + ";base64," + sheenColorMapFile;
-                                                  variationSettings.sheenColorMapFilename = fileName;
-                                              }));
-                                          }
-                                          else if (file_1.name.toLowerCase().indexOf('sheenRoughnessMap') > -1 && this_1.FileIsImage(file_1.name)) {
-                                              allLoaded.push(zipContent.files[fileName].async('base64').then(function (sheenRoughnessMapFile) {
-                                                  variationSettings.sheenRoughnessMap = "data:image/" + _this.GetBase64FileType(file_1.name) + ";base64," + sheenRoughnessMapFile;
-                                                  variationSettings.sheenRoughnessMapFilename = fileName;
-                                              }));
-                                          }
-                                          else if (file_1.name.toLowerCase().indexOf('transmissionMap') > -1 && this_1.FileIsImage(file_1.name)) {
-                                              allLoaded.push(zipContent.files[fileName].async('base64').then(function (transmissionMapFile) {
-                                                  variationSettings.transmissionMap = "data:image/" + _this.GetBase64FileType(file_1.name) + ";base64," + transmissionMapFile;
-                                                  variationSettings.transmissionMapFilename = fileName;
-                                              }));
-                                          }
-                                          else if (file_1.name.indexOf('.jp') > -1) {
-                                              allLoaded.push(zipContent.files[fileName].async('base64').then(function (textureFile) {
-                                                  variationSettings.texture = 'data:image/jpeg;base64,' + textureFile;
-                                                  variationSettings.textureFilename = fileName;
-                                              }));
-                                          }
-                                          else if (file_1.name.indexOf('.json') > -1) {
-                                              allLoaded.push(zipContent.files[fileName].async('string').then(function (settingsFile) {
-                                                  var settingsFileObj = JSON.parse(settingsFile);
-                                                  for (var key in settingsFileObj) {
-                                                      if (settingsFileObj.hasOwnProperty(key)) {
-                                                          variationSettings.settings[key] = settingsFileObj[key];
-                                                      }
-                                                  }
-                                              }));
-                                          }
-                                          _d.label = 2;
-                                      case 2: return [2 /*return*/];
-                                  }
-                              });
-                          };
-                          this_1 = this;
-                          _a = [];
-                          for (_b in zipContent.files)
-                              _a.push(_b);
-                          _i = 0;
-                          _c.label = 1;
-                      case 1:
-                          if (!(_i < _a.length)) return [3 /*break*/, 4];
-                          fileName = _a[_i];
-                          return [5 /*yield**/, _loop_1(fileName)];
-                      case 2:
-                          _c.sent();
-                          _c.label = 3;
-                      case 3:
-                          _i++;
-                          return [3 /*break*/, 1];
-                      case 4: return [4 /*yield*/, Promise.all(allLoaded)];
-                      case 5:
-                          _c.sent();
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      VariationUtils.LoadMaterialFromJson = function (material) {
-          var loader = new THREE.MaterialLoader();
-          if (material.textures) {
-              var textures = {};
-              for (var i = 0; i < material.textures.length; i++) {
-                  textures[material.textures[i].uuid] = material.textures[i];
-              }
-              loader.setTextures(textures);
-          }
-          return loader.parse(material);
-      };
-      VariationUtils.LoadMaterialFromGlb = function (material) {
-          var _this = this;
-          return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-              var obj;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          if (!window.hasOwnProperty('loadGLTF')) {
-                              console.error('loadGLTF not defined in window global');
-                              return [2 /*return*/, reject()];
-                          }
-                          return [4 /*yield*/, window.loadGLTF(material, false)];
-                      case 1:
-                          obj = _a.sent();
-                          if (obj) {
-                              return [2 /*return*/, resolve(obj.children[0].material)];
-                          }
-                          return [2 /*return*/];
-                  }
-              });
-          }); });
-      };
-      VariationUtils.LoadFileContentFromZip = function (zip, fileName, base64) {
-          var _this = this;
-          if (base64 === void 0) { base64 = true; }
-          return new Promise(function (resolve) {
-              if (zip && fileName) {
-                  zip.async(base64 ? 'base64' : 'string').then(function (fileContent) {
-                      if (base64) {
-                          resolve("data:image/" + _this.GetBase64FileType(fileName) + ";base64," + fileContent);
-                      }
-                      else {
-                          resolve(fileContent);
-                      }
-                  });
-              }
-              else {
-                  resolve(undefined);
-              }
-          });
-      };
-      VariationUtils.FileIsImage = function (fileName) {
-          var ext = fileName.substring(fileName.lastIndexOf('.') + 1, fileName.length).toLowerCase();
-          switch (ext) {
-              case 'jpg':
-              case 'jpeg':
-              case 'png':
-              case 'bmp':
-                  return true;
-              default:
-                  return false;
-          }
-      };
-      VariationUtils.GetBase64FileType = function (fileName) {
-          var ext = fileName.substring(fileName.lastIndexOf('.') + 1, fileName.length).toLowerCase();
-          switch (ext) {
-              case 'jpg':
-              case 'jpeg':
-                  return 'jpeg';
-              case 'png':
-                  return 'png';
-              case 'bmp':
-                  return 'bmp';
-              default:
-                  return 'jpeg';
-          }
-      };
-      // Get the content
-      VariationUtils.GetZipContent = function (file) {
-          return __awaiter(this, void 0, void 0, function () {
-              var jszip, e_1;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          _a.trys.push([0, 2, , 3]);
-                          jszip = new JSZip__default["default"]();
-                          return [4 /*yield*/, jszip.loadAsync(file)];
-                      case 1: return [2 /*return*/, _a.sent()];
-                      case 2:
-                          e_1 = _a.sent();
-                          return [2 /*return*/, null];
-                      case 3: return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      return VariationUtils;
-  }());
-  VariationUtils.MaterialCache = new Map();
-
-  var VariationHelper = /** @class */ (function (_super) {
-      __extends(VariationHelper, _super);
-      function VariationHelper() {
-          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());
-          variationMap.forEach(function (variations) {
-              variations.forEach(function (variation) {
-                  try {
-                      if (variation.material) {
-                          if (variation.material.texture) {
-                              variation.material.texture.dispose();
-                          }
-                          if (variation.material.normal) {
-                              variation.material.normal.dispose();
-                          }
-                          if (variation.material.metalness) {
-                              variation.material.metalness.dispose();
-                          }
-                          if (variation.material.roughness) {
-                              variation.material.roughness.dispose();
-                          }
-                          if (variation.material.ao) {
-                              variation.material.ao.dispose();
-                          }
-                      }
-                  }
-                  catch (e) {
-                  }
-              });
-          });
-          VariationUtils.ClearCache();
-          ImageUtils.ClearCache();
-      };
-      VariationHelper.prototype.loadPart = function (obj, parts, usePbr) {
-          if (usePbr === void 0) { usePbr = false; }
-          return __awaiter(this, void 0, void 0, function () {
-              var len, i, partSettings, partVariation, _a, e_1;
-              return __generator(this, function (_b) {
-                  switch (_b.label) {
-                      case 0:
-                          _b.trys.push([0, 9, , 10]);
-                          len = parts.length;
-                          i = 0;
-                          _b.label = 1;
-                      case 1:
-                          if (!(i < len)) return [3 /*break*/, 8];
-                          partSettings = void 0;
-                          if (!(parts[i].decoNode && parts[i].decoNode.materialUrl && parts[i].decoNode.type === decoNodeType_enum.DecoNodeType.Part)) return [3 /*break*/, 3];
-                          return [4 /*yield*/, VariationUtils.LoadVariationByUrl(parts[i].decoNode.materialCode, parts[i].decoNode.materialUrl)];
-                      case 2:
-                          partSettings = _b.sent();
-                          _b.label = 3;
-                      case 3:
-                          if (!(parts[i].decoNode && parts[i].decoNode.gameObjectName && parts[i].decoNode.type === decoNodeType_enum.DecoNodeType.Part)) return [3 /*break*/, 5];
-                          return [4 /*yield*/, VariationUtils.LoadVariation(this.assetPath, parts[i].decoNode.gameObjectName || parts[i].decoId)];
-                      case 4:
-                          partSettings = _b.sent();
-                          _b.label = 5;
-                      case 5:
-                          if (!partSettings) return [3 /*break*/, 7];
-                          partVariation = new Variation();
-                          partVariation.decoId = parseFloat(parts[i].decoNode.id);
-                          partVariation.brandId = parts[i].decoNode.brandId;
-                          partVariation.gameObjectName = parts[i].decoNode.gameObjectName;
-                          _a = partVariation;
-                          return [4 /*yield*/, AssetUtils.CreateMaterialFromAsset(partSettings)];
-                      case 6:
-                          _a.material = _b.sent();
-                          this._applyMaterialPart(obj, partVariation, parts[i].node, usePbr);
-                          _b.label = 7;
-                      case 7:
-                          i++;
-                          return [3 /*break*/, 1];
-                      case 8: return [3 /*break*/, 10];
-                      case 9:
-                          e_1 = _b.sent();
-                          console.error(e_1);
-                          return [3 /*break*/, 10];
-                      case 10: return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      VariationHelper.prototype.loadVariation = function (obj, parts, usePbr) {
-          if (usePbr === void 0) { usePbr = false; }
-          return __awaiter(this, void 0, void 0, function () {
-              var len, _loop_1, this_1, i, e_2;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          _a.trys.push([0, 5, , 6]);
-                          len = parts.length;
-                          _loop_1 = function (i) {
-                              var variations, lastKnownVariations, variationPromise, _loop_2, j;
-                              return __generator(this, function (_b) {
-                                  switch (_b.label) {
-                                      case 0:
-                                          variations = parts[i].variations;
-                                          if (!variations || variations.length === 0) {
-                                              if (this_1._getLastKnownVariations(parts[i].nodeId)) {
-                                                  parts[i].variations = this_1._getLastKnownVariations(parts[i].nodeId);
-                                                  this_1._applyVariations(obj, parts[i], usePbr);
-                                                  return [2 /*return*/, "continue"];
-                                              }
-                                              else {
-                                                  return [2 /*return*/, "continue"];
-                                              }
-                                          }
-                                          lastKnownVariations = [];
-                                          variationPromise = [];
-                                          _loop_2 = function (j) {
-                                              var variationsName = '';
-                                              if (variations[j].materialCode && variations[j].materialUrl) {
-                                                  variationsName = variations[j].materialCode;
-                                              }
-                                              else {
-                                                  variationsName = variations[j].gameObjectName || parts[i].decoId;
-                                              }
-                                              variationPromise.push(this_1.loadTheVariation(variationsName).then(function (variationSettings) {
-                                                  var newVariation = new Variation();
-                                                  newVariation.decoId = variations[j].constructor.name === 'Variation' ? variations[j].decoId : parseFloat(variations[j].id);
-                                                  newVariation.node = variations[j].constructor.name === 'Variation' ? variations[j].node : variations[j].nodeId;
-                                                  newVariation.brandId = variations[j].brandId;
-                                                  newVariation.optionText = variations[j].optionText;
-                                                  newVariation.gameObjectName = variations[j].gameObjectName;
-                                                  newVariation.supplierArticleNr = variations[j].supplierArticleNr;
-                                                  newVariation.materialId = variations[j].materialId;
-                                                  newVariation.material = variationSettings ? variationSettings.material : null;
-                                                  lastKnownVariations.push(newVariation);
-                                              }));
-                                          };
-                                          for (j = 0; j < variations.length; j++) {
-                                              _loop_2(j);
-                                          }
-                                          return [4 /*yield*/, Promise.all(variationPromise)];
-                                      case 1:
-                                          _b.sent();
-                                          this_1._setLastKnownVariations(parts[i].nodeId + "_" + parts[i].node, lastKnownVariations);
-                                          parts[i].variations = lastKnownVariations;
-                                          this_1._applyVariations(obj, parts[i], usePbr);
-                                          return [2 /*return*/];
-                                  }
-                              });
-                          };
-                          this_1 = this;
-                          i = 0;
-                          _a.label = 1;
-                      case 1:
-                          if (!(i < len)) return [3 /*break*/, 4];
-                          return [5 /*yield**/, _loop_1(i)];
-                      case 2:
-                          _a.sent();
-                          _a.label = 3;
-                      case 3:
-                          i++;
-                          return [3 /*break*/, 1];
-                      case 4: return [3 /*break*/, 6];
-                      case 5:
-                          e_2 = _a.sent();
-                          this.log(e_2.message);
-                          return [3 /*break*/, 6];
-                      case 6: return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      VariationHelper.prototype.get = function (id) {
-          var len = this._variations.length;
-          for (var i = 0; i < len; i++) {
-              if (this._variations[i].id && this._variations[i].id === id) {
-                  return this._variations[i];
-              }
-          }
-      };
-      VariationHelper.prototype.set = function (variations) {
-          var idx = this._variations.findIndex(function (v) { return v.id === variations.id; });
-          if (idx > -1) {
-              this._variations[idx] = variations;
-          }
-          else {
-              this._variations.push(variations);
-          }
-      };
-      VariationHelper.prototype.preloadVariations = function (fileNames) {
-          var _this = this;
-          fileNames.forEach(function (node) {
-              if (node.materialUrl) {
-                  if (node.materialCode && !_this.get(node.materialCode)) {
-                      var settings_1 = new VariationSettings();
-                      settings_1.id = node.materialCode;
-                      settings_1.loading = true;
-                      _this._variations.push(settings_1);
-                      VariationUtils.LoadVariationByUrl(node.materialCode, node.materialUrl).then(function (variationSettings) {
-                          settings_1.loading = false;
-                          if (variationSettings) {
-                              settings_1.copyFrom(variationSettings);
-                          }
-                          settings_1.loaded.next(settings_1);
-                      }).catch(function (err) {
-                          console.error("Error loading variation " + node.materialCode + ":", err);
-                          settings_1.loading = false;
-                          settings_1.loaded.next(null);
-                      });
-                  }
-              }
-              else if (node.gameObjectName) {
-                  if (!_this.get(node.gameObjectName)) {
-                      var settings_2 = new VariationSettings();
-                      settings_2.id = node.gameObjectName;
-                      settings_2.loading = true;
-                      _this._variations.push(settings_2);
-                      VariationUtils.LoadVariation(_this.assetPath, node.gameObjectName).then(function (variationSettings) {
-                          settings_2.loading = false;
-                          if (variationSettings) {
-                              settings_2.copyFrom(variationSettings);
-                          }
-                          settings_2.loaded.next(settings_2);
-                      }).catch(function (err) {
-                          console.error("Error loading variation " + node.gameObjectName + ":", err);
-                          settings_2.loading = false;
-                          settings_2.loaded.next(null);
-                      });
-                  }
-              }
-          });
-      };
-      VariationHelper.prototype.loadTheVariation = function (fileName) {
-          return __awaiter(this, void 0, void 0, function () {
-              var settings, sett;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          if (!fileName) {
-                              return [2 /*return*/, null];
-                          }
-                          settings = this.get(fileName);
-                          if (!settings) {
-                              return [2 /*return*/, null];
-                          }
-                          if (!settings.loading) return [3 /*break*/, 3];
-                          return [4 /*yield*/, this._waitForVariationToLoad(settings)];
-                      case 1:
-                          sett = _a.sent();
-                          return [4 /*yield*/, this._loadMaterialFromSettings(sett)];
-                      case 2:
-                          _a.sent();
-                          return [2 /*return*/, sett];
-                      case 3: return [4 /*yield*/, this._loadMaterialFromSettings(settings)];
-                      case 4:
-                          _a.sent();
-                          return [2 /*return*/, settings];
-                  }
-              });
-          });
-      };
-      VariationHelper.prototype._loadMaterialFromSettings = function (settings) {
-          return __awaiter(this, void 0, void 0, function () {
-              var _a;
-              return __generator(this, function (_b) {
-                  switch (_b.label) {
-                      case 0:
-                          if (!settings) return [3 /*break*/, 2];
-                          if (!!settings.material) return [3 /*break*/, 2];
-                          _a = settings;
-                          return [4 /*yield*/, AssetUtils.CreateMaterialFromAsset(settings)];
-                      case 1:
-                          _a.material = _b.sent();
-                          _b.label = 2;
-                      case 2: return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      VariationHelper.prototype._waitForVariationToLoad = function (settings) {
-          return new Promise(function (resolve) {
-              settings.loaded.pipe(operators.filter(function (value) { return value !== undefined; }), operators.take(1)).subscribe(function (value) {
-                  resolve(value);
-              });
-          });
-      };
-      VariationHelper.prototype._getChildrenFilterByProp = function (obj, userDataObjectProp, prop, value) {
-          return obj.children.filter(function (child) {
-              return child.userData &&
-                  child.userData.hasOwnProperty(userDataObjectProp) &&
-                  child.userData[userDataObjectProp].hasOwnProperty(prop) &&
-                  child.userData[userDataObjectProp][prop] === value;
-          });
-      };
-      VariationHelper.prototype._applyMaterialPart = function (obj, partMaterial, nodeId, usePbr) {
-          var _this = this;
-          if (usePbr === void 0) { usePbr = false; }
-          var children = this._getChildrenFilterByProp(obj, 'selection', 'node', nodeId);
-          var len = children.length;
-          for (var i = 0; i < len; i++) {
-              var child = children[i];
-              if (child !== null && child !== undefined) {
-                  child.traverse(function (mesh) {
-                      if ((mesh instanceof THREE.Mesh || mesh.constructor.name === 'Mesh') && partMaterial) {
-                          if (Array.isArray(mesh.material)) { // multimaterial support
-                              for (var j = 0, jlen = mesh.material.length; j < jlen; j++) {
-                                  if (mesh.material[j].name.toLowerCase().indexOf('fixed_frame') !== -1) {
-                                      mesh.material[j] = _this._setMeshMaterialFromVariation(mesh.material[j].name, partMaterial, usePbr);
-                                  }
-                              }
-                          }
-                          else {
-                              if (mesh.material.name && mesh.material.name.toLowerCase().indexOf('fixed_frame') !== -1) {
-                                  mesh.material = _this._setMeshMaterialFromVariation(mesh.material.name, partMaterial, usePbr);
-                              }
-                          }
-                      }
-                  });
-              }
-          }
-      };
-      VariationHelper.prototype._applyVariations = function (obj, part, usePbr) {
-          var _this = this;
-          if (usePbr === void 0) { usePbr = false; }
-          var children = this._getChildrenFilterByProp(obj, 'selection', 'node', part.node);
-          var len = children.length;
-          for (var i = 0; i < len; i++) {
-              var child = children[i];
-              if (child !== null && child !== undefined) {
-                  child.traverse(function (mesh) {
-                      if ((mesh instanceof THREE.Mesh || mesh.constructor.name === 'Mesh') && part.variations && part.variations.length > 0 && mesh.name.toLowerCase().indexOf('c_')) {
-                          for (var j = 0; j < part.variations.length; j++) {
-                              var variation = part.variations[j];
-                              if (variation.material) {
-                                  var materialToSearch = !!variation.materialId ? variation.materialId.toLowerCase() : 'default';
-                                  if (Array.isArray(mesh.material)) { // multimaterial support
-                                      for (var m = 0, mlen = mesh.material.length; m < mlen; m++) {
-                                          if (mesh.material[m].name.toLowerCase().indexOf(materialToSearch) !== -1) {
-                                              if ((variation.material instanceof Material || variation.material.constructor.name === 'Material') && variation.material.isMaterial) {
-                                                  // it's a THREE.Material
-                                                  mesh.material[m] = variation.material;
-                                                  if (mesh.material[m].name && (mesh.material[m].name === 'Fixed_Glass' || mesh.material[m].name === 'Default_Glass')) {
-                                                      mesh.castShadow = false;
-                                                  }
-                                              }
-                                              else {
-                                                  mesh.material[m] = _this._setMeshMaterialFromVariation(mesh.material[m].name, variation, usePbr);
-                                                  if (mesh.material[m].name && (mesh.material[m].name === 'Fixed_Glass' || mesh.material[m].name === 'Default_Glass')) {
-                                                      mesh.castShadow = false;
-                                                  }
-                                              }
-                                          }
-                                      }
-                                  }
-                                  else {
-                                      if (mesh.material.name && mesh.material.name.toLowerCase().indexOf(materialToSearch) !== -1) {
-                                          if ((variation.material instanceof Material || variation.material.constructor.name === 'Material') && variation.material.isMaterial) {
-                                              // it's a THREE.Material
-                                              mesh.material = variation.material;
-                                              if (mesh.material.name === 'Fixed_Glass' || mesh.material.name === 'Default_Glass') {
-                                                  mesh.castShadow = false;
-                                              }
-                                          }
-                                          else {
-                                              mesh.material = _this._setMeshMaterialFromVariation(mesh.material.name, variation, usePbr);
-                                              if (mesh.material.name === 'Fixed_Glass' || mesh.material.name === 'Default_Glass') {
-                                                  mesh.castShadow = false;
-                                              }
-                                          }
-                                      }
-                                  }
-                              }
-                          }
-                      }
-                  });
-              }
-          }
-      };
-      VariationHelper.prototype._setMeshMaterialFromVariation = function (name, variation, usePbr) {
-          if (usePbr === void 0) { usePbr = false; }
-          var material = variation.material;
-          if (material.texture) {
-              material.texture.needsUpdate = true;
-              material.texture.mapping = THREE.EquirectangularReflectionMapping;
-          }
-          if (!usePbr) {
-              var newMaterial = new THREE.MeshPhongMaterial({
-                  name: name,
-                  shininess: material.shininess,
-                  specular: material.specular,
-                  map: material.texture,
-                  normalMap: material.normal
-              });
-              newMaterial.color.setRGB(0.8, 0.8, 0.8);
-              newMaterial.needsUpdate = true;
-              return newMaterial;
-          }
-          if (material.sheen || material.sheenColor || material.reflectivity || material.transmission) { // TODO: Proper check for all unique physical material properties
-              var params = {
-                  // side: material.side ? material.side : FrontSide,
-                  name: name,
-                  roughness: material.roughnessValue !== undefined && material.roughnessValue !== null ? material.roughnessValue : 1,
-                  metalness: material.metalnessValue !== undefined && material.metalnessValue !== null ? material.metalnessValue : 0,
-                  envMapIntensity: material.envMapIntensity ? material.envMapIntensity : 0.01,
-                  clearcoatMap: material.clearcoatMap ? material.clearcoatMap : null,
-                  clearcoatRoughnessMap: material.clearcoatRoughnessMap ? material.clearcoatRoughnessMap : null,
-                  attenuationDistance: Infinity
-                  // wireframe: true,
-                  // opacity: 0.3,
-                  // transparent: true,
-              };
-              if (material.displacementValue) {
-                  params.displacementScale = material.displacementValue;
-              }
-              if (material.opacity) {
-                  params.opacity = material.opacity;
-              }
-              if (material.transparent) {
-                  params.transparent = material.transparent;
-              }
-              if (material.emissiveValue) {
-                  params.emissive = material.emissiveValue;
-              }
-              if (material.emissiveIntensityValue) {
-                  params.emissiveIntensity = material.emissiveIntensityValue;
-              }
-              if (material.texture) {
-                  params.map = material.texture;
-                  params.map.needsUpdate = true;
-              }
-              if (material.ao) {
-                  params.aoMap = material.ao;
-                  params.aoMap.needsUpdate = true;
-              }
-              if (material.roughness) {
-                  params.roughnessMap = material.roughness;
-                  params.roughnessMap.needsUpdate = true;
-                  // material.roughness.magFilter = NearestFilter;
-              }
-              if (material.metalness) {
-                  params.metalnessMap = material.metalness;
-                  params.metalnessMap.needsUpdate = true;
-              }
-              if (material.normal) {
-                  params.normalMap = material.normal;
-                  params.normalMap.needsUpdate = true;
-              }
-              if (material.displacement) {
-                  params.displacementMap = material.displacement;
-                  params.displacementMap.needsUpdate = true;
-              }
-              if (material.emissive) {
-                  params.emissiveMap = material.emissive;
-                  params.emissiveMap.needsUpdate = true;
-              }
-              if (material.envMap) {
-                  if (material.envMapIntensity != null || 0) {
-                      params.envMap = material.envMap;
-                      params.envMap.needsUpdate = true;
-                      material.envMap.mapping = THREE.EquirectangularReflectionMapping;
-                      material.envMap.minFilter = THREE.NearestFilter;
-                      material.envMap.magFilter = THREE.NearestFilter;
-                  }
-              }
-              if (material.reflectivity) {
-                  params.reflectivity = material.reflectivity;
-              }
-              if (material.side) {
-                  params.side = material.side;
-              }
-              else {
-                  params.side = THREE.DoubleSide;
-              }
-              var newMaterial = new THREE.MeshPhysicalMaterial(params);
-              newMaterial.color.setRGB(1, 1, 1);
-              if (material.sheen) {
-                  newMaterial.sheen = material.sheen;
-              }
-              if (material.sheenColor) {
-                  newMaterial.sheenColor = this._createValidColor(material.sheenColor);
-              }
-              else {
-                  // Add fallback for blender render
-                  newMaterial.sheenColor = new THREE.Color(1, 1, 1);
-              }
-              if (material.sheenRoughness) {
-                  newMaterial.sheenRoughness = material.sheenRoughness;
-              }
-              if (material.sheenColorMap) {
-                  newMaterial.sheenColorMap = material.sheenColorMap;
-                  newMaterial.sheenColorMap.needsUpdate = true;
-              }
-              if (material.sheenRoughnessMap) {
-                  newMaterial.sheenRoughnessMap = material.sheenRoughnessMap;
-                  newMaterial.sheenRoughnessMap.needsUpdate = true;
-              }
-              if (material.transmission) {
-                  newMaterial.transmission = material.transmission;
-              }
-              if (material.ior !== undefined && material.ior !== null) {
-                  newMaterial.ior = material.ior;
-              }
-              if (material.thickness !== undefined && material.thickness !== null) {
-                  newMaterial.thickness = material.thickness;
-              }
-              if (material.specularIntensity !== undefined && material.specularIntensity !== null) {
-                  newMaterial.specularIntensity = material.specularIntensity;
-              }
-              if (material.transmissionMap) {
-                  newMaterial.transmissionMap = material.transmissionMap;
-                  newMaterial.transmissionMap.needsUpdate = true;
-              }
-              newMaterial.needsUpdate = true;
-              return newMaterial;
-          }
-          else {
-              var params = {
-                  // side: material.side ? material.side : FrontSide,
-                  name: name,
-                  roughness: material.roughnessValue !== undefined && material.roughnessValue !== null ? material.roughnessValue : 1,
-                  metalness: material.metalnessValue !== undefined && material.metalnessValue !== null ? material.metalnessValue : 0,
-                  envMapIntensity: material.envMapIntensity ? material.envMapIntensity : 0.01
-                  // wireframe: true,
-                  // opacity: 0.3,
-                  // transparent: true,
-              };
-              if (material.displacementValue) {
-                  params.displacementScale = material.displacementValue;
-              }
-              if (material.opacity) {
-                  params.opacity = material.opacity;
-              }
-              if (material.transparent) {
-                  params.transparent = material.transparent;
-              }
-              if (material.emissiveValue) {
-                  params.emissive = material.emissiveValue;
-              }
-              if (material.emissiveIntensityValue) {
-                  params.emissiveIntensity = material.emissiveIntensityValue;
-              }
-              if (material.texture) {
-                  params.map = material.texture;
-                  params.map.needsUpdate = true;
-              }
-              if (material.ao) {
-                  params.aoMap = material.ao;
-                  params.aoMap.needsUpdate = true;
-              }
-              if (material.roughness) {
-                  params.roughnessMap = material.roughness;
-                  params.roughnessMap.needsUpdate = true;
-                  // material.roughness.magFilter = NearestFilter;
-              }
-              if (material.metalness) {
-                  params.metalnessMap = material.metalness;
-                  params.metalnessMap.needsUpdate = true;
-              }
-              if (material.normal) {
-                  params.normalMap = material.normal;
-                  params.normalMap.needsUpdate = true;
-              }
-              if (material.displacement) {
-                  params.displacementMap = material.displacement;
-                  params.displacementMap.needsUpdate = true;
-              }
-              if (material.emissive) {
-                  params.emissiveMap = material.emissive;
-                  params.emissiveMap.needsUpdate = true;
-              }
-              if (material.envMap) {
-                  if (material.envMapIntensity != null || 0) {
-                      params.envMap = material.envMap;
-                      params.envMap.needsUpdate = true;
-                      material.envMap.mapping = THREE.EquirectangularReflectionMapping;
-                      material.envMap.minFilter = THREE.NearestFilter;
-                      material.envMap.magFilter = THREE.NearestFilter;
-                  }
-              }
-              if (material.side) {
-                  params.side = material.side;
-              }
-              else {
-                  params.side = THREE.DoubleSide;
-              }
-              var newMaterial = new THREE.MeshStandardMaterial(params);
-              newMaterial.color.setRGB(1, 1, 1);
-              newMaterial.needsUpdate = true;
-              return newMaterial;
-          }
-      };
-      VariationHelper.prototype._setLastKnownVariations = function (id, variation) {
-          this._lastKnownVariations.set(id, variation);
-      };
-      VariationHelper.prototype._getLastKnownVariations = function (id) {
-          if (this._lastKnownVariations.has(id)) {
-              return this._lastKnownVariations.get(id);
-          }
-          return null;
-      };
-      VariationHelper.prototype._createValidColor = function (color) {
-          if (typeof color === 'string') {
-              if (/^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(color)) {
-                  return new THREE.Color("#" + color.replace('#', ''));
-              }
-          }
-          else if (color instanceof THREE.Color || color.constructor.name === 'Color') {
-              return color;
-          }
-          else {
-              try {
-                  return new THREE.Color(color);
-              }
-              catch (e) {
-                  return new THREE.Color();
-              }
-          }
-          return new THREE.Color();
-      };
-      return VariationHelper;
-  }(BaseUtils));
-
-  var ConfiguratorService = /** @class */ (function () {
-      function ConfiguratorService() {
-      }
-      ConfiguratorService.prototype.initApi = function (options) {
-          this._configuratorApi = new configurator.Configurator(options);
-      };
-      ConfiguratorService.prototype.initNodeInstance = function (goodId) {
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorApi.initNodeInstance(goodId)];
-                      case 1: return [2 /*return*/, _a.sent()];
-                  }
-              });
-          });
-      };
-      ConfiguratorService.prototype.setInstanceToConfigure = function (id, showLoader) {
-          if (showLoader === void 0) { showLoader = false; }
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorApi.setInstanceToConfigure(id, showLoader)];
-                      case 1: return [2 /*return*/, _a.sent()];
-                  }
-              });
-          });
-      };
-      ConfiguratorService.prototype.getGoodIdFromSku = function (sku, showLoader) {
-          if (showLoader === void 0) { showLoader = false; }
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorApi.getGoodIdFromSku(sku, showLoader)];
-                      case 1: return [2 /*return*/, _a.sent()];
-                  }
-              });
-          });
-      };
-      ConfiguratorService.prototype.getArticleQuickSel = function (goodId, showLoader) {
-          if (showLoader === void 0) { showLoader = false; }
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorApi.getArticleQuickSel(goodId, showLoader)];
-                      case 1: return [2 /*return*/, _a.sent()];
-                  }
-              });
-          });
-      };
-      ConfiguratorService.prototype.getSelections = function (showLoader, publicationCode) {
-          if (showLoader === void 0) { showLoader = false; }
-          if (publicationCode === void 0) { publicationCode = 2; }
-          return __awaiter(this, void 0, void 0, function () {
-              var selections;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorApi.getSelections(showLoader)];
-                      case 1:
-                          selections = _a.sent();
-                          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];
-                  }
-              });
-          });
-      };
-      ConfiguratorService.prototype.getDecos = function (showLoader) {
-          if (showLoader === void 0) { showLoader = false; }
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorApi.getDecos(showLoader)];
-                      case 1: return [2 /*return*/, _a.sent()];
-                  }
-              });
-          });
-      };
-      ConfiguratorService.prototype.getQuestionAndAnswers = function (showLoader, publicationCode) {
-          if (showLoader === void 0) { showLoader = false; }
-          if (publicationCode === void 0) { publicationCode = 2; }
-          return __awaiter(this, void 0, void 0, function () {
-              var questionAndAnswers;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorApi.getQuestionAndAnswers(showLoader)];
-                      case 1:
-                          questionAndAnswers = _a.sent();
-                          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];
-                  }
-              });
-          });
-      };
-      ConfiguratorService.prototype.getSingleImage = function (nodeId, publication, includeMimetype, thumb, showLoader) {
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          if (!nodeId) {
-                              return [2 /*return*/, null];
-                          }
-                          return [4 /*yield*/, this._configuratorApi.getSingleImage(nodeId, publication, includeMimetype, thumb, showLoader)];
-                      case 1: return [2 /*return*/, _a.sent()];
-                  }
-              });
-          });
-      };
-      ConfiguratorService.prototype.selectSelection = function (selection, showLoader) {
-          if (showLoader === void 0) { showLoader = false; }
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorApi.selectSelection(selection, showLoader)];
-                      case 1: return [2 /*return*/, _a.sent()];
-                  }
-              });
-          });
-      };
-      ConfiguratorService.prototype.selectAnswer = function (answer, showLoader) {
-          if (showLoader === void 0) { showLoader = false; }
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorApi.selectAnswer(answer, showLoader)];
-                      case 1: return [2 /*return*/, _a.sent()];
-                  }
-              });
-          });
-      };
-      return ConfiguratorService;
-  }());
-
-  var ObjectUtils = /** @class */ (function () {
-      function ObjectUtils() {
-      }
-      ObjectUtils.DisposeNode = function (node) {
-          if (node) {
-              node.traverse(function (obj) {
-                  if (obj instanceof THREE.Mesh) {
-                      if (obj.geometry) {
-                          obj.geometry.dispose();
-                      }
-                      ObjectUtils.DisposeMaterial(obj.material);
-                  }
-                  if (typeof obj.dispose === 'function') {
-                      // @ts-ignore
-                      obj.dispose();
-                  }
-              });
-          }
-      };
-      ObjectUtils.DisposeMaterial = function (material) {
-          var _this = this;
-          if (!material) {
-              return;
-          }
-          if (Array.isArray(material)) {
-              material.forEach(function (mtrl) {
-                  _this.materialProps
-                      .filter(function (mapType) { return mtrl[mapType]; })
-                      .forEach(function (mapType) { return mtrl[mapType].dispose(); });
-                  mtrl.dispose(); // disposes any programs associated with the material
-              });
-          }
-          else {
-              this.materialProps
-                  .filter(function (mapType) { return material[mapType] && material[mapType].dispose; })
-                  .forEach(function (mapType) { return material[mapType].dispose(); });
-              if (material.dispose) {
-                  material.dispose(); // disposes any programs associated with the material
-              }
-          }
-      };
-      ObjectUtils.DisposeObject = function (object) {
-          var _this = this;
-          if (!object) {
-              return;
-          }
-          if (object.children.length) {
-              object.children.forEach(function (child) { return _this.DisposeObject(child); });
-          }
-          this.DisposeNode(object);
-      };
-      return ObjectUtils;
-  }());
-  ObjectUtils.materialProps = ['map', 'lightMap', 'bumpMap', 'normalMap', 'specularMap', 'envMap', 'aoMap', 'roughnessMap', 'metalnessMap'];
-
-  var Builder = /** @class */ (function () {
-      function Builder() {
-          this.selectionsReceived = new rxjs.BehaviorSubject([]);
-          this.articleLoaded = new rxjs.BehaviorSubject(undefined);
-          this.decosReceived = new rxjs.BehaviorSubject([]);
-          this.answersReceived = new rxjs.BehaviorSubject([]);
-          this.modelLoaded = new rxjs.BehaviorSubject(null);
-          this._selections = [];
-          this._answers = [];
-          this._decos = [];
-          this._placedAdjustables = [];
-          this._placedAddables = [];
-          this._adjustables = [];
-          this._addables = [];
-          this._imageCache = new Map();
-          this._articleCache = new Map();
-      }
-      Object.defineProperty(Builder.prototype, "debug", {
-          get: function () {
-              return this._debug;
-          },
-          set: function (value) {
-              if (value) {
-                  this._debug = value;
-                  if (this._variationHelper) {
-                      this._variationHelper.debug = this._debug;
-                  }
-              }
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Builder.prototype.init = function (scene, options) {
-          this._boFactory = new businessObjectFactory.BusinessObjectFactory();
-          this._threedUtils = new ThreedUtils();
-          this._variationHelper = new VariationHelper();
-          this._variationHelper.debug = this._debug;
-          if (!scene) {
-              throw 'No scene object provided!';
-          }
-          this._configuratorService = new ConfiguratorService();
-          // this._imageCacheService = new ImageCacheService();
-          if (options) {
-              this._configuratorService.initApi(options);
-          }
-          this._scene = scene;
-      };
-      Builder.prototype.buildModel = function (sku, instanceId, goodId) {
-          return __awaiter(this, void 0, void 0, function () {
-              var promises, build, e_1;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          if (!this._scene) {
-                              return [2 /*return*/];
-                          }
-                          _a.label = 1;
-                      case 1:
-                          _a.trys.push([1, 9, , 10]);
-                          return [4 /*yield*/, this._setInstanceId(sku, instanceId, goodId)];
-                      case 2:
-                          _a.sent();
-                          return [4 /*yield*/, this._prepareConfiguration(this._sku, this._goodId)];
-                      case 3:
-                          _a.sent();
-                          if (!this._source) return [3 /*break*/, 7];
-                          return [4 /*yield*/, this._configuratorService.setInstanceToConfigure(this._instanceId)];
-                      case 4:
-                          _a.sent();
-                          promises = [];
-                          this._reset();
-                          promises.push(this.getQuestionAndAnswers());
-                          promises.push(this._getSelections(this._instanceId));
-                          promises.push(this._getDecos());
-                          return [4 /*yield*/, Promise.all(promises)];
-                      case 5:
-                          _a.sent();
-                          if (this._answers.length > 0) {
-                              return [2 /*return*/];
-                          }
-                          this._linkSelectionsAndDecos();
-                          this._prepareTheSelections();
-                          this._preloadMaterials();
-                          return [4 /*yield*/, this._build()];
-                      case 6:
-                          build = _a.sent();
-                          return [2 /*return*/, build];
-                      case 7: throw 'GLB source not found!';
-                      case 8: return [3 /*break*/, 10];
-                      case 9:
-                          e_1 = _a.sent();
-                          throw e_1;
-                      case 10: return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      Builder.prototype.buildModelFromData = function (selections, decos, assetUrl, cdnUrl, schema) {
-          return __awaiter(this, void 0, void 0, function () {
-              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, e_3;
-                          return __generator(this, function (_a) {
-                              switch (_a.label) {
-                                  case 0:
-                                      if (!this._scene) {
-                                          reject('no scene provided!');
-                                      }
-                                      _a.label = 1;
-                                  case 1:
-                                      _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();
-                                      _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;
-                                      this._linkSelectionsAndDecos();
-                                      this._prepareTheSelections();
-                                      this._preloadMaterials();
-                                      return [4 /*yield*/, this._build()];
-                                  case 5:
-                                      build = _a.sent();
-                                      resolve(build);
-                                      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.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*/];
-                              }
-                          });
-                      }); })];
-              });
-          });
-      };
-      Builder.prototype.initNodeInstance = function (goodId) {
-          return this._configuratorService.initNodeInstance(goodId);
-      };
-      Builder.prototype.destroy = function () {
-          this._threedUtils.clearCache();
-          this._variationHelper.clearCache();
-      };
-      Builder.prototype.selectSelection = function (selection) {
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorService.selectSelection(selection, false)];
-                      case 1:
-                          _a.sent();
-                          return [4 /*yield*/, this.getQuestionAndAnswers()];
-                      case 2:
-                          _a.sent();
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      Builder.prototype.getQuestionAndAnswers = function (publicationCode) {
-          return __awaiter(this, void 0, void 0, function () {
-              var questionsAndAnswers;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorService.getQuestionAndAnswers(false, publicationCode)];
-                      case 1:
-                          questionsAndAnswers = _a.sent();
-                          this._answers = questionsAndAnswers && questionsAndAnswers.answers ? questionsAndAnswers.answers : [];
-                          this.answersReceived.next(this._answers);
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      Builder.prototype.selectAnswer = function (answer) {
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorService.selectAnswer(answer, false)];
-                      case 1:
-                          _a.sent();
-                          return [4 /*yield*/, this.getQuestionAndAnswers()];
-                      case 2:
-                          _a.sent();
-                          if (this._answers && this._answers.length === 0) {
-                              this._build();
-                          }
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      Builder.prototype.getImageForSelectionOrAnswer = function (object) {
-          var _this = this;
-          var includeMimeType = true, thumb = true;
-          return new Promise(function (resolve, reject) {
-              if (object && object.nodeId) {
-                  if (!_this._imageCache.has(object.nodeId)) {
-                      return _this._configuratorService.getSingleImage(object.nodeId, 4, includeMimeType, thumb, true)
-                          .then(function (responseData) {
-                          var base64 = _this._handleResponseData(includeMimeType, thumb, responseData);
-                          _this._imageCache.set(object.nodeId, base64);
-                          resolve(base64);
-                      }).catch(function () {
-                          reject();
-                      });
-                  }
-                  else {
-                      resolve(_this._imageCache.get(object.nodeId));
-                  }
-              }
-              else {
-                  reject();
-              }
-          });
-      };
-      Builder.prototype._cleanUp = function () {
-          this._sku = undefined;
-          this._goodId = undefined;
-          this._instanceId = undefined;
-          this._variationHelper.clearCache();
-      };
-      Builder.prototype._handleResponseData = function (includeMimetype, thumb, responseData) {
-          if (responseData && responseData.resultObject) {
-              if (responseData.resultObject.filePath !== null && responseData.resultObject.filePath !== "") {
-                  return ImageUtils.getFixedImageFilepathUrl(responseData.resultObject.filePath);
-              }
-              else {
-                  if (includeMimetype) {
-                      return ImageUtils.getDocBodyWithMimeTypeDefinition(responseData.resultObject.fileName, thumb ? responseData.resultObject.thumbnailBody : responseData.resultObject.documentBody);
-                  }
-                  else {
-                      return thumb ? responseData.resultObject.thumbnailBody : responseData.resultObject.documentBody;
-                  }
-              }
-          }
-          else {
-              return '';
-          }
-      };
-      Builder.prototype._preloadMaterials = function () {
-          if (this._decos && this._decos.length) {
-              var materials = __spreadArray([], __read(new Set(this._decos
-                  .filter(function (d) { return (d.gameObjectName || d.materialUrl) && d.type === decoNodeType_enum.DecoNodeType.Variation; })
-                  .map(function (d) { return d; }))));
-              this._variationHelper.preloadVariations(materials);
-          }
-      };
-      Builder.prototype._setInstanceId = function (sku, instanceId, goodId) {
-          return __awaiter(this, void 0, void 0, function () {
-              var result;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          if (!(!instanceId && !this._instanceId)) return [3 /*break*/, 4];
-                          if (!!goodId) return [3 /*break*/, 2];
-                          return [4 /*yield*/, this._getGoodIdFromSku(sku)];
-                      case 1:
-                          goodId = _a.sent();
-                          _a.label = 2;
-                      case 2:
-                          this._goodId = goodId;
-                          return [4 /*yield*/, this.initNodeInstance(this._goodId)];
-                      case 3:
-                          result = _a.sent();
-                          if (result && result.resultObject) {
-                              this._instanceId = result.resultObject;
-                          }
-                          else {
-                              throw 'Failed to initialize node instance';
-                          }
-                          return [3 /*break*/, 5];
-                      case 4:
-                          if (!this._instanceId) {
-                              this._instanceId = instanceId;
-                          }
-                          _a.label = 5;
-                      case 5:
-                          if (!this._sku) {
-                              this._sku = sku;
-                          }
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      Builder.prototype._prepareConfiguration = function (sku, goodId) {
-          return __awaiter(this, void 0, void 0, function () {
-              var article;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._getArticle(sku, goodId)];
-                      case 1:
-                          article = _a.sent();
-                          if (!(article && article.assetUrl)) return [3 /*break*/, 3];
-                          if (article.contentDeliveryUrl) {
-                              this._variationHelper.assetPath =
-                                  article.contentDeliveryUrl +
-                                      (article.contentDeliveryUrl.endsWith('/') ? '' : '/') +
-                                      (article.distSchema ? article.distSchema : 'UP_DBA');
-                          }
-                          return [4 /*yield*/, this._downloadAsset(article.assetUrl, article.contentDeliveryUrl, article.distSchema)];
-                      case 2:
-                          _a.sent();
-                          _a.label = 3;
-                      case 3: return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      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, setVisibleFalse)
-                                  .catch(function (error) {
-                                  throw error;
-                              })];
-                      case 1:
-                          _a._source = _b.sent();
-                          if (cdnUrl) {
-                              this._variationHelper.assetPath =
-                                  cdnUrl +
-                                      (cdnUrl.endsWith('/') ? '' : '/') +
-                                      (schema ? schema : 'UP_DBA');
-                          }
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      Builder.prototype._build = function () {
-          return __awaiter(this, void 0, void 0, function () {
-              var adjustables, obj, connected, i, len, adjustable, ii;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          adjustables = this._getAdjustables();
-                          if (adjustables && adjustables.length === 0 && this._selections && this._selections.length > 0) { // check if article has a gameObject
-                              if (this._selections[0].nodeType === nodeType_enum.NodeType.Article && this._selections[0].gameObject) {
-                                  adjustables.push(this._selections[0]);
-                              }
-                          }
-                          if (!(adjustables && adjustables.length > 0)) return [3 /*break*/, 2];
-                          obj = new THREE__namespace.Object3D();
-                          obj.visible = false; // no need to render visualy
-                          this._scene.add(obj);
-                          connected = false;
-                          this._log('build main model');
-                          for (i = 0, len = adjustables.length; i < len; i++) {
-                              adjustable = this._createAdjustable(obj, adjustables[i]);
-                              if (adjustable) {
-                                  for (ii = this._placedAdjustables.length - 1; ii >= 0; ii--) {
-                                      if (SceneUtils.TrySelectorConnection(this._scene, obj, this._placedAdjustables[ii], adjustable, i === 1)) {
-                                          this._placedAdjustables[ii].visible = true;
-                                          adjustable.visible = true;
-                                          connected = true;
-                                          break;
-                                      }
-                                      connected = false;
-                                  }
-                              }
-                              if (!connected && this._placedAdjustables.length > 1) {
-                                  console.warn('No connection found for: ', adjustable.name);
-                              }
-                          }
-                          this._log('place addables');
-                          this._placeAddables(obj);
-                          this._log('update pivot');
-                          this._updatePivot(obj);
-                          this._log('load variations');
-                          return [4 /*yield*/, this._loadVariations(obj)];
-                      case 1:
-                          _a.sent();
-                          // this._variationHelper.clearCache();
-                          this._log('remove from scene');
-                          this._scene.remove(obj);
-                          ObjectUtils.DisposeObject(this._source);
-                          // this._cleanUp();
-                          this._log('ready!');
-                          this.modelLoaded.next(obj);
-                          return [2 /*return*/, obj];
-                      case 2: throw 'No adjustables found!';
-                  }
-              });
-          });
-      };
-      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'; });
-          var isArticleWithMaterial = adjustableSelections.length === 0 &&
-              selectionOfArticle.gameObject &&
-              selectionOfArticle.gameObject.length > 0;
-          // get generic variations
-          var globalVariations = this._selections
-              .filter(function (s) { return (s.generic || adjustableSelections.length === 1) && s.decoNode.variation && !s.decoNode.type; })
-              .map(function (value, index, array) {
-              // find selection of variation
-              var sel = _this._selections.find(function (s) { return s.artNodeIdDeco === value.decoNode.variation.parentId; });
-              if (sel) {
-                  value.decoNode.variation.supplierArticleNr = sel.supplierArticleNr;
-              }
-              value.decoNode.variation.materialId = _this._getMaterialIdFromParent(value.node);
-              return value.decoNode.variation;
-          });
-          // commented out for the moment
-          // globalVariations.forEach(g => {
-          //   const parentIdx = selections.findIndex(s => s.decoNode && s.decoNode.id === g.parentId);
-          //   if (parentIdx) { // remove parent selection
-          //     selections.splice(parentIdx, 1);
-          //   }
-          //   const idx = selections.findIndex(s => s.decoNode && s.decoNode.id === g.id);
-          //   if (idx) { // move generic variations to top
-          //     const selection = selections[idx];
-          //     selections.splice(idx, 1);
-          //     selections.unshift(selection);
-          //   }
-          // });
-          // const usedVariations: FurniturePartVariation[] = [];
-          var globalVariationsRewrite = true;
-          var len = selections.length;
-          var lastAdded;
-          var lastAdjustable;
-          var newPart = false;
-          var previousPresLevel = -1;
-          var positioning;
-          var optionText;
-          var _loop_1 = function (i) {
-              var selection = selections[i];
-              if (selection.presentationLevel === 1) {
-                  positioning = selection.hdecoPositioning;
-                  optionText = selection.question;
-              }
-              if (selection.presentationLevel > previousPresLevel) {
-                  selection.hdecoPositioning = selection.hdecoPositioning || positioning;
-              }
-              if (selection.decoNode) {
-                  if (selection.decoNode.type === decoNodeType_enum.DecoNodeType.Variation) {
-                      var decoNode_1 = selection.decoNode;
-                      decoNode_1.optionText = optionText;
-                      // find selection of variation and set materialId in case of multimaterial
-                      decoNode_1.materialId = this_1._getMaterialIdFromParent(decoNode_1.nodeId);
-                      if (lastAdded) {
-                          if (newPart) {
-                              if (decoNode_1.materialId) {
-                                  if (!lastAdded.variations.find(function (v) { return v.id === decoNode_1.id; })) {
-                                      lastAdded.variations.push(decoNode_1);
-                                  }
-                              }
-                              else {
-                                  lastAdded.variations = [decoNode_1];
-                              }
-                          }
-                          else {
-                              if (!lastAdded.variations.find(function (v) { return v.id === decoNode_1.id; })) {
-                                  lastAdded.variations.push(decoNode_1);
-                              }
-                          }
-                          newPart = false;
-                      }
-                      else {
-                          if (globalVariationsRewrite) {
-                              globalVariations.length = 0;
-                              globalVariationsRewrite = false;
-                          }
-                          if (!globalVariations.find(function (v) { return v.id === decoNode_1.id; })) {
-                              globalVariations.push(decoNode_1);
-                          }
-                      }
-                      // const variation: FurniturePartVariation = new FurniturePartVariation();
-                      // variation.BrandId = selection.decoNode.brandId;
-                      // variation.Description = selection.decoNode.gameObjectName;
-                      // variation.MaterialId = (selection.decoNode as any).materialId;
-                      // variation.SupplierArticleNr = (selection.decoNode as any).supplierArticleNr;
-                      // usedVariations.push(variation);
-                  }
-                  else if ((selection.decoNode.type === decoNodeType_enum.DecoNodeType.Part &&
-                      typeof selection.decoNode.gameObjectName === 'string' &&
-                      selection.decoNode.gameObjectName.length) || (isArticleWithMaterial)) {
-                      if (selection.decoNode.kind === decoNodeKind_enum.DecoNodeKind.Adjustable || (isArticleWithMaterial)) {
-                          selection.variations = globalVariations;
-                          this_1._adjustables.push(selection);
-                          if (!lastAdded || (lastAdded.nodeId !== selection.nodeId || lastAdded.node !== selection.node)) {
-                              newPart = true;
-                          }
-                          lastAdded = selection;
-                          lastAdjustable = selection;
-                      }
-                      else if (selection.decoNode.kind === decoNodeKind_enum.DecoNodeKind.Addable) {
-                          selection.variations = lastAdjustable ? lastAdjustable.variations : globalVariations;
-                          if (lastAdjustable) {
-                              lastAdjustable.addables.push(selection);
-                          }
-                          this_1._addables.push(selection);
-                          if (!lastAdded || (lastAdded.nodeId !== selection.nodeId || lastAdded.node !== selection.node)) {
-                              newPart = true;
-                          }
-                          lastAdded = selection;
-                      }
-                  }
-              }
-              previousPresLevel = selection.presentationLevel;
-          };
-          var this_1 = this;
-          for (var i = 0; i < len; i++) {
-              _loop_1(i);
-          }
-          // this._upsertFurniture(this.activeInstance,
-          //   {Variations: usedVariations});
-      };
-      /**
-       * Returns the materialId of the parent up the tree until presentionlevel 1 is reached
-       * @param id
-       * @private
-       */
-      Builder.prototype._getMaterialIdFromParent = function (id) {
-          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;
-                      }
-                  }
-              }
-          }
-          return undefined;
-      };
-      Builder.prototype._createAdjustable = function (parent, adj) {
-          var obj = this._source ? this._source.getObjectByName(adj.decoNode.gameObjectName || adj.gameObject) : null;
-          if (!obj) {
-              // in case of glb files, the importer removes dots from names
-              var name = adj.decoNode.gameObjectName.replace(/[.]/g, '');
-              obj = this._source ? this._source.getObjectByName(name) : null;
-              if (!obj) {
-                  console.warn("No object with name " + adj.decoNode.gameObjectName + " found!");
-                  return null;
-              }
-          }
-          var adjustable = obj.clone();
-          adjustable.name = this._createUniqueName(parent, obj);
-          adjustable.userData.selection = adj;
-          adjustable.position.set(0, 0, 0);
-          adjustable.traverse(function (c) {
-              c.visible = !c.name.toLowerCase().startsWith('c_');
-          });
-          parent.add(adjustable);
-          // the object being added to the customFloorGroup is being recreated so we loose the reference
-          // therefor we need to retrieve the created object again
-          adjustable = parent.getObjectByName(adjustable.name);
-          this._placedAdjustables.push(adjustable);
-          return adjustable;
-      };
-      Builder.prototype._createAddable = function (parent, add, part2, part1) {
-          var obj = this._source.getObjectByName(add.decoNode.gameObjectName);
-          if (!obj) {
-              return null;
-          }
-          // const selection: Selection = this._getSelectionFromId(adj.artNodeIdDeco);
-          var addable = obj.clone();
-          addable.name = this._createUniqueName(parent, obj);
-          addable.userData.selection = add;
-          addable.position.set(0, 0, 0);
-          addable.visible = true;
-          if (part1 && part2) {
-              parent.add(addable);
-              this._placedAddables.push(addable);
-              return addable;
-          }
-          return addable;
-      };
-      Builder.prototype._placeAddables = function (parent) {
-          var _this = this;
-          var len = this._placedAdjustables.length;
-          for (var i = 0; i < len; i++) {
-              if (this._placedAdjustables[i].userData.hasOwnProperty('selection') && this._placedAdjustables[i].userData.selection) {
-                  var adjustableSelection = this._placedAdjustables[i].userData.selection;
-                  if (adjustableSelection) {
-                      var lena = adjustableSelection.addables.length;
-                      var conAddable = void 0;
-                      for (var ia = 0; ia < lena; ia++) {
-                          SceneUtils.TrySelectorConnection(this._scene, parent, this._placedAdjustables[i], adjustableSelection.addables[ia], false, function (add, part2, part1) { return _this._createAddable(parent, add, part2, part1); });
-                          if (conAddable) {
-                              SceneUtils.TrySelectorConnection(this._scene, parent, conAddable, adjustableSelection.addables[ia], false, function (add, part2, part1) { return _this._createAddable(parent, add, part2, part1); });
-                          }
-                          conAddable = this._placedAddables[this._placedAddables.length - 1];
-                      }
-                  }
-              }
-          }
-      };
-      Builder.prototype._createUniqueName = function (parent, obj) {
-          var iteration = 0;
-          var name = obj.name;
-          var existingObj = parent.getObjectByName(name);
-          while (existingObj) {
-              iteration++;
-              name = obj.name + (iteration !== 0 ? ('_' + iteration) : '');
-              existingObj = parent.getObjectByName(name);
-          }
-          return name;
-      };
-      Builder.prototype._getGoodIdFromSku = function (sku) {
-          return __awaiter(this, void 0, void 0, function () {
-              var response;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._configuratorService.getGoodIdFromSku(sku, false)];
-                      case 1:
-                          response = _a.sent();
-                          if (response && response.validationResult && response.validationResult.success && response.resultObject) {
-                              return [2 /*return*/, response.resultObject];
-                          }
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      Builder.prototype._getArticle = function (sku, goodId) {
-          return __awaiter(this, void 0, void 0, function () {
-              var article$1, articleResponse, obj;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          if (this._articleCache.has(sku)) {
-                              this.articleLoaded.next(this._articleCache.get(sku));
-                              return [2 /*return*/, this._articleCache.get(sku)];
-                          }
-                          if (!!goodId) return [3 /*break*/, 2];
-                          return [4 /*yield*/, this._getGoodIdFromSku(sku)
-                                  .catch(function (error) {
-                                  throw "Article with sku " + sku + " not found!";
-                              })];
-                      case 1:
-                          goodId = _a.sent();
-                          _a.label = 2;
-                      case 2: return [4 /*yield*/, this._configuratorService.getArticleQuickSel(goodId, false)];
-                      case 3:
-                          articleResponse = _a.sent();
-                          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);
-                              }
-                              else {
-                                  article$1 = this._boFactory.makeWithRawBackendData(article.Article, articleResponse.resultObject);
-                              }
-                          }
-                          this._articleCache.set(sku, article$1);
-                          this.articleLoaded.next(article$1);
-                          return [2 /*return*/, article$1];
-                  }
-              });
-          });
-      };
-      Builder.prototype._getSelections = function (instanceId, publicationCode) {
-          return __awaiter(this, void 0, void 0, function () {
-              var selectionResponse;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          this._selections = [];
-                          return [4 /*yield*/, this._configuratorService.getSelections(false, publicationCode)];
-                      case 1:
-                          selectionResponse = _a.sent();
-                          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);
-                              this.selectionsReceived.next(this._selections);
-                          }
-                          else {
-                              throw 'No selections found!';
-                          }
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      Builder.prototype._getDecos = function () {
-          return __awaiter(this, void 0, void 0, function () {
-              var decosResponse;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          this._decos = [];
-                          return [4 /*yield*/, this._configuratorService.getDecos(false)];
-                      case 1:
-                          decosResponse = _a.sent();
-                          if (decosResponse && decosResponse.resultObjects && decosResponse.resultObjects.length > 0) {
-                              this._decos = this._boFactory.makeBOArrayFromRawBackendDataArray(decoNode.DecoNode, decosResponse.resultObjects);
-                              this.decosReceived.next(this._decos);
-                          }
-                          else {
-                              throw 'No deconodes found!';
-                          }
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      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;
-              var deco = this_2._decos.find(function (d) { return d.nodeId === _this._selections[i].node; });
-              if (!deco) {
-                  deco = new decoNode.DecoNode();
-              }
-              if (deco.type !== decoNodeType_enum.DecoNodeType.Variation) {
-                  var variation = this_2._getVariations().find(function (v) { return v.parentId === _this._selections[i].artNodeIdDeco; });
-                  if (variation) {
-                      deco.variation = variation;
-                  }
-              }
-              this_2._selections[i].decoNode = deco;
-          };
-          var this_2 = this;
-          for (var i = 0; i < len; i++) {
-              _loop_2(i);
-          }
-      };
-      Builder.prototype._getVariations = function () {
-          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 () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0:
-                          this._log('load variation for parts');
-                          return [4 /*yield*/, this._variationHelper.loadPart(obj, this._adjustables, true)];
-                      case 1:
-                          _a.sent();
-                          this._log('load variation for adjustables');
-                          return [4 /*yield*/, this._variationHelper.loadVariation(obj, this._adjustables, true)];
-                      case 2:
-                          _a.sent();
-                          this._log('load variation for addables');
-                          return [4 /*yield*/, this._variationHelper.loadVariation(obj, this._addables, true)];
-                      case 3:
-                          _a.sent();
-                          this._log('load variation clear cache');
-                          this._variationHelper.clearCache();
-                          this._log('load variations done');
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      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;
-          });
-      };
-      Builder.prototype._updatePivot = function (obj) {
-          var boundingBox = new THREE__namespace.Box3().setFromObject(obj);
-          var bbCenterPivot = new THREE__namespace.Vector3();
-          boundingBox.getCenter(bbCenterPivot);
-          var delta = new THREE__namespace.Vector3().sub(bbCenterPivot).setY(Math.abs(Math.min(boundingBox.min.y, 0)));
-          obj.children.forEach(function (child) {
-              child.position.add(delta);
-          });
-          obj.updateWorldMatrix(false, true);
-      };
-      Builder.prototype._reset = function () {
-          this._placedAddables.length = 0;
-          this._placedAdjustables.length = 0;
-          this._adjustables.length = 0;
-          this._addables.length = 0;
-          // this._prepareTheSelections();
-      };
-      Builder.prototype._log = function (message, force) {
-          if (force === void 0) { force = false; }
-          if (this.debug) {
-              this.debug(message);
-              console.log(new Date(), message);
-          }
-      };
-      return Builder;
-  }());
-  Builder.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function Builder_Factory() { return new Builder(); }, token: Builder, providedIn: "root" });
-  Builder.decorators = [
-      { type: i0.Injectable, args: [{
-                  providedIn: "root"
-              },] }
-  ];
-  Builder.ctorParameters = function () { return []; };
-
-  var AnswersComponent = /** @class */ (function () {
-      function AnswersComponent() {
-          this.answers = [];
-          this.answerClick = new i0.EventEmitter();
-      }
-      return AnswersComponent;
-  }());
-  AnswersComponent.decorators = [
-      { type: i0.Component, args: [{
-                  selector: "answers",
-                  template: "\n        <div class=\"ione-configurator\">\n            <div class=\"rp-answers-slideout\">\n                <h2 class=\"answers-title\" [textContent]=\"selectionTitle\"></h2>\n                <div class=\"answers-container\" visibilityObserverMaster>\n                    <answer *ngFor=\"let answer of answers\"\n                            (click)=\"answerClick.emit(answer)\"\n                            [answer]=\"answer\"\n                            visibilityObserver\n                            #intersection=\"intersection\"\n                            [observerEnabled]=\"true\"\n                            [showing]=\"intersection.isIntersecting\"\n                    ></answer>\n                </div>\n                \n            </div>\n        </div>\n    ",
-                  styles: [".ione-configurator .rp-answers-slideout{position:absolute;top:0;right:0;width:400px;height:-moz-fit-content;height:fit-content}.ione-configurator .answers-title{margin-left:10px;color:#1a1a1a}.ione-configurator .answers-container{height:100vh;overflow-y:scroll}.ione-configurator .answer-content{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid lightgray;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px #d3d3d380;background:white}.ione-configurator .thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .img-size{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .answer-wrapper{display:block}.ione-configurator .answer-title{font-size:12px;position:relative;overflow:hidden;cursor:pointer}.ione-configurator .question{font-weight:bold;color:#1a1a1a}.ione-configurator .answer{font-size:12px;font-style:italic;margin-top:3px}.ione-configurator .collapse-wrapper{display:block}.ione-configurator .collapse-content{display:block}.ione-configurator .collapse-handle{position:absolute;top:10px;right:12px;border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.ione-configurator .collapse-handle.expanded{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.ione-configurator .child-selection{margin-left:10px;display:flex;flex-direction:column;margin-top:5px}.ione-configurator .mat-title{margin-left:10px;color:#1a1a1a}.ione-configurator .drawer__header{height:48px}.ione-configurator .rp-selections-summary{height:-moz-fit-content;height:fit-content;background:transparent;overflow:auto;position:absolute;top:0;right:0;width:400px}.ione-configurator .selections-content{overflow-y:auto}.ione-configurator .co-summary-line{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid lightgray;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px #d3d3d380;background:white}.ione-configurator .selection-thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .selection-img{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .answer-thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .answer-img{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .unloaded{background-color:#d3d3d3}.ione-configurator .titles{margin-left:14px;align-self:center}.ione-configurator .title-wrapper{display:flex;flex-direction:column}.ione-configurator .answer-title-wrapper{text-align:center;align-self:center;margin-left:14px}\n"]
-              },] }
-  ];
-  AnswersComponent.ctorParameters = function () { return []; };
-  AnswersComponent.propDecorators = {
-      answers: [{ type: i0.Input }],
-      selectionTitle: [{ type: i0.Input }],
-      answerClick: [{ type: i0.Output }]
-  };
-
-  var AnswerComponent = /** @class */ (function () {
-      function AnswerComponent(_builder) {
-          this._builder = _builder;
-      }
-      Object.defineProperty(AnswerComponent.prototype, "showing", {
-          set: function (value) {
-              this.answer.imageData = '';
-              if (value && this.answer.answer !== 'Skip / Cancel') {
-                  this._loadThumbnail(this.answer);
-              }
-              else {
-                  this.answer.imageData = null;
-              }
-          },
-          enumerable: false,
-          configurable: true
-      });
-      AnswerComponent.prototype.ngOnInit = function () {
-      };
-      AnswerComponent.prototype._loadThumbnail = function (answer) {
-          return __awaiter(this, void 0, void 0, function () {
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this._builder.getImageForSelectionOrAnswer(answer).then(function (imageSrc) {
-                              answer.imageData = imageSrc === "" ? null : imageSrc;
-                          })];
-                      case 1:
-                          _a.sent();
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      return AnswerComponent;
-  }());
-  AnswerComponent.decorators = [
-      { type: i0.Component, args: [{
-                  selector: 'answer',
-                  template: "\n    <div class=\"ione-configurator\">\n      <div class=\"answer-wrapper\">\n        <div class=\"answer-content\" @answerAppear>\n          <div class=\"answer-thumbnail\">\n            <rp-loader *ngIf=\"answer.imageData === ''\"></rp-loader>\n            <img *ngIf=\"answer.imageData !== '' && answer.imageData !== null\" class=\"answer-img\" [src]=\"answer.imageData\">\n          </div>\n          <div class=\"answer-title-wrapper\">\n            <span class=\"answer-title\" [textContent]=\"answer.commercialAnswer\"></span>\n          </div>\n          <div class=\"price\">\n            <span class=\"price-value\"></span>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
-                  animations: [
-                      animations.trigger('answerAppear', [
-                          animations.state('void', animations.style({ 'background': '#dbdbdb' })),
-                          animations.state('white', animations.style({ 'background': 'white' })),
-                          animations.transition('void <=> *', animations.animate(500))
-                      ])
-                  ],
-                  styles: [".ione-configurator .rp-answers-slideout{position:absolute;top:0;right:0;width:400px;height:-moz-fit-content;height:fit-content}.ione-configurator .answers-title{margin-left:10px;color:#1a1a1a}.ione-configurator .answers-container{height:100vh;overflow-y:scroll}.ione-configurator .answer-content{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid lightgray;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px #d3d3d380;background:white}.ione-configurator .thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .img-size{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .answer-wrapper{display:block}.ione-configurator .answer-title{font-size:12px;position:relative;overflow:hidden;cursor:pointer}.ione-configurator .question{font-weight:bold;color:#1a1a1a}.ione-configurator .answer{font-size:12px;font-style:italic;margin-top:3px}.ione-configurator .collapse-wrapper{display:block}.ione-configurator .collapse-content{display:block}.ione-configurator .collapse-handle{position:absolute;top:10px;right:12px;border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.ione-configurator .collapse-handle.expanded{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.ione-configurator .child-selection{margin-left:10px;display:flex;flex-direction:column;margin-top:5px}.ione-configurator .mat-title{margin-left:10px;color:#1a1a1a}.ione-configurator .drawer__header{height:48px}.ione-configurator .rp-selections-summary{height:-moz-fit-content;height:fit-content;background:transparent;overflow:auto;position:absolute;top:0;right:0;width:400px}.ione-configurator .selections-content{overflow-y:auto}.ione-configurator .co-summary-line{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid lightgray;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px #d3d3d380;background:white}.ione-configurator .selection-thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .selection-img{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .answer-thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .answer-img{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .unloaded{background-color:#d3d3d3}.ione-configurator .titles{margin-left:14px;align-self:center}.ione-configurator .title-wrapper{display:flex;flex-direction:column}.ione-configurator .answer-title-wrapper{text-align:center;align-self:center;margin-left:14px}\n"]
-              },] }
-  ];
-  AnswerComponent.ctorParameters = function () { return [
-      { type: Builder }
-  ]; };
-  AnswerComponent.propDecorators = {
-      answer: [{ type: i0.Input }],
-      showing: [{ type: i0.Input }]
-  };
-
-  var VisibilityObserverMasterDirective = /** @class */ (function () {
-      // I initialize the intersection observer parent directive.
-      function VisibilityObserverMasterDirective() {
-          var _this = this;
-          // As each observable child attaches itself to the parent observer, we need to
-          // map Elements to Callbacks so that when an Element's intersection changes,
-          // we'll know which callback to invoke. For this, we'll use an ES6 Map.
-          this._mapping = new Map();
-          this._observer = new IntersectionObserver(function (entries) {
-              var e_1, _a;
-              try {
-                  for (var entries_1 = __values(entries), entries_1_1 = entries_1.next(); !entries_1_1.done; entries_1_1 = entries_1.next()) {
-                      var entry = entries_1_1.value;
-                      var callback = _this._mapping.get(entry.target);
-                      if (callback) {
-                          callback(entry.isIntersecting);
-                      }
-                  }
-              }
-              catch (e_1_1) { e_1 = { error: e_1_1 }; }
-              finally {
-                  try {
-                      if (entries_1_1 && !entries_1_1.done && (_a = entries_1.return)) _a.call(entries_1);
-                  }
-                  finally { if (e_1) throw e_1.error; }
-              }
-          }, {
-              // This classifies the "intersection" as being a bit outside the
-              // viewport. The intent here is give the elements a little time to react
-              // to the change before the element is actually visible to the user.
-              rootMargin: '300px 0px 300px 0px'
-          });
-      }
-      // I get called once when the host element is being destroyed.
-      VisibilityObserverMasterDirective.prototype.ngOnDestroy = function () {
-          this._mapping.clear();
-          this._observer.disconnect();
-      };
-      // ---
-      // PUBLIC METHODS.
-      // ---
-      // I add the given Element for intersection observation. When the intersection status
-      // changes, the given callback is invoked with the new status.
-      VisibilityObserverMasterDirective.prototype.add = function (element, callback) {
-          this._mapping.set(element, callback);
-          this._observer.observe(element);
-      };
-      // I remove the given Element from intersection observation.
-      VisibilityObserverMasterDirective.prototype.remove = function (element) {
-          this._mapping.delete(element);
-          this._observer.unobserve(element);
-      };
-      return VisibilityObserverMasterDirective;
-  }());
-  VisibilityObserverMasterDirective.decorators = [
-      { type: i0.Directive, args: [{
-                  selector: '[visibilityObserverMaster]'
-              },] }
-  ];
-  VisibilityObserverMasterDirective.ctorParameters = function () { return []; };
-
-  var VisibilityObserverDirective = /** @class */ (function () {
-      // I initialize the intersection observer directive.
-      function VisibilityObserverDirective(parent, elementRef) {
-          this.observerEnabled = false;
-          // These are just some human-friendly constants to make the HTML template a bit more
-          // readable when being consumed as part of SWTCH/CASE statements.
-          this.IS_INTERSECTING = true;
-          this.IS_NOT_INTERSECTING = false;
-          this._parent = parent;
-          this._elementRef = elementRef;
-          // By default, we're going to assume that the host element is NOT intersecting.
-          // Then, we'll use the IntersectionObserver to asynchronously check for changes
-          // in viewport visibility.
-          this.isIntersecting = false;
-      }
-      // ---
-      // PUBLIC METHODS.
-      // ---
-      // I get called once when the host element is being destroyed.
-      VisibilityObserverDirective.prototype.ngOnDestroy = function () {
-          this._parent.remove(this._elementRef.nativeElement);
-          this._elementRef = undefined;
-      };
-      // I get called once after the inputs have been bound for the first time.
-      VisibilityObserverDirective.prototype.ngOnInit = function () {
-          var _this = this;
-          // In this demo, instead of using an IntersectionObserver per Element, we're
-          // going to use a shared observer in the parent element. However, we're still
-          // going to use a CALLBACK style approach so that we're only reducing the number
-          // of IntersectionObserver instances, not the number of Function calls.
-          if (this.observerEnabled) {
-              this._parent.add(this._elementRef.nativeElement, function (isIntersecting) {
-                  _this.isIntersecting = isIntersecting;
-                  if (_this.isIntersecting) {
-                      _this._parent.remove(_this._elementRef.nativeElement);
-                  }
-              });
-          }
-      };
-      return VisibilityObserverDirective;
-  }());
-  VisibilityObserverDirective.decorators = [
-      { type: i0.Directive, args: [{
-                  selector: '[visibilityObserver]',
-                  exportAs: 'intersection'
-              },] }
-  ];
-  VisibilityObserverDirective.ctorParameters = function () { return [
-      { type: VisibilityObserverMasterDirective },
-      { type: i0.ElementRef }
-  ]; };
-  VisibilityObserverDirective.propDecorators = {
-      observerEnabled: [{ type: i0.Input }]
-  };
-
-  var LoaderComponent = /** @class */ (function () {
-      function LoaderComponent() {
-      }
-      return LoaderComponent;
-  }());
-  LoaderComponent.decorators = [
-      { type: i0.Component, args: [{
-                  selector: 'rp-loader',
-                  template: "\n    <div class=\"loader-wrapper\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" stroke=\"#3760a1\">\n        <g fill=\"none\" fill-rule=\"evenodd\" stroke-width=\"3\">\n          <circle class=\"ripple1\" cx=\"22\" cy=\"22\" r=\"19\">\n          </circle>\n          <circle class=\"ripple2\" cx=\"22\" cy=\"22\" r=\"19\">\n          </circle>\n        </g>\n      </svg>\n    </div>\n  ",
-                  styles: [":host{-webkit-user-select:none;user-select:none;pointer-events:none}:host .loader-wrapper{z-index:1100;position:absolute;width:54px;height:54px}:host .loader-wrapper svg{width:100%;height:100%}:host .loader-wrapper svg .ripple1{transform-origin:center;animation:ripple 1.5s infinite}:host .loader-wrapper svg .ripple2{transform-origin:center;animation:ripple 1.5s infinite .4s}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}\n"]
-              },] }
-  ];
-
-  var SharedModule = /** @class */ (function () {
-      function SharedModule() {
-      }
-      return SharedModule;
-  }());
-  SharedModule.decorators = [
-      { type: i0.NgModule, args: [{
-                  imports: [
-                      common.CommonModule
-                  ],
-                  declarations: [
-                      LoaderComponent
-                  ],
-                  exports: [
-                      LoaderComponent
-                  ]
-              },] }
-  ];
-
-  var AnswersModule = /** @class */ (function () {
-      function AnswersModule() {
-      }
-      return AnswersModule;
-  }());
-  AnswersModule.decorators = [
-      { type: i0.NgModule, args: [{
-                  imports: [
-                      common.CommonModule,
-                      SharedModule
-                  ],
-                  declarations: [
-                      AnswersComponent,
-                      AnswerComponent,
-                      VisibilityObserverDirective,
-                      VisibilityObserverMasterDirective
-                  ],
-                  exports: [
-                      AnswersComponent
-                  ]
-              },] }
-  ];
-
-  var SelectionViewModel = /** @class */ (function () {
-      function SelectionViewModel() {
-          this.children = [];
-          this.expanded = false;
-          this.thumbnail = '';
-      }
-      return SelectionViewModel;
-  }());
-  var SelectionsComponent = /** @class */ (function () {
-      function SelectionsComponent(_builder) {
-          this._builder = _builder;
-          this.selectionClick = new i0.EventEmitter();
-          this.selectionViewModels = [];
-      }
-      Object.defineProperty(SelectionsComponent.prototype, "selections", {
-          set: function (value) {
-              this._prepareSelections(value);
-              this._loadThumbnails();
-          },
-          enumerable: false,
-          configurable: true
-      });
-      SelectionsComponent.prototype.expandClicked = function (selectionViewModel, mouseEvent) {
-          mouseEvent.preventDefault();
-          mouseEvent.stopImmediatePropagation();
-          selectionViewModel.expanded = !selectionViewModel.expanded;
-      };
-      SelectionsComponent.prototype.selectSelection = function (selection, mouseEvent) {
-          mouseEvent.preventDefault();
-          mouseEvent.stopImmediatePropagation();
-          this.selectionClick.next(selection);
-      };
-      SelectionsComponent.prototype._loadThumbnails = function () {
-          return __awaiter(this, void 0, void 0, function () {
-              var _this = this;
-              return __generator(this, function (_a) {
-                  if (this.selectionViewModels.length > 0) {
-                      this.selectionViewModels.forEach(function (viewModel) { return __awaiter(_this, void 0, void 0, function () {
-                          return __generator(this, function (_a) {
-                              switch (_a.label) {
-                                  case 0: return [4 /*yield*/, this._builder.getImageForSelectionOrAnswer(viewModel.selection).then(function (imageSrc) {
-                                          viewModel.thumbnail = imageSrc === "" ? null : imageSrc;
-                                      })];
-                                  case 1:
-                                      _a.sent();
-                                      return [2 /*return*/];
-                              }
-                          });
-                      }); });
-                  }
-                  return [2 /*return*/];
-              });
-          });
-      };
-      SelectionsComponent.prototype._prepareSelections = function (value) {
-          var _this = this;
-          this.selectionViewModels.length = 0;
-          var selectionViewModel;
-          value.forEach(function (s) {
-              if (s.presentationLevel === 1) {
-                  selectionViewModel = new SelectionViewModel();
-                  selectionViewModel.selection = s;
-                  _this.selectionViewModels.push(selectionViewModel);
-              }
-              else if (s.presentationLevel > 1) {
-                  if (selectionViewModel) {
-                      selectionViewModel.children.push(s);
-                  }
-              }
-          });
-      };
-      return SelectionsComponent;
-  }());
-  SelectionsComponent.decorators = [
-      { type: i0.Component, args: [{
-                  selector: "selections",
-                  template: "\n        <div class=\"ione-configurator\">\n            <div class=\"rp-selections-summary\">\n                <header class=\"drawer__header\">\n                    <h2 class=\"mat-title\" [textContent]=\"'Configuratie'\"></h2>\n                    <!--<button>-->\n                    <!---->\n                    <!--</button>-->\n                </header>\n                <div class=\"selections-content\">\n                    <ng-container *ngFor=\"let selectionViewModel of selectionViewModels\">\n\n                        <div class=\"co-summary-line\" (click)=\"selectSelection(selectionViewModel.selection, $event)\">\n                            <div class=\"selection-thumbnail\">\n                                <rp-loader *ngIf=\"selectionViewModel.thumbnail === ''\"></rp-loader>\n                                <img visibilityObserver *ngIf=\"selectionViewModel.thumbnail !== '' && selectionViewModel.thumbnail !== null\" class=\"selection-img\" [src]=\"selectionViewModel.thumbnail\">\n                            </div>\n                            <div class=\"titles\">\n                                <div class=\"title-wrapper\">\n                                    <label class=\"question\" [textContent]=\"selectionViewModel.selection.question\"></label>\n                                    <span class=\"answer\" [textContent]=\"selectionViewModel.selection.answer\"></span>\n                                    <div *ngIf=\"selectionViewModel.children.length > 0 && selectionViewModel.expanded\" @showHideChildren>\n                                        <div class=\"child-selection\" *ngFor=\"let selection of selectionViewModel.children\"\n                                             (click)=\"selectSelection(selection, $event)\"\n                                        >\n                                            <label class=\"question\" [textContent]=\"selection.commercialQuestion\"></label>\n                                            <span class=\"answer\" [textContent]=\"selection.answer\"></span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            \n                            <div class=\"price-wrapper\">\n                                <span class=\"price-value\"></span>\n                            </div>\n\n                            <div class=\"collapse-wrapper\">\n                                <div class=\"collapse-content\">\n                                    <div class=\"collapse-handle\" [class.expanded]=\"selectionViewModel.expanded\"\n                                         *ngIf=\"selectionViewModel.children.length > 0\" (click)=\"expandClicked(selectionViewModel, $event)\"></div>\n                                </div>\n                            </div>\n                        </div>\n\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    ",
-                  animations: [
-                      animations.trigger('showHideChildren', [
-                          animations.state('void', animations.style({ 'height': '0' })),
-                          animations.state('*', animations.style({ 'height': '*' })),
-                          animations.transition('void <=> *', animations.animate(200))
-                      ])
-                  ],
-                  styles: [".ione-configurator .rp-answers-slideout{position:absolute;top:0;right:0;width:400px;height:-moz-fit-content;height:fit-content}.ione-configurator .answers-title{margin-left:10px;color:#1a1a1a}.ione-configurator .answers-container{height:100vh;overflow-y:scroll}.ione-configurator .answer-content{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid lightgray;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px #d3d3d380;background:white}.ione-configurator .thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .img-size{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .answer-wrapper{display:block}.ione-configurator .answer-title{font-size:12px;position:relative;overflow:hidden;cursor:pointer}.ione-configurator .question{font-weight:bold;color:#1a1a1a}.ione-configurator .answer{font-size:12px;font-style:italic;margin-top:3px}.ione-configurator .collapse-wrapper{display:block}.ione-configurator .collapse-content{display:block}.ione-configurator .collapse-handle{position:absolute;top:10px;right:12px;border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.ione-configurator .collapse-handle.expanded{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.ione-configurator .child-selection{margin-left:10px;display:flex;flex-direction:column;margin-top:5px}.ione-configurator .mat-title{margin-left:10px;color:#1a1a1a}.ione-configurator .drawer__header{height:48px}.ione-configurator .rp-selections-summary{height:-moz-fit-content;height:fit-content;background:transparent;overflow:auto;position:absolute;top:0;right:0;width:400px}.ione-configurator .selections-content{overflow-y:auto}.ione-configurator .co-summary-line{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid lightgray;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px #d3d3d380;background:white}.ione-configurator .selection-thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .selection-img{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .answer-thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .answer-img{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .unloaded{background-color:#d3d3d3}.ione-configurator .titles{margin-left:14px;align-self:center}.ione-configurator .title-wrapper{display:flex;flex-direction:column}.ione-configurator .answer-title-wrapper{text-align:center;align-self:center;margin-left:14px}\n"]
-              },] }
-  ];
-  SelectionsComponent.ctorParameters = function () { return [
-      { type: Builder }
-  ]; };
-  SelectionsComponent.propDecorators = {
-      selections: [{ type: i0.Input }],
-      selectionClick: [{ type: i0.Output }]
-  };
-
-  var SelectionsModule = /** @class */ (function () {
-      function SelectionsModule() {
-      }
-      return SelectionsModule;
-  }());
-  SelectionsModule.decorators = [
-      { type: i0.NgModule, args: [{
-                  imports: [
-                      common.CommonModule,
-                      SharedModule
-                  ],
-                  declarations: [
-                      SelectionsComponent
-                  ],
-                  exports: [
-                      SelectionsComponent
-                  ]
-              },] }
-  ];
-
-  /**
-   * Generated bundle index. Do not edit.
-   */
-
-  exports.AnswersComponent = AnswersComponent;
-  exports.AnswersModule = AnswersModule;
-  exports.Builder = Builder;
-  exports.ConfiguratorService = ConfiguratorService;
-  exports.SelectionsComponent = SelectionsComponent;
-  exports.SelectionsModule = SelectionsModule;
-  exports["ɵa"] = SharedModule;
-  exports["ɵb"] = LoaderComponent;
-  exports["ɵc"] = AnswerComponent;
-  exports["ɵd"] = VisibilityObserverDirective;
-  exports["ɵe"] = VisibilityObserverMasterDirective;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=colijnit-configurator.umd.js.map