@colijnit/configurator 1.0.21 → 1.0.22

package/dist/configurator/main-es2015.js

@@ -1,3129 +0,0 @@
-(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["main"],{
-
-/***/ "./src/$$_lazy_route_resource lazy recursive":
-/*!**********************************************************!*\
-  !*** ./src/$$_lazy_route_resource lazy namespace object ***!
-  \**********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-function webpackEmptyAsyncContext(req) {
-	// Here Promise.resolve().then() is used instead of new Promise() to prevent
-	// uncaught exception popping up in devtools
-	return Promise.resolve().then(function() {
-		var e = new Error("Cannot find module '" + req + "'");
-		e.code = 'MODULE_NOT_FOUND';
-		throw e;
-	});
-}
-webpackEmptyAsyncContext.keys = function() { return []; };
-webpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;
-module.exports = webpackEmptyAsyncContext;
-webpackEmptyAsyncContext.id = "./src/$$_lazy_route_resource lazy recursive";
-
-/***/ }),
-
-/***/ "./src/app/app.component.ts":
-/*!**********************************!*\
-  !*** ./src/app/app.component.ts ***!
-  \**********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const THREE = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-const OrbitControls_1 = __webpack_require__(/*! three/examples/jsm/controls/OrbitControls */ "./node_modules/three/examples/jsm/controls/OrbitControls.js");
-const builder_1 = __webpack_require__(/*! ./builder */ "./src/app/builder.ts");
-const axios_1 = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
-const GLTFLoader_1 = __webpack_require__(/*! three/examples/jsm/loaders/GLTFLoader */ "./node_modules/three/examples/jsm/loaders/GLTFLoader.js");
-const configurator_service_1 = __webpack_require__(/*! ./services/configurator.service */ "./src/app/services/configurator.service.ts");
-const three_1 = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const i1 = __webpack_require__(/*! ./services/configurator.service */ "./src/app/services/configurator.service.ts");
-const i2 = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
-const i3 = __webpack_require__(/*! ./components/selections/selections.component */ "./src/app/components/selections/selections.component.ts");
-const i4 = __webpack_require__(/*! ./components/answers/answers.component */ "./src/app/components/answers/answers.component.ts");
-const _c0 = ["canvas"];
-function AppComponent_selections_2_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "selections", 4);
-    i0.ɵɵlistener("selectionClick", function AppComponent_selections_2_Template_selections_selectionClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.selectSelection($event); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("selections", ctx_r1.selections);
-} }
-function AppComponent_answers_3_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "answers", 5);
-    i0.ɵɵlistener("answerClick", function AppComponent_answers_3_Template_answers_answerClick_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.selectAnswer($event); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("selectionTitle", ctx_r2.selectionTitle)("answers", ctx_r2.answers);
-} }
-// @ts-ignore
-window.loadGLTF = (file) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-    const gltfLoader = new GLTFLoader_1.GLTFLoader();
-    try {
-        return new Promise((resolve) => {
-            gltfLoader.load(file, (obj) => {
-                resolve(obj.scene);
-            });
-        });
-    }
-    catch (e) {
-        console.error(e);
-        return null;
-    }
-});
-// @ts-ignore
-window.downloadVariation = (fileName) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-    const response = yield axios_1.default({
-        method: "get",
-        url: `https://cdn1.colijn-it.nl/${fileName}`,
-        responseType: "arraybuffer"
-    });
-    if (response.status !== 200) {
-        throw Error(response.statusText);
-    }
-    return yield response.data;
-});
-class AppComponent {
-    constructor(_configuratorService) {
-        this._configuratorService = _configuratorService;
-        this.selections = [];
-        this.answers = [];
-        this.showAnswers = false;
-        this.showSelections = true;
-        this.scene = new THREE.Scene();
-        this._subs = [];
-        this._options = {
-            url: "http://130.62.7.180:8082/ione",
-            version: "251",
-            schema: "815"
-        };
-        this._instanceId = undefined;
-        this._sku = '1000234793';
-    }
-    ngAfterViewInit() {
-        this._builder = new builder_1.Builder(this.scene, this._options, true);
-        this._subs.push(this._builder.selectionsReceived.subscribe((selections) => {
-            this.selections = selections;
-        }), this._builder.answersReceived.subscribe((answers) => {
-            this.answers = answers;
-            this.showAnswers = this.answers.length > 0;
-        }), this._builder.modelLoaded.subscribe((object) => {
-            if (object && this.answers.length === 0) {
-                this._loadModel(object);
-            }
-        }));
-        this._initScene();
-        this._initRenderer();
-        this._initCameraAndControls();
-        this._initLights();
-        // this._test();
-        this._animate();
-        this._builder.buildModel(this._sku, this._instanceId);
-    }
-    ngOnDestroy() {
-        this._subs.forEach(s => s.unsubscribe());
-    }
-    disableControls() {
-        this.controls.enabled = false;
-    }
-    enableControls() {
-        this.controls.enabled = true;
-    }
-    selectSelection(selection) {
-        this._builder.selectSelection(selection);
-        this.selectionTitle = selection.commercialQuestion;
-        this.showSelections = false;
-    }
-    selectAnswer(answer) {
-        this._builder.selectAnswer(answer);
-        this.selectionTitle = ' . . / ' + answer.answer;
-    }
-    _initScene() {
-        this.scene = new THREE.Scene();
-    }
-    _initRenderer() {
-        this.renderer = new THREE.WebGLRenderer({
-            alpha: true,
-            antialias: true,
-            preserveDrawingBuffer: true
-        });
-        this.renderer.setClearColor(0xfafafa);
-        this.renderer.autoClear = true;
-        this.renderer.setPixelRatio(window.devicePixelRatio);
-        this.renderer.shadowMap.enabled = true;
-        // Use PCFShadowMap to enable radius else use PCFSoftShadowMap
-        this.renderer.shadowMap.type = THREE.PCFSoftShadowMap;
-        this.renderer.outputEncoding = THREE.LinearEncoding;
-        // this.renderer.gammaFactor = 2.2;
-        // this.renderer.toneMappingExposure = 1.1;
-        this.canvasElement.nativeElement.appendChild(this.renderer.domElement);
-    }
-    _initCameraAndControls() {
-        this.camera = new THREE.PerspectiveCamera(45, 1, 0.01, 100);
-        this.controls = new OrbitControls_1.OrbitControls(this.camera, this.renderer.domElement);
-        this.camera.position.set(0, 3, 1.5);
-        this.controls.update();
-    }
-    _animate() {
-        this.renderer.setAnimationLoop(() => this._render());
-    }
-    _render() {
-        this._checkCanvasResize();
-        this.renderer.render(this.scene, this.camera);
-    }
-    _checkCanvasResize() {
-        const canvas = this.renderer.domElement;
-        if (this.canvasElement.nativeElement.clientWidth !== canvas.width || this.canvasElement.nativeElement.clientHeight !== canvas.height) {
-            this._updateWindowSize();
-        }
-    }
-    _updateWindowSize() {
-        this._resizeRendererToDisplaySize();
-        const canvas = this.renderer.domElement;
-        const aspect = canvas.width / canvas.height;
-        this.camera.aspect = aspect;
-        this.camera.updateProjectionMatrix();
-    }
-    _resizeRendererToDisplaySize() {
-        this.renderer.setSize(this.canvasElement.nativeElement.clientWidth, this.canvasElement.nativeElement.clientHeight, false);
-    }
-    _test() {
-        const mat = new THREE.MeshBasicMaterial({ color: 'blue' });
-        const geo = new THREE.BoxGeometry(1, 1, 1);
-        const mesh = new THREE.Mesh(geo, mat);
-        this.scene.add(mesh);
-    }
-    _loadModel(object) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            object.name = this._sku;
-            object.visible = true;
-            const objectFromScene = this.scene.getObjectByName(this._sku);
-            if (objectFromScene) {
-                this.scene.remove(objectFromScene);
-            }
-            this.scene.add(object);
-        });
-    }
-    _initLights() {
-        const ambientLight = new three_1.AmbientLight('#595959', 1.2);
-        ambientLight.name = 'ambientLight';
-        const directional = new three_1.DirectionalLight('white', 1);
-        directional.position.set(0, 4, 0);
-        directional.castShadow = true;
-        const spotLight1 = new three_1.SpotLight('white', 4, 25, 0.7, 0, 0.7);
-        spotLight1.position.set(-15, 9, -15);
-        spotLight1.castShadow = true;
-        const spotLight2 = new three_1.SpotLight('white', 4, 25, 0.7, 0, 0.7);
-        spotLight2.position.set(15, 9, -15);
-        spotLight2.castShadow = true;
-        const spotLight3 = new three_1.SpotLight('white', 4, 25, 0.7, 0, 0.7);
-        spotLight3.position.set(-15, 9, 15);
-        spotLight3.castShadow = true;
-        const spotLight4 = new three_1.SpotLight('white', 4, 25, 0.7, 0, 0.7);
-        spotLight4.position.set(15, 9, 15);
-        spotLight4.castShadow = true;
-        const hemiSphere = new three_1.HemisphereLight('white', 'white', 0.15);
-        this.scene.add(ambientLight, directional, spotLight1, spotLight2, spotLight3, spotLight4, hemiSphere);
-    }
-}
-exports.AppComponent = AppComponent;
-AppComponent.ɵfac = function AppComponent_Factory(t) { return new (t || AppComponent)(i0.ɵɵdirectiveInject(i1.ConfiguratorService)); };
-AppComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AppComponent, selectors: [["app-root"]], viewQuery: function AppComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0, true, core_1.ElementRef);
-    } if (rf & 2) {
-        var _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.canvasElement = _t.first);
-    } }, decls: 4, vars: 2, consts: [[1, "canvas"], ["canvas", ""], [3, "selections", "selectionClick", 4, "ngIf"], [3, "selectionTitle", "answers", "answerClick", 4, "ngIf"], [3, "selections", "selectionClick"], [3, "selectionTitle", "answers", "answerClick"]], template: function AppComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelement(0, "div", 0, 1);
-        i0.ɵɵtemplate(2, AppComponent_selections_2_Template, 1, 1, "selections", 2);
-        i0.ɵɵtemplate(3, AppComponent_answers_3_Template, 1, 2, "answers", 3);
-    } if (rf & 2) {
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", !ctx.showAnswers);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.showAnswers);
-    } }, directives: [i2.NgIf, i3.SelectionsComponent, i4.AnswersComponent], encapsulation: 2 });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AppComponent, [{
-        type: core_1.Component,
-        args: [{
-                selector: 'app-root',
-                template: `
-    <div #canvas class="canvas"></div>
-    <selections *ngIf="!showAnswers" [selections]="selections" (selectionClick)="selectSelection($event)"></selections>
-    <answers *ngIf="showAnswers" [selectionTitle]="selectionTitle" [answers]="answers" (answerClick)="selectAnswer($event)"></answers>
-  `
-            }]
-    }], function () { return [{ type: i1.ConfiguratorService }]; }, { canvasElement: [{
-            type: core_1.ViewChild,
-            args: ['canvas', { read: core_1.ElementRef }]
-        }] }); })();
-
-
-/***/ }),
-
-/***/ "./src/app/app.module.ts":
-/*!*******************************!*\
-  !*** ./src/app/app.module.ts ***!
-  \*******************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const app_component_1 = __webpack_require__(/*! ./app.component */ "./src/app/app.component.ts");
-const common_1 = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
-const animations_1 = __webpack_require__(/*! @angular/platform-browser/animations */ "./node_modules/@angular/platform-browser/__ivy_ngcc__/fesm2015/animations.js");
-const selections_module_1 = __webpack_require__(/*! ./components/selections/selections.module */ "./src/app/components/selections/selections.module.ts");
-const answers_module_1 = __webpack_require__(/*! ./components/answers/answers.module */ "./src/app/components/answers/answers.module.ts");
-const builder_1 = __webpack_require__(/*! ./builder */ "./src/app/builder.ts");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-class AppModule {
-}
-exports.AppModule = AppModule;
-AppModule.ɵmod = i0.ɵɵdefineNgModule({ type: AppModule, bootstrap: [app_component_1.AppComponent] });
-AppModule.ɵinj = i0.ɵɵdefineInjector({ factory: function AppModule_Factory(t) { return new (t || AppModule)(); }, providers: [
-        builder_1.Builder
-    ], imports: [[
-            animations_1.BrowserAnimationsModule,
-            common_1.CommonModule,
-            selections_module_1.SelectionsModule,
-            answers_module_1.AnswersModule
-        ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AppModule, { declarations: [app_component_1.AppComponent], imports: [animations_1.BrowserAnimationsModule,
-        common_1.CommonModule,
-        selections_module_1.SelectionsModule,
-        answers_module_1.AnswersModule], exports: [app_component_1.AppComponent] }); })();
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AppModule, [{
-        type: core_1.NgModule,
-        args: [{
-                imports: [
-                    animations_1.BrowserAnimationsModule,
-                    common_1.CommonModule,
-                    selections_module_1.SelectionsModule,
-                    answers_module_1.AnswersModule
-                ],
-                providers: [
-                    builder_1.Builder
-                ],
-                declarations: [
-                    app_component_1.AppComponent
-                ],
-                entryComponents: [
-                    app_component_1.AppComponent
-                ],
-                exports: [
-                    app_component_1.AppComponent
-                ],
-                bootstrap: [
-                    app_component_1.AppComponent
-                ]
-            }]
-    }], null, null); })();
-
-
-/***/ }),
-
-/***/ "./src/app/builder.ts":
-/*!****************************!*\
-  !*** ./src/app/builder.ts ***!
-  \****************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
-const THREE = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-const options_1 = __webpack_require__(/*! @colijnit/ioneconnector/build/model/options */ "./node_modules/@colijnit/ioneconnector/build/model/options.js");
-const deco_node_1 = __webpack_require__(/*! @colijnit/configuratorapi/build/model/deco-node */ "./node_modules/@colijnit/configuratorapi/build/model/deco-node.js");
-const business_object_factory_1 = __webpack_require__(/*! @colijnit/ioneconnector/build/service/business-object-factory */ "./node_modules/@colijnit/ioneconnector/build/service/business-object-factory.js");
-const selection_1 = __webpack_require__(/*! @colijnit/configuratorapi/build/model/selection */ "./node_modules/@colijnit/configuratorapi/build/model/selection.js");
-const deco_node_type_enum_1 = __webpack_require__(/*! @colijnit/configuratorapi/build/enum/deco-node-type.enum */ "./node_modules/@colijnit/configuratorapi/build/enum/deco-node-type.enum.js");
-const threed_utils_1 = __webpack_require__(/*! ../utils/threed.utils */ "./src/utils/threed.utils.ts");
-const deco_node_kind_enum_1 = __webpack_require__(/*! @colijnit/configuratorapi/build/enum/deco-node-kind.enum */ "./node_modules/@colijnit/configuratorapi/build/enum/deco-node-kind.enum.js");
-const scene_utils_1 = __webpack_require__(/*! ../utils/scene-utils */ "./src/utils/scene-utils.ts");
-const variation_helper_1 = __webpack_require__(/*! ../helper/variation-helper */ "./src/helper/variation-helper.ts");
-const article_1 = __webpack_require__(/*! @colijnit/configuratorapi/build/model/article */ "./node_modules/@colijnit/configuratorapi/build/model/article.js");
-const configurator_service_1 = __webpack_require__(/*! ./services/configurator.service */ "./src/app/services/configurator.service.ts");
-const three_1 = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const rxjs_1 = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm2015/index.js");
-const locator_service_1 = __webpack_require__(/*! ./services/locator.service */ "./src/app/services/locator.service.ts");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const i1 = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-const i2 = __webpack_require__(/*! @colijnit/ioneconnector/build/model/options */ "./node_modules/@colijnit/ioneconnector/build/model/options.js");
-class Builder {
-    constructor(scene, options, useInAngular) {
-        this.selectionsReceived = new rxjs_1.BehaviorSubject([]);
-        this.answersReceived = new rxjs_1.BehaviorSubject([]);
-        this.modelLoaded = new rxjs_1.BehaviorSubject(null);
-        this._selections = [];
-        this._answers = [];
-        this._decos = [];
-        this._placedAdjustables = [];
-        this._placedAddables = [];
-        this._adjustables = [];
-        this._addables = [];
-        this._articleCache = new Map();
-        this._boFactory = new business_object_factory_1.BusinessObjectFactory();
-        this._threedUtils = new threed_utils_1.ThreedUtils();
-        this._variationHelper = new variation_helper_1.VariationHelper();
-        if (!scene) {
-            throw 'No scene object provided!';
-        }
-        if (!options) {
-            throw 'No connection options provided!';
-        }
-        if (useInAngular) {
-            this._configuratorService = locator_service_1.ServiceLocator.injector.get(configurator_service_1.ConfiguratorService);
-        }
-        else {
-            this._configuratorService = new configurator_service_1.ConfiguratorService(undefined);
-        }
-        this._configuratorService.initApi(options);
-        this._scene = scene;
-    }
-    buildModel(sku, instanceId, goodId) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            if (!this._scene) {
-                return;
-            }
-            try {
-                yield this._setInstanceId(sku, instanceId, goodId);
-                yield this._prepareConfiguration(this._sku, this._goodId);
-                if (this._source) {
-                    yield this._configuratorService.setInstanceToConfigure(this._instanceId);
-                    const promises = [];
-                    promises.push(this.getQuestionAndAnswers());
-                    promises.push(this._getSelections(this._instanceId));
-                    promises.push(this._getDecos());
-                    yield Promise.all(promises);
-                    if (this._answers.length > 0) {
-                        return;
-                    }
-                    this._linkSelectionsAndDecos();
-                    return this._build(this._instanceId);
-                }
-                else {
-                    throw 'GLB source not found!';
-                }
-            }
-            catch (e) {
-                throw e;
-            }
-        });
-    }
-    initNodeInstance(goodId) {
-        return this._configuratorService.initNodeInstance(goodId);
-    }
-    destroy() {
-        this._threedUtils.clearCache();
-        this._variationHelper.clearCache();
-    }
-    selectSelection(selection) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            yield this._configuratorService.selectSelection(selection, false);
-            this.getQuestionAndAnswers();
-        });
-    }
-    getQuestionAndAnswers(publicationCode) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const questionsAndAnswers = yield this._configuratorService.getQuestionAndAnswers(false, publicationCode);
-            this._answers = questionsAndAnswers.answers;
-            this.answersReceived.next(questionsAndAnswers.answers);
-        });
-    }
-    selectAnswer(answer) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            yield this._configuratorService.selectAnswer(answer, false);
-            this.modelLoaded.next(yield this.buildModel());
-        });
-    }
-    _setInstanceId(sku, instanceId, goodId) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            if (!instanceId && !this._instanceId) {
-                if (!goodId) {
-                    goodId = yield this._getGoodIdFromSku(sku);
-                }
-                this._goodId = goodId;
-                const result = yield this.initNodeInstance(this._goodId);
-                if (result && result.resultObject) {
-                    this._instanceId = result.resultObject;
-                }
-                else {
-                    throw 'Failed to initialize node instance';
-                }
-            }
-            else if (!this._instanceId) {
-                this._instanceId = instanceId;
-            }
-            if (!this._sku) {
-                this._sku = sku;
-            }
-        });
-    }
-    _prepareConfiguration(sku, goodId) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const article = yield this._getArticle(sku, goodId);
-            if (article && article.assetUrl) {
-                this._source = yield this._threedUtils.download3DSource(article.assetUrl)
-                    .catch((error) => {
-                    throw error;
-                });
-                if (article.contentDeliveryUrl) {
-                    this._variationHelper.assetPath =
-                        article.contentDeliveryUrl +
-                            (article.contentDeliveryUrl.endsWith('/') ? '' : '/') +
-                            (article.distSchema ? article.distSchema : 'UP_DBA');
-                }
-            }
-        });
-    }
-    _build(instanceId) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            this._reset();
-            const adjustables = this._getAdjustables();
-            if (adjustables && adjustables.length > 0) {
-                const obj = new THREE.Object3D();
-                obj.visible = false; // no need to render visualy
-                this._scene.add(obj);
-                let connected = false;
-                for (let i = 0, len = adjustables.length; i < len; i++) {
-                    const adjustable = this._createAdjustable(obj, adjustables[i]);
-                    if (adjustable) {
-                        for (let ii = 0, lenii = this._placedAdjustables.length; ii < lenii; ii++) {
-                            if (scene_utils_1.SceneUtils.TrySelectorConnection(this._scene, obj, this._placedAdjustables[ii], adjustable)) {
-                                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._placeAddables(obj);
-                this._updatePivot(obj);
-                yield this._loadVariations(obj, instanceId);
-                this._scene.remove(obj);
-                return obj;
-            }
-            else {
-                throw 'No adjustables found!';
-                // this._building = false;
-                // if (this.selections.length < 2) {
-                //     this._errorService.addError(this.activeInstance, {message: 'NO_SELECTIONS_OR_DECOS', description: 'NO_SELECTIONS_OR_DECOS_INFO'});
-                //     this.buildFinished.next({instanceId: this.activeInstance, resultType: ResultType.NoSelections});
-                // } else if (this.decos.size === 0) {
-                //     this._errorService.addError(this.activeInstance, {message: 'NO_SELECTIONS_OR_DECOS', description: 'NO_SELECTIONS_OR_DECOS_INFO'});
-                //     this.buildFinished.next({instanceId: this.activeInstance, resultType: ResultType.NoDecoNodes});
-                // } else {
-                //     this._errorService.addError(this.activeInstance, {message: 'NO_ADJUSTABLES', description: 'NO_ADJUSTABLES_INFO'});
-                //     this.buildFinished.next({instanceId: this.activeInstance, resultType: ResultType.NoAdjustables});
-                // }
-            }
-        });
-    }
-    _prepareTheSelections() {
-        // get generic variations
-        const globalVariations = this._selections
-            .filter(s => s.generic && s.decoNode.variation && !s.decoNode.type)
-            .map((value, index, array) => {
-            // find selection of variation
-            const sel = this._selections.find(s => s.artNodeIdDeco === value.decoNode.variation.id);
-            if (sel) {
-                value.decoNode.variation.supplierArticleNr = sel.supplierArticleNr;
-            }
-            value.decoNode.variation.materialId = value.hdecoGameObject;
-            return value.decoNode.variation;
-        });
-        // const usedVariations: FurniturePartVariation[] = [];
-        let globalVariationsRewrite = true;
-        const len = this._selections.length;
-        let lastAdded;
-        let lastAdjustable;
-        let newPart = false;
-        let previousPresLevel = -1;
-        let positioning;
-        for (let i = 0; i < len; i++) {
-            const selection = this._selections[i];
-            if (selection.presentationLevel === 1) {
-                positioning = selection.hdecoPositioning;
-            }
-            if (selection.presentationLevel > previousPresLevel) {
-                selection.hdecoPositioning = selection.hdecoPositioning || positioning;
-            }
-            if (selection.decoNode) {
-                if (selection.decoNode.type === deco_node_type_enum_1.DecoNodeType.Variation) {
-                    if (lastAdded) {
-                        if (newPart) {
-                            lastAdded.variations = [selection.decoNode];
-                        }
-                        else {
-                            lastAdded.variations.push(selection.decoNode);
-                        }
-                        newPart = false;
-                    }
-                    else {
-                        if (globalVariationsRewrite) {
-                            globalVariations.length = 0;
-                            globalVariationsRewrite = false;
-                        }
-                        globalVariations.push(selection.decoNode);
-                    }
-                    // 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);
-                    // this._upsertFurniture(this.activeInstance, {
-                    //     Variation: selection.decoNode.brandId,
-                    //     VariationDescription: selection.decoNode.gameObjectName,
-                    //     SupplierArticleNr: (selection.decoNode as any).supplierArticleNr
-                    // });
-                }
-                else if (selection.decoNode.type === deco_node_type_enum_1.DecoNodeType.Part &&
-                    typeof selection.decoNode.gameObjectName === 'string' &&
-                    selection.decoNode.gameObjectName.length) {
-                    if (selection.decoNode.kind === deco_node_kind_enum_1.DecoNodeKind.Adjustable) {
-                        selection.variations = globalVariations;
-                        this._adjustables.push(selection);
-                        if (!lastAdded || lastAdded.nodeId !== selection.nodeId) {
-                            newPart = true;
-                        }
-                        lastAdded = selection;
-                        lastAdjustable = selection;
-                    }
-                    else if (selection.decoNode.kind === deco_node_kind_enum_1.DecoNodeKind.Addable) {
-                        selection.variations = lastAdjustable ? lastAdjustable.variations : globalVariations;
-                        if (lastAdjustable) {
-                            lastAdjustable.addables.push(selection);
-                        }
-                        this._addables.push(selection);
-                        if (!lastAdded || lastAdded.nodeId !== selection.nodeId) {
-                            newPart = true;
-                        }
-                        lastAdded = selection;
-                    }
-                }
-            }
-            previousPresLevel = selection.presentationLevel;
-        }
-        // this._upsertFurniture(this.activeInstance,
-        //   {Variations: usedVariations});
-    }
-    _createAdjustable(parent, adj) {
-        let obj = this._source ? this._source.getObjectByName(adj.decoNode.gameObjectName) : null;
-        if (!obj) {
-            // in case of glb files, the importer removes dots from names
-            const 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;
-            }
-        }
-        let adjustable = obj.clone();
-        adjustable.name = this._createUniqueName(parent, obj);
-        adjustable.userData.selection = adj;
-        adjustable.position.set(0, 0, 0);
-        adjustable.visible = true;
-        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;
-    }
-    _createAddable(parent, add, part2, part1) {
-        const obj = this._source.getObjectByName(add.decoNode.gameObjectName);
-        if (!obj) {
-            return null;
-        }
-        // const selection: Selection = this._getSelectionFromId(adj.artNodeIdDeco);
-        const 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;
-    }
-    _placeAddables(parent) {
-        const len = this._placedAdjustables.length;
-        for (let i = 0; i < len; i++) {
-            if (this._placedAdjustables[i].userData.hasOwnProperty('selection') && this._placedAdjustables[i].userData.selection) {
-                const adjustableSelection = this._placedAdjustables[i].userData.selection;
-                if (adjustableSelection) {
-                    const lena = adjustableSelection.addables.length;
-                    let conAddable;
-                    for (let ia = 0; ia < lena; ia++) {
-                        scene_utils_1.SceneUtils.TrySelectorConnection(this._scene, parent, this._placedAdjustables[i], adjustableSelection.addables[ia], (add, part2, part1) => this._createAddable(parent, add, part2, part1));
-                        if (conAddable) {
-                            scene_utils_1.SceneUtils.TrySelectorConnection(this._scene, parent, conAddable, adjustableSelection.addables[ia], (add, part2, part1) => this._createAddable(parent, add, part2, part1));
-                        }
-                        conAddable = this._placedAddables[this._placedAddables.length - 1];
-                    }
-                }
-            }
-        }
-    }
-    _createUniqueName(parent, obj) {
-        let iteration = 0;
-        let name = obj.name;
-        let existingObj = parent.getObjectByName(name);
-        while (existingObj) {
-            iteration++;
-            name = obj.name + (iteration !== 0 ? ('_' + iteration) : '');
-            existingObj = parent.getObjectByName(name);
-        }
-        return name;
-    }
-    _getGoodIdFromSku(sku) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const response = yield this._configuratorService.getGoodIdFromSku(sku, false);
-            if (response.validationResult.success && response.resultObject) {
-                return response.resultObject;
-            }
-        });
-    }
-    _getArticle(sku, goodId) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            if (this._articleCache.has(sku)) {
-                return this._articleCache.get(sku);
-            }
-            if (!goodId) {
-                goodId = yield this._getGoodIdFromSku(sku)
-                    .catch((error) => {
-                    throw `Article with sku ${sku} not found!`;
-                });
-            }
-            let article;
-            const articleResponse = yield this._configuratorService.getArticleQuickSel(goodId, false);
-            if (articleResponse.validationResult.success && articleResponse.resultObject) {
-                if (articleResponse.resultObject.hasOwnProperty('oArticle')) {
-                    const obj = Array.isArray(articleResponse.resultObject['oArticle']) ? articleResponse.resultObject['oArticle'][0] : articleResponse.resultObject['oArticle'];
-                    article = this._boFactory.makeWithRawBackendData(article_1.Article, obj);
-                }
-                else {
-                    article = this._boFactory.makeWithRawBackendData(article_1.Article, articleResponse.resultObject);
-                }
-            }
-            this._articleCache.set(sku, article);
-            return article;
-        });
-    }
-    _getSelections(instanceId, publicationCode) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            this._selections = [];
-            const selectionResponse = yield this._configuratorService.getSelections(false, publicationCode);
-            if (selectionResponse.resultObjects && selectionResponse.resultObjects.length > 0) {
-                this._selections = this._boFactory.makeBOArrayFromRawBackendDataArray(selection_1.Selection, selectionResponse.resultObjects);
-                this._selections.forEach(s => 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!';
-            }
-        });
-    }
-    _getDecos() {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            this._decos = [];
-            const decosResponse = yield this._configuratorService.getDecos(false);
-            if (decosResponse.resultObjects && decosResponse.resultObjects.length > 0) {
-                this._decos = this._boFactory.makeBOArrayFromRawBackendDataArray(deco_node_1.DecoNode, decosResponse.resultObjects);
-            }
-            else {
-                throw 'No deconodes found!';
-            }
-        });
-    }
-    _linkSelectionsAndDecos() {
-        const len = this._selections.length;
-        for (let i = 0; i < len; i++) {
-            let id = this._selections[i].artNodeIdDeco;
-            // if (this._useNodeIdToLink) {
-            //     id = `${this._selections[i].node}_${this._selections[i].artNodeIdDeco}`;
-            // }
-            let deco = this._decos.find(d => d.id === id);
-            if (!deco) {
-                deco = new deco_node_1.DecoNode();
-            }
-            const variation = this._getVariations().find(v => v.parentId === this._selections[i].artNodeIdDeco);
-            if (variation) {
-                deco.variation = variation;
-            }
-            this._selections[i].decoNode = deco;
-        }
-    }
-    _getVariations() {
-        return this._decos.filter((deco) => {
-            return deco.type === deco_node_type_enum_1.DecoNodeType.Variation;
-        });
-    }
-    _loadVariations(obj, instanceId) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            yield this._variationHelper.loadPart(obj, this._adjustables, true);
-            yield this._variationHelper.loadVariation(instanceId, obj, this._adjustables, true);
-            yield this._variationHelper.loadVariation(instanceId, obj, this._addables, true);
-        });
-    }
-    _getAdjustables() {
-        return this._selections.filter(s => {
-            const node = s.decoNode;
-            return node && node.gameObjectName && node.type === deco_node_type_enum_1.DecoNodeType.Part && node.kind === deco_node_kind_enum_1.DecoNodeKind.Adjustable;
-        });
-    }
-    _updatePivot(obj) {
-        const boundingBox = new THREE.Box3().setFromObject(obj);
-        const bbCenterPivot = new THREE.Vector3();
-        boundingBox.getCenter(bbCenterPivot);
-        const delta = new THREE.Vector3().sub(bbCenterPivot).setY(Math.abs(Math.min(boundingBox.min.y, 0)));
-        obj.children.forEach((child) => {
-            child.position.add(delta);
-        });
-        obj.updateWorldMatrix(false, true);
-    }
-    _reset() {
-        this._placedAddables.length = 0;
-        this._placedAdjustables.length = 0;
-        this._adjustables.length = 0;
-        this._addables.length = 0;
-        this._prepareTheSelections();
-    }
-}
-exports.Builder = Builder;
-Builder.ɵfac = function Builder_Factory(t) { i0.ɵɵinvalidFactory(); };
-Builder.ɵprov = i0.ɵɵdefineInjectable({ token: Builder, factory: Builder.ɵfac });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Builder, [{
-        type: core_1.Injectable
-    }], function () { return [{ type: i1.Scene }, { type: i2.Options }, { type: undefined }]; }, null); })();
-
-
-/***/ }),
-
-/***/ "./src/app/components/answers/answer/answer.component.ts":
-/*!***************************************************************!*\
-  !*** ./src/app/components/answers/answer/answer.component.ts ***!
-  \***************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const image_cache_service_1 = __webpack_require__(/*! ../../../services/image-cache.service */ "./src/app/services/image-cache.service.ts");
-const answer_1 = __webpack_require__(/*! @colijnit/configuratorapi/build/model/answer */ "./node_modules/@colijnit/configuratorapi/build/model/answer.js");
-const animations_1 = __webpack_require__(/*! @angular/animations */ "./node_modules/@angular/animations/__ivy_ngcc__/fesm2015/animations.js");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const i1 = __webpack_require__(/*! ../../../services/image-cache.service */ "./src/app/services/image-cache.service.ts");
-const i2 = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
-const i3 = __webpack_require__(/*! ../../shared/loader/loader.component */ "./src/app/components/shared/loader/loader.component.ts");
-function AnswerComponent_rp_loader_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "rp-loader");
-} }
-function AnswerComponent_img_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "img", 10);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("src", ctx_r1.answer.imageData, i0.ɵɵsanitizeUrl);
-} }
-class AnswerComponent {
-    constructor(_imageCacheService) {
-        this._imageCacheService = _imageCacheService;
-    }
-    set showing(value) {
-        this.answer.imageData = '';
-        if (value && this.answer.answer !== 'Skip / Cancel') {
-            this._loadThumbnail(this.answer);
-        }
-        else {
-            this.answer.imageData = null;
-        }
-    }
-    ngOnInit() {
-    }
-    _loadThumbnail(answer) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            yield this._imageCacheService.getImageForSelectionOrAnswer(answer).then((imageSrc) => {
-                answer.imageData = imageSrc === "" ? null : imageSrc;
-            });
-        });
-    }
-}
-exports.AnswerComponent = AnswerComponent;
-AnswerComponent.ɵfac = function AnswerComponent_Factory(t) { return new (t || AnswerComponent)(i0.ɵɵdirectiveInject(i1.ImageCacheService)); };
-AnswerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AnswerComponent, selectors: [["answer"]], inputs: { answer: "answer", showing: "showing" }, decls: 10, vars: 4, consts: [[1, "ione-configurator"], [1, "answer-wrapper"], [1, "answer-content"], [1, "answer-thumbnail"], [4, "ngIf"], ["class", "answer-img", 3, "src", 4, "ngIf"], [1, "answer-title-wrapper"], [1, "answer-title", 3, "textContent"], [1, "price"], [1, "price-value"], [1, "answer-img", 3, "src"]], template: function AnswerComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelementStart(2, "div", 2);
-        i0.ɵɵelementStart(3, "div", 3);
-        i0.ɵɵtemplate(4, AnswerComponent_rp_loader_4_Template, 1, 0, "rp-loader", 4);
-        i0.ɵɵtemplate(5, AnswerComponent_img_5_Template, 1, 1, "img", 5);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(6, "div", 6);
-        i0.ɵɵelement(7, "span", 7);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(8, "div", 8);
-        i0.ɵɵelement(9, "span", 9);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("@answerAppear", undefined);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.answer.imageData === "");
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.answer.imageData !== "" && ctx.answer.imageData !== null);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("textContent", ctx.answer.commercialAnswer);
-    } }, directives: [i2.NgIf, i3.LoaderComponent], styles: [".ione-configurator[_ngcontent-%COMP%]   .rp-answers-slideout[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 400px;\n  height: -webkit-fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answers-title[_ngcontent-%COMP%] {\n  margin-left: 10px;\n  color: #1a1a1a;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answers-container[_ngcontent-%COMP%] {\n  height: 100vh;\n  overflow-y: scroll;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-content[_ngcontent-%COMP%] {\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  font-size: 12px;\n  border: 1px solid lightgray;\n  padding: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 3px;\n  margin-bottom: 3px;\n  box-shadow: 2px 1px rgba(211, 211, 211, 0.5);\n  background: white;\n}\n.ione-configurator[_ngcontent-%COMP%]   .thumbnail[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border: 1px solid #d3d3d3;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .img-size[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .unloaded[_ngcontent-%COMP%] {\n  background-color: lightgrey;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-wrapper[_ngcontent-%COMP%] {\n  display: block;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-title[_ngcontent-%COMP%] {\n  font-size: 12px;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n}\n.ione-configurator[_ngcontent-%COMP%]   .question[_ngcontent-%COMP%] {\n  font-weight: bold;\n  color: #1a1a1a;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-style: italic;\n  margin-top: 3px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .collapse-wrapper[_ngcontent-%COMP%] {\n  display: block;\n}\n.ione-configurator[_ngcontent-%COMP%]   .collapse-content[_ngcontent-%COMP%] {\n  display: block;\n}\n.ione-configurator[_ngcontent-%COMP%]   .collapse-handle[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  border: solid black;\n  border-width: 0 3px 3px 0;\n  display: inline-block;\n  padding: 3px;\n  transform: rotate(45deg);\n  -webkit-transform: rotate(45deg);\n}\n.ione-configurator[_ngcontent-%COMP%]   .collapse-handle.expanded[_ngcontent-%COMP%] {\n  transform: rotate(-135deg);\n  -webkit-transform: rotate(-135deg);\n}\n.ione-configurator[_ngcontent-%COMP%]   .child-selection[_ngcontent-%COMP%] {\n  margin-left: 10px;\n  display: flex;\n  flex-direction: column;\n  margin-top: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .mat-title[_ngcontent-%COMP%] {\n  margin-left: 10px;\n  color: #1a1a1a;\n}\n.ione-configurator[_ngcontent-%COMP%]   .drawer__header[_ngcontent-%COMP%] {\n  height: 48px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .rp-selections-summary[_ngcontent-%COMP%] {\n  height: -webkit-fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  background: transparent;\n  overflow: auto;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 400px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .selections-content[_ngcontent-%COMP%] {\n  overflow-y: auto;\n}\n.ione-configurator[_ngcontent-%COMP%]   .co-summary-line[_ngcontent-%COMP%] {\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  font-size: 12px;\n  border: 1px solid lightgray;\n  padding: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 3px;\n  margin-bottom: 3px;\n  box-shadow: 2px 1px rgba(211, 211, 211, 0.5);\n  background: white;\n}\n.ione-configurator[_ngcontent-%COMP%]   .selection-thumbnail[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border: 1px solid #d3d3d3;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .selection-img[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-thumbnail[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border: 1px solid #d3d3d3;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-img[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .unloaded[_ngcontent-%COMP%] {\n  background-color: lightgrey;\n}\n.ione-configurator[_ngcontent-%COMP%]   .titles[_ngcontent-%COMP%] {\n  margin-left: 14px;\n  align-self: center;\n}\n.ione-configurator[_ngcontent-%COMP%]   .title-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-title-wrapper[_ngcontent-%COMP%] {\n  text-align: center;\n  align-self: center;\n  margin-left: 14px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2prL3dvcmtzcGFjZS9jb2xpam4vcmVwb3MvaW9uZXMvbWFzdGVyL0lvbmUvQ2xpZW50L0phdmFTY3JpcHQvQ29uZmlndXJhdG9yL3NyYy9zdHlsZS9zaGFyZWQuc2NzcyIsInNyYy9zdHlsZS9zaGFyZWQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDRTtFQUNFLGtCQUFBO0VBQ0EsTUFBQTtFQUNBLFFBQUE7RUFDQSxZQUFBO0VBQ0EsMkJBQUE7RUFBQSx3QkFBQTtFQUFBLG1CQUFBO0FDQUo7QURFRTtFQUNFLGlCQUFBO0VBQ0EsY0FBQTtBQ0FKO0FERUU7RUFDRSxhQUFBO0VBQ0Esa0JBQUE7QUNBSjtBREVFO0VBQ0Usa0JBQUE7RUFDQSxnQkFBQTtFQUNBLGVBQUE7RUFDQSxlQUFBO0VBQ0EsMkJBQUE7RUFDQSxhQUFBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtFQUNBLDRDQUFBO0VBQ0EsaUJBQUE7QUNBSjtBREVFO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSx5QkFBQTtFQUNBLGtCQUFBO0FDQUo7QURFRTtFQUNFLFdBQUE7RUFDQSxlQUFBO0VBQ0EsWUFBQTtFQUNBLGdCQUFBO0VBQ0Esa0JBQUE7QUNBSjtBREVFO0VBQ0UsMkJBQUE7QUNBSjtBREVFO0VBQ0UsY0FBQTtBQ0FKO0FERUU7RUFDRSxlQUFBO0VBQ0Esa0JBQUE7RUFDQSxnQkFBQTtFQUNBLGVBQUE7QUNBSjtBREVFO0VBQ0UsaUJBQUE7RUFDQSxjQUFBO0FDQUo7QURFRTtFQUNFLGVBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7QUNBSjtBREVFO0VBQ0UsY0FBQTtBQ0FKO0FERUU7RUFDRSxjQUFBO0FDQUo7QURFRTtFQUNFLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7RUFDQSxtQkFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7RUFDQSxZQUFBO0VBQ0Esd0JBQUE7RUFDQSxnQ0FBQTtBQ0FKO0FEQ0k7RUFDRSwwQkFBQTtFQUNBLGtDQUFBO0FDQ047QURFRTtFQUNFLGlCQUFBO0VBQ0EsYUFBQTtFQUNBLHNCQUFBO0VBQ0EsZUFBQTtBQ0FKO0FERUU7RUFDRSxpQkFBQTtFQUNBLGNBQUE7QUNBSjtBREVFO0VBQ0UsWUFBQTtBQ0FKO0FERUU7RUFDRSwyQkFBQTtFQUFBLHdCQUFBO0VBQUEsbUJBQUE7RUFDQSx1QkFBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtFQUNBLE1BQUE7RUFDQSxRQUFBO0VBQ0EsWUFBQTtBQ0FKO0FERUU7RUFDRSxnQkFBQTtBQ0FKO0FERUU7RUFDRSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLGVBQUE7RUFDQSwyQkFBQTtFQUNBLGFBQUE7RUFDQSxhQUFBO0VBQ0EsbUJBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsNENBQUE7RUFDQSxpQkFBQTtBQ0FKO0FERUU7RUFDRSxXQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7QUNBSjtBREVFO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtBQ0FKO0FERUU7RUFDRSxXQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7QUNBSjtBREVFO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtBQ0FKO0FERUU7RUFDRSwyQkFBQTtBQ0FKO0FERUU7RUFDRSxpQkFBQTtFQUNBLGtCQUFBO0FDQUo7QURFRTtFQUNFLGFBQUE7RUFDQSxzQkFBQTtBQ0FKO0FERUU7RUFDRSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7QUNBSiIsImZpbGUiOiJzcmMvc3R5bGUvc2hhcmVkLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaW9uZS1jb25maWd1cmF0b3Ige1xyXG4gIC5ycC1hbnN3ZXJzLXNsaWRlb3V0e1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICB3aWR0aDogNDAwcHg7XHJcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xyXG4gIH1cclxuICAuYW5zd2Vycy10aXRsZSB7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxuICAgIGNvbG9yOiAjMWExYTFhO1xyXG4gIH1cclxuICAuYW5zd2Vycy1jb250YWluZXIge1xyXG4gICAgaGVpZ2h0OiAxMDB2aDtcclxuICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcclxuICB9XHJcbiAgLmFuc3dlci1jb250ZW50IHtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBmb250LXNpemU6IDEycHg7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XHJcbiAgICBwYWRkaW5nOiAxMHB4O1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAzcHg7XHJcbiAgICBib3gtc2hhZG93OiAycHggMXB4IHJnYmEoMjExLCAyMTEsIDIxMSwgMC41KTtcclxuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xyXG4gIH1cclxuICAudGh1bWJuYWlsIHtcclxuICAgIHdpZHRoOiA1NHB4O1xyXG4gICAgbWluLXdpZHRoOiA1NHB4O1xyXG4gICAgaGVpZ2h0OiA1NHB4O1xyXG4gICAgbWluLWhlaWdodDogNTRweDtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkM2QzZDM7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgfVxyXG4gIC5pbWctc2l6ZSB7XHJcbiAgICB3aWR0aDogNTRweDtcclxuICAgIG1pbi13aWR0aDogNTRweDtcclxuICAgIGhlaWdodDogNTRweDtcclxuICAgIG1pbi1oZWlnaHQ6IDU0cHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgfVxyXG4gIC51bmxvYWRlZCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyZXk7XHJcbiAgfVxyXG4gIC5hbnN3ZXItd3JhcHBlciB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICB9XHJcbiAgLmFuc3dlci10aXRsZSB7XHJcbiAgICBmb250LXNpemU6IDEycHg7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIH1cclxuICAucXVlc3Rpb24ge1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICBjb2xvcjogIzFhMWExYTtcclxuICB9XHJcbiAgLmFuc3dlciB7XHJcbiAgICBmb250LXNpemU6IDEycHg7XHJcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XHJcbiAgICBtYXJnaW4tdG9wOiAzcHg7XHJcbiAgfVxyXG4gIC5jb2xsYXBzZS13cmFwcGVyIHtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gIH1cclxuICAuY29sbGFwc2UtY29udGVudCB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICB9XHJcbiAgLmNvbGxhcHNlLWhhbmRsZSB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICB0b3A6IDEwcHg7XHJcbiAgICByaWdodDogMTJweDtcclxuICAgIGJvcmRlcjogc29saWQgYmxhY2s7XHJcbiAgICBib3JkZXItd2lkdGg6IDAgM3B4IDNweCAwO1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgcGFkZGluZzogM3B4O1xyXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xyXG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XHJcbiAgICAmLmV4cGFuZGVkIHtcclxuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTEzNWRlZyk7XHJcbiAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTEzNWRlZyk7XHJcbiAgICB9XHJcbiAgfVxyXG4gIC5jaGlsZC1zZWxlY3Rpb24ge1xyXG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIG1hcmdpbi10b3A6IDVweDtcclxuICB9XHJcbiAgLm1hdC10aXRsZSB7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxuICAgIGNvbG9yOiAjMWExYTFhO1xyXG4gIH1cclxuICAuZHJhd2VyX19oZWFkZXIge1xyXG4gICAgaGVpZ2h0OiA0OHB4O1xyXG4gIH1cclxuICAucnAtc2VsZWN0aW9ucy1zdW1tYXJ5IHtcclxuICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XHJcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcclxuICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICB3aWR0aDogNDAwcHg7XHJcbiAgfVxyXG4gIC5zZWxlY3Rpb25zLWNvbnRlbnQge1xyXG4gICAgb3ZlcmZsb3cteTogYXV0bztcclxuICB9XHJcbiAgLmNvLXN1bW1hcnktbGluZSB7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgZm9udC1zaXplOiAxMnB4O1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xyXG4gICAgcGFkZGluZzogMTBweDtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogM3B4O1xyXG4gICAgYm94LXNoYWRvdzogMnB4IDFweCByZ2JhKDIxMSwgMjExLCAyMTEsIDAuNSk7XHJcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcclxuICB9XHJcbiAgLnNlbGVjdGlvbi10aHVtYm5haWwge1xyXG4gICAgd2lkdGg6IDU0cHg7XHJcbiAgICBtaW4td2lkdGg6IDU0cHg7XHJcbiAgICBoZWlnaHQ6IDU0cHg7XHJcbiAgICBtaW4taGVpZ2h0OiA1NHB4O1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2QzZDNkMztcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICB9XHJcbiAgLnNlbGVjdGlvbi1pbWcge1xyXG4gICAgd2lkdGg6IDU0cHg7XHJcbiAgICBtaW4td2lkdGg6IDU0cHg7XHJcbiAgICBoZWlnaHQ6IDU0cHg7XHJcbiAgICBtaW4taGVpZ2h0OiA1NHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gIH1cclxuICAuYW5zd2VyLXRodW1ibmFpbCB7XHJcbiAgICB3aWR0aDogNTRweDtcclxuICAgIG1pbi13aWR0aDogNTRweDtcclxuICAgIGhlaWdodDogNTRweDtcclxuICAgIG1pbi1oZWlnaHQ6IDU0cHg7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDNkM2QzO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gIH1cclxuICAuYW5zd2VyLWltZyB7XHJcbiAgICB3aWR0aDogNTRweDtcclxuICAgIG1pbi13aWR0aDogNTRweDtcclxuICAgIGhlaWdodDogNTRweDtcclxuICAgIG1pbi1oZWlnaHQ6IDU0cHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgfVxyXG4gIC51bmxvYWRlZCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyZXk7XHJcbiAgfVxyXG4gIC50aXRsZXMge1xyXG4gICAgbWFyZ2luLWxlZnQ6IDE0cHg7XHJcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XHJcbiAgfVxyXG4gIC50aXRsZS13cmFwcGVyIHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIH1cclxuICAuYW5zd2VyLXRpdGxlLXdyYXBwZXIge1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xyXG4gICAgbWFyZ2luLWxlZnQ6IDE0cHg7XHJcbiAgfVxyXG59XHJcbiIsIi5pb25lLWNvbmZpZ3VyYXRvciAucnAtYW5zd2Vycy1zbGlkZW91dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgd2lkdGg6IDQwMHB4O1xuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5hbnN3ZXJzLXRpdGxlIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIGNvbG9yOiAjMWExYTFhO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5hbnN3ZXJzLWNvbnRhaW5lciB7XG4gIGhlaWdodDogMTAwdmg7XG4gIG92ZXJmbG93LXk6IHNjcm9sbDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLWNvbnRlbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICBib3gtc2hhZG93OiAycHggMXB4IHJnYmEoMjExLCAyMTEsIDIxMSwgMC41KTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLnRodW1ibmFpbCB7XG4gIHdpZHRoOiA1NHB4O1xuICBtaW4td2lkdGg6IDU0cHg7XG4gIGhlaWdodDogNTRweDtcbiAgbWluLWhlaWdodDogNTRweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2QzZDNkMztcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5pbWctc2l6ZSB7XG4gIHdpZHRoOiA1NHB4O1xuICBtaW4td2lkdGg6IDU0cHg7XG4gIGhlaWdodDogNTRweDtcbiAgbWluLWhlaWdodDogNTRweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC51bmxvYWRlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IGxpZ2h0Z3JleTtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLXdyYXBwZXIge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLXRpdGxlIHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAucXVlc3Rpb24ge1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgY29sb3I6ICMxYTFhMWE7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLmFuc3dlciB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBtYXJnaW4tdG9wOiAzcHg7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLmNvbGxhcHNlLXdyYXBwZXIge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuY29sbGFwc2UtY29udGVudCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5jb2xsYXBzZS1oYW5kbGUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMTBweDtcbiAgcmlnaHQ6IDEycHg7XG4gIGJvcmRlcjogc29saWQgYmxhY2s7XG4gIGJvcmRlci13aWR0aDogMCAzcHggM3B4IDA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcGFkZGluZzogM3B4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5jb2xsYXBzZS1oYW5kbGUuZXhwYW5kZWQge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtMTM1ZGVnKTtcbiAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgtMTM1ZGVnKTtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuY2hpbGQtc2VsZWN0aW9uIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAubWF0LXRpdGxlIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIGNvbG9yOiAjMWExYTFhO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5kcmF3ZXJfX2hlYWRlciB7XG4gIGhlaWdodDogNDhweDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAucnAtc2VsZWN0aW9ucy1zdW1tYXJ5IHtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIHdpZHRoOiA0MDBweDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuc2VsZWN0aW9ucy1jb250ZW50IHtcbiAgb3ZlcmZsb3cteTogYXV0bztcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuY28tc3VtbWFyeS1saW5lIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBwYWRkaW5nOiAxMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIG1hcmdpbi1ib3R0b206IDNweDtcbiAgYm94LXNoYWRvdzogMnB4IDFweCByZ2JhKDIxMSwgMjExLCAyMTEsIDAuNSk7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5zZWxlY3Rpb24tdGh1bWJuYWlsIHtcbiAgd2lkdGg6IDU0cHg7XG4gIG1pbi13aWR0aDogNTRweDtcbiAgaGVpZ2h0OiA1NHB4O1xuICBtaW4taGVpZ2h0OiA1NHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjZDNkM2QzO1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLnNlbGVjdGlvbi1pbWcge1xuICB3aWR0aDogNTRweDtcbiAgbWluLXdpZHRoOiA1NHB4O1xuICBoZWlnaHQ6IDU0cHg7XG4gIG1pbi1oZWlnaHQ6IDU0cHg7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLXRodW1ibmFpbCB7XG4gIHdpZHRoOiA1NHB4O1xuICBtaW4td2lkdGg6IDU0cHg7XG4gIGhlaWdodDogNTRweDtcbiAgbWluLWhlaWdodDogNTRweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2QzZDNkMztcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5hbnN3ZXItaW1nIHtcbiAgd2lkdGg6IDU0cHg7XG4gIG1pbi13aWR0aDogNTRweDtcbiAgaGVpZ2h0OiA1NHB4O1xuICBtaW4taGVpZ2h0OiA1NHB4O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLnVubG9hZGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogbGlnaHRncmV5O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC50aXRsZXMge1xuICBtYXJnaW4tbGVmdDogMTRweDtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC50aXRsZS13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLXRpdGxlLXdyYXBwZXIge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgbWFyZ2luLWxlZnQ6IDE0cHg7XG59Il19 */"], data: { animation: [
-            animations_1.trigger('answerAppear', [
-                animations_1.state('void', animations_1.style({ 'background': '#dbdbdb' })),
-                animations_1.state('white', animations_1.style({ 'background': 'white' })),
-                animations_1.transition('void <=> *', animations_1.animate(500))
-            ])
-        ] } });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AnswerComponent, [{
-        type: core_1.Component,
-        args: [{
-                selector: 'answer',
-                template: `
-    <div class="ione-configurator">
-      <div class="answer-wrapper">
-        <div class="answer-content" @answerAppear>
-          <div class="answer-thumbnail">
-            <rp-loader *ngIf="answer.imageData === ''"></rp-loader>
-            <img *ngIf="answer.imageData !== '' && answer.imageData !== null" class="answer-img" [src]="answer.imageData">
-          </div>
-          <div class="answer-title-wrapper">
-            <span class="answer-title" [textContent]="answer.commercialAnswer"></span>
-          </div>
-          <div class="price">
-            <span class="price-value"></span>
-          </div>
-        </div>
-      </div>
-    </div>
-  `,
-                styleUrls: [
-                    '../../../../style/shared.scss'
-                ],
-                animations: [
-                    animations_1.trigger('answerAppear', [
-                        animations_1.state('void', animations_1.style({ 'background': '#dbdbdb' })),
-                        animations_1.state('white', animations_1.style({ 'background': 'white' })),
-                        animations_1.transition('void <=> *', animations_1.animate(500))
-                    ])
-                ]
-            }]
-    }], function () { return [{ type: i1.ImageCacheService }]; }, { answer: [{
-            type: core_1.Input
-        }], showing: [{
-            type: core_1.Input
-        }] }); })();
-
-
-/***/ }),
-
-/***/ "./src/app/components/answers/answers.component.ts":
-/*!*********************************************************!*\
-  !*** ./src/app/components/answers/answers.component.ts ***!
-  \*********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const i1 = __webpack_require__(/*! ../../directives/visibility-observer-master.directive */ "./src/app/directives/visibility-observer-master.directive.ts");
-const i2 = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
-const i3 = __webpack_require__(/*! ./answer/answer.component */ "./src/app/components/answers/answer/answer.component.ts");
-const i4 = __webpack_require__(/*! ../../directives/visibility-observer.directive */ "./src/app/directives/visibility-observer.directive.ts");
-function AnswersComponent_answer_4_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "answer", 5, 6);
-    i0.ɵɵlistener("click", function AnswersComponent_answer_4_Template_answer_click_0_listener() { i0.ɵɵrestoreView(_r4); const answer_r1 = ctx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.answerClick.emit(answer_r1); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const answer_r1 = ctx.$implicit;
-    const _r2 = i0.ɵɵreference(1);
-    i0.ɵɵproperty("answer", answer_r1)("observerEnabled", true)("showing", _r2.isIntersecting);
-} }
-class AnswersComponent {
-    constructor() {
-        this.answers = [];
-        this.answerClick = new core_1.EventEmitter();
-    }
-}
-exports.AnswersComponent = AnswersComponent;
-AnswersComponent.ɵfac = function AnswersComponent_Factory(t) { return new (t || AnswersComponent)(); };
-AnswersComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AnswersComponent, selectors: [["answers"]], inputs: { answers: "answers", selectionTitle: "selectionTitle" }, outputs: { answerClick: "answerClick" }, decls: 5, vars: 2, consts: [[1, "ione-configurator"], [1, "rp-answers-slideout"], [1, "answers-title", 3, "textContent"], ["visibilityObserverMaster", "", 1, "answers-container"], ["visibilityObserver", "", 3, "answer", "observerEnabled", "showing", "click", 4, "ngFor", "ngForOf"], ["visibilityObserver", "", 3, "answer", "observerEnabled", "showing", "click"], ["intersection", "intersection"]], template: function AnswersComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelement(2, "h2", 2);
-        i0.ɵɵelementStart(3, "div", 3);
-        i0.ɵɵtemplate(4, AnswersComponent_answer_4_Template, 2, 3, "answer", 4);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("textContent", ctx.selectionTitle);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngForOf", ctx.answers);
-    } }, directives: [i1.VisibilityObserverMasterDirective, i2.NgForOf, i3.AnswerComponent, i4.VisibilityObserverDirective], styles: [".ione-configurator[_ngcontent-%COMP%]   .rp-answers-slideout[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 400px;\n  height: -webkit-fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answers-title[_ngcontent-%COMP%] {\n  margin-left: 10px;\n  color: #1a1a1a;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answers-container[_ngcontent-%COMP%] {\n  height: 100vh;\n  overflow-y: scroll;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-content[_ngcontent-%COMP%] {\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  font-size: 12px;\n  border: 1px solid lightgray;\n  padding: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 3px;\n  margin-bottom: 3px;\n  box-shadow: 2px 1px rgba(211, 211, 211, 0.5);\n  background: white;\n}\n.ione-configurator[_ngcontent-%COMP%]   .thumbnail[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border: 1px solid #d3d3d3;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .img-size[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .unloaded[_ngcontent-%COMP%] {\n  background-color: lightgrey;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-wrapper[_ngcontent-%COMP%] {\n  display: block;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-title[_ngcontent-%COMP%] {\n  font-size: 12px;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n}\n.ione-configurator[_ngcontent-%COMP%]   .question[_ngcontent-%COMP%] {\n  font-weight: bold;\n  color: #1a1a1a;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-style: italic;\n  margin-top: 3px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .collapse-wrapper[_ngcontent-%COMP%] {\n  display: block;\n}\n.ione-configurator[_ngcontent-%COMP%]   .collapse-content[_ngcontent-%COMP%] {\n  display: block;\n}\n.ione-configurator[_ngcontent-%COMP%]   .collapse-handle[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  border: solid black;\n  border-width: 0 3px 3px 0;\n  display: inline-block;\n  padding: 3px;\n  transform: rotate(45deg);\n  -webkit-transform: rotate(45deg);\n}\n.ione-configurator[_ngcontent-%COMP%]   .collapse-handle.expanded[_ngcontent-%COMP%] {\n  transform: rotate(-135deg);\n  -webkit-transform: rotate(-135deg);\n}\n.ione-configurator[_ngcontent-%COMP%]   .child-selection[_ngcontent-%COMP%] {\n  margin-left: 10px;\n  display: flex;\n  flex-direction: column;\n  margin-top: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .mat-title[_ngcontent-%COMP%] {\n  margin-left: 10px;\n  color: #1a1a1a;\n}\n.ione-configurator[_ngcontent-%COMP%]   .drawer__header[_ngcontent-%COMP%] {\n  height: 48px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .rp-selections-summary[_ngcontent-%COMP%] {\n  height: -webkit-fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  background: transparent;\n  overflow: auto;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 400px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .selections-content[_ngcontent-%COMP%] {\n  overflow-y: auto;\n}\n.ione-configurator[_ngcontent-%COMP%]   .co-summary-line[_ngcontent-%COMP%] {\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  font-size: 12px;\n  border: 1px solid lightgray;\n  padding: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 3px;\n  margin-bottom: 3px;\n  box-shadow: 2px 1px rgba(211, 211, 211, 0.5);\n  background: white;\n}\n.ione-configurator[_ngcontent-%COMP%]   .selection-thumbnail[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border: 1px solid #d3d3d3;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .selection-img[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-thumbnail[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border: 1px solid #d3d3d3;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-img[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .unloaded[_ngcontent-%COMP%] {\n  background-color: lightgrey;\n}\n.ione-configurator[_ngcontent-%COMP%]   .titles[_ngcontent-%COMP%] {\n  margin-left: 14px;\n  align-self: center;\n}\n.ione-configurator[_ngcontent-%COMP%]   .title-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-title-wrapper[_ngcontent-%COMP%] {\n  text-align: center;\n  align-self: center;\n  margin-left: 14px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2prL3dvcmtzcGFjZS9jb2xpam4vcmVwb3MvaW9uZXMvbWFzdGVyL0lvbmUvQ2xpZW50L0phdmFTY3JpcHQvQ29uZmlndXJhdG9yL3NyYy9zdHlsZS9zaGFyZWQuc2NzcyIsInNyYy9zdHlsZS9zaGFyZWQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDRTtFQUNFLGtCQUFBO0VBQ0EsTUFBQTtFQUNBLFFBQUE7RUFDQSxZQUFBO0VBQ0EsMkJBQUE7RUFBQSx3QkFBQTtFQUFBLG1CQUFBO0FDQUo7QURFRTtFQUNFLGlCQUFBO0VBQ0EsY0FBQTtBQ0FKO0FERUU7RUFDRSxhQUFBO0VBQ0Esa0JBQUE7QUNBSjtBREVFO0VBQ0Usa0JBQUE7RUFDQSxnQkFBQTtFQUNBLGVBQUE7RUFDQSxlQUFBO0VBQ0EsMkJBQUE7RUFDQSxhQUFBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtFQUNBLDRDQUFBO0VBQ0EsaUJBQUE7QUNBSjtBREVFO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSx5QkFBQTtFQUNBLGtCQUFBO0FDQUo7QURFRTtFQUNFLFdBQUE7RUFDQSxlQUFBO0VBQ0EsWUFBQTtFQUNBLGdCQUFBO0VBQ0Esa0JBQUE7QUNBSjtBREVFO0VBQ0UsMkJBQUE7QUNBSjtBREVFO0VBQ0UsY0FBQTtBQ0FKO0FERUU7RUFDRSxlQUFBO0VBQ0Esa0JBQUE7RUFDQSxnQkFBQTtFQUNBLGVBQUE7QUNBSjtBREVFO0VBQ0UsaUJBQUE7RUFDQSxjQUFBO0FDQUo7QURFRTtFQUNFLGVBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7QUNBSjtBREVFO0VBQ0UsY0FBQTtBQ0FKO0FERUU7RUFDRSxjQUFBO0FDQUo7QURFRTtFQUNFLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7RUFDQSxtQkFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7RUFDQSxZQUFBO0VBQ0Esd0JBQUE7RUFDQSxnQ0FBQTtBQ0FKO0FEQ0k7RUFDRSwwQkFBQTtFQUNBLGtDQUFBO0FDQ047QURFRTtFQUNFLGlCQUFBO0VBQ0EsYUFBQTtFQUNBLHNCQUFBO0VBQ0EsZUFBQTtBQ0FKO0FERUU7RUFDRSxpQkFBQTtFQUNBLGNBQUE7QUNBSjtBREVFO0VBQ0UsWUFBQTtBQ0FKO0FERUU7RUFDRSwyQkFBQTtFQUFBLHdCQUFBO0VBQUEsbUJBQUE7RUFDQSx1QkFBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtFQUNBLE1BQUE7RUFDQSxRQUFBO0VBQ0EsWUFBQTtBQ0FKO0FERUU7RUFDRSxnQkFBQTtBQ0FKO0FERUU7RUFDRSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLGVBQUE7RUFDQSwyQkFBQTtFQUNBLGFBQUE7RUFDQSxhQUFBO0VBQ0EsbUJBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsNENBQUE7RUFDQSxpQkFBQTtBQ0FKO0FERUU7RUFDRSxXQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7QUNBSjtBREVFO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtBQ0FKO0FERUU7RUFDRSxXQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7QUNBSjtBREVFO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtBQ0FKO0FERUU7RUFDRSwyQkFBQTtBQ0FKO0FERUU7RUFDRSxpQkFBQTtFQUNBLGtCQUFBO0FDQUo7QURFRTtFQUNFLGFBQUE7RUFDQSxzQkFBQTtBQ0FKO0FERUU7RUFDRSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7QUNBSiIsImZpbGUiOiJzcmMvc3R5bGUvc2hhcmVkLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaW9uZS1jb25maWd1cmF0b3Ige1xyXG4gIC5ycC1hbnN3ZXJzLXNsaWRlb3V0e1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICB3aWR0aDogNDAwcHg7XHJcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xyXG4gIH1cclxuICAuYW5zd2Vycy10aXRsZSB7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxuICAgIGNvbG9yOiAjMWExYTFhO1xyXG4gIH1cclxuICAuYW5zd2Vycy1jb250YWluZXIge1xyXG4gICAgaGVpZ2h0OiAxMDB2aDtcclxuICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcclxuICB9XHJcbiAgLmFuc3dlci1jb250ZW50IHtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBmb250LXNpemU6IDEycHg7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XHJcbiAgICBwYWRkaW5nOiAxMHB4O1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAzcHg7XHJcbiAgICBib3gtc2hhZG93OiAycHggMXB4IHJnYmEoMjExLCAyMTEsIDIxMSwgMC41KTtcclxuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xyXG4gIH1cclxuICAudGh1bWJuYWlsIHtcclxuICAgIHdpZHRoOiA1NHB4O1xyXG4gICAgbWluLXdpZHRoOiA1NHB4O1xyXG4gICAgaGVpZ2h0OiA1NHB4O1xyXG4gICAgbWluLWhlaWdodDogNTRweDtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkM2QzZDM7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgfVxyXG4gIC5pbWctc2l6ZSB7XHJcbiAgICB3aWR0aDogNTRweDtcclxuICAgIG1pbi13aWR0aDogNTRweDtcclxuICAgIGhlaWdodDogNTRweDtcclxuICAgIG1pbi1oZWlnaHQ6IDU0cHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgfVxyXG4gIC51bmxvYWRlZCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyZXk7XHJcbiAgfVxyXG4gIC5hbnN3ZXItd3JhcHBlciB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICB9XHJcbiAgLmFuc3dlci10aXRsZSB7XHJcbiAgICBmb250LXNpemU6IDEycHg7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIH1cclxuICAucXVlc3Rpb24ge1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICBjb2xvcjogIzFhMWExYTtcclxuICB9XHJcbiAgLmFuc3dlciB7XHJcbiAgICBmb250LXNpemU6IDEycHg7XHJcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XHJcbiAgICBtYXJnaW4tdG9wOiAzcHg7XHJcbiAgfVxyXG4gIC5jb2xsYXBzZS13cmFwcGVyIHtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gIH1cclxuICAuY29sbGFwc2UtY29udGVudCB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICB9XHJcbiAgLmNvbGxhcHNlLWhhbmRsZSB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICB0b3A6IDEwcHg7XHJcbiAgICByaWdodDogMTJweDtcclxuICAgIGJvcmRlcjogc29saWQgYmxhY2s7XHJcbiAgICBib3JkZXItd2lkdGg6IDAgM3B4IDNweCAwO1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgcGFkZGluZzogM3B4O1xyXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xyXG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XHJcbiAgICAmLmV4cGFuZGVkIHtcclxuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTEzNWRlZyk7XHJcbiAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTEzNWRlZyk7XHJcbiAgICB9XHJcbiAgfVxyXG4gIC5jaGlsZC1zZWxlY3Rpb24ge1xyXG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIG1hcmdpbi10b3A6IDVweDtcclxuICB9XHJcbiAgLm1hdC10aXRsZSB7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxuICAgIGNvbG9yOiAjMWExYTFhO1xyXG4gIH1cclxuICAuZHJhd2VyX19oZWFkZXIge1xyXG4gICAgaGVpZ2h0OiA0OHB4O1xyXG4gIH1cclxuICAucnAtc2VsZWN0aW9ucy1zdW1tYXJ5IHtcclxuICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XHJcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcclxuICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICB3aWR0aDogNDAwcHg7XHJcbiAgfVxyXG4gIC5zZWxlY3Rpb25zLWNvbnRlbnQge1xyXG4gICAgb3ZlcmZsb3cteTogYXV0bztcclxuICB9XHJcbiAgLmNvLXN1bW1hcnktbGluZSB7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgZm9udC1zaXplOiAxMnB4O1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xyXG4gICAgcGFkZGluZzogMTBweDtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogM3B4O1xyXG4gICAgYm94LXNoYWRvdzogMnB4IDFweCByZ2JhKDIxMSwgMjExLCAyMTEsIDAuNSk7XHJcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcclxuICB9XHJcbiAgLnNlbGVjdGlvbi10aHVtYm5haWwge1xyXG4gICAgd2lkdGg6IDU0cHg7XHJcbiAgICBtaW4td2lkdGg6IDU0cHg7XHJcbiAgICBoZWlnaHQ6IDU0cHg7XHJcbiAgICBtaW4taGVpZ2h0OiA1NHB4O1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2QzZDNkMztcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICB9XHJcbiAgLnNlbGVjdGlvbi1pbWcge1xyXG4gICAgd2lkdGg6IDU0cHg7XHJcbiAgICBtaW4td2lkdGg6IDU0cHg7XHJcbiAgICBoZWlnaHQ6IDU0cHg7XHJcbiAgICBtaW4taGVpZ2h0OiA1NHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gIH1cclxuICAuYW5zd2VyLXRodW1ibmFpbCB7XHJcbiAgICB3aWR0aDogNTRweDtcclxuICAgIG1pbi13aWR0aDogNTRweDtcclxuICAgIGhlaWdodDogNTRweDtcclxuICAgIG1pbi1oZWlnaHQ6IDU0cHg7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDNkM2QzO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gIH1cclxuICAuYW5zd2VyLWltZyB7XHJcbiAgICB3aWR0aDogNTRweDtcclxuICAgIG1pbi13aWR0aDogNTRweDtcclxuICAgIGhlaWdodDogNTRweDtcclxuICAgIG1pbi1oZWlnaHQ6IDU0cHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgfVxyXG4gIC51bmxvYWRlZCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyZXk7XHJcbiAgfVxyXG4gIC50aXRsZXMge1xyXG4gICAgbWFyZ2luLWxlZnQ6IDE0cHg7XHJcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XHJcbiAgfVxyXG4gIC50aXRsZS13cmFwcGVyIHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIH1cclxuICAuYW5zd2VyLXRpdGxlLXdyYXBwZXIge1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xyXG4gICAgbWFyZ2luLWxlZnQ6IDE0cHg7XHJcbiAgfVxyXG59XHJcbiIsIi5pb25lLWNvbmZpZ3VyYXRvciAucnAtYW5zd2Vycy1zbGlkZW91dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgd2lkdGg6IDQwMHB4O1xuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5hbnN3ZXJzLXRpdGxlIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIGNvbG9yOiAjMWExYTFhO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5hbnN3ZXJzLWNvbnRhaW5lciB7XG4gIGhlaWdodDogMTAwdmg7XG4gIG92ZXJmbG93LXk6IHNjcm9sbDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLWNvbnRlbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICBib3gtc2hhZG93OiAycHggMXB4IHJnYmEoMjExLCAyMTEsIDIxMSwgMC41KTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLnRodW1ibmFpbCB7XG4gIHdpZHRoOiA1NHB4O1xuICBtaW4td2lkdGg6IDU0cHg7XG4gIGhlaWdodDogNTRweDtcbiAgbWluLWhlaWdodDogNTRweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2QzZDNkMztcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5pbWctc2l6ZSB7XG4gIHdpZHRoOiA1NHB4O1xuICBtaW4td2lkdGg6IDU0cHg7XG4gIGhlaWdodDogNTRweDtcbiAgbWluLWhlaWdodDogNTRweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC51bmxvYWRlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IGxpZ2h0Z3JleTtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLXdyYXBwZXIge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLXRpdGxlIHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAucXVlc3Rpb24ge1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgY29sb3I6ICMxYTFhMWE7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLmFuc3dlciB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBtYXJnaW4tdG9wOiAzcHg7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLmNvbGxhcHNlLXdyYXBwZXIge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuY29sbGFwc2UtY29udGVudCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5jb2xsYXBzZS1oYW5kbGUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMTBweDtcbiAgcmlnaHQ6IDEycHg7XG4gIGJvcmRlcjogc29saWQgYmxhY2s7XG4gIGJvcmRlci13aWR0aDogMCAzcHggM3B4IDA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcGFkZGluZzogM3B4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5jb2xsYXBzZS1oYW5kbGUuZXhwYW5kZWQge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtMTM1ZGVnKTtcbiAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgtMTM1ZGVnKTtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuY2hpbGQtc2VsZWN0aW9uIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAubWF0LXRpdGxlIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIGNvbG9yOiAjMWExYTFhO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5kcmF3ZXJfX2hlYWRlciB7XG4gIGhlaWdodDogNDhweDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAucnAtc2VsZWN0aW9ucy1zdW1tYXJ5IHtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIHdpZHRoOiA0MDBweDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuc2VsZWN0aW9ucy1jb250ZW50IHtcbiAgb3ZlcmZsb3cteTogYXV0bztcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuY28tc3VtbWFyeS1saW5lIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBwYWRkaW5nOiAxMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIG1hcmdpbi1ib3R0b206IDNweDtcbiAgYm94LXNoYWRvdzogMnB4IDFweCByZ2JhKDIxMSwgMjExLCAyMTEsIDAuNSk7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5zZWxlY3Rpb24tdGh1bWJuYWlsIHtcbiAgd2lkdGg6IDU0cHg7XG4gIG1pbi13aWR0aDogNTRweDtcbiAgaGVpZ2h0OiA1NHB4O1xuICBtaW4taGVpZ2h0OiA1NHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjZDNkM2QzO1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLnNlbGVjdGlvbi1pbWcge1xuICB3aWR0aDogNTRweDtcbiAgbWluLXdpZHRoOiA1NHB4O1xuICBoZWlnaHQ6IDU0cHg7XG4gIG1pbi1oZWlnaHQ6IDU0cHg7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLXRodW1ibmFpbCB7XG4gIHdpZHRoOiA1NHB4O1xuICBtaW4td2lkdGg6IDU0cHg7XG4gIGhlaWdodDogNTRweDtcbiAgbWluLWhlaWdodDogNTRweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2QzZDNkMztcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5hbnN3ZXItaW1nIHtcbiAgd2lkdGg6IDU0cHg7XG4gIG1pbi13aWR0aDogNTRweDtcbiAgaGVpZ2h0OiA1NHB4O1xuICBtaW4taGVpZ2h0OiA1NHB4O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLnVubG9hZGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogbGlnaHRncmV5O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC50aXRsZXMge1xuICBtYXJnaW4tbGVmdDogMTRweDtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC50aXRsZS13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLXRpdGxlLXdyYXBwZXIge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgbWFyZ2luLWxlZnQ6IDE0cHg7XG59Il19 */"] });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AnswersComponent, [{
-        type: core_1.Component,
-        args: [{
-                selector: "answers",
-                template: `
-        <div class="ione-configurator">
-            <div class="rp-answers-slideout">
-                <h2 class="answers-title" [textContent]="selectionTitle"></h2>
-                <div class="answers-container" visibilityObserverMaster>
-                    <answer *ngFor="let answer of answers"
-                            (click)="answerClick.emit(answer)"
-                            [answer]="answer"
-                            visibilityObserver
-                            #intersection="intersection"
-                            [observerEnabled]="true"
-                            [showing]="intersection.isIntersecting"
-                    ></answer>
-                </div>
-                
-            </div>
-        </div>
-    `,
-                styleUrls: [
-                    '../../../style/shared.scss'
-                ]
-            }]
-    }], function () { return []; }, { answers: [{
-            type: core_1.Input
-        }], selectionTitle: [{
-            type: core_1.Input
-        }], answerClick: [{
-            type: core_1.Output
-        }] }); })();
-
-
-/***/ }),
-
-/***/ "./src/app/components/answers/answers.module.ts":
-/*!******************************************************!*\
-  !*** ./src/app/components/answers/answers.module.ts ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const common_1 = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
-const answers_component_1 = __webpack_require__(/*! ./answers.component */ "./src/app/components/answers/answers.component.ts");
-const answer_component_1 = __webpack_require__(/*! ./answer/answer.component */ "./src/app/components/answers/answer/answer.component.ts");
-const visibility_observer_directive_1 = __webpack_require__(/*! ../../directives/visibility-observer.directive */ "./src/app/directives/visibility-observer.directive.ts");
-const visibility_observer_master_directive_1 = __webpack_require__(/*! ../../directives/visibility-observer-master.directive */ "./src/app/directives/visibility-observer-master.directive.ts");
-const shared_module_1 = __webpack_require__(/*! ../shared/shared.module */ "./src/app/components/shared/shared.module.ts");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-class AnswersModule {
-}
-exports.AnswersModule = AnswersModule;
-AnswersModule.ɵmod = i0.ɵɵdefineNgModule({ type: AnswersModule });
-AnswersModule.ɵinj = i0.ɵɵdefineInjector({ factory: function AnswersModule_Factory(t) { return new (t || AnswersModule)(); }, imports: [[
-            common_1.CommonModule,
-            shared_module_1.SharedModule
-        ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnswersModule, { declarations: [answers_component_1.AnswersComponent,
-        answer_component_1.AnswerComponent,
-        visibility_observer_directive_1.VisibilityObserverDirective,
-        visibility_observer_master_directive_1.VisibilityObserverMasterDirective], imports: [common_1.CommonModule,
-        shared_module_1.SharedModule], exports: [answers_component_1.AnswersComponent] }); })();
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AnswersModule, [{
-        type: core_1.NgModule,
-        args: [{
-                imports: [
-                    common_1.CommonModule,
-                    shared_module_1.SharedModule
-                ],
-                declarations: [
-                    answers_component_1.AnswersComponent,
-                    answer_component_1.AnswerComponent,
-                    visibility_observer_directive_1.VisibilityObserverDirective,
-                    visibility_observer_master_directive_1.VisibilityObserverMasterDirective
-                ],
-                exports: [
-                    answers_component_1.AnswersComponent
-                ]
-            }]
-    }], null, null); })();
-
-
-/***/ }),
-
-/***/ "./src/app/components/selections/selections.component.ts":
-/*!***************************************************************!*\
-  !*** ./src/app/components/selections/selections.component.ts ***!
-  \***************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const animations_1 = __webpack_require__(/*! @angular/animations */ "./node_modules/@angular/animations/__ivy_ngcc__/fesm2015/animations.js");
-const image_cache_service_1 = __webpack_require__(/*! ../../services/image-cache.service */ "./src/app/services/image-cache.service.ts");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const i1 = __webpack_require__(/*! ../../services/image-cache.service */ "./src/app/services/image-cache.service.ts");
-const i2 = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
-const i3 = __webpack_require__(/*! ../shared/loader/loader.component */ "./src/app/components/shared/loader/loader.component.ts");
-function SelectionsComponent_ng_container_5_rp_loader_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "rp-loader");
-} }
-function SelectionsComponent_ng_container_5_img_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "img", 19);
-} if (rf & 2) {
-    const selectionViewModel_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("src", selectionViewModel_r1.thumbnail, i0.ɵɵsanitizeUrl);
-} }
-function SelectionsComponent_ng_container_5_div_9_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵlistener("click", function SelectionsComponent_ng_container_5_div_9_div_1_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r10); const selection_r8 = ctx.$implicit; const ctx_r9 = i0.ɵɵnextContext(3); return ctx_r9.selectSelection(selection_r8, $event); });
-    i0.ɵɵelement(1, "label", 12);
-    i0.ɵɵelement(2, "span", 13);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const selection_r8 = ctx.$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("textContent", selection_r8.commercialQuestion);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("textContent", selection_r8.answer);
-} }
-function SelectionsComponent_ng_container_5_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, SelectionsComponent_ng_container_5_div_9_div_1_Template, 3, 2, "div", 20);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const selectionViewModel_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("@showHideChildren", undefined);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", selectionViewModel_r1.children);
-} }
-function SelectionsComponent_ng_container_5_div_14_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵlistener("click", function SelectionsComponent_ng_container_5_div_14_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r14); const selectionViewModel_r1 = i0.ɵɵnextContext().$implicit; const ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.expandClicked(selectionViewModel_r1, $event); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const selectionViewModel_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassProp("expanded", selectionViewModel_r1.expanded);
-} }
-function SelectionsComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 6);
-    i0.ɵɵlistener("click", function SelectionsComponent_ng_container_5_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r17); const selectionViewModel_r1 = ctx.$implicit; const ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.selectSelection(selectionViewModel_r1.selection, $event); });
-    i0.ɵɵelementStart(2, "div", 7);
-    i0.ɵɵtemplate(3, SelectionsComponent_ng_container_5_rp_loader_3_Template, 1, 0, "rp-loader", 8);
-    i0.ɵɵtemplate(4, SelectionsComponent_ng_container_5_img_4_Template, 1, 1, "img", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 10);
-    i0.ɵɵelementStart(6, "div", 11);
-    i0.ɵɵelement(7, "label", 12);
-    i0.ɵɵelement(8, "span", 13);
-    i0.ɵɵtemplate(9, SelectionsComponent_ng_container_5_div_9_Template, 2, 2, "div", 8);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 14);
-    i0.ɵɵelement(11, "span", 15);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 16);
-    i0.ɵɵelementStart(13, "div", 17);
-    i0.ɵɵtemplate(14, SelectionsComponent_ng_container_5_div_14_Template, 1, 2, "div", 18);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const selectionViewModel_r1 = ctx.$implicit;
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", selectionViewModel_r1.thumbnail === "");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", selectionViewModel_r1.thumbnail !== "" && selectionViewModel_r1.thumbnail !== null);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("textContent", selectionViewModel_r1.selection.question);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("textContent", selectionViewModel_r1.selection.answer);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", selectionViewModel_r1.children.length > 0 && selectionViewModel_r1.expanded);
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngIf", selectionViewModel_r1.children.length > 0);
-} }
-class SelectionViewModel {
-    constructor() {
-        this.children = [];
-        this.expanded = false;
-        this.thumbnail = '';
-    }
-}
-class SelectionsComponent {
-    constructor(_imageCacheService) {
-        this._imageCacheService = _imageCacheService;
-        this.selectionViewModels = [];
-        this.selectionClick = new core_1.EventEmitter();
-    }
-    set selections(value) {
-        this._prepareSelections(value);
-        this._loadThumbnails();
-    }
-    ngOnInit() {
-    }
-    expandClicked(selectionViewModel, mouseEvent) {
-        mouseEvent.preventDefault();
-        mouseEvent.stopImmediatePropagation();
-        selectionViewModel.expanded = !selectionViewModel.expanded;
-    }
-    selectSelection(selection, mouseEvent) {
-        mouseEvent.preventDefault();
-        mouseEvent.stopImmediatePropagation();
-        this.selectionClick.next(selection);
-    }
-    _loadThumbnails() {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            if (this.selectionViewModels.length > 0) {
-                this.selectionViewModels.forEach((viewModel) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-                    yield this._imageCacheService.getImageForSelectionOrAnswer(viewModel.selection).then((imageSrc) => {
-                        viewModel.thumbnail = imageSrc === "" ? null : imageSrc;
-                    });
-                }));
-            }
-        });
-    }
-    _prepareSelections(value) {
-        this.selectionViewModels.length = 0;
-        let selectionViewModel;
-        value.forEach(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);
-                }
-            }
-        });
-    }
-}
-exports.SelectionsComponent = SelectionsComponent;
-SelectionsComponent.ɵfac = function SelectionsComponent_Factory(t) { return new (t || SelectionsComponent)(i0.ɵɵdirectiveInject(i1.ImageCacheService)); };
-SelectionsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SelectionsComponent, selectors: [["selections"]], inputs: { selections: "selections" }, outputs: { selectionClick: "selectionClick" }, decls: 6, vars: 2, consts: [[1, "ione-configurator"], [1, "rp-selections-summary"], [1, "drawer__header"], [1, "mat-title", 3, "textContent"], [1, "selections-content"], [4, "ngFor", "ngForOf"], [1, "co-summary-line", 3, "click"], [1, "selection-thumbnail"], [4, "ngIf"], ["visibilityObserver", "", "class", "selection-img", 3, "src", 4, "ngIf"], [1, "titles"], [1, "title-wrapper"], [1, "question", 3, "textContent"], [1, "answer", 3, "textContent"], [1, "price-wrapper"], [1, "price-value"], [1, "collapse-wrapper"], [1, "collapse-content"], ["class", "collapse-handle", 3, "expanded", "click", 4, "ngIf"], ["visibilityObserver", "", 1, "selection-img", 3, "src"], ["class", "child-selection", 3, "click", 4, "ngFor", "ngForOf"], [1, "child-selection", 3, "click"], [1, "collapse-handle", 3, "click"]], template: function SelectionsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelementStart(2, "header", 2);
-        i0.ɵɵelement(3, "h2", 3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "div", 4);
-        i0.ɵɵtemplate(5, SelectionsComponent_ng_container_5_Template, 15, 6, "ng-container", 5);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("textContent", "Configuratie");
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngForOf", ctx.selectionViewModels);
-    } }, directives: [i2.NgForOf, i2.NgIf, i3.LoaderComponent], styles: [".ione-configurator[_ngcontent-%COMP%]   .rp-answers-slideout[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 400px;\n  height: -webkit-fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answers-title[_ngcontent-%COMP%] {\n  margin-left: 10px;\n  color: #1a1a1a;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answers-container[_ngcontent-%COMP%] {\n  height: 100vh;\n  overflow-y: scroll;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-content[_ngcontent-%COMP%] {\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  font-size: 12px;\n  border: 1px solid lightgray;\n  padding: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 3px;\n  margin-bottom: 3px;\n  box-shadow: 2px 1px rgba(211, 211, 211, 0.5);\n  background: white;\n}\n.ione-configurator[_ngcontent-%COMP%]   .thumbnail[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border: 1px solid #d3d3d3;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .img-size[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .unloaded[_ngcontent-%COMP%] {\n  background-color: lightgrey;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-wrapper[_ngcontent-%COMP%] {\n  display: block;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-title[_ngcontent-%COMP%] {\n  font-size: 12px;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n}\n.ione-configurator[_ngcontent-%COMP%]   .question[_ngcontent-%COMP%] {\n  font-weight: bold;\n  color: #1a1a1a;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-style: italic;\n  margin-top: 3px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .collapse-wrapper[_ngcontent-%COMP%] {\n  display: block;\n}\n.ione-configurator[_ngcontent-%COMP%]   .collapse-content[_ngcontent-%COMP%] {\n  display: block;\n}\n.ione-configurator[_ngcontent-%COMP%]   .collapse-handle[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  border: solid black;\n  border-width: 0 3px 3px 0;\n  display: inline-block;\n  padding: 3px;\n  transform: rotate(45deg);\n  -webkit-transform: rotate(45deg);\n}\n.ione-configurator[_ngcontent-%COMP%]   .collapse-handle.expanded[_ngcontent-%COMP%] {\n  transform: rotate(-135deg);\n  -webkit-transform: rotate(-135deg);\n}\n.ione-configurator[_ngcontent-%COMP%]   .child-selection[_ngcontent-%COMP%] {\n  margin-left: 10px;\n  display: flex;\n  flex-direction: column;\n  margin-top: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .mat-title[_ngcontent-%COMP%] {\n  margin-left: 10px;\n  color: #1a1a1a;\n}\n.ione-configurator[_ngcontent-%COMP%]   .drawer__header[_ngcontent-%COMP%] {\n  height: 48px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .rp-selections-summary[_ngcontent-%COMP%] {\n  height: -webkit-fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  background: transparent;\n  overflow: auto;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 400px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .selections-content[_ngcontent-%COMP%] {\n  overflow-y: auto;\n}\n.ione-configurator[_ngcontent-%COMP%]   .co-summary-line[_ngcontent-%COMP%] {\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  font-size: 12px;\n  border: 1px solid lightgray;\n  padding: 10px;\n  display: flex;\n  flex-direction: row;\n  border-radius: 3px;\n  margin-bottom: 3px;\n  box-shadow: 2px 1px rgba(211, 211, 211, 0.5);\n  background: white;\n}\n.ione-configurator[_ngcontent-%COMP%]   .selection-thumbnail[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border: 1px solid #d3d3d3;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .selection-img[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-thumbnail[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border: 1px solid #d3d3d3;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-img[_ngcontent-%COMP%] {\n  width: 54px;\n  min-width: 54px;\n  height: 54px;\n  min-height: 54px;\n  border-radius: 5px;\n}\n.ione-configurator[_ngcontent-%COMP%]   .unloaded[_ngcontent-%COMP%] {\n  background-color: lightgrey;\n}\n.ione-configurator[_ngcontent-%COMP%]   .titles[_ngcontent-%COMP%] {\n  margin-left: 14px;\n  align-self: center;\n}\n.ione-configurator[_ngcontent-%COMP%]   .title-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.ione-configurator[_ngcontent-%COMP%]   .answer-title-wrapper[_ngcontent-%COMP%] {\n  text-align: center;\n  align-self: center;\n  margin-left: 14px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2prL3dvcmtzcGFjZS9jb2xpam4vcmVwb3MvaW9uZXMvbWFzdGVyL0lvbmUvQ2xpZW50L0phdmFTY3JpcHQvQ29uZmlndXJhdG9yL3NyYy9zdHlsZS9zaGFyZWQuc2NzcyIsInNyYy9zdHlsZS9zaGFyZWQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDRTtFQUNFLGtCQUFBO0VBQ0EsTUFBQTtFQUNBLFFBQUE7RUFDQSxZQUFBO0VBQ0EsMkJBQUE7RUFBQSx3QkFBQTtFQUFBLG1CQUFBO0FDQUo7QURFRTtFQUNFLGlCQUFBO0VBQ0EsY0FBQTtBQ0FKO0FERUU7RUFDRSxhQUFBO0VBQ0Esa0JBQUE7QUNBSjtBREVFO0VBQ0Usa0JBQUE7RUFDQSxnQkFBQTtFQUNBLGVBQUE7RUFDQSxlQUFBO0VBQ0EsMkJBQUE7RUFDQSxhQUFBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtFQUNBLDRDQUFBO0VBQ0EsaUJBQUE7QUNBSjtBREVFO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSx5QkFBQTtFQUNBLGtCQUFBO0FDQUo7QURFRTtFQUNFLFdBQUE7RUFDQSxlQUFBO0VBQ0EsWUFBQTtFQUNBLGdCQUFBO0VBQ0Esa0JBQUE7QUNBSjtBREVFO0VBQ0UsMkJBQUE7QUNBSjtBREVFO0VBQ0UsY0FBQTtBQ0FKO0FERUU7RUFDRSxlQUFBO0VBQ0Esa0JBQUE7RUFDQSxnQkFBQTtFQUNBLGVBQUE7QUNBSjtBREVFO0VBQ0UsaUJBQUE7RUFDQSxjQUFBO0FDQUo7QURFRTtFQUNFLGVBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7QUNBSjtBREVFO0VBQ0UsY0FBQTtBQ0FKO0FERUU7RUFDRSxjQUFBO0FDQUo7QURFRTtFQUNFLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7RUFDQSxtQkFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7RUFDQSxZQUFBO0VBQ0Esd0JBQUE7RUFDQSxnQ0FBQTtBQ0FKO0FEQ0k7RUFDRSwwQkFBQTtFQUNBLGtDQUFBO0FDQ047QURFRTtFQUNFLGlCQUFBO0VBQ0EsYUFBQTtFQUNBLHNCQUFBO0VBQ0EsZUFBQTtBQ0FKO0FERUU7RUFDRSxpQkFBQTtFQUNBLGNBQUE7QUNBSjtBREVFO0VBQ0UsWUFBQTtBQ0FKO0FERUU7RUFDRSwyQkFBQTtFQUFBLHdCQUFBO0VBQUEsbUJBQUE7RUFDQSx1QkFBQTtFQUNBLGNBQUE7RUFDQSxrQkFBQTtFQUNBLE1BQUE7RUFDQSxRQUFBO0VBQ0EsWUFBQTtBQ0FKO0FERUU7RUFDRSxnQkFBQTtBQ0FKO0FERUU7RUFDRSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLGVBQUE7RUFDQSwyQkFBQTtFQUNBLGFBQUE7RUFDQSxhQUFBO0VBQ0EsbUJBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsNENBQUE7RUFDQSxpQkFBQTtBQ0FKO0FERUU7RUFDRSxXQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7QUNBSjtBREVFO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtBQ0FKO0FERUU7RUFDRSxXQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7QUNBSjtBREVFO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtBQ0FKO0FERUU7RUFDRSwyQkFBQTtBQ0FKO0FERUU7RUFDRSxpQkFBQTtFQUNBLGtCQUFBO0FDQUo7QURFRTtFQUNFLGFBQUE7RUFDQSxzQkFBQTtBQ0FKO0FERUU7RUFDRSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7QUNBSiIsImZpbGUiOiJzcmMvc3R5bGUvc2hhcmVkLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaW9uZS1jb25maWd1cmF0b3Ige1xyXG4gIC5ycC1hbnN3ZXJzLXNsaWRlb3V0e1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICB3aWR0aDogNDAwcHg7XHJcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xyXG4gIH1cclxuICAuYW5zd2Vycy10aXRsZSB7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxuICAgIGNvbG9yOiAjMWExYTFhO1xyXG4gIH1cclxuICAuYW5zd2Vycy1jb250YWluZXIge1xyXG4gICAgaGVpZ2h0OiAxMDB2aDtcclxuICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcclxuICB9XHJcbiAgLmFuc3dlci1jb250ZW50IHtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBmb250LXNpemU6IDEycHg7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XHJcbiAgICBwYWRkaW5nOiAxMHB4O1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAzcHg7XHJcbiAgICBib3gtc2hhZG93OiAycHggMXB4IHJnYmEoMjExLCAyMTEsIDIxMSwgMC41KTtcclxuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xyXG4gIH1cclxuICAudGh1bWJuYWlsIHtcclxuICAgIHdpZHRoOiA1NHB4O1xyXG4gICAgbWluLXdpZHRoOiA1NHB4O1xyXG4gICAgaGVpZ2h0OiA1NHB4O1xyXG4gICAgbWluLWhlaWdodDogNTRweDtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkM2QzZDM7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgfVxyXG4gIC5pbWctc2l6ZSB7XHJcbiAgICB3aWR0aDogNTRweDtcclxuICAgIG1pbi13aWR0aDogNTRweDtcclxuICAgIGhlaWdodDogNTRweDtcclxuICAgIG1pbi1oZWlnaHQ6IDU0cHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgfVxyXG4gIC51bmxvYWRlZCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyZXk7XHJcbiAgfVxyXG4gIC5hbnN3ZXItd3JhcHBlciB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICB9XHJcbiAgLmFuc3dlci10aXRsZSB7XHJcbiAgICBmb250LXNpemU6IDEycHg7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIH1cclxuICAucXVlc3Rpb24ge1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICBjb2xvcjogIzFhMWExYTtcclxuICB9XHJcbiAgLmFuc3dlciB7XHJcbiAgICBmb250LXNpemU6IDEycHg7XHJcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XHJcbiAgICBtYXJnaW4tdG9wOiAzcHg7XHJcbiAgfVxyXG4gIC5jb2xsYXBzZS13cmFwcGVyIHtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gIH1cclxuICAuY29sbGFwc2UtY29udGVudCB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICB9XHJcbiAgLmNvbGxhcHNlLWhhbmRsZSB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICB0b3A6IDEwcHg7XHJcbiAgICByaWdodDogMTJweDtcclxuICAgIGJvcmRlcjogc29saWQgYmxhY2s7XHJcbiAgICBib3JkZXItd2lkdGg6IDAgM3B4IDNweCAwO1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgcGFkZGluZzogM3B4O1xyXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xyXG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XHJcbiAgICAmLmV4cGFuZGVkIHtcclxuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTEzNWRlZyk7XHJcbiAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTEzNWRlZyk7XHJcbiAgICB9XHJcbiAgfVxyXG4gIC5jaGlsZC1zZWxlY3Rpb24ge1xyXG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIG1hcmdpbi10b3A6IDVweDtcclxuICB9XHJcbiAgLm1hdC10aXRsZSB7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxuICAgIGNvbG9yOiAjMWExYTFhO1xyXG4gIH1cclxuICAuZHJhd2VyX19oZWFkZXIge1xyXG4gICAgaGVpZ2h0OiA0OHB4O1xyXG4gIH1cclxuICAucnAtc2VsZWN0aW9ucy1zdW1tYXJ5IHtcclxuICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XHJcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcclxuICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICB3aWR0aDogNDAwcHg7XHJcbiAgfVxyXG4gIC5zZWxlY3Rpb25zLWNvbnRlbnQge1xyXG4gICAgb3ZlcmZsb3cteTogYXV0bztcclxuICB9XHJcbiAgLmNvLXN1bW1hcnktbGluZSB7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgZm9udC1zaXplOiAxMnB4O1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xyXG4gICAgcGFkZGluZzogMTBweDtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogM3B4O1xyXG4gICAgYm94LXNoYWRvdzogMnB4IDFweCByZ2JhKDIxMSwgMjExLCAyMTEsIDAuNSk7XHJcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcclxuICB9XHJcbiAgLnNlbGVjdGlvbi10aHVtYm5haWwge1xyXG4gICAgd2lkdGg6IDU0cHg7XHJcbiAgICBtaW4td2lkdGg6IDU0cHg7XHJcbiAgICBoZWlnaHQ6IDU0cHg7XHJcbiAgICBtaW4taGVpZ2h0OiA1NHB4O1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2QzZDNkMztcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICB9XHJcbiAgLnNlbGVjdGlvbi1pbWcge1xyXG4gICAgd2lkdGg6IDU0cHg7XHJcbiAgICBtaW4td2lkdGg6IDU0cHg7XHJcbiAgICBoZWlnaHQ6IDU0cHg7XHJcbiAgICBtaW4taGVpZ2h0OiA1NHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gIH1cclxuICAuYW5zd2VyLXRodW1ibmFpbCB7XHJcbiAgICB3aWR0aDogNTRweDtcclxuICAgIG1pbi13aWR0aDogNTRweDtcclxuICAgIGhlaWdodDogNTRweDtcclxuICAgIG1pbi1oZWlnaHQ6IDU0cHg7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZDNkM2QzO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gIH1cclxuICAuYW5zd2VyLWltZyB7XHJcbiAgICB3aWR0aDogNTRweDtcclxuICAgIG1pbi13aWR0aDogNTRweDtcclxuICAgIGhlaWdodDogNTRweDtcclxuICAgIG1pbi1oZWlnaHQ6IDU0cHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgfVxyXG4gIC51bmxvYWRlZCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyZXk7XHJcbiAgfVxyXG4gIC50aXRsZXMge1xyXG4gICAgbWFyZ2luLWxlZnQ6IDE0cHg7XHJcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XHJcbiAgfVxyXG4gIC50aXRsZS13cmFwcGVyIHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIH1cclxuICAuYW5zd2VyLXRpdGxlLXdyYXBwZXIge1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xyXG4gICAgbWFyZ2luLWxlZnQ6IDE0cHg7XHJcbiAgfVxyXG59XHJcbiIsIi5pb25lLWNvbmZpZ3VyYXRvciAucnAtYW5zd2Vycy1zbGlkZW91dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgd2lkdGg6IDQwMHB4O1xuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5hbnN3ZXJzLXRpdGxlIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIGNvbG9yOiAjMWExYTFhO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5hbnN3ZXJzLWNvbnRhaW5lciB7XG4gIGhlaWdodDogMTAwdmg7XG4gIG92ZXJmbG93LXk6IHNjcm9sbDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLWNvbnRlbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBib3JkZXI6IDFweCBzb2xpZCBsaWdodGdyYXk7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICBib3gtc2hhZG93OiAycHggMXB4IHJnYmEoMjExLCAyMTEsIDIxMSwgMC41KTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLnRodW1ibmFpbCB7XG4gIHdpZHRoOiA1NHB4O1xuICBtaW4td2lkdGg6IDU0cHg7XG4gIGhlaWdodDogNTRweDtcbiAgbWluLWhlaWdodDogNTRweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2QzZDNkMztcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5pbWctc2l6ZSB7XG4gIHdpZHRoOiA1NHB4O1xuICBtaW4td2lkdGg6IDU0cHg7XG4gIGhlaWdodDogNTRweDtcbiAgbWluLWhlaWdodDogNTRweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC51bmxvYWRlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IGxpZ2h0Z3JleTtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLXdyYXBwZXIge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLXRpdGxlIHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAucXVlc3Rpb24ge1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgY29sb3I6ICMxYTFhMWE7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLmFuc3dlciB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBtYXJnaW4tdG9wOiAzcHg7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLmNvbGxhcHNlLXdyYXBwZXIge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuY29sbGFwc2UtY29udGVudCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5jb2xsYXBzZS1oYW5kbGUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMTBweDtcbiAgcmlnaHQ6IDEycHg7XG4gIGJvcmRlcjogc29saWQgYmxhY2s7XG4gIGJvcmRlci13aWR0aDogMCAzcHggM3B4IDA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcGFkZGluZzogM3B4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5jb2xsYXBzZS1oYW5kbGUuZXhwYW5kZWQge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtMTM1ZGVnKTtcbiAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgtMTM1ZGVnKTtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuY2hpbGQtc2VsZWN0aW9uIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAubWF0LXRpdGxlIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIGNvbG9yOiAjMWExYTFhO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5kcmF3ZXJfX2hlYWRlciB7XG4gIGhlaWdodDogNDhweDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAucnAtc2VsZWN0aW9ucy1zdW1tYXJ5IHtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIHdpZHRoOiA0MDBweDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuc2VsZWN0aW9ucy1jb250ZW50IHtcbiAgb3ZlcmZsb3cteTogYXV0bztcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuY28tc3VtbWFyeS1saW5lIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmF5O1xuICBwYWRkaW5nOiAxMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIG1hcmdpbi1ib3R0b206IDNweDtcbiAgYm94LXNoYWRvdzogMnB4IDFweCByZ2JhKDIxMSwgMjExLCAyMTEsIDAuNSk7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5zZWxlY3Rpb24tdGh1bWJuYWlsIHtcbiAgd2lkdGg6IDU0cHg7XG4gIG1pbi13aWR0aDogNTRweDtcbiAgaGVpZ2h0OiA1NHB4O1xuICBtaW4taGVpZ2h0OiA1NHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjZDNkM2QzO1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLnNlbGVjdGlvbi1pbWcge1xuICB3aWR0aDogNTRweDtcbiAgbWluLXdpZHRoOiA1NHB4O1xuICBoZWlnaHQ6IDU0cHg7XG4gIG1pbi1oZWlnaHQ6IDU0cHg7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLXRodW1ibmFpbCB7XG4gIHdpZHRoOiA1NHB4O1xuICBtaW4td2lkdGg6IDU0cHg7XG4gIGhlaWdodDogNTRweDtcbiAgbWluLWhlaWdodDogNTRweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2QzZDNkMztcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC5hbnN3ZXItaW1nIHtcbiAgd2lkdGg6IDU0cHg7XG4gIG1pbi13aWR0aDogNTRweDtcbiAgaGVpZ2h0OiA1NHB4O1xuICBtaW4taGVpZ2h0OiA1NHB4O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG59XG4uaW9uZS1jb25maWd1cmF0b3IgLnVubG9hZGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogbGlnaHRncmV5O1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC50aXRsZXMge1xuICBtYXJnaW4tbGVmdDogMTRweDtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuLmlvbmUtY29uZmlndXJhdG9yIC50aXRsZS13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbi5pb25lLWNvbmZpZ3VyYXRvciAuYW5zd2VyLXRpdGxlLXdyYXBwZXIge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgbWFyZ2luLWxlZnQ6IDE0cHg7XG59Il19 */"], data: { animation: [
-            animations_1.trigger('showHideChildren', [
-                animations_1.state('void', animations_1.style({ 'height': '0' })),
-                animations_1.state('*', animations_1.style({ 'height': '*' })),
-                animations_1.transition('void <=> *', animations_1.animate(200))
-            ])
-        ] } });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SelectionsComponent, [{
-        type: core_1.Component,
-        args: [{
-                selector: "selections",
-                template: `
-        <div class="ione-configurator">
-            <div class="rp-selections-summary">
-                <header class="drawer__header">
-                    <h2 class="mat-title" [textContent]="'Configuratie'"></h2>
-                    <!--<button>-->
-                    <!---->
-                    <!--</button>-->
-                </header>
-                <div class="selections-content">
-                    <ng-container *ngFor="let selectionViewModel of selectionViewModels">
-
-                        <div class="co-summary-line" (click)="selectSelection(selectionViewModel.selection, $event)">
-                            <div class="selection-thumbnail">
-                                <rp-loader *ngIf="selectionViewModel.thumbnail === ''"></rp-loader>
-                                <img visibilityObserver *ngIf="selectionViewModel.thumbnail !== '' && selectionViewModel.thumbnail !== null" class="selection-img" [src]="selectionViewModel.thumbnail">
-                            </div>
-                            <div class="titles">
-                                <div class="title-wrapper">
-                                    <label class="question" [textContent]="selectionViewModel.selection.question"></label>
-                                    <span class="answer" [textContent]="selectionViewModel.selection.answer"></span>
-                                    <div *ngIf="selectionViewModel.children.length > 0 && selectionViewModel.expanded" @showHideChildren>
-                                        <div class="child-selection" *ngFor="let selection of selectionViewModel.children"
-                                             (click)="selectSelection(selection, $event)"
-                                        >
-                                            <label class="question" [textContent]="selection.commercialQuestion"></label>
-                                            <span class="answer" [textContent]="selection.answer"></span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            
-                            <div class="price-wrapper">
-                                <span class="price-value"></span>
-                            </div>
-
-                            <div class="collapse-wrapper">
-                                <div class="collapse-content">
-                                    <div class="collapse-handle" [class.expanded]="selectionViewModel.expanded"
-                                         *ngIf="selectionViewModel.children.length > 0" (click)="expandClicked(selectionViewModel, $event)"></div>
-                                </div>
-                            </div>
-                        </div>
-
-                    </ng-container>
-                </div>
-            </div>
-        </div>
-    `,
-                styleUrls: [
-                    '../../../style/shared.scss'
-                ],
-                animations: [
-                    animations_1.trigger('showHideChildren', [
-                        animations_1.state('void', animations_1.style({ 'height': '0' })),
-                        animations_1.state('*', animations_1.style({ 'height': '*' })),
-                        animations_1.transition('void <=> *', animations_1.animate(200))
-                    ])
-                ]
-            }]
-    }], function () { return [{ type: i1.ImageCacheService }]; }, { selections: [{
-            type: core_1.Input
-        }], selectionClick: [{
-            type: core_1.Output
-        }] }); })();
-
-
-/***/ }),
-
-/***/ "./src/app/components/selections/selections.module.ts":
-/*!************************************************************!*\
-  !*** ./src/app/components/selections/selections.module.ts ***!
-  \************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const common_1 = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
-const selections_component_1 = __webpack_require__(/*! ./selections.component */ "./src/app/components/selections/selections.component.ts");
-const shared_module_1 = __webpack_require__(/*! ../shared/shared.module */ "./src/app/components/shared/shared.module.ts");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-class SelectionsModule {
-}
-exports.SelectionsModule = SelectionsModule;
-SelectionsModule.ɵmod = i0.ɵɵdefineNgModule({ type: SelectionsModule });
-SelectionsModule.ɵinj = i0.ɵɵdefineInjector({ factory: function SelectionsModule_Factory(t) { return new (t || SelectionsModule)(); }, imports: [[
-            common_1.CommonModule,
-            shared_module_1.SharedModule
-        ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SelectionsModule, { declarations: [selections_component_1.SelectionsComponent], imports: [common_1.CommonModule,
-        shared_module_1.SharedModule], exports: [selections_component_1.SelectionsComponent] }); })();
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SelectionsModule, [{
-        type: core_1.NgModule,
-        args: [{
-                imports: [
-                    common_1.CommonModule,
-                    shared_module_1.SharedModule
-                ],
-                declarations: [
-                    selections_component_1.SelectionsComponent
-                ],
-                exports: [
-                    selections_component_1.SelectionsComponent
-                ]
-            }]
-    }], null, null); })();
-
-
-/***/ }),
-
-/***/ "./src/app/components/shared/loader/loader.component.ts":
-/*!**************************************************************!*\
-  !*** ./src/app/components/shared/loader/loader.component.ts ***!
-  \**************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-class LoaderComponent {
-}
-exports.LoaderComponent = LoaderComponent;
-LoaderComponent.ɵfac = function LoaderComponent_Factory(t) { return new (t || LoaderComponent)(); };
-LoaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: LoaderComponent, selectors: [["rp-loader"]], decls: 5, vars: 0, consts: [[1, "loader-wrapper"], ["xmlns", "http://www.w3.org/2000/svg", "width", "44", "height", "44", "viewBox", "0 0 44 44", "stroke", "#3760a1"], ["fill", "none", "fill-rule", "evenodd", "stroke-width", "3"], ["cx", "22", "cy", "22", "r", "19", 1, "ripple1"], ["cx", "22", "cy", "22", "r", "19", 1, "ripple2"]], template: function LoaderComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵnamespaceSVG();
-        i0.ɵɵelementStart(1, "svg", 1);
-        i0.ɵɵelementStart(2, "g", 2);
-        i0.ɵɵelement(3, "circle", 3);
-        i0.ɵɵelement(4, "circle", 4);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } }, styles: ["[_nghost-%COMP%] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  pointer-events: none;\n}\n[_nghost-%COMP%]   .loader-wrapper[_ngcontent-%COMP%] {\n  z-index: 1100;\n  position: absolute;\n  width: 54px;\n  height: 54px;\n}\n[_nghost-%COMP%]   .loader-wrapper[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n}\n[_nghost-%COMP%]   .loader-wrapper[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   .ripple1[_ngcontent-%COMP%] {\n  transform-origin: center;\n  -webkit-animation: ripple 1.5s infinite;\n          animation: ripple 1.5s infinite;\n}\n[_nghost-%COMP%]   .loader-wrapper[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   .ripple2[_ngcontent-%COMP%] {\n  transform-origin: center;\n  -webkit-animation: ripple 1.5s infinite 0.4s;\n          animation: ripple 1.5s infinite 0.4s;\n}\n@-webkit-keyframes ripple {\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n@keyframes ripple {\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2prL3dvcmtzcGFjZS9jb2xpam4vcmVwb3MvaW9uZXMvbWFzdGVyL0lvbmUvQ2xpZW50L0phdmFTY3JpcHQvQ29uZmlndXJhdG9yL3NyYy9hcHAvY29tcG9uZW50cy9zaGFyZWQvbG9hZGVyL2xvYWRlci5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy9zaGFyZWQvbG9hZGVyL2xvYWRlci5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHlCQUFBO0tBQUEsc0JBQUE7TUFBQSxxQkFBQTtVQUFBLGlCQUFBO0VBQ0Esb0JBQUE7QUNDRjtBREFFO0VBQ0UsYUFBQTtFQUNBLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7QUNFSjtBRERJO0VBQ0UsV0FBQTtFQUNBLFlBQUE7QUNHTjtBREZNO0VBQ0Usd0JBQUE7RUFDQSx1Q0FBQTtVQUFBLCtCQUFBO0FDSVI7QURGTTtFQUNFLHdCQUFBO0VBQ0EsNENBQUE7VUFBQSxvQ0FBQTtBQ0lSO0FERUE7RUFDRTtJQUNFLG1CQUFBO0lBQ0EsVUFBQTtFQ0NGO0VEQ0E7SUFDRSxtQkFBQTtJQUNBLFVBQUE7RUNDRjtBQUNGO0FEVEE7RUFDRTtJQUNFLG1CQUFBO0lBQ0EsVUFBQTtFQ0NGO0VEQ0E7SUFDRSxtQkFBQTtJQUNBLFVBQUE7RUNDRjtBQUNGIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9zaGFyZWQvbG9hZGVyL2xvYWRlci5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIjpob3N0IHtcclxuICB1c2VyLXNlbGVjdDogbm9uZTtcclxuICBwb2ludGVyLWV2ZW50czogbm9uZTtcclxuICAubG9hZGVyLXdyYXBwZXIge1xyXG4gICAgei1pbmRleDogMTEwMDsgLy8gYWJvdmUgZGlhbG9nc1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgd2lkdGg6IDU0cHg7XHJcbiAgICBoZWlnaHQ6IDU0cHg7XHJcbiAgICBzdmcge1xyXG4gICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAucmlwcGxlMSB7XHJcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyO1xyXG4gICAgICAgIGFuaW1hdGlvbjogcmlwcGxlIDEuNXMgaW5maW5pdGU7XHJcbiAgICAgIH1cclxuICAgICAgLnJpcHBsZTIge1xyXG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjtcclxuICAgICAgICBhbmltYXRpb246IHJpcHBsZSAxLjVzIGluZmluaXRlIC40cztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG5cclxuQGtleWZyYW1lcyByaXBwbGUge1xyXG4gIDAlIHtcclxuICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XHJcbiAgICBvcGFjaXR5OiAxO1xyXG4gIH1cclxuICAxMDAlIHtcclxuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XHJcbiAgICBvcGFjaXR5OiAwO1xyXG4gIH1cclxufVxyXG4iLCI6aG9zdCB7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbjpob3N0IC5sb2FkZXItd3JhcHBlciB7XG4gIHotaW5kZXg6IDExMDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDU0cHg7XG4gIGhlaWdodDogNTRweDtcbn1cbjpob3N0IC5sb2FkZXItd3JhcHBlciBzdmcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuOmhvc3QgLmxvYWRlci13cmFwcGVyIHN2ZyAucmlwcGxlMSB7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjtcbiAgYW5pbWF0aW9uOiByaXBwbGUgMS41cyBpbmZpbml0ZTtcbn1cbjpob3N0IC5sb2FkZXItd3JhcHBlciBzdmcgLnJpcHBsZTIge1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7XG4gIGFuaW1hdGlvbjogcmlwcGxlIDEuNXMgaW5maW5pdGUgMC40cztcbn1cblxuQGtleWZyYW1lcyByaXBwbGUge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwKTtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxufSJdfQ== */"] });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(LoaderComponent, [{
-        type: core_1.Component,
-        args: [{
-                selector: 'rp-loader',
-                template: `
-    <div class="loader-wrapper">
-      <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" stroke="#3760a1">
-        <g fill="none" fill-rule="evenodd" stroke-width="3">
-          <circle class="ripple1" cx="22" cy="22" r="19">
-          </circle>
-          <circle class="ripple2" cx="22" cy="22" r="19">
-          </circle>
-        </g>
-      </svg>
-    </div>
-  `,
-                styleUrls: ['./loader.component.scss']
-            }]
-    }], null, null); })();
-
-
-/***/ }),
-
-/***/ "./src/app/components/shared/shared.module.ts":
-/*!****************************************************!*\
-  !*** ./src/app/components/shared/shared.module.ts ***!
-  \****************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const common_1 = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
-const loader_component_1 = __webpack_require__(/*! ./loader/loader.component */ "./src/app/components/shared/loader/loader.component.ts");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-class SharedModule {
-}
-exports.SharedModule = SharedModule;
-SharedModule.ɵmod = i0.ɵɵdefineNgModule({ type: SharedModule });
-SharedModule.ɵinj = i0.ɵɵdefineInjector({ factory: function SharedModule_Factory(t) { return new (t || SharedModule)(); }, imports: [[
-            common_1.CommonModule
-        ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SharedModule, { declarations: [loader_component_1.LoaderComponent], imports: [common_1.CommonModule], exports: [loader_component_1.LoaderComponent] }); })();
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SharedModule, [{
-        type: core_1.NgModule,
-        args: [{
-                imports: [
-                    common_1.CommonModule
-                ],
-                declarations: [
-                    loader_component_1.LoaderComponent
-                ],
-                exports: [
-                    loader_component_1.LoaderComponent
-                ]
-            }]
-    }], null, null); })();
-
-
-/***/ }),
-
-/***/ "./src/app/directives/visibility-observer-master.directive.ts":
-/*!********************************************************************!*\
-  !*** ./src/app/directives/visibility-observer-master.directive.ts ***!
-  \********************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-// Import the core angular services.
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-class VisibilityObserverMasterDirective {
-    // I initialize the intersection observer parent directive.
-    constructor() {
-        // 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((entries) => {
-            for (const entry of entries) {
-                const callback = this._mapping.get(entry.target);
-                if (callback) {
-                    callback(entry.isIntersecting);
-                }
-            }
-        }, {
-            // 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.
-    ngOnDestroy() {
-        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.
-    add(element, callback) {
-        this._mapping.set(element, callback);
-        this._observer.observe(element);
-    }
-    // I remove the given Element from intersection observation.
-    remove(element) {
-        this._mapping.delete(element);
-        this._observer.unobserve(element);
-    }
-}
-exports.VisibilityObserverMasterDirective = VisibilityObserverMasterDirective;
-VisibilityObserverMasterDirective.ɵfac = function VisibilityObserverMasterDirective_Factory(t) { return new (t || VisibilityObserverMasterDirective)(); };
-VisibilityObserverMasterDirective.ɵdir = i0.ɵɵdefineDirective({ type: VisibilityObserverMasterDirective, selectors: [["", "visibilityObserverMaster", ""]] });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(VisibilityObserverMasterDirective, [{
-        type: core_1.Directive,
-        args: [{
-                selector: '[visibilityObserverMaster]'
-            }]
-    }], function () { return []; }, null); })();
-
-
-/***/ }),
-
-/***/ "./src/app/directives/visibility-observer.directive.ts":
-/*!*************************************************************!*\
-  !*** ./src/app/directives/visibility-observer.directive.ts ***!
-  \*************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const visibility_observer_master_directive_1 = __webpack_require__(/*! ./visibility-observer-master.directive */ "./src/app/directives/visibility-observer-master.directive.ts");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const i1 = __webpack_require__(/*! ./visibility-observer-master.directive */ "./src/app/directives/visibility-observer-master.directive.ts");
-class VisibilityObserverDirective {
-    // I initialize the intersection observer directive.
-    constructor(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.
-    ngOnDestroy() {
-        this._parent.remove(this._elementRef.nativeElement);
-        this._elementRef = undefined;
-    }
-    // I get called once after the inputs have been bound for the first time.
-    ngOnInit() {
-        // 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, (isIntersecting) => {
-                this.isIntersecting = isIntersecting;
-                if (this.isIntersecting) {
-                    this._parent.remove(this._elementRef.nativeElement);
-                }
-            });
-        }
-    }
-}
-exports.VisibilityObserverDirective = VisibilityObserverDirective;
-VisibilityObserverDirective.ɵfac = function VisibilityObserverDirective_Factory(t) { return new (t || VisibilityObserverDirective)(i0.ɵɵdirectiveInject(i1.VisibilityObserverMasterDirective), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-VisibilityObserverDirective.ɵdir = i0.ɵɵdefineDirective({ type: VisibilityObserverDirective, selectors: [["", "visibilityObserver", ""]], inputs: { observerEnabled: "observerEnabled" }, exportAs: ["intersection"] });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(VisibilityObserverDirective, [{
-        type: core_1.Directive,
-        args: [{
-                selector: '[visibilityObserver]',
-                exportAs: 'intersection'
-            }]
-    }], function () { return [{ type: i1.VisibilityObserverMasterDirective }, { type: i0.ElementRef }]; }, { observerEnabled: [{
-            type: core_1.Input
-        }] }); })();
-
-
-/***/ }),
-
-/***/ "./src/app/services/configurator.service.ts":
-/*!**************************************************!*\
-  !*** ./src/app/services/configurator.service.ts ***!
-  \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const configurator_1 = __webpack_require__(/*! @colijnit/configuratorapi/build/configurator */ "./node_modules/@colijnit/configuratorapi/build/configurator.js");
-const locator_service_1 = __webpack_require__(/*! ./locator.service */ "./src/app/services/locator.service.ts");
-const not_nill_function_1 = __webpack_require__(/*! @colijnit/configuratorapi/build/utils/function/not-nill.function */ "./node_modules/@colijnit/configuratorapi/build/utils/function/not-nill.function.js");
-const node_type_enum_1 = __webpack_require__(/*! @colijnit/configuratorapi/build/enum/node-type.enum */ "./node_modules/@colijnit/configuratorapi/build/enum/node-type.enum.js");
-const is_nill_function_1 = __webpack_require__(/*! @colijnit/configuratorapi/build/utils/function/is-nill.function */ "./node_modules/@colijnit/configuratorapi/build/utils/function/is-nill.function.js");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-class ConfiguratorService {
-    constructor(_injector) {
-        this._injector = _injector;
-        if (!locator_service_1.ServiceLocator.injector) {
-            locator_service_1.ServiceLocator.injector = _injector;
-        }
-    }
-    initApi(options) {
-        this._configuratorApi = new configurator_1.Configurator(options);
-    }
-    initNodeInstance(goodId) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            return yield this._configuratorApi.initNodeInstance(goodId);
-        });
-    }
-    setInstanceToConfigure(id, showLoader = false) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            return yield this._configuratorApi.setInstanceToConfigure(id, showLoader);
-        });
-    }
-    getGoodIdFromSku(sku, showLoader = false) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            return yield this._configuratorApi.getGoodIdFromSku(sku, showLoader);
-        });
-    }
-    getArticleQuickSel(goodId, showLoader = false) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            return yield this._configuratorApi.getArticleQuickSel(goodId, showLoader);
-        });
-    }
-    getSelections(showLoader = false, publicationCode = 2) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const selections = yield this._configuratorApi.getSelections(showLoader);
-            selections.resultObjects.filter((s) => {
-                (is_nill_function_1.isNill(s.hierarchicalPublicationCode) || ((s.hierarchicalPublicationCode & publicationCode) > 0)) && ((s.nodeType === node_type_enum_1.NodeType.Question && (((s.questionPublicationCode & publicationCode) > 0) || is_nill_function_1.isNill(s.questionPublicationCode))) ||
-                    (s.nodeType === node_type_enum_1.NodeType.Answer && (((s.answerPublicationCode & publicationCode) > 0) || is_nill_function_1.isNill(s.answerPublicationCode))));
-            });
-            return selections;
-        });
-    }
-    getDecos(showLoader = false) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            return yield this._configuratorApi.getDecos(showLoader);
-        });
-    }
-    getQuestionAndAnswers(showLoader = false, publicationCode = 2) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const questionAndAnswers = yield this._configuratorApi.getQuestionAndAnswers(showLoader);
-            questionAndAnswers.answers.filter((answer) => {
-                (not_nill_function_1.notNill(answer.hierarchicalPublicationCode) && (answer.hierarchicalPublicationCode & publicationCode) === 0) ||
-                    (answer.type === node_type_enum_1.NodeType.Question && (answer.questionPublicationCode & publicationCode) === 0 && not_nill_function_1.notNill(answer.questionPublicationCode)) ||
-                    (answer.type === node_type_enum_1.NodeType.Answer && (answer.publicationCode & publicationCode) === 0 && not_nill_function_1.notNill(answer.publicationCode));
-            });
-            return questionAndAnswers;
-        });
-    }
-    getSingleImage(nodeId, publication, includeMimetype, thumb, showLoader) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            if (!nodeId) {
-                return null;
-            }
-            return yield this._configuratorApi.getSingleImage(nodeId, publication, includeMimetype, thumb, showLoader);
-        });
-    }
-    selectSelection(selection, showLoader = false) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            return yield this._configuratorApi.selectSelection(selection, showLoader);
-        });
-    }
-    selectAnswer(answer, showLoader = false) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            return yield this._configuratorApi.selectAnswer(answer, showLoader);
-        });
-    }
-}
-exports.ConfiguratorService = ConfiguratorService;
-ConfiguratorService.ɵfac = function ConfiguratorService_Factory(t) { return new (t || ConfiguratorService)(i0.ɵɵinject(i0.Injector)); };
-ConfiguratorService.ɵprov = i0.ɵɵdefineInjectable({ token: ConfiguratorService, factory: ConfiguratorService.ɵfac, providedIn: 'root' });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ConfiguratorService, [{
-        type: core_1.Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], function () { return [{ type: i0.Injector }]; }, null); })();
-
-
-/***/ }),
-
-/***/ "./src/app/services/image-cache.service.ts":
-/*!*************************************************!*\
-  !*** ./src/app/services/image-cache.service.ts ***!
-  \*************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const image_utils_1 = __webpack_require__(/*! ../../utils/image.utils */ "./src/utils/image.utils.ts");
-const configurator_service_1 = __webpack_require__(/*! ./configurator.service */ "./src/app/services/configurator.service.ts");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const i1 = __webpack_require__(/*! ./configurator.service */ "./src/app/services/configurator.service.ts");
-class ImageCacheService {
-    constructor(_configuratorService) {
-        this._configuratorService = _configuratorService;
-        // Map containing the retrieved images, @number = nodeId, @string = base64 string
-        this._imageCache = new Map();
-    }
-    static _handleResponseData(includeMimetype, thumb, responseData) {
-        if (responseData && responseData.resultObject) {
-            if (responseData.resultObject.filePath !== null && responseData.resultObject.filePath !== "") {
-                return image_utils_1.ImageUtils.getFixedImageFilepathUrl(responseData.resultObject.filePath);
-            }
-            else {
-                if (includeMimetype) {
-                    return image_utils_1.ImageUtils.getDocBodyWithMimeTypeDefinition(responseData.resultObject.fileName, thumb ? responseData.resultObject.thumbnailBody : responseData.resultObject.documentBody);
-                }
-                else {
-                    return thumb ? responseData.resultObject.thumbnailBody : responseData.resultObject.documentBody;
-                }
-            }
-        }
-        else {
-            return '';
-        }
-    }
-    getImageForSelectionOrAnswer(object) {
-        const includeMimeType = true, thumb = true;
-        return new Promise((resolve, reject) => {
-            if (object && object.nodeId) {
-                if (!this._imageCache.has(object.nodeId)) {
-                    return this._configuratorService.getSingleImage(object.nodeId, 4, includeMimeType, thumb, true)
-                        .then((responseData) => {
-                        const base64 = ImageCacheService._handleResponseData(includeMimeType, thumb, responseData);
-                        this._imageCache.set(object.nodeId, base64);
-                        resolve(base64);
-                    }).catch(() => {
-                        reject();
-                    });
-                }
-                else {
-                    resolve(this._imageCache.get(object.nodeId));
-                }
-            }
-            else {
-                reject();
-            }
-        });
-    }
-}
-exports.ImageCacheService = ImageCacheService;
-ImageCacheService.ɵfac = function ImageCacheService_Factory(t) { return new (t || ImageCacheService)(i0.ɵɵinject(i1.ConfiguratorService)); };
-ImageCacheService.ɵprov = i0.ɵɵdefineInjectable({ token: ImageCacheService, factory: ImageCacheService.ɵfac, providedIn: 'root' });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ImageCacheService, [{
-        type: core_1.Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], function () { return [{ type: i1.ConfiguratorService }]; }, null); })();
-
-
-/***/ }),
-
-/***/ "./src/app/services/locator.service.ts":
-/*!*********************************************!*\
-  !*** ./src/app/services/locator.service.ts ***!
-  \*********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const i0 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-class ServiceLocator {
-}
-exports.ServiceLocator = ServiceLocator;
-ServiceLocator.injector = undefined;
-ServiceLocator.ɵfac = function ServiceLocator_Factory(t) { return new (t || ServiceLocator)(); };
-ServiceLocator.ɵprov = i0.ɵɵdefineInjectable({ token: ServiceLocator, factory: ServiceLocator.ɵfac });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ServiceLocator, [{
-        type: core_1.Injectable
-    }], null, null); })();
-
-
-/***/ }),
-
-/***/ "./src/environments/environment.ts":
-/*!*****************************************!*\
-  !*** ./src/environments/environment.ts ***!
-  \*****************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-// The file contents for the current environment will overwrite these during build.
-// The build system defaults to the dev environment which uses `environment.ts`, but if you do
-// `ng build --env=prod` then `environment.prod.ts` will be used instead.
-// The list of which env maps to which file can be found in `.angular-cli.json`.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.environment = {
-    production: false
-};
-
-
-/***/ }),
-
-/***/ "./src/helper/variation-helper.ts":
-/*!****************************************!*\
-  !*** ./src/helper/variation-helper.ts ***!
-  \****************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
-const deco_node_type_enum_1 = __webpack_require__(/*! @colijnit/configuratorapi/build/enum/deco-node-type.enum */ "./node_modules/@colijnit/configuratorapi/build/enum/deco-node-type.enum.js");
-const asset_utils_1 = __webpack_require__(/*! ../utils/asset.utils */ "./src/utils/asset.utils.ts");
-const variation_1 = __webpack_require__(/*! ../model/variation */ "./src/model/variation.ts");
-const THREE = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-const variation_utils_1 = __webpack_require__(/*! ../utils/variation-utils */ "./src/utils/variation-utils.ts");
-class VariationHelper {
-    constructor() {
-        this._lastKnownVariations = new Map();
-    }
-    clearCache() {
-        const valueMap = Array.from(this._lastKnownVariations.values());
-        for (let i = 0; i < valueMap.length; i++) {
-            const values = Array.from(valueMap[i].values());
-            values.forEach((variations) => {
-                variations.forEach((variation) => {
-                    variation.material.texture.dispose();
-                    variation.material.normal.dispose();
-                    variation.material.metalness.dispose();
-                    variation.material.roughness.dispose();
-                    variation.material.ao.dispose();
-                });
-            });
-        }
-    }
-    loadPart(obj, parts, usePbr = false) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            try {
-                const len = parts.length;
-                for (let i = 0; i < len; i++) {
-                    if (parts[i].decoNode && parts[i].decoNode.gameObjectName && parts[i].decoNode.type === deco_node_type_enum_1.DecoNodeType.Part) {
-                        const partSettings = yield variation_utils_1.VariationUtils.LoadVariation(this.assetPath, parts[i].decoNode.gameObjectName || parts[i].decoId);
-                        if (partSettings) {
-                            const partVariation = new variation_1.Variation();
-                            partVariation.decoId = parseFloat(parts[i].decoNode.id);
-                            partVariation.brandId = parts[i].decoNode.brandId;
-                            partVariation.gameObjectName = parts[i].decoNode.gameObjectName;
-                            partVariation.material = yield asset_utils_1.AssetUtils.CreateMaterialFromAsset(partSettings);
-                            // parts[i].variation = partVariation;
-                            this._applyMaterialPart(obj, partVariation, parts[i].node, usePbr);
-                        }
-                    }
-                }
-            }
-            catch (e) {
-                console.error(e);
-            }
-        });
-    }
-    loadVariation(instanceId, obj, parts, usePbr = false) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            try {
-                const len = parts.length;
-                for (let i = 0; i < len; i++) {
-                    const variations = parts[i].variations;
-                    if (!variations || variations.length === 0) {
-                        if (this._getLastKnownVariations(instanceId, parts[i].nodeId)) {
-                            parts[i].variations = this._getLastKnownVariations(instanceId, parts[i].nodeId);
-                            this._applyVariations(obj, parts[i], usePbr);
-                            continue;
-                        }
-                        else {
-                            continue;
-                        }
-                    }
-                    const lastKnownVariations = [];
-                    for (let j = 0; j < variations.length; j++) {
-                        const variationSettings = yield variation_utils_1.VariationUtils.LoadVariation(this.assetPath, variations[j].gameObjectName || parts[i].decoId);
-                        const newVariation = new variation_1.Variation();
-                        newVariation.decoId = parseFloat(variations[j].id);
-                        newVariation.brandId = variations[j].brandId;
-                        newVariation.gameObjectName = variations[j].gameObjectName;
-                        newVariation.supplierArticleNr = variations[j].supplierArticleNr;
-                        newVariation.materialId = variations[j].materialId;
-                        newVariation.material = yield asset_utils_1.AssetUtils.CreateMaterialFromAsset(variationSettings);
-                        lastKnownVariations.push(newVariation);
-                    }
-                    this._setLastKnownVariations(instanceId, parts[i].nodeId, lastKnownVariations);
-                    parts[i].variations = lastKnownVariations;
-                    this._applyVariations(obj, parts[i], usePbr);
-                }
-            }
-            catch (e) {
-                console.error(e);
-            }
-        });
-    }
-    _getChildrenFilterByProp(obj, userDataObjectProp, prop, value) {
-        return obj.children.filter((child) => {
-            return child.userData &&
-                child.userData.hasOwnProperty(userDataObjectProp) &&
-                child.userData[userDataObjectProp].hasOwnProperty(prop) &&
-                child.userData[userDataObjectProp][prop] === value;
-        });
-    }
-    _applyMaterialPart(obj, partMaterial, nodeId, usePbr = false) {
-        const children = this._getChildrenFilterByProp(obj, 'selection', 'node', nodeId);
-        const len = children.length;
-        for (let i = 0; i < len; i++) {
-            const child = children[i];
-            if (child !== null && child !== undefined) {
-                child.traverse((mesh) => {
-                    if (mesh instanceof THREE.Mesh && partMaterial) {
-                        if (Array.isArray(mesh.material)) { // multimaterial support
-                            for (let 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.toLowerCase().indexOf('fixed_frame') !== -1) {
-                                mesh.material = this._setMeshMaterialFromVariation(mesh.material.name, partMaterial, usePbr);
-                            }
-                        }
-                    }
-                });
-            }
-        }
-    }
-    _applyVariations(obj, part, usePbr = false) {
-        const children = this._getChildrenFilterByProp(obj, 'selection', 'node', part.node);
-        const len = children.length;
-        for (let i = 0; i < len; i++) {
-            const child = children[i];
-            if (child !== null && child !== undefined) {
-                child.traverse((mesh) => {
-                    if (mesh instanceof THREE.Mesh && part.variations && part.variations.length > 0 && mesh.name.toLowerCase().indexOf('c_')) {
-                        for (let j = 0; j < part.variations.length; j++) {
-                            const variation = part.variations[j];
-                            if (variation.material) {
-                                const materialToSearch = !!variation.materialId ? variation.materialId.toLowerCase() : 'default';
-                                if (Array.isArray(mesh.material)) { // multimaterial support
-                                    for (let m = 0, mlen = mesh.material.length; m < mlen; m++) {
-                                        if (mesh.material[m].name.toLowerCase().indexOf(materialToSearch) !== -1) {
-                                            mesh.material[m] = this._setMeshMaterialFromVariation(mesh.material[m].name, variation, usePbr);
-                                        }
-                                    }
-                                }
-                                else {
-                                    if (mesh.material.name.toLowerCase().indexOf(materialToSearch) !== -1) {
-                                        mesh.material = this._setMeshMaterialFromVariation(mesh.material.name, variation, usePbr);
-                                    }
-                                }
-                            }
-                        }
-                    }
-                });
-            }
-        }
-    }
-    _setMeshMaterialFromVariation(name, variation, usePbr = false) {
-        if (variation.material.texture) {
-            variation.material.texture.needsUpdate = true;
-        }
-        if (!usePbr) {
-            const material = new THREE.MeshPhongMaterial({
-                name: name,
-                shininess: variation.material.shininess,
-                specular: variation.material.specular,
-                map: variation.material.texture,
-                normalMap: variation.material.normal
-            });
-            // material.color.setRGB(0.8, 0.8, 0.8);
-            material.needsUpdate = true;
-            return material;
-        }
-        else {
-            const params = {
-                // side: DoubleSide,
-                name: name,
-                roughness: variation.material.roughnessValue ? variation.material.roughnessValue : 1,
-                metalness: variation.material.metalnessValue ? variation.material.metalnessValue : 0,
-            };
-            if (variation.material.texture) {
-                params.map = variation.material.texture;
-            }
-            if (variation.material.ao) {
-                params.aoMap = variation.material.ao;
-            }
-            if (variation.material.roughness) {
-                params.roughnessMap = variation.material.roughness;
-            }
-            if (variation.material.metalness) {
-                params.metalnessMap = variation.material.metalness;
-            }
-            if (variation.material.normal) {
-                params.normalMap = variation.material.normal;
-            }
-            const material = new THREE.MeshStandardMaterial(params);
-            material.color.setRGB(1, 1, 1);
-            material.needsUpdate = true;
-            return material;
-        }
-    }
-    _setLastKnownVariations(instanceId, id, variation) {
-        if (this._lastKnownVariations.has(instanceId)) {
-            const variations = this._lastKnownVariations.get(instanceId);
-            variations.set(id, variation);
-        }
-        else {
-            const variations = new Map();
-            this._lastKnownVariations.set(instanceId, variations.set(id, variation));
-        }
-    }
-    _getLastKnownVariations(instanceId, id) {
-        if (this._lastKnownVariations.has(instanceId)) {
-            const variations = this._lastKnownVariations.get(instanceId);
-            if (variations.has(id)) {
-                return variations.get(id);
-            }
-        }
-        return null;
-    }
-}
-exports.VariationHelper = VariationHelper;
-
-
-/***/ }),
-
-/***/ "./src/main.ts":
-/*!*********************!*\
-  !*** ./src/main.ts ***!
-  \*********************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
-const environment_1 = __webpack_require__(/*! ./environments/environment */ "./src/environments/environment.ts");
-const __NgCli_bootstrap_1 = __webpack_require__(/*! ./app/app.module */ "./src/app/app.module.ts");
-const __NgCli_bootstrap_2 = __webpack_require__(/*! @angular/platform-browser */ "./node_modules/@angular/platform-browser/__ivy_ngcc__/fesm2015/platform-browser.js");
-if (environment_1.environment.production) {
-    core_1.enableProdMode();
-}
-__NgCli_bootstrap_2.platformBrowser().bootstrapModule(__NgCli_bootstrap_1.AppModule);
-
-
-/***/ }),
-
-/***/ "./src/model/material.ts":
-/*!*******************************!*\
-  !*** ./src/model/material.ts ***!
-  \*******************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const THREE = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-class Material {
-    constructor() {
-        this.specular = new THREE.Color(0.3, 0.3, 0.3);
-        this.shininess = 0;
-        this.repeatX = 4;
-        this.repeatY = 4;
-        this.loaded = false;
-    }
-}
-exports.Material = Material;
-
-
-/***/ }),
-
-/***/ "./src/model/variation-settings.ts":
-/*!*****************************************!*\
-  !*** ./src/model/variation-settings.ts ***!
-  \*****************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-class VariationSettings {
-    constructor() {
-        this.settings = {};
-    }
-}
-exports.VariationSettings = VariationSettings;
-
-
-/***/ }),
-
-/***/ "./src/model/variation.ts":
-/*!********************************!*\
-  !*** ./src/model/variation.ts ***!
-  \********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-class Variation {
-}
-exports.Variation = Variation;
-
-
-/***/ }),
-
-/***/ "./src/utils/asset.utils.ts":
-/*!**********************************!*\
-  !*** ./src/utils/asset.utils.ts ***!
-  \**********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
-const material_1 = __webpack_require__(/*! ../model/material */ "./src/model/material.ts");
-const image_utils_1 = __webpack_require__(/*! ./image.utils */ "./src/utils/image.utils.ts");
-const THREE = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-const three_1 = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-class FurnitureMaterial extends material_1.Material {
-}
-exports.FurnitureMaterial = FurnitureMaterial;
-class AssetUtils {
-    static CreateMaterialFromAsset(asset) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const material = new material_1.Material();
-            if (!asset) {
-                return material;
-            }
-            if (asset.settings) {
-                AssetUtils.setSettingsOfMaterial(material, asset.settings);
-            }
-            if (asset.texture) {
-                material.texture = yield image_utils_1.ImageUtils.CreateTextureFromBase64(asset.id + '_texture', asset.texture, material);
-                material.texture.encoding = three_1.sRGBEncoding;
-                material.textureFilename = asset.textureFilename;
-            }
-            if (asset.normal) {
-                material.normal = yield image_utils_1.ImageUtils.CreateTextureFromBase64(asset.id + '_normal', asset.normal, material);
-                material.normalFilename = asset.normalFilename;
-                // material.normal.anisotropy = 1;
-                // material.normal.repeat.set(1, 1);
-                // material.normal.flipY = false;
-            }
-            if (asset.ao) {
-                material.ao = yield image_utils_1.ImageUtils.CreateTextureFromBase64(asset.id + '_ao', asset.ao, material);
-                material.aoFilename = asset.aoFilename;
-            }
-            if (asset.metalness) {
-                material.metalness = yield image_utils_1.ImageUtils.CreateTextureFromBase64(asset.id + '_metalness', asset.metalness, material);
-                material.metalnessFilename = asset.metalnessFilename;
-            }
-            if (asset.roughness) {
-                material.roughness = yield image_utils_1.ImageUtils.CreateTextureFromBase64(asset.id + '_roughness', asset.roughness, material);
-                material.roughnessFilename = asset.roughnessFilename;
-            }
-            return material;
-        });
-    }
-    static setSettingsOfMaterial(material, settings) {
-        const shininess = parseFloat(settings['power']);
-        if (!isNaN(shininess)) {
-            material.shininess = shininess;
-            // material.roughness = 1 - (shininess / 100);
-        }
-        const level = parseFloat(settings['level']);
-        if (!isNaN(level)) {
-            material.specular = new THREE.Color(level, level, level);
-        }
-        const repeatObjectUsed = settings.hasOwnProperty('repeat');
-        const repeatx = repeatObjectUsed ? parseFloat(settings['repeat']['repeatx']) : parseFloat(settings['repeatx']);
-        if (!isNaN(repeatx)) {
-            material.repeatX = Math.max(1, repeatx);
-        }
-        const repeaty = repeatObjectUsed ? parseFloat(settings['repeat']['repeaty']) : parseFloat(settings['repeaty']);
-        if (!isNaN(repeaty)) {
-            material.repeatY = Math.max(1, repeaty);
-        }
-        const metalness = parseFloat(settings['metalness']);
-        if (!isNaN(metalness)) {
-            material.metalnessValue = Math.min(1, metalness);
-        }
-        const roughness = parseFloat(settings['roughness']);
-        if (!isNaN(roughness)) {
-            material.roughnessValue = Math.min(1, roughness);
-        }
-    }
-}
-exports.AssetUtils = AssetUtils;
-
-
-/***/ }),
-
-/***/ "./src/utils/file.utils.ts":
-/*!*********************************!*\
-  !*** ./src/utils/file.utils.ts ***!
-  \*********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
-const axios_1 = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
-// Static utility functions holder related to files.
-// @dynamic
-class FileUtils {
-    // Returns the given dataUri string stripped of the mimetype part.
-    static StripMimeStringFromDataUri(dataUri) {
-        if (!dataUri) {
-            return '';
-        }
-        const mimeString = this.GetMimeStringFromDataUri(dataUri);
-        return dataUri.substr(mimeString.length + 1);
-    }
-    static GetMimeStringFromDataUri(dataUri) {
-        if (!dataUri) {
-            return '';
-        }
-        return dataUri.split(',')[0];
-    }
-    static FileExists(url, assetPath) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const result = yield axios_1.default({
-                method: 'get',
-                url: `${assetPath}getFiles.php?assetUrl=${url}`,
-                responseType: "json"
-            });
-            return !!result.data;
-        });
-    }
-    /**
-     * There is some discrepancy regarding locations of h3d objects
-     * Therefor we need to (temporarily?!) fix the content url
-     * Also we need to change some additionals
-     */
-    static FixUrl(assetUrl) {
-        if (!assetUrl) {
-            return '';
-        }
-        let fixedUrl = assetUrl;
-        if (!fixedUrl.endsWith('glb') && !fixedUrl.endsWith('obj') && !fixedUrl.endsWith('glb.gz') && !fixedUrl.endsWith('obj.gz')) {
-            fixedUrl = FileUtils.FixUnityUrl(fixedUrl);
-        }
-        fixedUrl = fixedUrl.replace('/content/', '/content43/');
-        return fixedUrl;
-    }
-    static FixGlbUrl(assetUrl) {
-        if (!assetUrl) {
-            return '';
-        }
-        let fixedUrl = assetUrl;
-        if (assetUrl.indexOf('_webplayer') === -1) {
-            fixedUrl = assetUrl.concat('_webplayer');
-        }
-        fixedUrl = fixedUrl.replace('/content/', '/content43/');
-        if (!fixedUrl.endsWith('.glb')) {
-            fixedUrl = fixedUrl.concat('.glb');
-        }
-        return fixedUrl;
-    }
-    // Return the mimetype of the given filename.
-    static MimeTypeFromFilename(fileName) {
-        const regEx = /(?:\.([^.]+))?$/; // regex to find extension
-        const extension = regEx.exec(fileName)[1];
-        switch (extension) {
-            case 'jpg':
-            case 'jpeg':
-                return 'image/jpeg';
-            case 'png':
-                return 'image/png';
-            case 'bmp':
-                return 'image/bmp';
-        }
-    }
-    /**
-     * Downloads the given file to the users default download location.
-     * @param fileName With or without extension
-     * @param content File content as a string
-     * @param [mimeType = 'text/plain']
-     */
-    static DownloadFile(fileName, content, mimeType = 'text/plain') {
-        const element = document.createElement('a');
-        element.setAttribute('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(content));
-        element.setAttribute('download', fileName);
-        element.style.display = 'none';
-        document.body.appendChild(element);
-        element.click();
-        document.body.removeChild(element);
-    }
-    // Returns the contents of given file as a text string.
-    static ReadAsText(file) {
-        return new Promise((resolve) => {
-            const reader = new FileReader();
-            reader.readAsText(file);
-            reader.onloadend = (event) => {
-                if (event.target.readyState === 2) {
-                    resolve(event.target.result);
-                }
-            };
-        });
-    }
-    static GetExtensionFromDataUri(dataUri) {
-        return dataUri.replace(/(data:image\/)(.*?)(;base64.*)/gi, '$2');
-    }
-    static CreateDownloadFileNameFromBase64(dataUri) {
-        const ext = this.GetExtensionFromDataUri(dataUri);
-        return 'preview.' + ext;
-    }
-    static DownloadFromDataUri(dataUri, fileName) {
-        const link = document.createElement('a');
-        link.download = fileName;
-        link.href = dataUri;
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    }
-    // todo remove once Connector deals with mimetypes and this method isn't used anymore
-    static DocumentBodyToDataUri(documentBody, mimeType) {
-        if (!!documentBody) {
-            return 'data:' + mimeType + ';base64,' + documentBody;
-        }
-        else {
-            return '';
-        }
-    }
-    static FixUnityUrl(url) {
-        if (url.indexOf('_webplayer') === -1) {
-            url = url.concat('_webplayer.ione3d');
-        }
-        else {
-            url = url.replace('_webplayer', '_webplayer.ione3d');
-        }
-        if (!url.endsWith('.gz')) {
-            url = url.concat('.gz');
-        }
-        return url.replace('.unity3d', '');
-    }
-}
-exports.FileUtils = FileUtils;
-FileUtils._cachedTextureUploads = new Map();
-
-
-/***/ }),
-
-/***/ "./src/utils/image.utils.ts":
-/*!**********************************!*\
-  !*** ./src/utils/image.utils.ts ***!
-  \**********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const THREE = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-// @dynamic
-class ImageUtils {
-    static CreateTextureFromBase64(id, base64, material) {
-        return new Promise((resolve) => {
-            if (ImageUtils.textures.has(id)) {
-                resolve(ImageUtils.textures.get(id));
-            }
-            else {
-                if (!base64) {
-                    resolve(new THREE.Texture());
-                }
-                else {
-                    const loader = new THREE.TextureLoader();
-                    loader.load(base64, (texture) => {
-                        texture.anisotropy = 16;
-                        texture.wrapS = THREE.RepeatWrapping;
-                        texture.wrapT = THREE.RepeatWrapping;
-                        texture.repeat = new THREE.Vector2(material ? material.repeatX : 1, material ? material.repeatY : 1);
-                        texture.needsUpdate = true;
-                        ImageUtils.textures.set(id, texture);
-                        resolve(texture);
-                    });
-                }
-            }
-        });
-    }
-    static getDocBodyWithMimeTypeDefinition(fileName, documentBody) {
-        if (documentBody === null) {
-            return documentBody;
-        }
-        const 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;
-        }
-    }
-    static getFixedImageFilepathUrl(imageFilepathUrl) {
-        return imageFilepathUrl.replace("/content/", "/content43/");
-    }
-}
-exports.ImageUtils = ImageUtils;
-ImageUtils.textures = new Map();
-
-
-/***/ }),
-
-/***/ "./src/utils/object.utils.ts":
-/*!***********************************!*\
-  !*** ./src/utils/object.utils.ts ***!
-  \***********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const three_1 = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-class ObjectUtils {
-    static DisposeMaterial(material) {
-        if (!material) {
-            return;
-        }
-        if (Array.isArray(material)) {
-            material.forEach(mtrl => {
-                this.materialProps
-                    .filter(mapType => mtrl[mapType])
-                    .forEach(mapType => mtrl[mapType].dispose());
-                mtrl.dispose();
-            });
-        }
-        else {
-            this.materialProps
-                .filter(mapType => material[mapType] && material[mapType].dispose)
-                .forEach(mapType => material[mapType].dispose());
-            if (material.dispose) {
-                material.dispose();
-            }
-        }
-    }
-    static DisposeObject(object) {
-        if (!object) {
-            return;
-        }
-        if (object.children.length) {
-            object.children.forEach(child => this.DisposeObject(child));
-        }
-        this.DisposeNode(object);
-    }
-    static DisposeNode(node) {
-        node.traverse((obj) => {
-            if (obj instanceof three_1.Mesh) {
-                if (obj.geometry) {
-                    obj.geometry.dispose();
-                }
-                this.DisposeMaterial(obj.material);
-            }
-            if (typeof obj.dispose === 'function') {
-                // @ts-ignore
-                obj.dispose();
-            }
-        });
-    }
-}
-exports.ObjectUtils = ObjectUtils;
-ObjectUtils.materialProps = ['map', 'lightMap', 'bumpMap', 'normalMap', 'specularMap', 'envMap', 'aoMap', 'roughnessMap', 'metalnessMap'];
-
-
-/***/ }),
-
-/***/ "./src/utils/scene-utils.ts":
-/*!**********************************!*\
-  !*** ./src/utils/scene-utils.ts ***!
-  \**********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const THREE = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-class SceneUtils {
-    static TrySelectorConnection(scene, parent, part1, part2, createAddableFn) {
-        let addable;
-        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 = part1.children[i];
-                const con2 = 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 = 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;
-    }
-    static Convert3DPointToScreenPoint(point, camera, width, height) {
-        if (!point) {
-            return new THREE.Vector2();
-        }
-        const vector = point.clone().project(camera);
-        vector.x = (vector.x + 1) / 2 * width;
-        vector.y = -(vector.y - 1) / 2 * height;
-        return new THREE.Vector2(vector.x, vector.y);
-    }
-    static CanSelectorConnect(con1, con2) {
-        const con1Name = con1 instanceof THREE.Object3D ? con1.name : con1.connector;
-        const con2Name = con2 instanceof THREE.Object3D ? con2.name : con2.connector;
-        const sameParent = con1 instanceof THREE.Object3D && con2 instanceof THREE.Object3D ? con1.parent === con2.parent : false;
-        const parts1 = con1Name.toUpperCase().split('_'), parts2 = con2Name.toUpperCase().split('_');
-        if (parts1.length >= 3 && parts2.length >= 3 && !sameParent) {
-            const connectable = parts1[0] === 'C' && parts2[0] === 'C' &&
-                parts1[1] === parts2[1] && parts1[2] !== parts2[2];
-            return connectable;
-        }
-        return false;
-    }
-    static SelectorConnect(scene, parent, con1, con2) {
-        if (!scene || !parent) {
-            return false;
-        }
-        con1['connectedTo'] = con2.parent.name;
-        con2['connectedTo'] = con1.parent.name;
-        const motherRotation = new THREE.Euler(0, 0, 0);
-        const motherPosition = new THREE.Vector3(0, 0, 0);
-        scene.updateMatrixWorld(true);
-        motherRotation.copy(parent.rotation);
-        parent.getWorldPosition(motherPosition);
-        parent.rotation.set(0, 0, 0);
-        parent.position.set(0, 0, 0);
-        const con1Quat = new THREE.Quaternion();
-        con1.getWorldQuaternion(con1Quat);
-        const con2Quat = new THREE.Quaternion();
-        con2.getWorldQuaternion(con2Quat);
-        const con1QuatParent = new THREE.Quaternion();
-        con1.parent.getWorldQuaternion(con1QuatParent);
-        const con2QuatParent = new THREE.Quaternion();
-        con2.parent.getWorldQuaternion(con2QuatParent);
-        const rotation = new THREE.Quaternion().multiplyQuaternions(con1Quat.invert(), con2Quat).multiply(new THREE.Quaternion().multiplyQuaternions(con1QuatParent, con1QuatParent));
-        con2.parent.quaternion.copy(rotation);
-        // Update because the matrix has been tempered with
-        scene.updateMatrixWorld(true);
-        // Move the connectors towards eachother
-        const con1Pos = new THREE.Vector3();
-        con1.getWorldPosition(con1Pos);
-        const con2Pos = new THREE.Vector3();
-        con2.getWorldPosition(con2Pos);
-        const move = con1Pos.sub(con2Pos);
-        con2.parent.position.x += move.x;
-        con2.parent.position.y += move.y;
-        con2.parent.position.z += move.z;
-        // reset parent's objects rotation and position
-        parent.rotation.copy(motherRotation);
-        parent.position.copy(motherPosition);
-        scene.updateMatrixWorld(true);
-        // Set the connected flag
-        con1['connected'] = true;
-        con2['connected'] = true;
-        return true;
-    }
-}
-exports.SceneUtils = SceneUtils;
-
-
-/***/ }),
-
-/***/ "./src/utils/threed.utils.ts":
-/*!***********************************!*\
-  !*** ./src/utils/threed.utils.ts ***!
-  \***********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
-const THREE = __webpack_require__(/*! three */ "./node_modules/three/build/three.module.js");
-const object_utils_1 = __webpack_require__(/*! ./object.utils */ "./src/utils/object.utils.ts");
-const file_utils_1 = __webpack_require__(/*! ./file.utils */ "./src/utils/file.utils.ts");
-class ThreedUtils {
-    constructor() {
-        this._objectCache = new Map();
-    }
-    clearCache() {
-        const objs = Array.from(this._objectCache.values());
-        objs.forEach(o => object_utils_1.ObjectUtils.DisposeObject(o));
-        this._objectCache.clear();
-    }
-    download3DSource(fileName) {
-        return new Promise((resolve, reject) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-            fileName = fileName.replace('.unity3d', '');
-            let lookupFileName = fileName + (fileName.indexOf('.glb') < 0 ? '.glb' : '');
-            if (this._objectCache.has(lookupFileName)) {
-                resolve(this._objectCache.get(lookupFileName));
-                return;
-            }
-            if (yield file_utils_1.FileUtils.FileExists(lookupFileName, 'https://cdn1.colijn-it.nl/content43/')) {
-                this.loadGlbSource(lookupFileName).then((obj) => {
-                    this._objectCache.set(lookupFileName, obj);
-                    resolve(obj);
-                });
-            }
-            else {
-                reject(`GLB source not found! (${lookupFileName})`);
-            }
-        }));
-    }
-    readFileAsText(file) {
-        const fileReader = new FileReader();
-        return new Promise((resolve, reject) => {
-            fileReader.onload = (e) => resolve(e.target.result);
-            fileReader.onerror = error => reject(error);
-            fileReader.readAsText(file);
-        });
-    }
-    loadJsonModel(filePath) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            if (this._objectCache.has(filePath)) {
-                return Promise.resolve(this._objectCache.get(filePath));
-            }
-            const json = yield this._readJsonFile(filePath);
-            const loader = new THREE.ObjectLoader();
-            loader.crossOrigin = 'Anonymous';
-            return new Promise((resolve, reject) => {
-                try {
-                    const obj = loader.parse(json);
-                    this._objectCache.set(filePath, obj);
-                    resolve(obj);
-                }
-                catch (e) {
-                    reject(null);
-                }
-            });
-        });
-    }
-    loadJsonObjectModel(filePath) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            if (this._objectCache.has(filePath)) {
-                return Promise.resolve(this._objectCache.get(filePath));
-            }
-            const loader = new THREE.ObjectLoader();
-            loader.setCrossOrigin('Anonymous');
-            loader.setResourcePath('');
-            return new Promise((resolve, reject) => {
-                loader.load(filePath, (object) => {
-                    const obj = (object.type === 'Scene' && object.children[0].type === 'Object3D') ? object.children[0] : object;
-                    this._objectCache.set(filePath, obj);
-                    resolve(obj);
-                }, xhr => null, error => reject(error));
-            });
-        });
-    }
-    loadGlbModel(file, cleanUp = true) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            if (this._objectCache.has(file)) {
-                return Promise.resolve(this._objectCache.get(file));
-            }
-            if (!window.hasOwnProperty('loadGLTF')) {
-                console.error('loadGLTF not defined in window global');
-                return null;
-            }
-            // const loader = new GLTFLoader();
-            const obj = yield window.loadGLTF(file);
-            if (obj) {
-                this._cleanedUpObjects(obj, cleanUp);
-                this._objectCache.set(file, obj);
-                return obj;
-            }
-            else {
-                return null;
-            }
-        });
-    }
-    loadGlbSource(file) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const obj = yield this.loadGlbModel(file, false);
-            if (obj) {
-                obj.children = obj.children.filter(c => !(c instanceof THREE.Camera));
-                obj.children.sort((a, b) => a['name'] < b['name'] ? 1 : -1);
-                obj.children.forEach((c) => {
-                    c.traverse((t) => {
-                        t.visible = !t.name.toLowerCase().startsWith('c_');
-                    });
-                    c.visible = false;
-                });
-                if (obj.children.length === 1 && obj.children[0] instanceof THREE.Group) { // flatten children
-                    const children = obj.children[0].children.slice();
-                    obj.children.length = 0;
-                    obj.children = children;
-                }
-            }
-            return obj;
-        });
-    }
-    textureFromUrl(url) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            // url = this._includeBaseUrl(url);
-            return new Promise((resolve, reject) => {
-                const textureLoader = new THREE.TextureLoader();
-                // textureLoader.setBaseU(this._settingsService.settings.assetPath);
-                textureLoader.load(url, (texture) => {
-                    texture.wrapT = THREE.RepeatWrapping;
-                    texture.wrapS = THREE.RepeatWrapping;
-                    texture.repeat.set(1, 1);
-                    texture.needsUpdate = true;
-                    return resolve(texture);
-                }, null, reject);
-            });
-        });
-    }
-    _cleanedUpObjects(object, cleanUp = true) {
-        let obj = new THREE.Object3D();
-        object.children.forEach((c) => {
-            if (!(c instanceof THREE.Camera)) {
-                if (cleanUp && c instanceof THREE.Group || (c.children.length === 1 && c.children[0] instanceof THREE.Group)) {
-                    this._addGroupChildrenToObject(c, obj);
-                }
-                else if ((cleanUp && !(c instanceof THREE.Mesh)) || (!(c instanceof THREE.Mesh) && !c.name && c.children.length > 0)) {
-                    c.children.forEach((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());
-                }
-            }
-        });
-        const boundingBox = new THREE.Box3().setFromObject(obj);
-        const bbCenterPivot = new THREE.Vector3();
-        boundingBox.getCenter(bbCenterPivot);
-        const delta = new THREE.Vector3().add(bbCenterPivot).negate();
-        obj.children.forEach((cc) => {
-            cc.position.add(delta);
-        });
-        return obj;
-    }
-    _addGroupChildrenToObject(group, obj, cleanUp = true) {
-        group.children.forEach((gc) => {
-            if (cleanUp && gc instanceof THREE.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());
-            }
-        });
-    }
-    _iterateChildren(children, callback) {
-        for (let i = 0; i < children.length; i++) {
-            const child = children[i];
-            if (child instanceof THREE.Mesh) {
-                callback(child);
-            }
-            else {
-                this._iterateChildren(child.children, callback);
-            }
-        }
-    }
-    _readJsonFile(filePath) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            try {
-                const response = yield fetch(filePath);
-                if (!response.ok) {
-                    return '';
-                }
-                else {
-                    let empty = false;
-                    yield response.clone().text().then((value) => {
-                        if (value === '') {
-                            empty = true;
-                        }
-                    });
-                    return empty ? {} : response.json();
-                }
-            }
-            catch (e) {
-                return '';
-            }
-        });
-    }
-}
-exports.ThreedUtils = ThreedUtils;
-
-
-/***/ }),
-
-/***/ "./src/utils/variation-utils.ts":
-/*!**************************************!*\
-  !*** ./src/utils/variation-utils.ts ***!
-  \**************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js");
-const JSZip = __webpack_require__(/*! jszip */ "./node_modules/jszip/dist/jszip.min.js");
-const variation_settings_1 = __webpack_require__(/*! ../model/variation-settings */ "./src/model/variation-settings.ts");
-// @dynamic
-class VariationUtils {
-    static LoadVariation(assetPath, fileName) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            if (!fileName) {
-                return null;
-            }
-            if (fileName.indexOf('ione3d') < 0) {
-                fileName = fileName.concat('.ione3d');
-            }
-            const id = fileName.substr(0, fileName.lastIndexOf('.ione3d'));
-            try {
-                if (!assetPath.endsWith('/')) {
-                    assetPath += '/';
-                }
-                if (!window.hasOwnProperty('downloadVariation')) {
-                    console.error('downloadVariation not defined in window global');
-                    return null;
-                }
-                const file = yield window.downloadVariation(`${assetPath.replace('https://cdn1.colijn-it.nl/', '')}variation/${fileName}`);
-                return yield VariationUtils.GetVariationSettingsFromFile(id, file);
-            }
-            catch (err) {
-                const mute = err;
-                return null;
-            }
-        });
-    }
-    // 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);
-    //         }
-    //       });
-    //     }
-    //   });
-    // }
-    static GetVariationSettingsFromFile(id, compressedFile) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            if (!compressedFile) {
-                return null;
-            }
-            const zipContent = yield VariationUtils.GetZipContent(compressedFile);
-            const variationSettings = new variation_settings_1.VariationSettings();
-            let index;
-            variationSettings.id = id;
-            if (zipContent.files['index.json']) {
-                const indexFile = yield zipContent.files['index.json'].async('string');
-                index = JSON.parse(indexFile);
-            }
-            if (index) {
-                yield VariationUtils.CreateSettingsBasedOnIndex(index, variationSettings, zipContent);
-            }
-            else {
-                yield VariationUtils.CreateSettingsBasedOnFileName(variationSettings, zipContent);
-            }
-            return variationSettings;
-        });
-    }
-    static CreateSettingsBasedOnIndex(index, variationSettings, zipContent) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            if (index.normalFile) {
-                variationSettings.normal = yield VariationUtils.LoadFileContentFromZip(zipContent.files[index.normalFile], index.normalFile);
-                variationSettings.normalFilename = index.normalFile;
-            }
-            if (index.aoFile) {
-                variationSettings.ao = yield VariationUtils.LoadFileContentFromZip(zipContent.files[index.aoFile], index.aoFile);
-                variationSettings.aoFilename = index.aoFile;
-            }
-            if (index.metalnessFile) {
-                variationSettings.metalness = yield VariationUtils.LoadFileContentFromZip(zipContent.files[index.metalnessFile], index.metalnessFile);
-                variationSettings.metalnessFilename = index.metalnessFile;
-            }
-            if (index.roughnessFile) {
-                variationSettings.roughness = yield VariationUtils.LoadFileContentFromZip(zipContent.files[index.roughnessFile], index.roughnessFile);
-                variationSettings.roughnessFilename = index.roughnessFile;
-            }
-            if (index.diffuseFile) {
-                variationSettings.texture = yield VariationUtils.LoadFileContentFromZip(zipContent.files[index.diffuseFile], index.diffuseFile);
-                variationSettings.textureFilename = index.diffuseFile;
-            }
-            variationSettings.settings =
-                (yield VariationUtils.LoadFileContentFromZip(zipContent.files['repeat.json'], 'repeat.json', false)) || {};
-            Object.assign(variationSettings.settings, index.repeat);
-            variationSettings.settings.metalness = index.metalness;
-            variationSettings.settings.roughness = index.roughness;
-        });
-    }
-    static CreateSettingsBasedOnFileName(variationSettings, zipContent) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const allLoaded = [];
-            for (const fileName in zipContent.files) {
-                if (zipContent.files[fileName]) {
-                    const file = yield zipContent.files[fileName];
-                    if (file.name.toLowerCase().indexOf('normal') > -1 && this.FileIsImage(file.name)) {
-                        allLoaded.push(zipContent.files[fileName].async('base64').then((normalFile) => {
-                            variationSettings.normal = `data:image/${this.GetBase64FileType(file.name)};base64,${normalFile}`;
-                            variationSettings.normalFilename = fileName;
-                        }));
-                    }
-                    else if (file.name.toLowerCase().indexOf('ao') > -1 && this.FileIsImage(file.name)) {
-                        allLoaded.push(zipContent.files[fileName].async('base64').then((aoFile) => {
-                            variationSettings.ao = `data:image/${this.GetBase64FileType(file.name)};base64,${aoFile}`;
-                            variationSettings.aoFilename = fileName;
-                        }));
-                    }
-                    else if (file.name.toLowerCase().indexOf('metalness') > -1 && this.FileIsImage(file.name)) {
-                        allLoaded.push(zipContent.files[fileName].async('base64').then((metalnessFile) => {
-                            variationSettings.metalness = `data:image/${this.GetBase64FileType(file.name)};base64,${metalnessFile}`;
-                            variationSettings.metalnessFilename = fileName;
-                        }));
-                    }
-                    else if (file.name.toLowerCase().indexOf('roughness') > -1 && this.FileIsImage(file.name)) {
-                        allLoaded.push(zipContent.files[fileName].async('base64').then((roughnessFile) => {
-                            variationSettings.roughness = `data:image/${this.GetBase64FileType(file.name)};base64,${roughnessFile}`;
-                            variationSettings.roughnessFilename = fileName;
-                        }));
-                    }
-                    else if (file.name.toLowerCase().indexOf('diffuse') > -1 && this.FileIsImage(file.name)) {
-                        allLoaded.push(zipContent.files[fileName].async('base64').then((diffuseFile) => {
-                            variationSettings.texture = `data:image/${this.GetBase64FileType(file.name)};base64,${diffuseFile}`;
-                            variationSettings.textureFilename = fileName;
-                        }));
-                    }
-                    else if (file.name.indexOf('.jp') > -1) {
-                        allLoaded.push(zipContent.files[fileName].async('base64').then((textureFile) => {
-                            variationSettings.texture = 'data:image/jpeg;base64,' + textureFile;
-                            variationSettings.textureFilename = fileName;
-                        }));
-                    }
-                    else if (file.name.indexOf('.json') > -1) {
-                        allLoaded.push(zipContent.files[fileName].async('string').then((settingsFile) => {
-                            const settingsFileObj = JSON.parse(settingsFile);
-                            for (const key in settingsFileObj) {
-                                if (settingsFileObj[key]) {
-                                    variationSettings.settings[key] = settingsFileObj[key];
-                                }
-                            }
-                        }));
-                    }
-                }
-            }
-            yield Promise.all(allLoaded);
-        });
-    }
-    static LoadFileContentFromZip(zip, fileName, base64 = true) {
-        return new Promise((resolve) => {
-            if (zip && fileName) {
-                zip.async(base64 ? 'base64' : 'string').then((fileContent) => {
-                    if (base64) {
-                        resolve(`data:image/${this.GetBase64FileType(fileName)};base64,${fileContent}`);
-                    }
-                    else {
-                        resolve(fileContent);
-                    }
-                });
-            }
-            else {
-                resolve(undefined);
-            }
-        });
-    }
-    static FileIsImage(fileName) {
-        const ext = fileName.substring(fileName.lastIndexOf('.') + 1, fileName.length).toLowerCase();
-        switch (ext) {
-            case 'jpg':
-            case 'jpeg':
-            case 'png':
-            case 'bmp':
-                return true;
-            default:
-                return false;
-        }
-    }
-    static GetBase64FileType(fileName) {
-        const 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
-    static GetZipContent(file) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const jszip = new JSZip();
-            const content = yield jszip.loadAsync(file);
-            return content;
-        });
-    }
-}
-exports.VariationUtils = VariationUtils;
-VariationUtils.MaterialCache = new Map();
-
-
-/***/ }),
-
-/***/ 0:
-/*!***************************!*\
-  !*** multi ./src/main.ts ***!
-  \***************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(/*! /home/jk/workspace/colijn/repos/iones/master/Ione/Client/JavaScript/Configurator/src/main.ts */"./src/main.ts");
-
-
-/***/ })
-
-},[[0,"runtime","vendor"]]]);
-//# sourceMappingURL=main-es2015.js.map