@colijnit/configurator 261.1.0 → 261.1.1

package/package.json

@@ -1,35 +1,20 @@
 {
   "name": "@colijnit/configurator",
-  "version": "261.1.0",
-  "description": "iOne configurator specific for version 259",
-  "license": "UNLICENSED",
+  "version": "261.1.1",
+  "description": "iOne configurator specific for version 261",
   "private": false,
-  "repository": "npm/npm",
-  "dependencies": {
-    "@angular/animations": "^12.2.15",
-    "@angular/cdk": "^11.2.13",
-    "@angular/cli": "^12.2.14",
-    "@angular/common": "12.2.15",
-    "@angular/compiler": "^12.2.15",
-    "@angular/core": "^12.2.15",
-    "@angular/elements": "^12.2.15",
-    "@angular/forms": "^12.2.15",
-    "@angular/platform-browser": "~12.2.15",
-    "@angular/platform-browser-dynamic": "~12.2.15",
-    "@colijnit/configuratorapi": "261.1.0",
-    "@colijnit/ioneconnector": "261.1.0",
-    "@types/three": "0.178.1",
-    "axios": "0.27.2",
-    "core-js": "^3.22.8",
-    "jszip": "3.6.0",
-    "rxjs": "6.6.3",
-    "three": "0.178.0",
-    "ts-node": "^10.8.1",
-    "tslib": "^2.3.1",
-    "zone.js": "~0.11.4"
-  },
   "peerDependencies": {
-    "three": "0.178.0"
+    "@angular/common": "12.2.15",
+    "@angular/cdk": "^12.2.13",
+    "@angular/core": ">=12.2.0",
+    "@colijnit/articleapi": ">=261.1.0",
+    "@colijnit/configuratorapi": ">=261.1.2",
+    "@colijnit/corecomponents": "1.12.0",
+    "@colijnit/corecomponents_v12": ">=261.1.1",
+    "@colijnit/ioneconnector": ">=261.1.3",
+    "@colijnit/mainapi": ">=261.1.1",
+    "@types/three": ">=0.178.1",
+    "three": ">=0.178.0"
   },
   "main": "bundles/colijnit-configurator.umd.js",
   "module": "fesm2015/colijnit-configurator.js",
@@ -37,6 +22,8 @@
   "esm2015": "esm2015/colijnit-configurator.js",
   "fesm2015": "fesm2015/colijnit-configurator.js",
   "typings": "colijnit-configurator.d.ts",
-  "metadata": "colijnit-configurator.metadata.json",
-  "sideEffects": false
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.2.0"
+  }
 }

package/public-api.d.ts

