@colijnit/configurator 1.0.16 → 1.0.18

package/esm5/app/components/answers/answer/answer.component.js

@@ -1,64 +1,64 @@
-import { __awaiter, __decorate, __generator } from "tslib";
-import { Component, Input } from '@angular/core';
-import { ImageCacheService } from '../../../services/image-cache.service';
-import { animate, state, style, transition, trigger } from '@angular/animations';
-var AnswerComponent = /** @class */ (function () {
-    function AnswerComponent(_imageCacheService) {
-        this._imageCacheService = _imageCacheService;
-    }
-    Object.defineProperty(AnswerComponent.prototype, "showing", {
-        set: function (value) {
-            this.answer.imageData = '';
-            if (value && this.answer.answer !== 'Skip / Cancel') {
-                this._loadThumbnail(this.answer);
-            }
-            else {
-                this.answer.imageData = null;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    AnswerComponent.prototype.ngOnInit = function () {
-    };
-    AnswerComponent.prototype._loadThumbnail = function (answer) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this._imageCacheService.getImageForSelectionOrAnswer(answer).then(function (imageSrc) {
-                            answer.imageData = imageSrc === "" ? null : imageSrc;
-                        })];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    AnswerComponent.ctorParameters = function () { return [
-        { type: ImageCacheService }
-    ]; };
-    __decorate([
-        Input()
-    ], AnswerComponent.prototype, "answer", void 0);
-    __decorate([
-        Input()
-    ], AnswerComponent.prototype, "showing", null);
-    AnswerComponent = __decorate([
-        Component({
-            selector: 'answer',
-            template: "\n    <ng-container>\n      <div class=\"selection\" @answerAppear>\n        <div class=\"thumbnail\">\n          <rp-loader *ngIf=\"answer.imageData === ''\"></rp-loader>\n          <img *ngIf=\"answer.imageData !== '' && answer.imageData !== null\" class=\"img-size\" [src]=\"answer.imageData\">\n        </div>\n        <div class=\"titles\">\n          <div class=\"answer\" [textContent]=\"answer.commercialAnswer\"></div>\n        </div>\n      </div>\n    </ng-container>\n  ",
-            animations: [
-                trigger('answerAppear', [
-                    state('void', style({ 'background': '#dbdbdb' })),
-                    state('white', style({ 'background': 'white' })),
-                    transition('void <=> *', animate(500))
-                ])
-            ],
-            styles: [".answer{font-size:12px;position:relative;overflow:hidden;cursor:pointer}", ".selection{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid #d3d3d3;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px rgba(211,211,211,.5);background:#fff}.thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.img-size{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.unloaded{background-color:#d3d3d3}.titles{margin-left:14px;-ms-grid-row-align:center;align-self:center}"]
-        })
-    ], AnswerComponent);
-    return AnswerComponent;
-}());
-export { AnswerComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5zd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bjb2xpam5pdC9jb25maWd1cmF0b3IvIiwic291cmNlcyI6WyJhcHAvY29tcG9uZW50cy9hbnN3ZXJzL2Fuc3dlci9hbnN3ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQztBQUV4RSxPQUFPLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBNkIvRTtJQWNFLHlCQUFvQixrQkFBcUM7UUFBckMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFtQjtJQUFJLENBQUM7SUFUOUQsc0JBQVcsb0NBQU87YUFBbEIsVUFBbUIsS0FBYztZQUMvQixJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7WUFDM0IsSUFBSSxLQUFLLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEtBQUssZUFBZSxFQUFFO2dCQUNuRCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQzthQUNsQztpQkFBTTtnQkFDTCxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7YUFDOUI7UUFDSCxDQUFDOzs7T0FBQTtJQUlNLGtDQUFRLEdBQWY7SUFDQSxDQUFDO0lBRWEsd0NBQWMsR0FBNUIsVUFBNkIsTUFBYzs7Ozs0QkFDekMscUJBQU0sSUFBSSxDQUFDLGtCQUFrQixDQUFDLDRCQUE0QixDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFDLFFBQWdCOzRCQUN2RixNQUFNLENBQUMsU0FBUyxHQUFHLFFBQVEsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO3dCQUN2RCxDQUFDLENBQUMsRUFBQTs7d0JBRkYsU0FFRSxDQUFDOzs7OztLQUNKOztnQkFUdUMsaUJBQWlCOztJQVp6RDtRQURDLEtBQUssRUFBRTttREFDYztJQUd0QjtRQURDLEtBQUssRUFBRTtrREFRUDtJQVpVLGVBQWU7UUEzQjNCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxRQUFRO1lBQ2xCLFFBQVEsRUFBRSxvZUFZVDtZQUtELFVBQVUsRUFBRTtnQkFDVixPQUFPLENBQUMsY0FBYyxFQUFFO29CQUN0QixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFDLFlBQVksRUFBRSxTQUFTLEVBQUMsQ0FBQyxDQUFDO29CQUMvQyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFDLFlBQVksRUFBRSxPQUFPLEVBQUMsQ0FBQyxDQUFDO29CQUM5QyxVQUFVLENBQUMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQztpQkFDdkMsQ0FBQzthQUNIOztTQUNGLENBQUM7T0FDVyxlQUFlLENBd0IzQjtJQUFELHNCQUFDO0NBQUEsQUF4QkQsSUF3QkM7U0F4QlksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7SW1hZ2VDYWNoZVNlcnZpY2V9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2ltYWdlLWNhY2hlLnNlcnZpY2UnO1xuaW1wb3J0IHtBbnN3ZXJ9IGZyb20gJ0Bjb2xpam5pdC9jb25maWd1cmF0b3JhcGkvYnVpbGQvbW9kZWwvYW5zd2VyJztcbmltcG9ydCB7YW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYW5zd2VyJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGFpbmVyPlxuICAgICAgPGRpdiBjbGFzcz1cInNlbGVjdGlvblwiIEBhbnN3ZXJBcHBlYXI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0aHVtYm5haWxcIj5cbiAgICAgICAgICA8cnAtbG9hZGVyICpuZ0lmPVwiYW5zd2VyLmltYWdlRGF0YSA9PT0gJydcIj48L3JwLWxvYWRlcj5cbiAgICAgICAgICA8aW1nICpuZ0lmPVwiYW5zd2VyLmltYWdlRGF0YSAhPT0gJycgJiYgYW5zd2VyLmltYWdlRGF0YSAhPT0gbnVsbFwiIGNsYXNzPVwiaW1nLXNpemVcIiBbc3JjXT1cImFuc3dlci5pbWFnZURhdGFcIj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZXNcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYW5zd2VyXCIgW3RleHRDb250ZW50XT1cImFuc3dlci5jb21tZXJjaWFsQW5zd2VyXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIGAsXG4gIHN0eWxlVXJsczogW1xuICAgICcuL2Fuc3dlci5jb21wb25lbnQuc2NzcycsXG4gICAgJy4uLy4uLy4uLy4uL3N0eWxlL3NoYXJlZC5zY3NzJ1xuICBdLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignYW5zd2VyQXBwZWFyJywgW1xuICAgICAgc3RhdGUoJ3ZvaWQnLCBzdHlsZSh7J2JhY2tncm91bmQnOiAnI2RiZGJkYid9KSksXG4gICAgICBzdGF0ZSgnd2hpdGUnLCBzdHlsZSh7J2JhY2tncm91bmQnOiAnd2hpdGUnfSkpLFxuICAgICAgdHJhbnNpdGlvbigndm9pZCA8PT4gKicsIGFuaW1hdGUoNTAwKSlcbiAgICBdKVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEFuc3dlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhbnN3ZXI6IEFuc3dlcjtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHNob3dpbmcodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmFuc3dlci5pbWFnZURhdGEgPSAnJztcbiAgICBpZiAodmFsdWUgJiYgdGhpcy5hbnN3ZXIuYW5zd2VyICE9PSAnU2tpcCAvIENhbmNlbCcpIHtcbiAgICAgIHRoaXMuX2xvYWRUaHVtYm5haWwodGhpcy5hbnN3ZXIpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmFuc3dlci5pbWFnZURhdGEgPSBudWxsO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2ltYWdlQ2FjaGVTZXJ2aWNlOiBJbWFnZUNhY2hlU2VydmljZSkgeyB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfbG9hZFRodW1ibmFpbChhbnN3ZXI6IEFuc3dlcik6IFByb21pc2U8dm9pZD4ge1xuICAgIGF3YWl0IHRoaXMuX2ltYWdlQ2FjaGVTZXJ2aWNlLmdldEltYWdlRm9yU2VsZWN0aW9uT3JBbnN3ZXIoYW5zd2VyKS50aGVuKChpbWFnZVNyYzogc3RyaW5nKSA9PiB7XG4gICAgICBhbnN3ZXIuaW1hZ2VEYXRhID0gaW1hZ2VTcmMgPT09IFwiXCIgPyBudWxsIDogaW1hZ2VTcmM7XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==
+import { __awaiter, __decorate, __generator } from "tslib";
+import { Component, Input } from '@angular/core';
+import { ImageCacheService } from '../../../services/image-cache.service';
+import { animate, state, style, transition, trigger } from '@angular/animations';
+var AnswerComponent = /** @class */ (function () {
+    function AnswerComponent(_imageCacheService) {
+        this._imageCacheService = _imageCacheService;
+    }
+    Object.defineProperty(AnswerComponent.prototype, "showing", {
+        set: function (value) {
+            this.answer.imageData = '';
+            if (value && this.answer.answer !== 'Skip / Cancel') {
+                this._loadThumbnail(this.answer);
+            }
+            else {
+                this.answer.imageData = null;
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    AnswerComponent.prototype.ngOnInit = function () {
+    };
+    AnswerComponent.prototype._loadThumbnail = function (answer) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this._imageCacheService.getImageForSelectionOrAnswer(answer).then(function (imageSrc) {
+                            answer.imageData = imageSrc === "" ? null : imageSrc;
+                        })];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    AnswerComponent.ctorParameters = function () { return [
+        { type: ImageCacheService }
+    ]; };
+    __decorate([
+        Input()
+    ], AnswerComponent.prototype, "answer", void 0);
+    __decorate([
+        Input()
+    ], AnswerComponent.prototype, "showing", null);
+    AnswerComponent = __decorate([
+        Component({
+            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: [
+                trigger('answerAppear', [
+                    state('void', style({ 'background': '#dbdbdb' })),
+                    state('white', style({ 'background': 'white' })),
+                    transition('void <=> *', animate(500))
+                ])
+            ],
+            styles: [".ione-configurator .rp-answers-slideout{position:absolute;top:0;right:0;width:400px;height:-webkit-fit-content;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 #d3d3d3;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px rgba(211,211,211,.5);background:#fff}.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:700;color:#1a1a1a}.ione-configurator .answer{font-size:12px;font-style:italic;margin-top:3px}.ione-configurator .collapse-content,.ione-configurator .collapse-wrapper{display:block}.ione-configurator .collapse-handle{position:absolute;top:10px;right:12px;border:solid #000;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:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:0 0;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 #d3d3d3;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px rgba(211,211,211,.5);background:#fff}.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;-ms-grid-row-align:center;align-self:center}.ione-configurator .title-wrapper{display:flex;flex-direction:column}.ione-configurator .answer-title-wrapper{text-align:center;-ms-grid-row-align:center;align-self:center;margin-left:14px}"]
+        })
+    ], AnswerComponent);
+    return AnswerComponent;
+}());
+export { AnswerComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5zd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bjb2xpam5pdC9jb25maWd1cmF0b3IvIiwic291cmNlcyI6WyJhcHAvY29tcG9uZW50cy9hbnN3ZXJzL2Fuc3dlci9hbnN3ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQztBQUV4RSxPQUFPLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBaUMvRTtJQWNFLHlCQUFvQixrQkFBcUM7UUFBckMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFtQjtJQUFJLENBQUM7SUFUOUQsc0JBQVcsb0NBQU87YUFBbEIsVUFBbUIsS0FBYztZQUMvQixJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7WUFDM0IsSUFBSSxLQUFLLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEtBQUssZUFBZSxFQUFFO2dCQUNuRCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQzthQUNsQztpQkFBTTtnQkFDTCxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7YUFDOUI7UUFDSCxDQUFDOzs7T0FBQTtJQUlNLGtDQUFRLEdBQWY7SUFDQSxDQUFDO0lBRWEsd0NBQWMsR0FBNUIsVUFBNkIsTUFBYzs7Ozs0QkFDekMscUJBQU0sSUFBSSxDQUFDLGtCQUFrQixDQUFDLDRCQUE0QixDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFDLFFBQWdCOzRCQUN2RixNQUFNLENBQUMsU0FBUyxHQUFHLFFBQVEsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO3dCQUN2RCxDQUFDLENBQUMsRUFBQTs7d0JBRkYsU0FFRSxDQUFDOzs7OztLQUNKOztnQkFUdUMsaUJBQWlCOztJQVp6RDtRQURDLEtBQUssRUFBRTttREFDYztJQUd0QjtRQURDLEtBQUssRUFBRTtrREFRUDtJQVpVLGVBQWU7UUEvQjNCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxRQUFRO1lBQ2xCLFFBQVEsRUFBRSw0ckJBaUJUO1lBSUQsVUFBVSxFQUFFO2dCQUNWLE9BQU8sQ0FBQyxjQUFjLEVBQUU7b0JBQ3RCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUMsWUFBWSxFQUFFLFNBQVMsRUFBQyxDQUFDLENBQUM7b0JBQy9DLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUMsWUFBWSxFQUFFLE9BQU8sRUFBQyxDQUFDLENBQUM7b0JBQzlDLFVBQVUsQ0FBQyxZQUFZLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO2lCQUN2QyxDQUFDO2FBQ0g7O1NBQ0YsQ0FBQztPQUNXLGVBQWUsQ0F3QjNCO0lBQUQsc0JBQUM7Q0FBQSxBQXhCRCxJQXdCQztTQXhCWSxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtJbWFnZUNhY2hlU2VydmljZX0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvaW1hZ2UtY2FjaGUuc2VydmljZSc7XG5pbXBvcnQge0Fuc3dlcn0gZnJvbSAnQGNvbGlqbml0L2NvbmZpZ3VyYXRvcmFwaS9idWlsZC9tb2RlbC9hbnN3ZXInO1xuaW1wb3J0IHthbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhbnN3ZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJpb25lLWNvbmZpZ3VyYXRvclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImFuc3dlci13cmFwcGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJhbnN3ZXItY29udGVudFwiIEBhbnN3ZXJBcHBlYXI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImFuc3dlci10aHVtYm5haWxcIj5cbiAgICAgICAgICAgIDxycC1sb2FkZXIgKm5nSWY9XCJhbnN3ZXIuaW1hZ2VEYXRhID09PSAnJ1wiPjwvcnAtbG9hZGVyPlxuICAgICAgICAgICAgPGltZyAqbmdJZj1cImFuc3dlci5pbWFnZURhdGEgIT09ICcnICYmIGFuc3dlci5pbWFnZURhdGEgIT09IG51bGxcIiBjbGFzcz1cImFuc3dlci1pbWdcIiBbc3JjXT1cImFuc3dlci5pbWFnZURhdGFcIj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYW5zd2VyLXRpdGxlLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYW5zd2VyLXRpdGxlXCIgW3RleHRDb250ZW50XT1cImFuc3dlci5jb21tZXJjaWFsQW5zd2VyXCI+PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZVwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJwcmljZS12YWx1ZVwiPjwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbXG4gICAgJy4uLy4uLy4uLy4uL3N0eWxlL3NoYXJlZC5zY3NzJ1xuICBdLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignYW5zd2VyQXBwZWFyJywgW1xuICAgICAgc3RhdGUoJ3ZvaWQnLCBzdHlsZSh7J2JhY2tncm91bmQnOiAnI2RiZGJkYid9KSksXG4gICAgICBzdGF0ZSgnd2hpdGUnLCBzdHlsZSh7J2JhY2tncm91bmQnOiAnd2hpdGUnfSkpLFxuICAgICAgdHJhbnNpdGlvbigndm9pZCA8PT4gKicsIGFuaW1hdGUoNTAwKSlcbiAgICBdKVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEFuc3dlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhbnN3ZXI6IEFuc3dlcjtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHNob3dpbmcodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmFuc3dlci5pbWFnZURhdGEgPSAnJztcbiAgICBpZiAodmFsdWUgJiYgdGhpcy5hbnN3ZXIuYW5zd2VyICE9PSAnU2tpcCAvIENhbmNlbCcpIHtcbiAgICAgIHRoaXMuX2xvYWRUaHVtYm5haWwodGhpcy5hbnN3ZXIpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmFuc3dlci5pbWFnZURhdGEgPSBudWxsO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2ltYWdlQ2FjaGVTZXJ2aWNlOiBJbWFnZUNhY2hlU2VydmljZSkgeyB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfbG9hZFRodW1ibmFpbChhbnN3ZXI6IEFuc3dlcik6IFByb21pc2U8dm9pZD4ge1xuICAgIGF3YWl0IHRoaXMuX2ltYWdlQ2FjaGVTZXJ2aWNlLmdldEltYWdlRm9yU2VsZWN0aW9uT3JBbnN3ZXIoYW5zd2VyKS50aGVuKChpbWFnZVNyYzogc3RyaW5nKSA9PiB7XG4gICAgICBhbnN3ZXIuaW1hZ2VEYXRhID0gaW1hZ2VTcmMgPT09IFwiXCIgPyBudWxsIDogaW1hZ2VTcmM7XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==

package/esm5/app/components/answers/answers.component.js

@@ -1,27 +1,27 @@
-import { __decorate } from "tslib";
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-var AnswersComponent = /** @class */ (function () {
-    function AnswersComponent() {
-        this.answers = [];
-        this.answerClick = new EventEmitter();
-    }
-    __decorate([
-        Input()
-    ], AnswersComponent.prototype, "answers", void 0);
-    __decorate([
-        Input()
-    ], AnswersComponent.prototype, "selectionTitle", void 0);
-    __decorate([
-        Output()
-    ], AnswersComponent.prototype, "answerClick", void 0);
-    AnswersComponent = __decorate([
-        Component({
-            selector: "answers",
-            template: "\n        <ng-container>\n            <div class=\"answers-container\" visibilityObserverMaster>\n                <h2 class=\"answers-title\" [textContent]=\"selectionTitle\"></h2>\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        </ng-container>\n    ",
-            styles: [":host{position:absolute;top:0;right:0;width:400px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host .answers-title{margin-left:10px;color:#1a1a1a}:host .answers-container{height:100vh;overflow-y:scroll}", ".selection{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid #d3d3d3;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px rgba(211,211,211,.5);background:#fff}.thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.img-size{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.unloaded{background-color:#d3d3d3}.titles{margin-left:14px;-ms-grid-row-align:center;align-self:center}"]
-        })
-    ], AnswersComponent);
-    return AnswersComponent;
-}());
-export { AnswersComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5zd2Vycy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY29saWpuaXQvY29uZmlndXJhdG9yLyIsInNvdXJjZXMiOlsiYXBwL2NvbXBvbmVudHMvYW5zd2Vycy9hbnN3ZXJzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQTBCckU7SUFVSTtRQVJPLFlBQU8sR0FBYSxFQUFFLENBQUM7UUFNdkIsZ0JBQVcsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV2RCxDQUFDO0lBUmhCO1FBREMsS0FBSyxFQUFFO3FEQUNzQjtJQUc5QjtRQURDLEtBQUssRUFBRTs0REFDc0I7SUFHOUI7UUFEQyxNQUFNLEVBQUU7eURBQzZEO0lBUjdELGdCQUFnQjtRQXZCNUIsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLFNBQVM7WUFDbkIsUUFBUSxFQUFFLHFvQkFjVDs7U0FLSixDQUFDO09BRVcsZ0JBQWdCLENBWTVCO0lBQUQsdUJBQUM7Q0FBQSxBQVpELElBWUM7U0FaWSxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtBbnN3ZXJ9IGZyb20gXCJAY29saWpuaXQvY29uZmlndXJhdG9yYXBpL2J1aWxkL21vZGVsL2Fuc3dlclwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogXCJhbnN3ZXJzXCIsXHJcbiAgICB0ZW1wbGF0ZTogYFxyXG4gICAgICAgIDxuZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhbnN3ZXJzLWNvbnRhaW5lclwiIHZpc2liaWxpdHlPYnNlcnZlck1hc3Rlcj5cclxuICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cImFuc3dlcnMtdGl0bGVcIiBbdGV4dENvbnRlbnRdPVwic2VsZWN0aW9uVGl0bGVcIj48L2gyPlxyXG4gICAgICAgICAgICAgICAgPGFuc3dlciAqbmdGb3I9XCJsZXQgYW5zd2VyIG9mIGFuc3dlcnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiYW5zd2VyQ2xpY2suZW1pdChhbnN3ZXIpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2Fuc3dlcl09XCJhbnN3ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB2aXNpYmlsaXR5T2JzZXJ2ZXJcclxuICAgICAgICAgICAgICAgICAgICAgICAgI2ludGVyc2VjdGlvbj1cImludGVyc2VjdGlvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtvYnNlcnZlckVuYWJsZWRdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93aW5nXT1cImludGVyc2VjdGlvbi5pc0ludGVyc2VjdGluZ1wiXHJcbiAgICAgICAgICAgICAgICA+PC9hbnN3ZXI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgYCxcclxuICAgIHN0eWxlVXJsczogW1xyXG4gICAgICAgIFwiLi9hbnN3ZXJzLmNvbXBvbmVudC5zY3NzXCIsXHJcbiAgICAgICAgJy4uLy4uLy4uL3N0eWxlL3NoYXJlZC5zY3NzJ1xyXG4gICAgXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIEFuc3dlcnNDb21wb25lbnQge1xyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBhbnN3ZXJzOiBBbnN3ZXJbXSA9IFtdO1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgc2VsZWN0aW9uVGl0bGU6IHN0cmluZztcclxuXHJcbiAgICBAT3V0cHV0KClcclxuICAgIHB1YmxpYyBhbnN3ZXJDbGljazogRXZlbnRFbWl0dGVyPEFuc3dlcj4gPSBuZXcgRXZlbnRFbWl0dGVyPEFuc3dlcj4oKTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG59XHJcbiJdfQ==
+import { __decorate } from "tslib";
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+var AnswersComponent = /** @class */ (function () {
+    function AnswersComponent() {
+        this.answers = [];
+        this.answerClick = new EventEmitter();
+    }
+    __decorate([
+        Input()
+    ], AnswersComponent.prototype, "answers", void 0);
+    __decorate([
+        Input()
+    ], AnswersComponent.prototype, "selectionTitle", void 0);
+    __decorate([
+        Output()
+    ], AnswersComponent.prototype, "answerClick", void 0);
+    AnswersComponent = __decorate([
+        Component({
+            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:-webkit-fit-content;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 #d3d3d3;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px rgba(211,211,211,.5);background:#fff}.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:700;color:#1a1a1a}.ione-configurator .answer{font-size:12px;font-style:italic;margin-top:3px}.ione-configurator .collapse-content,.ione-configurator .collapse-wrapper{display:block}.ione-configurator .collapse-handle{position:absolute;top:10px;right:12px;border:solid #000;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:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:0 0;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 #d3d3d3;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px rgba(211,211,211,.5);background:#fff}.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;-ms-grid-row-align:center;align-self:center}.ione-configurator .title-wrapper{display:flex;flex-direction:column}.ione-configurator .answer-title-wrapper{text-align:center;-ms-grid-row-align:center;align-self:center;margin-left:14px}"]
+        })
+    ], AnswersComponent);
+    return AnswersComponent;
+}());
+export { AnswersComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5zd2Vycy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY29saWpuaXQvY29uZmlndXJhdG9yLyIsInNvdXJjZXMiOlsiYXBwL2NvbXBvbmVudHMvYW5zd2Vycy9hbnN3ZXJzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQTRCckU7SUFVSTtRQVJPLFlBQU8sR0FBYSxFQUFFLENBQUM7UUFNdkIsZ0JBQVcsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV2RCxDQUFDO0lBUmhCO1FBREMsS0FBSyxFQUFFO3FEQUNzQjtJQUc5QjtRQURDLEtBQUssRUFBRTs0REFDc0I7SUFHOUI7UUFEQyxNQUFNLEVBQUU7eURBQzZEO0lBUjdELGdCQUFnQjtRQXpCNUIsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLFNBQVM7WUFDbkIsUUFBUSxFQUFFLDh3QkFpQlQ7O1NBSUosQ0FBQztPQUVXLGdCQUFnQixDQVk1QjtJQUFELHVCQUFDO0NBQUEsQUFaRCxJQVlDO1NBWlksZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7QW5zd2VyfSBmcm9tIFwiQGNvbGlqbml0L2NvbmZpZ3VyYXRvcmFwaS9idWlsZC9tb2RlbC9hbnN3ZXJcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwiYW5zd2Vyc1wiLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW9uZS1jb25maWd1cmF0b3JcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJwLWFuc3dlcnMtc2xpZGVvdXRcIj5cclxuICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cImFuc3dlcnMtdGl0bGVcIiBbdGV4dENvbnRlbnRdPVwic2VsZWN0aW9uVGl0bGVcIj48L2gyPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFuc3dlcnMtY29udGFpbmVyXCIgdmlzaWJpbGl0eU9ic2VydmVyTWFzdGVyPlxyXG4gICAgICAgICAgICAgICAgICAgIDxhbnN3ZXIgKm5nRm9yPVwibGV0IGFuc3dlciBvZiBhbnN3ZXJzXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJhbnN3ZXJDbGljay5lbWl0KGFuc3dlcilcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Fuc3dlcl09XCJhbnN3ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmlzaWJpbGl0eU9ic2VydmVyXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAjaW50ZXJzZWN0aW9uPVwiaW50ZXJzZWN0aW9uXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtvYnNlcnZlckVuYWJsZWRdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd2luZ109XCJpbnRlcnNlY3Rpb24uaXNJbnRlcnNlY3RpbmdcIlxyXG4gICAgICAgICAgICAgICAgICAgID48L2Fuc3dlcj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgYCxcclxuICAgIHN0eWxlVXJsczogW1xyXG4gICAgICAgICcuLi8uLi8uLi9zdHlsZS9zaGFyZWQuc2NzcydcclxuICAgIF1cclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBBbnN3ZXJzQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgYW5zd2VyczogQW5zd2VyW10gPSBbXTtcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIHNlbGVjdGlvblRpdGxlOiBzdHJpbmc7XHJcblxyXG4gICAgQE91dHB1dCgpXHJcbiAgICBwdWJsaWMgYW5zd2VyQ2xpY2s6IEV2ZW50RW1pdHRlcjxBbnN3ZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxBbnN3ZXI+KCk7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxufVxyXG4iXX0=

package/esm5/app/components/answers/answers.module.js

@@ -1,32 +1,32 @@
-import { __decorate } from "tslib";
-import { NgModule } from "@angular/core";
-import { CommonModule } from "@angular/common";
-import { AnswersComponent } from "./answers.component";
-import { AnswerComponent } from './answer/answer.component';
-import { VisibilityObserverDirective } from '../../directives/visibility-observer.directive';
-import { VisibilityObserverMasterDirective } from '../../directives/visibility-observer-master.directive';
-import { SharedModule } from '../shared/shared.module';
-var AnswersModule = /** @class */ (function () {
-    function AnswersModule() {
-    }
-    AnswersModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                SharedModule
-            ],
-            declarations: [
-                AnswersComponent,
-                AnswerComponent,
-                VisibilityObserverDirective,
-                VisibilityObserverMasterDirective
-            ],
-            exports: [
-                AnswersComponent
-            ]
-        })
-    ], AnswersModule);
-    return AnswersModule;
-}());
-export { AnswersModule };
+import { __decorate } from "tslib";
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { AnswersComponent } from "./answers.component";
+import { AnswerComponent } from './answer/answer.component';
+import { VisibilityObserverDirective } from '../../directives/visibility-observer.directive';
+import { VisibilityObserverMasterDirective } from '../../directives/visibility-observer-master.directive';
+import { SharedModule } from '../shared/shared.module';
+var AnswersModule = /** @class */ (function () {
+    function AnswersModule() {
+    }
+    AnswersModule = __decorate([
+        NgModule({
+            imports: [
+                CommonModule,
+                SharedModule
+            ],
+            declarations: [
+                AnswersComponent,
+                AnswerComponent,
+                VisibilityObserverDirective,
+                VisibilityObserverMasterDirective
+            ],
+            exports: [
+                AnswersComponent
+            ]
+        })
+    ], AnswersModule);
+    return AnswersModule;
+}());
+export { AnswersModule };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5zd2Vycy5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY29saWpuaXQvY29uZmlndXJhdG9yLyIsInNvdXJjZXMiOlsiYXBwL2NvbXBvbmVudHMvYW5zd2Vycy9hbnN3ZXJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBQywyQkFBMkIsRUFBQyxNQUFNLGdEQUFnRCxDQUFDO0FBQzNGLE9BQU8sRUFBQyxpQ0FBaUMsRUFBQyxNQUFNLHVEQUF1RCxDQUFDO0FBQ3hHLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQWlCckQ7SUFBQTtJQUVBLENBQUM7SUFGWSxhQUFhO1FBZnpCLFFBQVEsQ0FBQztZQUNOLE9BQU8sRUFBRTtnQkFDTCxZQUFZO2dCQUNaLFlBQVk7YUFDZjtZQUNELFlBQVksRUFBRTtnQkFDVixnQkFBZ0I7Z0JBQ2hCLGVBQWU7Z0JBQ2YsMkJBQTJCO2dCQUMzQixpQ0FBaUM7YUFDcEM7WUFDRCxPQUFPLEVBQUU7Z0JBQ0wsZ0JBQWdCO2FBQ25CO1NBQ0osQ0FBQztPQUNXLGFBQWEsQ0FFekI7SUFBRCxvQkFBQztDQUFBLEFBRkQsSUFFQztTQUZZLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQge0Fuc3dlcnNDb21wb25lbnR9IGZyb20gXCIuL2Fuc3dlcnMuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IEFuc3dlckNvbXBvbmVudCB9IGZyb20gJy4vYW5zd2VyL2Fuc3dlci5jb21wb25lbnQnO1xyXG5pbXBvcnQge1Zpc2liaWxpdHlPYnNlcnZlckRpcmVjdGl2ZX0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy92aXNpYmlsaXR5LW9ic2VydmVyLmRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7VmlzaWJpbGl0eU9ic2VydmVyTWFzdGVyRGlyZWN0aXZlfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL3Zpc2liaWxpdHktb2JzZXJ2ZXItbWFzdGVyLmRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7U2hhcmVkTW9kdWxlfSBmcm9tICcuLi9zaGFyZWQvc2hhcmVkLm1vZHVsZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgaW1wb3J0czogW1xyXG4gICAgICAgIENvbW1vbk1vZHVsZSxcclxuICAgICAgICBTaGFyZWRNb2R1bGVcclxuICAgIF0sXHJcbiAgICBkZWNsYXJhdGlvbnM6IFtcclxuICAgICAgICBBbnN3ZXJzQ29tcG9uZW50LFxyXG4gICAgICAgIEFuc3dlckNvbXBvbmVudCxcclxuICAgICAgICBWaXNpYmlsaXR5T2JzZXJ2ZXJEaXJlY3RpdmUsXHJcbiAgICAgICAgVmlzaWJpbGl0eU9ic2VydmVyTWFzdGVyRGlyZWN0aXZlXHJcbiAgICBdLFxyXG4gICAgZXhwb3J0czogW1xyXG4gICAgICAgIEFuc3dlcnNDb21wb25lbnRcclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEFuc3dlcnNNb2R1bGUge1xyXG5cclxufVxyXG4iXX0=

package/esm5/app/components/selections/selections.component.js

@@ -1,104 +1,104 @@
-import { __awaiter, __decorate, __generator } from "tslib";
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { animate, state, style, transition, trigger } from "@angular/animations";
-import { ImageCacheService } from '../../services/image-cache.service';
-var SelectionViewModel = /** @class */ (function () {
-    function SelectionViewModel() {
-        this.children = [];
-        this.expanded = false;
-        this.thumbnail = '';
-    }
-    return SelectionViewModel;
-}());
-var SelectionsComponent = /** @class */ (function () {
-    function SelectionsComponent(_imageCacheService) {
-        this._imageCacheService = _imageCacheService;
-        this.selectionViewModels = [];
-        this.selectionClick = new EventEmitter();
-    }
-    Object.defineProperty(SelectionsComponent.prototype, "selections", {
-        set: function (value) {
-            this._prepareSelections(value);
-            this._loadThumbnails();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SelectionsComponent.prototype.ngOnInit = function () {
-    };
-    SelectionsComponent.prototype.expandClicked = function (selectionViewModel, mouseEvent) {
-        mouseEvent.preventDefault();
-        mouseEvent.stopImmediatePropagation();
-        selectionViewModel.expanded = !selectionViewModel.expanded;
-    };
-    SelectionsComponent.prototype.selectSelection = function (selection, mouseEvent) {
-        mouseEvent.preventDefault();
-        mouseEvent.stopImmediatePropagation();
-        this.selectionClick.next(selection);
-    };
-    SelectionsComponent.prototype._loadThumbnails = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var _this = this;
-            return __generator(this, function (_a) {
-                if (this.selectionViewModels.length > 0) {
-                    this.selectionViewModels.forEach(function (viewModel) { return __awaiter(_this, void 0, void 0, function () {
-                        return __generator(this, function (_a) {
-                            switch (_a.label) {
-                                case 0: return [4 /*yield*/, this._imageCacheService.getImageForSelectionOrAnswer(viewModel.selection).then(function (imageSrc) {
-                                        viewModel.thumbnail = imageSrc === "" ? null : imageSrc;
-                                    })];
-                                case 1:
-                                    _a.sent();
-                                    return [2 /*return*/];
-                            }
-                        });
-                    }); });
-                }
-                return [2 /*return*/];
-            });
-        });
-    };
-    SelectionsComponent.prototype._prepareSelections = function (value) {
-        var _this = this;
-        this.selectionViewModels.length = 0;
-        var selectionViewModel;
-        value.forEach(function (s) {
-            if (s.presentationLevel === 1) {
-                selectionViewModel = new SelectionViewModel();
-                selectionViewModel.selection = s;
-                _this.selectionViewModels.push(selectionViewModel);
-            }
-            else if (s.presentationLevel > 1) {
-                if (selectionViewModel) {
-                    selectionViewModel.children.push(s);
-                }
-            }
-        });
-    };
-    SelectionsComponent.ctorParameters = function () { return [
-        { type: ImageCacheService }
-    ]; };
-    __decorate([
-        Input()
-    ], SelectionsComponent.prototype, "selections", null);
-    __decorate([
-        Output()
-    ], SelectionsComponent.prototype, "selectionClick", void 0);
-    SelectionsComponent = __decorate([
-        Component({
-            selector: "selections",
-            template: "\n        <ng-container>\n            <div class=\"selections-container\">\n                <h2 class=\"selections-title\">Configuratie</h2>\n                <div *ngFor=\"let selectionViewModel of selectionViewModels\">\n                    <div class=\"selection\" (click)=\"selectSelection(selectionViewModel.selection, $event)\">\n                        <div class=\"thumbnail\">\n                            <rp-loader *ngIf=\"selectionViewModel.thumbnail === ''\"></rp-loader>\n                            <img visibilityObserver *ngIf=\"selectionViewModel.thumbnail !== '' && selectionViewModel.thumbnail !== null\" class=\"img-size\" [src]=\"selectionViewModel.thumbnail\">\n                        </div>\n                        <div class=\"titles\">\n                            <div class=\"question\" [textContent]=\"selectionViewModel.selection.question\"></div>\n                            <div class=\"answer\" [textContent]=\"selectionViewModel.selection.answer\"></div>\n                            <div class=\"collapse-handle\" [class.expanded]=\"selectionViewModel.expanded\"\n                                 *ngIf=\"selectionViewModel.children.length > 0\" (click)=\"expandClicked(selectionViewModel, $event)\"></div>\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                                    <div class=\"question\" [textContent]=\"selection.commercialQuestion\"></div>\n                                    <div class=\"answer\" [textContent]=\"selection.answer\"></div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n    ",
-            animations: [
-                trigger('showHideChildren', [
-                    state('void', style({ 'height': '0' })),
-                    state('*', style({ 'height': '*' })),
-                    transition('void <=> *', animate(200))
-                ])
-            ],
-            styles: [":host{position:absolute;top:0;right:0;width:400px}:host .question{font-weight:700;color:#1a1a1a}:host .answer{font-size:12px;font-style:italic;margin-top:3px}:host .collapse-handle{position:absolute;top:10px;right:12px;border:solid #000;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}:host .collapse-handle.expanded{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}:host .child-selection{margin-left:10px;margin-top:5px}:host .selections-title{margin-left:10px;color:#1a1a1a}:host .selections-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:0 0;overflow:auto}", ".selection{position:relative;overflow:hidden;cursor:pointer;font-size:12px;border:1px solid #d3d3d3;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px rgba(211,211,211,.5);background:#fff}.thumbnail{width:54px;min-width:54px;height:54px;min-height:54px;border:1px solid #d3d3d3;border-radius:5px}.img-size{width:54px;min-width:54px;height:54px;min-height:54px;border-radius:5px}.unloaded{background-color:#d3d3d3}.titles{margin-left:14px;-ms-grid-row-align:center;align-self:center}"]
-        })
-    ], SelectionsComponent);
-    return SelectionsComponent;
-}());
-export { SelectionsComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY29saWpuaXQvY29uZmlndXJhdG9yLyIsInNvdXJjZXMiOlsiYXBwL2NvbXBvbmVudHMvc2VsZWN0aW9ucy9zZWxlY3Rpb25zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUU3RSxPQUFPLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQy9FLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBRXJFO0lBQUE7UUFFVyxhQUFRLEdBQWdCLEVBQUUsQ0FBQztRQUMzQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGNBQVMsR0FBVyxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUFELHlCQUFDO0FBQUQsQ0FBQyxBQUxELElBS0M7QUE4Q0Q7SUFZSSw2QkFBb0Isa0JBQXFDO1FBQXJDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFMbEQsd0JBQW1CLEdBQXlCLEVBQUUsQ0FBQztRQUcvQyxtQkFBYyxHQUE0QixJQUFJLFlBQVksRUFBYSxDQUFDO0lBRW5CLENBQUM7SUFWN0Qsc0JBQVcsMkNBQVU7YUFBckIsVUFBc0IsS0FBa0I7WUFDcEMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQy9CLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUMzQixDQUFDOzs7T0FBQTtJQVNNLHNDQUFRLEdBQWY7SUFFQSxDQUFDO0lBRU0sMkNBQWEsR0FBcEIsVUFBcUIsa0JBQXNDLEVBQUUsVUFBc0I7UUFDL0UsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQzVCLFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ3RDLGtCQUFrQixDQUFDLFFBQVEsR0FBRyxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQztJQUMvRCxDQUFDO0lBRU0sNkNBQWUsR0FBdEIsVUFBdUIsU0FBb0IsRUFBRSxVQUFzQjtRQUMvRCxVQUFVLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDNUIsVUFBVSxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDdEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVhLDZDQUFlLEdBQTdCOzs7O2dCQUNJLElBQUksSUFBSSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7b0JBQ3JDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsVUFBTyxTQUE2Qjs7O3dDQUNqRSxxQkFBTSxJQUFJLENBQUMsa0JBQWtCLENBQUMsNEJBQTRCLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFDLFFBQWdCO3dDQUNsRyxTQUFTLENBQUMsU0FBUyxHQUFHLFFBQVEsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO29DQUM1RCxDQUFDLENBQUMsRUFBQTs7b0NBRkYsU0FFRSxDQUFDOzs7O3lCQUNOLENBQUMsQ0FBQztpQkFDTjs7OztLQUNKO0lBRU8sZ0RBQWtCLEdBQTFCLFVBQTJCLEtBQWtCO1FBQTdDLGlCQWNDO1FBYkcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDcEMsSUFBSSxrQkFBc0MsQ0FBQztRQUMzQyxLQUFLLENBQUMsT0FBTyxDQUFDLFVBQUEsQ0FBQztZQUNYLElBQUksQ0FBQyxDQUFDLGlCQUFpQixLQUFLLENBQUMsRUFBRTtnQkFDM0Isa0JBQWtCLEdBQUcsSUFBSSxrQkFBa0IsRUFBRSxDQUFDO2dCQUM5QyxrQkFBa0IsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO2dCQUNqQyxLQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7YUFDckQ7aUJBQU0sSUFBSSxDQUFDLENBQUMsaUJBQWlCLEdBQUcsQ0FBQyxFQUFFO2dCQUNoQyxJQUFJLGtCQUFrQixFQUFFO29CQUNwQixrQkFBa0IsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2lCQUN2QzthQUNKO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOztnQkExQ3VDLGlCQUFpQjs7SUFWekQ7UUFEQyxLQUFLLEVBQUU7eURBSVA7SUFLRDtRQURDLE1BQU0sRUFBRTsrREFDc0U7SUFWdEUsbUJBQW1CO1FBNUMvQixTQUFTLENBQUM7WUFDUCxRQUFRLEVBQUUsWUFBWTtZQUN0QixRQUFRLEVBQUUsNi9EQTRCVDtZQUtELFVBQVUsRUFBRTtnQkFDUixPQUFPLENBQUMsa0JBQWtCLEVBQUU7b0JBQ3hCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUMsUUFBUSxFQUFFLEdBQUcsRUFBQyxDQUFDLENBQUM7b0JBQ3JDLEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUMsUUFBUSxFQUFFLEdBQUcsRUFBQyxDQUFDLENBQUM7b0JBQ2xDLFVBQVUsQ0FBQyxZQUFZLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO2lCQUN6QyxDQUFDO2FBQ0w7O1NBQ0osQ0FBQztPQUVXLG1CQUFtQixDQXVEL0I7SUFBRCwwQkFBQztDQUFBLEFBdkRELElBdURDO1NBdkRZLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7U2VsZWN0aW9ufSBmcm9tIFwiQGNvbGlqbml0L2NvbmZpZ3VyYXRvcmFwaS9idWlsZC9tb2RlbC9zZWxlY3Rpb25cIjtcclxuaW1wb3J0IHthbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCI7XHJcbmltcG9ydCB7SW1hZ2VDYWNoZVNlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ltYWdlLWNhY2hlLnNlcnZpY2UnO1xyXG5cclxuY2xhc3MgU2VsZWN0aW9uVmlld01vZGVsIHtcclxuICAgIHB1YmxpYyBzZWxlY3Rpb246IFNlbGVjdGlvbjtcclxuICAgIHB1YmxpYyBjaGlsZHJlbjogU2VsZWN0aW9uW10gPSBbXTtcclxuICAgIHB1YmxpYyBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgcHVibGljIHRodW1ibmFpbDogc3RyaW5nID0gJyc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwic2VsZWN0aW9uc1wiLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8bmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VsZWN0aW9ucy1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cInNlbGVjdGlvbnMtdGl0bGVcIj5Db25maWd1cmF0aWU8L2gyPlxyXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgc2VsZWN0aW9uVmlld01vZGVsIG9mIHNlbGVjdGlvblZpZXdNb2RlbHNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VsZWN0aW9uXCIgKGNsaWNrKT1cInNlbGVjdFNlbGVjdGlvbihzZWxlY3Rpb25WaWV3TW9kZWwuc2VsZWN0aW9uLCAkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aHVtYm5haWxcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxycC1sb2FkZXIgKm5nSWY9XCJzZWxlY3Rpb25WaWV3TW9kZWwudGh1bWJuYWlsID09PSAnJ1wiPjwvcnAtbG9hZGVyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyB2aXNpYmlsaXR5T2JzZXJ2ZXIgKm5nSWY9XCJzZWxlY3Rpb25WaWV3TW9kZWwudGh1bWJuYWlsICE9PSAnJyAmJiBzZWxlY3Rpb25WaWV3TW9kZWwudGh1bWJuYWlsICE9PSBudWxsXCIgY2xhc3M9XCJpbWctc2l6ZVwiIFtzcmNdPVwic2VsZWN0aW9uVmlld01vZGVsLnRodW1ibmFpbFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uXCIgW3RleHRDb250ZW50XT1cInNlbGVjdGlvblZpZXdNb2RlbC5zZWxlY3Rpb24ucXVlc3Rpb25cIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhbnN3ZXJcIiBbdGV4dENvbnRlbnRdPVwic2VsZWN0aW9uVmlld01vZGVsLnNlbGVjdGlvbi5hbnN3ZXJcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2xsYXBzZS1oYW5kbGVcIiBbY2xhc3MuZXhwYW5kZWRdPVwic2VsZWN0aW9uVmlld01vZGVsLmV4cGFuZGVkXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJzZWxlY3Rpb25WaWV3TW9kZWwuY2hpbGRyZW4ubGVuZ3RoID4gMFwiIChjbGljayk9XCJleHBhbmRDbGlja2VkKHNlbGVjdGlvblZpZXdNb2RlbCwgJGV2ZW50KVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cInNlbGVjdGlvblZpZXdNb2RlbC5jaGlsZHJlbi5sZW5ndGggPiAwICYmIHNlbGVjdGlvblZpZXdNb2RlbC5leHBhbmRlZFwiIEBzaG93SGlkZUNoaWxkcmVuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjaGlsZC1zZWxlY3Rpb25cIiAqbmdGb3I9XCJsZXQgc2VsZWN0aW9uIG9mIHNlbGVjdGlvblZpZXdNb2RlbC5jaGlsZHJlblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0U2VsZWN0aW9uKHNlbGVjdGlvbiwgJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb25cIiBbdGV4dENvbnRlbnRdPVwic2VsZWN0aW9uLmNvbW1lcmNpYWxRdWVzdGlvblwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYW5zd2VyXCIgW3RleHRDb250ZW50XT1cInNlbGVjdGlvbi5hbnN3ZXJcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIGAsXHJcbiAgICBzdHlsZVVybHM6IFtcclxuICAgICAgICAnLi9zZWxlY3Rpb25zLmNvbXBvbmVudC5zY3NzJyxcclxuICAgICAgICAnLi4vLi4vLi4vc3R5bGUvc2hhcmVkLnNjc3MnXHJcbiAgICBdLFxyXG4gICAgYW5pbWF0aW9uczogW1xyXG4gICAgICAgIHRyaWdnZXIoJ3Nob3dIaWRlQ2hpbGRyZW4nLCBbXHJcbiAgICAgICAgICAgIHN0YXRlKCd2b2lkJywgc3R5bGUoeydoZWlnaHQnOiAnMCd9KSksXHJcbiAgICAgICAgICAgIHN0YXRlKCcqJywgc3R5bGUoeydoZWlnaHQnOiAnKid9KSksXHJcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ3ZvaWQgPD0+IConLCBhbmltYXRlKDIwMCkpXHJcbiAgICAgICAgXSlcclxuICAgIF1cclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgc2V0IHNlbGVjdGlvbnModmFsdWU6IFNlbGVjdGlvbltdKSB7XHJcbiAgICAgICAgdGhpcy5fcHJlcGFyZVNlbGVjdGlvbnModmFsdWUpO1xyXG4gICAgICAgIHRoaXMuX2xvYWRUaHVtYm5haWxzKCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIHNlbGVjdGlvblZpZXdNb2RlbHM6IFNlbGVjdGlvblZpZXdNb2RlbFtdID0gW107XHJcblxyXG4gICAgQE91dHB1dCgpXHJcbiAgICBwdWJsaWMgc2VsZWN0aW9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxTZWxlY3Rpb24+ID0gbmV3IEV2ZW50RW1pdHRlcjxTZWxlY3Rpb24+KCk7XHJcblxyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfaW1hZ2VDYWNoZVNlcnZpY2U6IEltYWdlQ2FjaGVTZXJ2aWNlKSB7fVxyXG5cclxuICAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuXHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIGV4cGFuZENsaWNrZWQoc2VsZWN0aW9uVmlld01vZGVsOiBTZWxlY3Rpb25WaWV3TW9kZWwsIG1vdXNlRXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgICAgICBtb3VzZUV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgICAgbW91c2VFdmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgICAgICBzZWxlY3Rpb25WaWV3TW9kZWwuZXhwYW5kZWQgPSAhc2VsZWN0aW9uVmlld01vZGVsLmV4cGFuZGVkO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBzZWxlY3RTZWxlY3Rpb24oc2VsZWN0aW9uOiBTZWxlY3Rpb24sIG1vdXNlRXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgICAgICBtb3VzZUV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgICAgbW91c2VFdmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgICAgICB0aGlzLnNlbGVjdGlvbkNsaWNrLm5leHQoc2VsZWN0aW9uKTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGFzeW5jIF9sb2FkVGh1bWJuYWlscygpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgICAgICBpZiAodGhpcy5zZWxlY3Rpb25WaWV3TW9kZWxzLmxlbmd0aCA+IDApIHtcclxuICAgICAgICAgICAgdGhpcy5zZWxlY3Rpb25WaWV3TW9kZWxzLmZvckVhY2goYXN5bmMgKHZpZXdNb2RlbDogU2VsZWN0aW9uVmlld01vZGVsKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBhd2FpdCB0aGlzLl9pbWFnZUNhY2hlU2VydmljZS5nZXRJbWFnZUZvclNlbGVjdGlvbk9yQW5zd2VyKHZpZXdNb2RlbC5zZWxlY3Rpb24pLnRoZW4oKGltYWdlU3JjOiBzdHJpbmcpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICB2aWV3TW9kZWwudGh1bWJuYWlsID0gaW1hZ2VTcmMgPT09IFwiXCIgPyBudWxsIDogaW1hZ2VTcmM7XHJcbiAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgX3ByZXBhcmVTZWxlY3Rpb25zKHZhbHVlOiBTZWxlY3Rpb25bXSk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuc2VsZWN0aW9uVmlld01vZGVscy5sZW5ndGggPSAwO1xyXG4gICAgICAgIGxldCBzZWxlY3Rpb25WaWV3TW9kZWw6IFNlbGVjdGlvblZpZXdNb2RlbDtcclxuICAgICAgICB2YWx1ZS5mb3JFYWNoKHMgPT4ge1xyXG4gICAgICAgICAgICBpZiAocy5wcmVzZW50YXRpb25MZXZlbCA9PT0gMSkge1xyXG4gICAgICAgICAgICAgICAgc2VsZWN0aW9uVmlld01vZGVsID0gbmV3IFNlbGVjdGlvblZpZXdNb2RlbCgpO1xyXG4gICAgICAgICAgICAgICAgc2VsZWN0aW9uVmlld01vZGVsLnNlbGVjdGlvbiA9IHM7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdGlvblZpZXdNb2RlbHMucHVzaChzZWxlY3Rpb25WaWV3TW9kZWwpO1xyXG4gICAgICAgICAgICB9IGVsc2UgaWYgKHMucHJlc2VudGF0aW9uTGV2ZWwgPiAxKSB7XHJcbiAgICAgICAgICAgICAgICBpZiAoc2VsZWN0aW9uVmlld01vZGVsKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgc2VsZWN0aW9uVmlld01vZGVsLmNoaWxkcmVuLnB1c2gocyk7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9KTtcclxuICAgIH1cclxufVxyXG4iXX0=
+import { __awaiter, __decorate, __generator } from "tslib";
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { animate, state, style, transition, trigger } from "@angular/animations";
+import { ImageCacheService } from '../../services/image-cache.service';
+var SelectionViewModel = /** @class */ (function () {
+    function SelectionViewModel() {
+        this.children = [];
+        this.expanded = false;
+        this.thumbnail = '';
+    }
+    return SelectionViewModel;
+}());
+var SelectionsComponent = /** @class */ (function () {
+    function SelectionsComponent(_imageCacheService) {
+        this._imageCacheService = _imageCacheService;
+        this.selectionViewModels = [];
+        this.selectionClick = new EventEmitter();
+    }
+    Object.defineProperty(SelectionsComponent.prototype, "selections", {
+        set: function (value) {
+            this._prepareSelections(value);
+            this._loadThumbnails();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SelectionsComponent.prototype.ngOnInit = function () {
+    };
+    SelectionsComponent.prototype.expandClicked = function (selectionViewModel, mouseEvent) {
+        mouseEvent.preventDefault();
+        mouseEvent.stopImmediatePropagation();
+        selectionViewModel.expanded = !selectionViewModel.expanded;
+    };
+    SelectionsComponent.prototype.selectSelection = function (selection, mouseEvent) {
+        mouseEvent.preventDefault();
+        mouseEvent.stopImmediatePropagation();
+        this.selectionClick.next(selection);
+    };
+    SelectionsComponent.prototype._loadThumbnails = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                if (this.selectionViewModels.length > 0) {
+                    this.selectionViewModels.forEach(function (viewModel) { return __awaiter(_this, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0: return [4 /*yield*/, this._imageCacheService.getImageForSelectionOrAnswer(viewModel.selection).then(function (imageSrc) {
+                                        viewModel.thumbnail = imageSrc === "" ? null : imageSrc;
+                                    })];
+                                case 1:
+                                    _a.sent();
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); });
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    SelectionsComponent.prototype._prepareSelections = function (value) {
+        var _this = this;
+        this.selectionViewModels.length = 0;
+        var selectionViewModel;
+        value.forEach(function (s) {
+            if (s.presentationLevel === 1) {
+                selectionViewModel = new SelectionViewModel();
+                selectionViewModel.selection = s;
+                _this.selectionViewModels.push(selectionViewModel);
+            }
+            else if (s.presentationLevel > 1) {
+                if (selectionViewModel) {
+                    selectionViewModel.children.push(s);
+                }
+            }
+        });
+    };
+    SelectionsComponent.ctorParameters = function () { return [
+        { type: ImageCacheService }
+    ]; };
+    __decorate([
+        Input()
+    ], SelectionsComponent.prototype, "selections", null);
+    __decorate([
+        Output()
+    ], SelectionsComponent.prototype, "selectionClick", void 0);
+    SelectionsComponent = __decorate([
+        Component({
+            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: [
+                trigger('showHideChildren', [
+                    state('void', style({ 'height': '0' })),
+                    state('*', style({ 'height': '*' })),
+                    transition('void <=> *', animate(200))
+                ])
+            ],
+            styles: [".ione-configurator .rp-answers-slideout{position:absolute;top:0;right:0;width:400px;height:-webkit-fit-content;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 #d3d3d3;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px rgba(211,211,211,.5);background:#fff}.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:700;color:#1a1a1a}.ione-configurator .answer{font-size:12px;font-style:italic;margin-top:3px}.ione-configurator .collapse-content,.ione-configurator .collapse-wrapper{display:block}.ione-configurator .collapse-handle{position:absolute;top:10px;right:12px;border:solid #000;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:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:0 0;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 #d3d3d3;padding:10px;display:flex;flex-direction:row;border-radius:3px;margin-bottom:3px;box-shadow:2px 1px rgba(211,211,211,.5);background:#fff}.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;-ms-grid-row-align:center;align-self:center}.ione-configurator .title-wrapper{display:flex;flex-direction:column}.ione-configurator .answer-title-wrapper{text-align:center;-ms-grid-row-align:center;align-self:center;margin-left:14px}"]
+        })
+    ], SelectionsComponent);
+    return SelectionsComponent;
+}());
+export { SelectionsComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AY29saWpuaXQvY29uZmlndXJhdG9yLyIsInNvdXJjZXMiOlsiYXBwL2NvbXBvbmVudHMvc2VsZWN0aW9ucy9zZWxlY3Rpb25zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUU3RSxPQUFPLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQy9FLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBRXJFO0lBQUE7UUFFVyxhQUFRLEdBQWdCLEVBQUUsQ0FBQztRQUMzQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGNBQVMsR0FBVyxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUFELHlCQUFDO0FBQUQsQ0FBQyxBQUxELElBS0M7QUFpRUQ7SUFZSSw2QkFBb0Isa0JBQXFDO1FBQXJDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFMbEQsd0JBQW1CLEdBQXlCLEVBQUUsQ0FBQztRQUcvQyxtQkFBYyxHQUE0QixJQUFJLFlBQVksRUFBYSxDQUFDO0lBRW5CLENBQUM7SUFWN0Qsc0JBQVcsMkNBQVU7YUFBckIsVUFBc0IsS0FBa0I7WUFDcEMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQy9CLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUMzQixDQUFDOzs7T0FBQTtJQVNNLHNDQUFRLEdBQWY7SUFFQSxDQUFDO0lBRU0sMkNBQWEsR0FBcEIsVUFBcUIsa0JBQXNDLEVBQUUsVUFBc0I7UUFDL0UsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQzVCLFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ3RDLGtCQUFrQixDQUFDLFFBQVEsR0FBRyxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQztJQUMvRCxDQUFDO0lBRU0sNkNBQWUsR0FBdEIsVUFBdUIsU0FBb0IsRUFBRSxVQUFzQjtRQUMvRCxVQUFVLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDNUIsVUFBVSxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDdEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVhLDZDQUFlLEdBQTdCOzs7O2dCQUNJLElBQUksSUFBSSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7b0JBQ3JDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsVUFBTyxTQUE2Qjs7O3dDQUNqRSxxQkFBTSxJQUFJLENBQUMsa0JBQWtCLENBQUMsNEJBQTRCLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFDLFFBQWdCO3dDQUNsRyxTQUFTLENBQUMsU0FBUyxHQUFHLFFBQVEsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO29DQUM1RCxDQUFDLENBQUMsRUFBQTs7b0NBRkYsU0FFRSxDQUFDOzs7O3lCQUNOLENBQUMsQ0FBQztpQkFDTjs7OztLQUNKO0lBRU8sZ0RBQWtCLEdBQTFCLFVBQTJCLEtBQWtCO1FBQTdDLGlCQWNDO1FBYkcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDcEMsSUFBSSxrQkFBc0MsQ0FBQztRQUMzQyxLQUFLLENBQUMsT0FBTyxDQUFDLFVBQUEsQ0FBQztZQUNYLElBQUksQ0FBQyxDQUFDLGlCQUFpQixLQUFLLENBQUMsRUFBRTtnQkFDM0Isa0JBQWtCLEdBQUcsSUFBSSxrQkFBa0IsRUFBRSxDQUFDO2dCQUM5QyxrQkFBa0IsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO2dCQUNqQyxLQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7YUFDckQ7aUJBQU0sSUFBSSxDQUFDLENBQUMsaUJBQWlCLEdBQUcsQ0FBQyxFQUFFO2dCQUNoQyxJQUFJLGtCQUFrQixFQUFFO29CQUNwQixrQkFBa0IsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2lCQUN2QzthQUNKO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOztnQkExQ3VDLGlCQUFpQjs7SUFWekQ7UUFEQyxLQUFLLEVBQUU7eURBSVA7SUFLRDtRQURDLE1BQU0sRUFBRTsrREFDc0U7SUFWdEUsbUJBQW1CO1FBL0QvQixTQUFTLENBQUM7WUFDUCxRQUFRLEVBQUUsWUFBWTtZQUN0QixRQUFRLEVBQUUsazlGQWdEVDtZQUlELFVBQVUsRUFBRTtnQkFDUixPQUFPLENBQUMsa0JBQWtCLEVBQUU7b0JBQ3hCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUMsUUFBUSxFQUFFLEdBQUcsRUFBQyxDQUFDLENBQUM7b0JBQ3JDLEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUMsUUFBUSxFQUFFLEdBQUcsRUFBQyxDQUFDLENBQUM7b0JBQ2xDLFVBQVUsQ0FBQyxZQUFZLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO2lCQUN6QyxDQUFDO2FBQ0w7O1NBQ0osQ0FBQztPQUVXLG1CQUFtQixDQXVEL0I7SUFBRCwwQkFBQztDQUFBLEFBdkRELElBdURDO1NBdkRZLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7U2VsZWN0aW9ufSBmcm9tIFwiQGNvbGlqbml0L2NvbmZpZ3VyYXRvcmFwaS9idWlsZC9tb2RlbC9zZWxlY3Rpb25cIjtcclxuaW1wb3J0IHthbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCI7XHJcbmltcG9ydCB7SW1hZ2VDYWNoZVNlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2ltYWdlLWNhY2hlLnNlcnZpY2UnO1xyXG5cclxuY2xhc3MgU2VsZWN0aW9uVmlld01vZGVsIHtcclxuICAgIHB1YmxpYyBzZWxlY3Rpb246IFNlbGVjdGlvbjtcclxuICAgIHB1YmxpYyBjaGlsZHJlbjogU2VsZWN0aW9uW10gPSBbXTtcclxuICAgIHB1YmxpYyBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgcHVibGljIHRodW1ibmFpbDogc3RyaW5nID0gJyc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwic2VsZWN0aW9uc1wiLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW9uZS1jb25maWd1cmF0b3JcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJwLXNlbGVjdGlvbnMtc3VtbWFyeVwiPlxyXG4gICAgICAgICAgICAgICAgPGhlYWRlciBjbGFzcz1cImRyYXdlcl9faGVhZGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwibWF0LXRpdGxlXCIgW3RleHRDb250ZW50XT1cIidDb25maWd1cmF0aWUnXCI+PC9oMj5cclxuICAgICAgICAgICAgICAgICAgICA8IS0tPGJ1dHRvbj4tLT5cclxuICAgICAgICAgICAgICAgICAgICA8IS0tLS0+XHJcbiAgICAgICAgICAgICAgICAgICAgPCEtLTwvYnV0dG9uPi0tPlxyXG4gICAgICAgICAgICAgICAgPC9oZWFkZXI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VsZWN0aW9ucy1jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc2VsZWN0aW9uVmlld01vZGVsIG9mIHNlbGVjdGlvblZpZXdNb2RlbHNcIj5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjby1zdW1tYXJ5LWxpbmVcIiAoY2xpY2spPVwic2VsZWN0U2VsZWN0aW9uKHNlbGVjdGlvblZpZXdNb2RlbC5zZWxlY3Rpb24sICRldmVudClcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWxlY3Rpb24tdGh1bWJuYWlsXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJwLWxvYWRlciAqbmdJZj1cInNlbGVjdGlvblZpZXdNb2RlbC50aHVtYm5haWwgPT09ICcnXCI+PC9ycC1sb2FkZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyB2aXNpYmlsaXR5T2JzZXJ2ZXIgKm5nSWY9XCJzZWxlY3Rpb25WaWV3TW9kZWwudGh1bWJuYWlsICE9PSAnJyAmJiBzZWxlY3Rpb25WaWV3TW9kZWwudGh1bWJuYWlsICE9PSBudWxsXCIgY2xhc3M9XCJzZWxlY3Rpb24taW1nXCIgW3NyY109XCJzZWxlY3Rpb25WaWV3TW9kZWwudGh1bWJuYWlsXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZXNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGUtd3JhcHBlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJxdWVzdGlvblwiIFt0ZXh0Q29udGVudF09XCJzZWxlY3Rpb25WaWV3TW9kZWwuc2VsZWN0aW9uLnF1ZXN0aW9uXCI+PC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJhbnN3ZXJcIiBbdGV4dENvbnRlbnRdPVwic2VsZWN0aW9uVmlld01vZGVsLnNlbGVjdGlvbi5hbnN3ZXJcIj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJzZWxlY3Rpb25WaWV3TW9kZWwuY2hpbGRyZW4ubGVuZ3RoID4gMCAmJiBzZWxlY3Rpb25WaWV3TW9kZWwuZXhwYW5kZWRcIiBAc2hvd0hpZGVDaGlsZHJlbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjaGlsZC1zZWxlY3Rpb25cIiAqbmdGb3I9XCJsZXQgc2VsZWN0aW9uIG9mIHNlbGVjdGlvblZpZXdNb2RlbC5jaGlsZHJlblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RTZWxlY3Rpb24oc2VsZWN0aW9uLCAkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJxdWVzdGlvblwiIFt0ZXh0Q29udGVudF09XCJzZWxlY3Rpb24uY29tbWVyY2lhbFF1ZXN0aW9uXCI+PC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFuc3dlclwiIFt0ZXh0Q29udGVudF09XCJzZWxlY3Rpb24uYW5zd2VyXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZS13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJwcmljZS12YWx1ZVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2xsYXBzZS13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbGxhcHNlLWNvbnRlbnRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbGxhcHNlLWhhbmRsZVwiIFtjbGFzcy5leHBhbmRlZF09XCJzZWxlY3Rpb25WaWV3TW9kZWwuZXhwYW5kZWRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0aW9uVmlld01vZGVsLmNoaWxkcmVuLmxlbmd0aCA+IDBcIiAoY2xpY2spPVwiZXhwYW5kQ2xpY2tlZChzZWxlY3Rpb25WaWV3TW9kZWwsICRldmVudClcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICBgLFxyXG4gICAgc3R5bGVVcmxzOiBbXHJcbiAgICAgICAgJy4uLy4uLy4uL3N0eWxlL3NoYXJlZC5zY3NzJ1xyXG4gICAgXSxcclxuICAgIGFuaW1hdGlvbnM6IFtcclxuICAgICAgICB0cmlnZ2VyKCdzaG93SGlkZUNoaWxkcmVuJywgW1xyXG4gICAgICAgICAgICBzdGF0ZSgndm9pZCcsIHN0eWxlKHsnaGVpZ2h0JzogJzAnfSkpLFxyXG4gICAgICAgICAgICBzdGF0ZSgnKicsIHN0eWxlKHsnaGVpZ2h0JzogJyonfSkpLFxyXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCd2b2lkIDw9PiAqJywgYW5pbWF0ZSgyMDApKVxyXG4gICAgICAgIF0pXHJcbiAgICBdXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgU2VsZWN0aW9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIHNldCBzZWxlY3Rpb25zKHZhbHVlOiBTZWxlY3Rpb25bXSkge1xyXG4gICAgICAgIHRoaXMuX3ByZXBhcmVTZWxlY3Rpb25zKHZhbHVlKTtcclxuICAgICAgICB0aGlzLl9sb2FkVGh1bWJuYWlscygpO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBzZWxlY3Rpb25WaWV3TW9kZWxzOiBTZWxlY3Rpb25WaWV3TW9kZWxbXSA9IFtdO1xyXG5cclxuICAgIEBPdXRwdXQoKVxyXG4gICAgcHVibGljIHNlbGVjdGlvbkNsaWNrOiBFdmVudEVtaXR0ZXI8U2VsZWN0aW9uPiA9IG5ldyBFdmVudEVtaXR0ZXI8U2VsZWN0aW9uPigpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX2ltYWdlQ2FjaGVTZXJ2aWNlOiBJbWFnZUNhY2hlU2VydmljZSkge31cclxuXHJcbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcblxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBleHBhbmRDbGlja2VkKHNlbGVjdGlvblZpZXdNb2RlbDogU2VsZWN0aW9uVmlld01vZGVsLCBtb3VzZUV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICAgICAgbW91c2VFdmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICAgIG1vdXNlRXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICAgICAgc2VsZWN0aW9uVmlld01vZGVsLmV4cGFuZGVkID0gIXNlbGVjdGlvblZpZXdNb2RlbC5leHBhbmRlZDtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgc2VsZWN0U2VsZWN0aW9uKHNlbGVjdGlvbjogU2VsZWN0aW9uLCBtb3VzZUV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICAgICAgbW91c2VFdmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICAgIG1vdXNlRXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICAgICAgdGhpcy5zZWxlY3Rpb25DbGljay5uZXh0KHNlbGVjdGlvbik7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBhc3luYyBfbG9hZFRodW1ibmFpbHMoKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICAgICAgaWYgKHRoaXMuc2VsZWN0aW9uVmlld01vZGVscy5sZW5ndGggPiAwKSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0aW9uVmlld01vZGVscy5mb3JFYWNoKGFzeW5jICh2aWV3TW9kZWw6IFNlbGVjdGlvblZpZXdNb2RlbCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgYXdhaXQgdGhpcy5faW1hZ2VDYWNoZVNlcnZpY2UuZ2V0SW1hZ2VGb3JTZWxlY3Rpb25PckFuc3dlcih2aWV3TW9kZWwuc2VsZWN0aW9uKS50aGVuKChpbWFnZVNyYzogc3RyaW5nKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgdmlld01vZGVsLnRodW1ibmFpbCA9IGltYWdlU3JjID09PSBcIlwiID8gbnVsbCA6IGltYWdlU3JjO1xyXG4gICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIF9wcmVwYXJlU2VsZWN0aW9ucyh2YWx1ZTogU2VsZWN0aW9uW10pOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnNlbGVjdGlvblZpZXdNb2RlbHMubGVuZ3RoID0gMDtcclxuICAgICAgICBsZXQgc2VsZWN0aW9uVmlld01vZGVsOiBTZWxlY3Rpb25WaWV3TW9kZWw7XHJcbiAgICAgICAgdmFsdWUuZm9yRWFjaChzID0+IHtcclxuICAgICAgICAgICAgaWYgKHMucHJlc2VudGF0aW9uTGV2ZWwgPT09IDEpIHtcclxuICAgICAgICAgICAgICAgIHNlbGVjdGlvblZpZXdNb2RlbCA9IG5ldyBTZWxlY3Rpb25WaWV3TW9kZWwoKTtcclxuICAgICAgICAgICAgICAgIHNlbGVjdGlvblZpZXdNb2RlbC5zZWxlY3Rpb24gPSBzO1xyXG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3Rpb25WaWV3TW9kZWxzLnB1c2goc2VsZWN0aW9uVmlld01vZGVsKTtcclxuICAgICAgICAgICAgfSBlbHNlIGlmIChzLnByZXNlbnRhdGlvbkxldmVsID4gMSkge1xyXG4gICAgICAgICAgICAgICAgaWYgKHNlbGVjdGlvblZpZXdNb2RlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgIHNlbGVjdGlvblZpZXdNb2RlbC5jaGlsZHJlbi5wdXNoKHMpO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbn1cclxuIl19