@@ -0,0 +1,60 @@
+export * from './lib/components/configurator/configurator.module';
+export * from './lib/components/configurator/configurator.component';
+export * from './lib/components/answer-card/answer-card.module';
+export * from './lib/components/answer-card/answer-card.component';
+export * from './lib/components/answer-info-dialog/answer-info-dialog.module';
+export * from './lib/components/answer-info-dialog/answer-info-dialog.component';
+export * from './lib/components/answers-slideout/answers-slideout.module';
+export * from './lib/components/answers-slideout/answers-slideout.component';
+export * from './lib/components/color-filter/color-filter.module';
+export * from './lib/components/color-filter/color-filter.component';
+export * from './lib/components/configurator-dialog/configurator-dialog.module';
+export * from './lib/components/configurator-dialog/configurator-camera-settings.component';
+export * from './lib/components/configurator-dialog/configurator-export-dialog.component';
+export * from './lib/components/configurator-dialog/configurator-error-dialog.component';
+export * from './lib/components/configurator-loader/configurator-loader.module';
+export * from './lib/components/configurator-loader/configurator-loader.component';
+export * from './lib/components/configurator-scene-loader/configurator-scene-loader.component';
+export * from './lib/components/configurator-scene-loader/configurator-scene-loader.module';
+export * from './lib/components/element-buttons/element-buttons.module';
+export * from './lib/components/element-buttons/element-buttons.component';
+export * from './lib/components/element-toolbar/element-toolbar.module';
+export * from './lib/components/element-toolbar/element-toolbar.component';
+export * from './lib/components/image-zoom/image-zoom.module';
+export * from './lib/components/image-zoom/image-zoom.component';
+export * from './lib/components/lite-selector/lite-selector.module';
+export * from './lib/components/lite-selector/lite-selector.component';
+export * from './lib/components/product-configurator/product-configurator.module';
+export * from './lib/components/product-configurator/product-configurator.component';
+export * from './lib/components/product-configurator-selector/product-configurator-selector.module';
+export * from './lib/components/product-configurator-selector/product-configurator-selector.component';
+export * from './lib/components/product-configurator-selector-option/product-configurator-selector-option.module';
+export * from './lib/components/product-configurator-selector-option/product-configurator-selector-option.component';
+export * from './lib/components/product-configurator-selector-option-button/product-configurator-selector-option-button.module';
+export * from './lib/components/product-configurator-selector-option-button/product-configurator-selector-option-button.component';
+export * from './lib/components/product-configurator-selector-option-checkbox/product-configurator-selector-option-checkbox.module';
+export * from './lib/components/product-configurator-selector-option-checkbox/product-configurator-selector-option-checkbox.component';
+export * from './lib/components/product-configurator-selector-option-dropdown/product-configurator-selector-option-dropdown.module';
+export * from './lib/components/product-configurator-selector-option-dropdown/product-configurator-selector-option-dropdown.component';
+export * from './lib/components/product-configurator-selector-option-tile/product-configurator-selector-option-tile.module';
+export * from './lib/components/product-configurator-selector-option-tile/product-configurator-selector-option-tile.component';
+export * from './lib/components/progress-bar/progress-bar.module';
+export * from './lib/components/progress-bar/progress-bar.component';
+export * from './lib/components/scene-options/scene-options.module';
+export * from './lib/components/scene-options/scene-options.component';
+export * from './lib/components/selections-summary/selections-summary.module';
+export * from './lib/components/selections-summary/selections-summary.component';
+export * from './lib/components/selections-summary-line/selections-summary-line.component';
+export * from './lib/components/summary-line/summary-line.module';
+export * from './lib/components/summary-line/summary-line.component';
+export * from './lib/components/tag-filter/tag-filter.module';
+export * from './lib/components/tag-filter/tag-filter.component';
+export * from './lib/components/threedselector/threedselector.module';
+export * from './lib/components/threedselector/threedselector.component';
+export * from './lib/components/threedselector/threedselector.component';
+export * from './lib/components/configurator-scene/configurator-scene.module';
+export * from './lib/components/configurator-scene/configurator-scene.component';
+export * from './lib/services/configuring.service';
+export * from './lib/model/configuration-result-object';
+export * from './lib/model/configurator-error-message';
+export * from './lib/builder';

package/README.md

@@ -1,28 +0,0 @@
-# Catalog
-
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.1.2.
-
-## Development server
-
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
-
-## Code scaffolding
-
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|module`.
-
-## Build
-
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
-
-## Running unit tests
-
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Running end-to-end tests
-
-Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
-Before running the tests make sure you are serving the app via `ng serve`.
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

package/app/components/answers/answer/answer.component.d.ts

@@ -1,11 +0,0 @@
-import { OnInit } from '@angular/core';
-import { Answer } from '@colijnit/configuratorapi/build/model/answer';
-import { Builder } from "../../../builder";
-export declare class AnswerComponent implements OnInit {
-    private _builder;
-    answer: Answer;
-    set showing(value: boolean);
-    constructor(_builder: Builder);
-    ngOnInit(): void;
-    private _loadThumbnail;
-}

package/app/components/answers/answers.component.d.ts

@@ -1,8 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { Answer } from "@colijnit/configuratorapi/build/model/answer";
-export declare class AnswersComponent {
-    answers: Answer[];
-    selectionTitle: string;
-    answerClick: EventEmitter<Answer>;
-    constructor();
-}

package/app/components/answers/answers.module.d.ts

@@ -1,2 +0,0 @@
-export declare class AnswersModule {
-}

package/app/components/selections/selections.component.d.ts

@@ -1,21 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { Selection } from "@colijnit/configuratorapi/build/model/selection";
-import { Builder } from "../../builder";
-declare class SelectionViewModel {
-    selection: Selection;
-    children: Selection[];
-    expanded: boolean;
-    thumbnail: string;
-}
-export declare class SelectionsComponent {
-    private _builder;
-    set selections(value: Selection[]);
-    selectionClick: EventEmitter<Selection>;
-    selectionViewModels: SelectionViewModel[];
-    constructor(_builder: Builder);
-    expandClicked(selectionViewModel: SelectionViewModel, mouseEvent: MouseEvent): void;
-    selectSelection(selection: Selection, mouseEvent: MouseEvent): void;
-    private _loadThumbnails;
-    private _prepareSelections;
-}
-export {};

package/app/components/selections/selections.module.d.ts

@@ -1,2 +0,0 @@
-export declare class SelectionsModule {
-}

package/app/components/shared/loader/loader.component.d.ts

@@ -1,2 +0,0 @@
-export declare class LoaderComponent {
-}

package/app/components/shared/shared.module.d.ts

@@ -1,2 +0,0 @@
-export declare class SharedModule {
-}

package/app/services/configurator.service.d.ts

@@ -1,19 +0,0 @@
-import { Selection } from '@colijnit/configuratorapi/build/model/selection';
-import { Answer } from '@colijnit/configuratorapi/build/model/answer';
-import { QuestionAndAnswers } from '@colijnit/configuratorapi/build/model/question-and-answers';
-import { Options } from '@colijnit/ioneconnector/build/model/options';
-import { DataServiceResponseData } from '@colijnit/ioneconnector/build/model/data-service-response-data';
-export declare class ConfiguratorService {
-    private _configuratorApi;
-    initApi(options: Options): void;
-    initNodeInstance(goodId: number): Promise<DataServiceResponseData>;
-    setInstanceToConfigure(id: string, showLoader?: boolean): Promise<DataServiceResponseData>;
-    getGoodIdFromSku(sku: string, showLoader?: boolean): Promise<DataServiceResponseData>;
-    getArticleQuickSel(goodId: number, showLoader?: boolean): Promise<DataServiceResponseData>;
-    getSelections(showLoader?: boolean, publicationCode?: number): Promise<DataServiceResponseData>;
-    getDecos(showLoader?: boolean): Promise<DataServiceResponseData>;
-    getQuestionAndAnswers(showLoader?: boolean, publicationCode?: number): Promise<QuestionAndAnswers>;
-    getSingleImage(nodeId: number | string, publication: number, includeMimetype: boolean, thumb: boolean, showLoader: boolean): Promise<DataServiceResponseData>;
-    selectSelection(selection: Selection, showLoader?: boolean): Promise<DataServiceResponseData>;
-    selectAnswer(answer: Answer, showLoader?: boolean): Promise<DataServiceResponseData>;
-}

package/app/services/image-cache.service.d.ts

@@ -1,10 +0,0 @@
-import { Answer } from '@colijnit/configuratorapi/build/model/answer';
-import { Selection } from '@colijnit/configuratorapi/build/model/selection';
-import { ConfiguratorService } from './configurator.service';
-export declare class ImageCacheService {
-    private _configuratorService;
-    private _imageCache;
-    constructor(_configuratorService: ConfiguratorService);
-    private static _handleResponseData;
-    getImageForSelectionOrAnswer(object: Selection | Answer): Promise<string>;
-}

package/app/utils/object.utils.d.ts

@@ -1,7 +0,0 @@
-import { Material, Mesh, Object3D } from "three";
-export declare class ObjectUtils {
-    static materialProps: string[];
-    private static DisposeNode;
-    static DisposeMaterial(material: Material | Material[]): void;
-    static DisposeObject(object: Object3D | Mesh): void;
-}

package/colijnit-configurator.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"Builder":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":23,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"init":[{"__symbolic":"method"}],"buildModel":[{"__symbolic":"method"}],"buildModelFromData":[{"__symbolic":"method"}],"initNodeInstance":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"selectSelection":[{"__symbolic":"method"}],"getQuestionAndAnswers":[{"__symbolic":"method"}],"selectAnswer":[{"__symbolic":"method"}],"getImageForSelectionOrAnswer":[{"__symbolic":"method"}],"_cleanUp":[{"__symbolic":"method"}],"_handleResponseData":[{"__symbolic":"method"}],"_preloadMaterials":[{"__symbolic":"method"}],"_setInstanceId":[{"__symbolic":"method"}],"_prepareConfiguration":[{"__symbolic":"method"}],"_downloadAsset":[{"__symbolic":"method"}],"_build":[{"__symbolic":"method"}],"_prepareTheSelections":[{"__symbolic":"method"}],"_getMaterialIdFromParent":[{"__symbolic":"method"}],"_createAdjustable":[{"__symbolic":"method"}],"_createAddable":[{"__symbolic":"method"}],"_placeAddables":[{"__symbolic":"method"}],"_createUniqueName":[{"__symbolic":"method"}],"_getGoodIdFromSku":[{"__symbolic":"method"}],"_getArticle":[{"__symbolic":"method"}],"_getSelections":[{"__symbolic":"method"}],"_getDecos":[{"__symbolic":"method"}],"_linkSelectionsAndDecos":[{"__symbolic":"method"}],"_getVariations":[{"__symbolic":"method"}],"_loadVariations":[{"__symbolic":"method"}],"_getAdjustables":[{"__symbolic":"method"}],"_updatePivot":[{"__symbolic":"method"}],"_reset":[{"__symbolic":"method"}],"_log":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ConfiguratorService":{"__symbolic":"class","members":{"initApi":[{"__symbolic":"method"}],"initNodeInstance":[{"__symbolic":"method"}],"setInstanceToConfigure":[{"__symbolic":"method"}],"getGoodIdFromSku":[{"__symbolic":"method"}],"getArticleQuickSel":[{"__symbolic":"method"}],"getSelections":[{"__symbolic":"method"}],"getDecos":[{"__symbolic":"method"}],"getQuestionAndAnswers":[{"__symbolic":"method"}],"getSingleImage":[{"__symbolic":"method"}],"selectSelection":[{"__symbolic":"method"}],"selectAnswer":[{"__symbolic":"method"}]}},"AnswersModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","name":"ɵa"}],"declarations":[{"__symbolic":"reference","name":"AnswersComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"exports":[{"__symbolic":"reference","name":"AnswersComponent"}]}]}],"members":{}},"AnswersComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"answers","template":"\n        <div class=\"ione-configurator\">\n            <div class=\"rp-answers-slideout\">\n                <h2 class=\"answers-title\" [textContent]=\"selectionTitle\"></h2>\n                <div class=\"answers-container\" visibilityObserverMaster>\n                    <answer *ngFor=\"let answer of answers\"\n                            (click)=\"answerClick.emit(answer)\"\n                            [answer]=\"answer\"\n                            visibilityObserver\n                            #intersection=\"intersection\"\n                            [observerEnabled]=\"true\"\n                            [showing]=\"intersection.isIntersecting\"\n                    ></answer>\n                </div>\n                \n            </div>\n        </div>\n    ","styles":[".ione-configurator .rp-answers-slideout{position:absolute;top:0;right:0;width:400px;height:-moz-fit-content;height:fit-content}.ione-configurator .answers-title{margin-left:10px;color:#1a1a1a}.ione-configurator .answers-container{height:100vh;overflow-y:scroll}.ione-configurator .answer-content{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid lightgray;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px #d3d3d380;background:white}.ione-configurator .thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .img-size{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .answer-wrapper{display:block}.ione-configurator .answer-title{font-size:12px;position:relative;overflow:hidden;cursor:pointer}.ione-configurator .question{font-weight:bold;color:#1a1a1a}.ione-configurator .answer{font-size:12px;font-style:italic;margin-top:3px}.ione-configurator .collapse-wrapper{display:block}.ione-configurator .collapse-content{display:block}.ione-configurator .collapse-handle{position:absolute;top:10px;right:12px;border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.ione-configurator .collapse-handle.expanded{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.ione-configurator .child-selection{margin-left:10px;display:flex;flex-direction:column;margin-top:5px}.ione-configurator .mat-title{margin-left:10px;color:#1a1a1a}.ione-configurator .drawer__header{height:48px}.ione-configurator .rp-selections-summary{height:-moz-fit-content;height:fit-content;background:transparent;overflow:auto;position:absolute;top:0;right:0;width:400px}.ione-configurator .selections-content{overflow-y:auto}.ione-configurator .co-summary-line{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid lightgray;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px #d3d3d380;background:white}.ione-configurator .selection-thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .selection-img{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .answer-thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .answer-img{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .unloaded{background-color:#d3d3d3}.ione-configurator .titles{margin-left:14px;align-self:center}.ione-configurator .title-wrapper{display:flex;flex-direction:column}.ione-configurator .answer-title-wrapper{text-align:center;align-self:center;margin-left:14px}\n"]}]}],"members":{"answers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"selectionTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"answerClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"SelectionsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":8},{"__symbolic":"reference","name":"ɵa"}],"declarations":[{"__symbolic":"reference","name":"SelectionsComponent"}],"exports":[{"__symbolic":"reference","name":"SelectionsComponent"}]}]}],"members":{}},"SelectionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"selections","template":"\n        <div class=\"ione-configurator\">\n            <div class=\"rp-selections-summary\">\n                <header class=\"drawer__header\">\n                    <h2 class=\"mat-title\" [textContent]=\"'Configuratie'\"></h2>\n                    <!--<button>-->\n                    <!---->\n                    <!--</button>-->\n                </header>\n                <div class=\"selections-content\">\n                    <ng-container *ngFor=\"let selectionViewModel of selectionViewModels\">\n\n                        <div class=\"co-summary-line\" (click)=\"selectSelection(selectionViewModel.selection, $event)\">\n                            <div class=\"selection-thumbnail\">\n                                <rp-loader *ngIf=\"selectionViewModel.thumbnail === ''\"></rp-loader>\n                                <img visibilityObserver *ngIf=\"selectionViewModel.thumbnail !== '' && selectionViewModel.thumbnail !== null\" class=\"selection-img\" [src]=\"selectionViewModel.thumbnail\">\n                            </div>\n                            <div class=\"titles\">\n                                <div class=\"title-wrapper\">\n                                    <label class=\"question\" [textContent]=\"selectionViewModel.selection.question\"></label>\n                                    <span class=\"answer\" [textContent]=\"selectionViewModel.selection.answer\"></span>\n                                    <div *ngIf=\"selectionViewModel.children.length > 0 && selectionViewModel.expanded\" @showHideChildren>\n                                        <div class=\"child-selection\" *ngFor=\"let selection of selectionViewModel.children\"\n                                             (click)=\"selectSelection(selection, $event)\"\n                                        >\n                                            <label class=\"question\" [textContent]=\"selection.commercialQuestion\"></label>\n                                            <span class=\"answer\" [textContent]=\"selection.answer\"></span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            \n                            <div class=\"price-wrapper\">\n                                <span class=\"price-value\"></span>\n                            </div>\n\n                            <div class=\"collapse-wrapper\">\n                                <div class=\"collapse-content\">\n                                    <div class=\"collapse-handle\" [class.expanded]=\"selectionViewModel.expanded\"\n                                         *ngIf=\"selectionViewModel.children.length > 0\" (click)=\"expandClicked(selectionViewModel, $event)\"></div>\n                                </div>\n                            </div>\n                        </div>\n\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":68,"character":8},"arguments":["showHideChildren",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":69,"character":12},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":69,"character":26},"arguments":[{"height":"0","$quoted$":["height"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":70,"character":12},"arguments":["*",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":70,"character":23},"arguments":[{"height":"*","$quoted$":["height"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":71,"character":12},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":71,"character":37},"arguments":[200]}]}]]}],"styles":[".ione-configurator .rp-answers-slideout{position:absolute;top:0;right:0;width:400px;height:-moz-fit-content;height:fit-content}.ione-configurator .answers-title{margin-left:10px;color:#1a1a1a}.ione-configurator .answers-container{height:100vh;overflow-y:scroll}.ione-configurator .answer-content{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid lightgray;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px #d3d3d380;background:white}.ione-configurator .thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .img-size{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .answer-wrapper{display:block}.ione-configurator .answer-title{font-size:12px;position:relative;overflow:hidden;cursor:pointer}.ione-configurator .question{font-weight:bold;color:#1a1a1a}.ione-configurator .answer{font-size:12px;font-style:italic;margin-top:3px}.ione-configurator .collapse-wrapper{display:block}.ione-configurator .collapse-content{display:block}.ione-configurator .collapse-handle{position:absolute;top:10px;right:12px;border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.ione-configurator .collapse-handle.expanded{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.ione-configurator .child-selection{margin-left:10px;display:flex;flex-direction:column;margin-top:5px}.ione-configurator .mat-title{margin-left:10px;color:#1a1a1a}.ione-configurator .drawer__header{height:48px}.ione-configurator .rp-selections-summary{height:-moz-fit-content;height:fit-content;background:transparent;overflow:auto;position:absolute;top:0;right:0;width:400px}.ione-configurator .selections-content{overflow-y:auto}.ione-configurator .co-summary-line{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid lightgray;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px #d3d3d380;background:white}.ione-configurator .selection-thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .selection-img{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .answer-thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .answer-img{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .unloaded{background-color:#d3d3d3}.ione-configurator .titles{margin-left:14px;align-self:center}.ione-configurator .title-wrapper{display:flex;flex-direction:column}.ione-configurator .answer-title-wrapper{text-align:center;align-self:center;margin-left:14px}\n"]}]}],"members":{"selections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5}}]}],"selectionClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Builder"}]}],"expandClicked":[{"__symbolic":"method"}],"selectSelection":[{"__symbolic":"method"}],"_loadThumbnails":[{"__symbolic":"method"}],"_prepareSelections":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"rp-loader","template":"\n    <div class=\"loader-wrapper\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" stroke=\"#3760a1\">\n        <g fill=\"none\" fill-rule=\"evenodd\" stroke-width=\"3\">\n          <circle class=\"ripple1\" cx=\"22\" cy=\"22\" r=\"19\">\n          </circle>\n          <circle class=\"ripple2\" cx=\"22\" cy=\"22\" r=\"19\">\n          </circle>\n        </g>\n      </svg>\n    </div>\n  ","styles":[":host{-webkit-user-select:none;user-select:none;pointer-events:none}:host .loader-wrapper{z-index:1100;position:absolute;width:54px;height:54px}:host .loader-wrapper svg{width:100%;height:100%}:host .loader-wrapper svg .ripple1{transform-origin:center;animation:ripple 1.5s infinite}:host .loader-wrapper svg .ripple2{transform-origin:center;animation:ripple 1.5s infinite .4s}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}\n"]}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"answer","template":"\n    <div class=\"ione-configurator\">\n      <div class=\"answer-wrapper\">\n        <div class=\"answer-content\" @answerAppear>\n          <div class=\"answer-thumbnail\">\n            <rp-loader *ngIf=\"answer.imageData === ''\"></rp-loader>\n            <img *ngIf=\"answer.imageData !== '' && answer.imageData !== null\" class=\"answer-img\" [src]=\"answer.imageData\">\n          </div>\n          <div class=\"answer-title-wrapper\">\n            <span class=\"answer-title\" [textContent]=\"answer.commercialAnswer\"></span>\n          </div>\n          <div class=\"price\">\n            <span class=\"price-value\"></span>\n          </div>\n        </div>\n      </div>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":30,"character":4},"arguments":["answerAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":31,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":20},"arguments":[{"background":"#dbdbdb","$quoted$":["background"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":32,"character":6},"arguments":["white",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":32,"character":21},"arguments":[{"background":"white","$quoted$":["background"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":33,"character":6},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":33,"character":31},"arguments":[500]}]}]]}],"styles":[".ione-configurator .rp-answers-slideout{position:absolute;top:0;right:0;width:400px;height:-moz-fit-content;height:fit-content}.ione-configurator .answers-title{margin-left:10px;color:#1a1a1a}.ione-configurator .answers-container{height:100vh;overflow-y:scroll}.ione-configurator .answer-content{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid lightgray;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px #d3d3d380;background:white}.ione-configurator .thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .img-size{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .answer-wrapper{display:block}.ione-configurator .answer-title{font-size:12px;position:relative;overflow:hidden;cursor:pointer}.ione-configurator .question{font-weight:bold;color:#1a1a1a}.ione-configurator .answer{font-size:12px;font-style:italic;margin-top:3px}.ione-configurator .collapse-wrapper{display:block}.ione-configurator .collapse-content{display:block}.ione-configurator .collapse-handle{position:absolute;top:10px;right:12px;border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.ione-configurator .collapse-handle.expanded{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.ione-configurator .child-selection{margin-left:10px;display:flex;flex-direction:column;margin-top:5px}.ione-configurator .mat-title{margin-left:10px;color:#1a1a1a}.ione-configurator .drawer__header{height:48px}.ione-configurator .rp-selections-summary{height:-moz-fit-content;height:fit-content;background:transparent;overflow:auto;position:absolute;top:0;right:0;width:400px}.ione-configurator .selections-content{overflow-y:auto}.ione-configurator .co-summary-line{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid lightgray;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px #d3d3d380;background:white}.ione-configurator .selection-thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .selection-img{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .answer-thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.ione-configurator .answer-img{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.ione-configurator .unloaded{background-color:#d3d3d3}.ione-configurator .titles{margin-left:14px;align-self:center}.ione-configurator .title-wrapper{display:flex;flex-direction:column}.ione-configurator .answer-title-wrapper{text-align:center;align-self:center;margin-left:14px}\n"]}]}],"members":{"answer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"showing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Builder"}]}],"ngOnInit":[{"__symbolic":"method"}],"_loadThumbnail":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[visibilityObserver]","exportAs":"intersection"}]}],"members":{"observerEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":18}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[visibilityObserverMaster]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnDestroy":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}]}}},"origins":{"Builder":"./app/builder","ConfiguratorService":"./app/services/configurator.service","AnswersModule":"./app/components/answers/answers.module","AnswersComponent":"./app/components/answers/answers.component","SelectionsModule":"./app/components/selections/selections.module","SelectionsComponent":"./app/components/selections/selections.component","ɵa":"./app/components/shared/shared.module","ɵb":"./app/components/shared/loader/loader.component","ɵc":"./app/components/answers/answer/answer.component","ɵd":"./app/directives/visibility-observer.directive","ɵe":"./app/directives/visibility-observer-master.directive"},"importAs":"@colijnit/configurator"}