From d8403240443c6a44306a53c3ff72bf0661e1bf18 Mon Sep 17 00:00:00 2001 From: Rajnish Dargan Date: Sat, 1 Mar 2025 17:12:43 +0530 Subject: [PATCH] Issue #PS-4119 chore: Building and Updating player version --- projects/quml-library/package.json | 2 +- .../vanilla-js/sunbird-quml-player.js | 106 +++++++++++++----- web-component/package.json | 2 +- web-component/sunbird-quml-player.js | 106 +++++++++++++----- 4 files changed, 154 insertions(+), 62 deletions(-) diff --git a/projects/quml-library/package.json b/projects/quml-library/package.json index 7ea95fc4..10d59f03 100644 --- a/projects/quml-library/package.json +++ b/projects/quml-library/package.json @@ -1,6 +1,6 @@ { "name": "@tekdi/sunbird-quml-player", - "version": "9.0.0-beta.13", + "version": "9.0.0-beta.14", "schematics": "./schematics/collection.json", "ng-add": { "save": "dependencies" diff --git a/web-component-examples/vanilla-js/sunbird-quml-player.js b/web-component-examples/vanilla-js/sunbird-quml-player.js index abbebe1b..4eaa4cfd 100644 --- a/web-component-examples/vanilla-js/sunbird-quml-player.js +++ b/web-component-examples/vanilla-js/sunbird-quml-player.js @@ -98249,9 +98249,9 @@ function AsqOptionsComponent_ng_container_0_div_2_Template(rf, ctx) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 3)(1, "div", 4); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "div", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 6); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](4, "quml-reorder"); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()(); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 6)(4, "span", 7); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u283F"); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()()(); } if (rf & 2) { const option_r3 = ctx.$implicit; @@ -98269,7 +98269,7 @@ function AsqOptionsComponent_ng_container_0_Template(rf, ctx) { const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresetView"](ctx_r4.onDrop($event)); }); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, AsqOptionsComponent_ng_container_0_div_2_Template, 5, 1, "div", 2); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, AsqOptionsComponent_ng_container_0_div_2_Template, 6, 1, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerEnd"](); } @@ -98283,12 +98283,12 @@ function AsqOptionsComponent_ng_container_0_Template(rf, ctx) { } function AsqOptionsComponent_ng_container_1_div_2_Template(rf, ctx) { if (rf & 1) { - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 9)(1, "div", 4); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "div", 5); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 10)(1, "div", 4); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "div", 11); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 6); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](4, "quml-reorder"); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()(); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 6)(4, "span", 7); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u283F"); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()()(); } if (rf & 2) { const option_r7 = ctx.$implicit; @@ -98300,13 +98300,13 @@ function AsqOptionsComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) { const _r9 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerStart"](0); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 7); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("cdkDropListDropped", function AsqOptionsComponent_ng_container_1_Template_div_cdkDropListDropped_1_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r9); const ctx_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresetView"](ctx_r8.onDrop($event)); }); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, AsqOptionsComponent_ng_container_1_div_2_Template, 5, 1, "div", 8); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, AsqOptionsComponent_ng_container_1_div_2_Template, 6, 1, "div", 9); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerEnd"](); } @@ -98371,7 +98371,7 @@ class AsqOptionsComponent { features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]], decls: 2, vars: 2, - consts: [[4, "ngIf"], ["id", "dragdropSpace", "cdkDropList", "", 1, "vertical-list", 3, "cdkDropListData", "cdkDropListDropped"], ["class", "box vertical-box", "cdkDrag", "", 4, "ngFor", "ngForOf"], ["cdkDrag", "", 1, "box", "vertical-box"], [1, "content"], [1, "mt-1r", 3, "innerHTML"], [1, "drag-handle", 2, "display", "flex", "align-items", "center"], ["id", "dragdropSpace", "cdkDropList", "", "cdkDropListOrientation", "horizontal", 1, "horizontal-list", 3, "cdkDropListData", "cdkDropListDropped"], ["class", "box horizontal-box", "cdkDrag", "", 4, "ngFor", "ngForOf"], ["cdkDrag", "", 1, "box", "horizontal-box"]], + consts: [[4, "ngIf"], ["id", "dragdropSpace", "cdkDropList", "", 1, "vertical-list", 3, "cdkDropListData", "cdkDropListDropped"], ["class", "box vertical-box", "cdkDrag", "", 4, "ngFor", "ngForOf"], ["cdkDrag", "", 1, "box", "vertical-box"], [1, "content"], [1, "mt-1r", "img-jk", 3, "innerHTML"], [1, "drag-handle", 2, "display", "flex", "align-items", "center"], [1, "drag-icon"], ["id", "dragdropSpace", "cdkDropList", "", "cdkDropListOrientation", "horizontal", 1, "horizontal-list", 3, "cdkDropListData", "cdkDropListDropped"], ["class", "box horizontal-box", "cdkDrag", "", 4, "ngFor", "ngForOf"], ["cdkDrag", "", 1, "box", "horizontal-box"], [1, "mt-1r", 3, "innerHTML"]], template: function AsqOptionsComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](0, AsqOptionsComponent_ng_container_0_Template, 3, 2, "ng-container", 0); @@ -98384,7 +98384,7 @@ class AsqOptionsComponent { } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_3__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_3__.NgIf, _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_2__.CdkDropList, _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_2__.CdkDrag], - styles: [".asq-horizontal-box[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 15px;\n border: 1px solid rgba(179, 168, 168, 0.4117647059);\n cursor: move;\n box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;\n padding: 15px 20px;\n border-radius: 6px;\n}\n\n .asq-horizontal-box p {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n box-sizing: border-box;\n border-radius: 4px;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.cdk-drop-list-dragging[_ngcontent-%COMP%] .asq-horizontal-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n .asq-horizontal-box img {\n width: 70px;\n height: 70px;\n object-fit: contain;\n}\n\n.horizontal-list[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n flex-wrap: nowrap;\n width: 100%;\n padding: 10px;\n box-sizing: border-box;\n}\n\n.asq-vertical-box[_ngcontent-%COMP%] {\n flex: 0 1 25%;\n max-width: 25%;\n position: relative;\n padding: 0px 15px;\n border: solid 1px rgba(204, 204, 204, 0.6705882353);\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n margin: 10px;\n border-radius: 4px;\n min-height: 150px;\n margin-top: 2%;\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n\n .asq-vertical-box img {\n width: 70px;\n height: 70px;\n object-fit: contain;\n}\n\n .asq-vertical-box p {\n line-height: 20px;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.horizontal-list.cdk-drop-list-dragging[_ngcontent-%COMP%] .asq-vertical-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.centered-align[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100vh;\n}\n\n.drag-handle[_ngcontent-%COMP%] {\n position: absolute;\n top: 15px;\n right: 5px;\n cursor: move;\n}\n\n@media screen and (max-width: 600px) {\n .asq-vertical-box p {\n line-height: 14px;\n margin-top: 5px;\n margin-bottom: 5px;\n font-size: 10px;\n padding: 7px;\n }\n .asq-vertical-box[_ngcontent-%COMP%] {\n margin: 0% 1px 10px;\n padding: 0px;\n }\n .horizontal-list[_ngcontent-%COMP%] {\n padding: 0px;\n }\n}\n\n\n.box[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 90%;\n cursor: grab;\n height: 60px;\n padding: 12px;\n border-left: 5px solid #99bcd8;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n border-radius: 8px;\n background: white;\n font-weight: bold;\n position: relative;\n}\n\n\n\n.box[_ngcontent-%COMP%] cdkDrag[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n}\n\n\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n max-height: 60px;\n}\n\n\n\n.vertical-list[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 12px;\n width: 100%;\n align-items: center;\n}\n\n.horizontal-list[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}\n\n\n\n.drag-handle[_ngcontent-%COMP%] {\n cursor: grab;\n font-size: 18px;\n padding: 5px;\n display: flex;\n align-items: center;\n}\n\n.mt-1r[_ngcontent-%COMP%] {\n padding-top: 1rem !important;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL2FzcS9hc3Etb3B0aW9ucy9hc3Etb3B0aW9ucy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLDhCQUFBO0VBQ0EsWUFBQTtFQUNBLG1EQUFBO0VBQ0EsWUFBQTtFQUNBLG1GQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBQUNGOztBQUNBO0VBQ0UsZUFBQTtFQUNBLGtCQUFBO0FBRUY7O0FBQUE7RUFDRSxzQkFBQTtFQUNBLGtCQUFBO0VBQ0EscUhBQUE7QUFHRjs7QUFDQTtFQUNFLFVBQUE7QUFFRjs7QUFDQTtFQUNFLHNEQUFBO0FBRUY7O0FBQ0E7RUFDRSxzREFBQTtBQUVGOztBQUFBO0VBRUUsV0FBQTtFQUNBLFlBQUE7RUFDQSxtQkFBQTtBQUVGOztBQUNBO0VBQ0UsYUFBQTtFQUNBLDhCQUFBO0VBQ0EsaUJBQUE7RUFDQSxXQUFBO0VBQ0EsYUFBQTtFQUNBLHNCQUFBO0FBRUY7O0FBQ0E7RUFDRSxhQUFBO0VBQ0EsY0FBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxtREFBQTtFQUNBLDBCQUFBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsbUJBQUE7RUFDQSw4QkFBQTtFQUNBLHNCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxjQUFBO0VBQ0EsK0dBQUE7QUFFRjs7QUFBQTtFQUVFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsbUJBQUE7QUFFRjs7QUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLGtCQUFBO0FBR0E7O0FBQUE7RUFDRSxzREFBQTtBQUdGOztBQURBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxhQUFBO0FBSUE7O0FBRkE7RUFDRSxrQkFBQTtFQUNBLFNBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtBQUtGOztBQUhBO0VBQ0E7SUFDRSxpQkFBQTtJQUNBLGVBQUE7SUFDQSxrQkFBQTtJQUNBLGVBQUE7SUFDQSxZQUFBO0VBTUE7RUFKRjtJQUNFLG1CQUFBO0lBQ0EsWUFBQTtFQU1BO0VBSkY7SUFDRSxZQUFBO0VBTUE7QUFDRjtBQVdBLHVCQUFBO0FBQ0E7RUFDRSxhQUFBO0VBQ0EsOEJBQUE7RUFDQSxtQkFBQTtFQUVBLFVBQUE7RUFDQSxZQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSw4QkFBQTtFQUNFLDZCQUFBO0VBQ0EsMkJBQUE7RUFDQSw4QkFBQTtFQUNGLGtCQUFBO0VBQ0EsaUJBQUE7RUFFQSxpQkFBQTtFQUVBLGtCQUFBO0FBWkY7O0FBZUEsdUNBQUE7QUFDQTtFQUNFLFdBQUE7RUFDQSxZQUFBO0FBWkY7O0FBZUEscUNBQUE7QUFDQTtFQUNFLGdCQUFBO0FBWkY7O0FBZUEsZ0JBQUE7QUFDQTtFQUNFLGFBQUE7RUFDQSxzQkFBQTtFQUNBLFNBQUE7RUFDQSxXQUFBO0VBQ0EsbUJBQUE7QUFaRjs7QUFlQTtFQUNFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLFNBQUE7QUFaRjs7QUFlQSx3QkFBQTtBQUNBO0VBQ0UsWUFBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0FBWkY7O0FBZUE7RUFDRSw0QkFBQTtBQVpGIiwic291cmNlc0NvbnRlbnQiOlsiLmFzcS1ob3Jpem9udGFsLWJveHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBtYXJnaW46IDE1cHg7XG4gIGJvcmRlcjoxcHggc29saWQgI2IzYThhODY5O1xuICBjdXJzb3I6IG1vdmU7XG4gIGJveC1zaGFkb3c6IHJnYmEoMTcsIDE3LCAyNiwgMC4xKSAwcHggNHB4IDE2cHgsIHJnYmEoMTcsIDE3LCAyNiwgMC4wNSkgMHB4IDhweCAzMnB4O1xuICBwYWRkaW5nOiAxNXB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDZweDtcbn1cbjo6bmctZGVlcCAuYXNxLWhvcml6b250YWwtYm94IHB7XG4gIG1hcmdpbi10b3A6IDVweDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuLmNkay1kcmFnLXByZXZpZXcge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGJveC1zaGFkb3c6IDAgNXB4IDVweCAtM3B4IHJnYmEoMCwgMCwgMCwgMC4yKSxcbiAgICAgICAgICAgICAgMCA4cHggMTBweCAxcHggcmdiYSgwLCAwLCAwLCAwLjE0KSxcbiAgICAgICAgICAgICAgMCAzcHggMTRweCAycHggcmdiYSgwLCAwLCAwLCAwLjEyKTtcbn1cbi5jZGstZHJhZy1wbGFjZWhvbGRlciB7XG4gIG9wYWNpdHk6IDA7XG59XG5cbi5jZGstZHJhZy1hbmltYXRpbmcge1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMjUwbXMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSk7XG59XG5cbi5jZGstZHJvcC1saXN0LWRyYWdnaW5nIC5hc3EtaG9yaXpvbnRhbC1ib3g6bm90KC5jZGstZHJhZy1wbGFjZWhvbGRlcikge1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMjUwbXMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSk7XG59XG46Om5nLWRlZXAgLmFzcS1ob3Jpem9udGFsLWJveCBpbWdcbntcbiAgd2lkdGg6IDcwcHg7XG4gIGhlaWdodDogNzBweDtcbiAgb2JqZWN0LWZpdDogY29udGFpbjtcbn1cbi8vaG9yaXpvbnRhbCBsYXlvdXQgY3NzXG4uaG9yaXpvbnRhbC1saXN0IHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOyBcbiAgZmxleC13cmFwOiBub3dyYXA7IFxuICB3aWR0aDogMTAwJTsgXG4gIHBhZGRpbmc6IDEwcHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi5hc3EtdmVydGljYWwtYm94IHtcbiAgZmxleDogMCAxIDI1JTsgXG4gIG1heC13aWR0aDogMjUlO1xuICBwb3NpdGlvbjpyZWxhdGl2ZTtcbiAgcGFkZGluZzogMHB4IDE1cHg7XG4gIGJvcmRlcjogc29saWQgMXB4ICNjY2NjY2NhYjtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC44Nyk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgY3Vyc29yOiBtb3ZlO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgbWFyZ2luOjEwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgbWluLWhlaWdodDoxNTBweDtcbiAgbWFyZ2luLXRvcDoyJTtcbiAgYm94LXNoYWRvdzogMCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDJweCAycHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCA1cHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xufVxuOjpuZy1kZWVwIC5hc3EtdmVydGljYWwtYm94IGltZ1xue1xuICB3aWR0aDogNzBweDtcbiAgaGVpZ2h0OiA3MHB4O1xuICBvYmplY3QtZml0OiBjb250YWluO1xufVxuOjpuZy1kZWVwIC5hc3EtdmVydGljYWwtYm94IHB7XG5saW5lLWhlaWdodDogMjBweDtcbm1hcmdpbi10b3A6IDVweDtcbm1hcmdpbi1ib3R0b206IDVweDtcbn1cblxuLmhvcml6b250YWwtbGlzdC5jZGstZHJvcC1saXN0LWRyYWdnaW5nIC5hc3EtdmVydGljYWwtYm94Om5vdCguY2RrLWRyYWctcGxhY2Vob2xkZXIpIHtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDI1MG1zIGN1YmljLWJlemllcigwLCAwLCAwLjIsIDEpO1xufVxuLmNlbnRlcmVkLWFsaWdue1xuZGlzcGxheTogZmxleDtcbmFsaWduLWl0ZW1zOiBjZW50ZXI7XG5qdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmhlaWdodDogMTAwdmg7XG59XG4uZHJhZy1oYW5kbGV7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxNXB4O1xuICByaWdodDogNXB4O1xuICBjdXJzb3I6IG1vdmU7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2MDBweCkge1xuOjpuZy1kZWVwIC5hc3EtdmVydGljYWwtYm94IHAge1xuICBsaW5lLWhlaWdodDogMTRweDtcbiAgbWFyZ2luLXRvcDogNXB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgcGFkZGluZzogN3B4O1xufVxuLmFzcS12ZXJ0aWNhbC1ib3h7XG4gIG1hcmdpbjogMCUgMXB4IDEwcHg7XG4gIHBhZGRpbmc6MHB4O1xufVxuLmhvcml6b250YWwtbGlzdHtcbiAgcGFkZGluZzowcHg7XG59XG59XG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG4vKiBHZW5lcmFsIEJveCBTdHlsZXMgKi9cbi5ib3gge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIC8vIHdpZHRoOiAyNTBweDtcbiAgd2lkdGg6IDkwJTtcbiAgY3Vyc29yOiBncmFiO1xuICBoZWlnaHQ6IDYwcHg7XG4gIHBhZGRpbmc6IDEycHg7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgIzk5YmNkODtcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCBibGFjaztcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgYmxhY2s7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICAvLyBib3gtc2hhZG93OiAycHggMnB4IDVweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAvLyB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4vKiBSZXN0cmljdGluZyBkcmFnIHRvIHdpdGhpbiB0aGUgYm94ICovXG4uYm94IGNka0RyYWcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4vKiBQcmV2ZW50IGRyYWdnaW5nIG91dHNpZGUgdGhlIGJveCAqL1xuLmNkay1kcmFnLXByZXZpZXcge1xuICBtYXgtaGVpZ2h0OiA2MHB4O1xufVxuXG4vKiBMaXN0IFN0eWxlcyAqL1xuLnZlcnRpY2FsLWxpc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDEycHg7XG4gIHdpZHRoOjEwMCU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5ob3Jpem9udGFsLWxpc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBnYXA6IDEycHg7XG59XG5cbi8qIERyYWcgSGFuZGxlIFN0eWxpbmcgKi9cbi5kcmFnLWhhbmRsZSB7XG4gIGN1cnNvcjogZ3JhYjtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBwYWRkaW5nOiA1cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5tdC0xciB7XG4gIHBhZGRpbmctdG9wOiAxcmVtICFpbXBvcnRhbnQ7XG59Il0sInNvdXJjZVJvb3QiOiIifQ== */"] + styles: [".asq-horizontal-box[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 15px;\n border: 1px solid rgba(179, 168, 168, 0.4117647059);\n cursor: move;\n box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;\n padding: 15px 20px;\n border-radius: 6px;\n}\n\n .asq-horizontal-box p {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n box-sizing: border-box;\n border-radius: 4px;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.cdk-drop-list-dragging[_ngcontent-%COMP%] .asq-horizontal-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n .asq-horizontal-box img {\n width: 70px;\n height: 70px;\n object-fit: contain;\n}\n\n.horizontal-list[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n flex-wrap: nowrap;\n width: 100%;\n padding: 10px;\n box-sizing: border-box;\n}\n\n.asq-vertical-box[_ngcontent-%COMP%] {\n flex: 0 1 25%;\n max-width: 25%;\n position: relative;\n padding: 0px 15px;\n border: solid 1px rgba(204, 204, 204, 0.6705882353);\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n margin: 10px;\n border-radius: 4px;\n min-height: 150px;\n margin-top: 2%;\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n\n .asq-vertical-box img {\n width: 70px;\n height: 70px;\n object-fit: contain;\n}\n\n .asq-vertical-box p {\n line-height: 20px;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.horizontal-list.cdk-drop-list-dragging[_ngcontent-%COMP%] .asq-vertical-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.centered-align[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100vh;\n}\n\n@media screen and (max-width: 600px) {\n .asq-vertical-box p {\n line-height: 14px;\n margin-top: 5px;\n margin-bottom: 5px;\n font-size: 10px;\n padding: 7px;\n }\n .asq-vertical-box[_ngcontent-%COMP%] {\n margin: 0% 1px 10px;\n padding: 0px;\n }\n .horizontal-list[_ngcontent-%COMP%] {\n padding: 0px;\n }\n}\n\n\n.box[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 90%;\n cursor: grab;\n min-height: 60px;\n max-height: 100px;\n padding: 12px;\n border-left: 5px solid #99bcd8;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n border-radius: 8px;\n background: white;\n font-weight: bold;\n position: relative;\n overflow: hidden;\n}\n\n\n\n.box[_ngcontent-%COMP%] cdkDrag[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n}\n\n\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n min-height: 60px;\n max-height: 100px;\n}\n\n\n\n.vertical-list[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 12px;\n width: 100%;\n align-items: center;\n}\n\n.horizontal-list[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}\n\n\n\n.drag-handle[_ngcontent-%COMP%] {\n cursor: grab;\n font-size: 18px;\n display: flex;\n align-items: center;\n}\n\n .img-jk figure img {\n width: 70px !important;\n height: 50px !important;\n object-fit: cover;\n}\n\n .img-jk p {\n margin-bottom: 0px !important;\n}\n\n .img-jk figure {\n position: relative;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL2FzcS9hc3Etb3B0aW9ucy9hc3Etb3B0aW9ucy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLDhCQUFBO0VBQ0EsWUFBQTtFQUNBLG1EQUFBO0VBQ0EsWUFBQTtFQUNBLG1GQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBQUNGOztBQUNBO0VBQ0UsZUFBQTtFQUNBLGtCQUFBO0FBRUY7O0FBQUE7RUFDRSxzQkFBQTtFQUNBLGtCQUFBO0VBQ0EscUhBQUE7QUFHRjs7QUFDQTtFQUNFLFVBQUE7QUFFRjs7QUFDQTtFQUNFLHNEQUFBO0FBRUY7O0FBQ0E7RUFDRSxzREFBQTtBQUVGOztBQUFBO0VBRUUsV0FBQTtFQUNBLFlBQUE7RUFDQSxtQkFBQTtBQUVGOztBQUNBO0VBQ0UsYUFBQTtFQUNBLDhCQUFBO0VBQ0EsaUJBQUE7RUFDQSxXQUFBO0VBQ0EsYUFBQTtFQUNBLHNCQUFBO0FBRUY7O0FBQ0E7RUFDRSxhQUFBO0VBQ0EsY0FBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxtREFBQTtFQUNBLDBCQUFBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsbUJBQUE7RUFDQSw4QkFBQTtFQUNBLHNCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxjQUFBO0VBQ0EsK0dBQUE7QUFFRjs7QUFBQTtFQUVFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsbUJBQUE7QUFFRjs7QUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLGtCQUFBO0FBR0E7O0FBQUE7RUFDRSxzREFBQTtBQUdGOztBQURBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxhQUFBO0FBSUE7O0FBSUE7RUFDQTtJQUNFLGlCQUFBO0lBQ0EsZUFBQTtJQUNBLGtCQUFBO0lBQ0EsZUFBQTtJQUNBLFlBQUE7RUFEQTtFQUdGO0lBQ0UsbUJBQUE7SUFDQSxZQUFBO0VBREE7RUFHRjtJQUNFLFlBQUE7RUFEQTtBQUNGO0FBa0JBLHVCQUFBO0FBQ0E7RUFDRSxhQUFBO0VBQ0EsOEJBQUE7RUFDQSxtQkFBQTtFQUVBLFVBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxpQkFBQTtFQUNBLGFBQUE7RUFDQSw4QkFBQTtFQUNFLDZCQUFBO0VBQ0EsMkJBQUE7RUFDQSw4QkFBQTtFQUNGLGtCQUFBO0VBQ0EsaUJBQUE7RUFFQSxpQkFBQTtFQUVBLGtCQUFBO0VBQ0EsZ0JBQUE7QUFuQkY7O0FBc0JBLHVDQUFBO0FBQ0E7RUFDRSxXQUFBO0VBQ0EsWUFBQTtBQW5CRjs7QUFzQkEscUNBQUE7QUFDQTtFQUNFLGdCQUFBO0VBQ0UsaUJBQUE7QUFuQko7O0FBc0JBLGdCQUFBO0FBQ0E7RUFDRSxhQUFBO0VBQ0Esc0JBQUE7RUFDQSxTQUFBO0VBQ0EsV0FBQTtFQUNBLG1CQUFBO0FBbkJGOztBQXNCQTtFQUNFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLFNBQUE7QUFuQkY7O0FBc0JBLHdCQUFBO0FBQ0E7RUFDRSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGFBQUE7RUFDQSxtQkFBQTtBQW5CRjs7QUF5QkE7RUFDRSxzQkFBQTtFQUNBLHVCQUFBO0VBQ0EsaUJBQUE7QUF0QkY7O0FBd0JBO0VBQ0UsNkJBQUE7QUFyQkY7O0FBdUJBO0VBQ0Usa0JBQUE7QUFwQkYiLCJzb3VyY2VzQ29udGVudCI6WyIuYXNxLWhvcml6b250YWwtYm94e1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIG1hcmdpbjogMTVweDtcbiAgYm9yZGVyOjFweCBzb2xpZCAjYjNhOGE4Njk7XG4gIGN1cnNvcjogbW92ZTtcbiAgYm94LXNoYWRvdzogcmdiYSgxNywgMTcsIDI2LCAwLjEpIDBweCA0cHggMTZweCwgcmdiYSgxNywgMTcsIDI2LCAwLjA1KSAwcHggOHB4IDMycHg7XG4gIHBhZGRpbmc6IDE1cHggMjBweDtcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xufVxuOjpuZy1kZWVwIC5hc3EtaG9yaXpvbnRhbC1ib3ggcHtcbiAgbWFyZ2luLXRvcDogNXB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG4uY2RrLWRyYWctcHJldmlldyB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm94LXNoYWRvdzogMCA1cHggNXB4IC0zcHggcmdiYSgwLCAwLCAwLCAwLjIpLFxuICAgICAgICAgICAgICAwIDhweCAxMHB4IDFweCByZ2JhKDAsIDAsIDAsIDAuMTQpLFxuICAgICAgICAgICAgICAwIDNweCAxNHB4IDJweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xufVxuLmNkay1kcmFnLXBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbn1cblxuLmNkay1kcmFnLWFuaW1hdGluZyB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKTtcbn1cblxuLmNkay1kcm9wLWxpc3QtZHJhZ2dpbmcgLmFzcS1ob3Jpem9udGFsLWJveDpub3QoLmNkay1kcmFnLXBsYWNlaG9sZGVyKSB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKTtcbn1cbjo6bmctZGVlcCAuYXNxLWhvcml6b250YWwtYm94IGltZ1xue1xuICB3aWR0aDogNzBweDtcbiAgaGVpZ2h0OiA3MHB4O1xuICBvYmplY3QtZml0OiBjb250YWluO1xufVxuLy9ob3Jpem9udGFsIGxheW91dCBjc3Ncbi5ob3Jpem9udGFsLWxpc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47IFxuICBmbGV4LXdyYXA6IG5vd3JhcDsgXG4gIHdpZHRoOiAxMDAlOyBcbiAgcGFkZGluZzogMTBweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLmFzcS12ZXJ0aWNhbC1ib3gge1xuICBmbGV4OiAwIDEgMjUlOyBcbiAgbWF4LXdpZHRoOiAyNSU7XG4gIHBvc2l0aW9uOnJlbGF0aXZlO1xuICBwYWRkaW5nOiAwcHggMTVweDtcbiAgYm9yZGVyOiBzb2xpZCAxcHggI2NjY2NjY2FiO1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg3KTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBjdXJzb3I6IG1vdmU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBtYXJnaW46MTBweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBtaW4taGVpZ2h0OjE1MHB4O1xuICBtYXJnaW4tdG9wOjIlO1xuICBib3gtc2hhZG93OiAwIDNweCAxcHggLTJweCByZ2JhKDAsIDAsIDAsIDAuMiksIDAgMnB4IDJweCAwIHJnYmEoMCwgMCwgMCwgMC4xNCksIDAgMXB4IDVweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG59XG46Om5nLWRlZXAgLmFzcS12ZXJ0aWNhbC1ib3ggaW1nXG57XG4gIHdpZHRoOiA3MHB4O1xuICBoZWlnaHQ6IDcwcHg7XG4gIG9iamVjdC1maXQ6IGNvbnRhaW47XG59XG46Om5nLWRlZXAgLmFzcS12ZXJ0aWNhbC1ib3ggcHtcbmxpbmUtaGVpZ2h0OiAyMHB4O1xubWFyZ2luLXRvcDogNXB4O1xubWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4uaG9yaXpvbnRhbC1saXN0LmNkay1kcm9wLWxpc3QtZHJhZ2dpbmcgLmFzcS12ZXJ0aWNhbC1ib3g6bm90KC5jZGstZHJhZy1wbGFjZWhvbGRlcikge1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMjUwbXMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSk7XG59XG4uY2VudGVyZWQtYWxpZ257XG5kaXNwbGF5OiBmbGV4O1xuYWxpZ24taXRlbXM6IGNlbnRlcjtcbmp1c3RpZnktY29udGVudDogY2VudGVyO1xuaGVpZ2h0OiAxMDB2aDtcbn1cbi8vIC5kcmFnLWhhbmRsZXtcbi8vICAgcG9zaXRpb246IGFic29sdXRlO1xuLy8gICB0b3A6IDE1cHg7XG4vLyAgIHJpZ2h0OiAzMHB4O1xuLy8gICBjdXJzb3I6IG1vdmU7XG4vLyB9XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2MDBweCkge1xuOjpuZy1kZWVwIC5hc3EtdmVydGljYWwtYm94IHAge1xuICBsaW5lLWhlaWdodDogMTRweDtcbiAgbWFyZ2luLXRvcDogNXB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgcGFkZGluZzogN3B4O1xufVxuLmFzcS12ZXJ0aWNhbC1ib3h7XG4gIG1hcmdpbjogMCUgMXB4IDEwcHg7XG4gIHBhZGRpbmc6MHB4O1xufVxuLmhvcml6b250YWwtbGlzdHtcbiAgcGFkZGluZzowcHg7XG59XG59XG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG4vKiBHZW5lcmFsIEJveCBTdHlsZXMgKi9cbi5ib3gge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIC8vIHdpZHRoOiAyNTBweDtcbiAgd2lkdGg6IDkwJTtcbiAgY3Vyc29yOiBncmFiO1xuICBtaW4taGVpZ2h0OiA2MHB4O1xuICBtYXgtaGVpZ2h0OiAxMDBweDtcbiAgcGFkZGluZzogMTJweDtcbiAgYm9yZGVyLWxlZnQ6IDVweCBzb2xpZCAjOTliY2Q4O1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIGJsYWNrO1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCBibGFjaztcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIC8vIGJveC1zaGFkb3c6IDJweCAycHggNXB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIC8vIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi8qIFJlc3RyaWN0aW5nIGRyYWcgdG8gd2l0aGluIHRoZSBib3ggKi9cbi5ib3ggY2RrRHJhZyB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi8qIFByZXZlbnQgZHJhZ2dpbmcgb3V0c2lkZSB0aGUgYm94ICovXG4uY2RrLWRyYWctcHJldmlldyB7XG4gIG1pbi1oZWlnaHQ6IDYwcHg7XG4gICAgbWF4LWhlaWdodDogMTAwcHg7XG59XG5cbi8qIExpc3QgU3R5bGVzICovXG4udmVydGljYWwtbGlzdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMTJweDtcbiAgd2lkdGg6MTAwJTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLmhvcml6b250YWwtbGlzdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGdhcDogMTJweDtcbn1cblxuLyogRHJhZyBIYW5kbGUgU3R5bGluZyAqL1xuLmRyYWctaGFuZGxlIHtcbiAgY3Vyc29yOiBncmFiO1xuICBmb250LXNpemU6IDE4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi8vIC5tdC0xciB7XG4vLyAgIHBhZGRpbmctdG9wOiAxcmVtICFpbXBvcnRhbnQ7XG4vLyB9XG46Om5nLWRlZXAgLmltZy1qayBmaWd1cmUgaW1nIHtcbiAgd2lkdGg6IDcwcHggIWltcG9ydGFudDtcbiAgaGVpZ2h0OiA1MHB4ICFpbXBvcnRhbnQ7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xufVxuOjpuZy1kZWVwIC5pbWctamsgcCB7XG4gIG1hcmdpbi1ib3R0b206IDBweCAhaW1wb3J0YW50O1xufVxuOjpuZy1kZWVwIC5pbWctamsgZmlndXJlIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */"] }); } @@ -98401,12 +98401,14 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ AsqComponent: () => (/* binding */ AsqComponent) /* harmony export */ }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 61699); -/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ 26575); +/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/platform-browser */ 36480); +/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ 26575); /* harmony import */ var _asq_options_asq_options_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./asq-options/asq-options.component */ 84498); + function AsqComponent_div_0_quml_asq_options_3_Template(rf, ctx) { if (rf & 1) { const _r3 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"](); @@ -98440,7 +98442,8 @@ function AsqComponent_div_0_Template(rf, ctx) { } } class AsqComponent { - constructor() { + constructor(sanitizer) { + this.sanitizer = sanitizer; this.optionsReordered = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter(); } ngOnInit() { @@ -98448,8 +98451,22 @@ class AsqComponent { } initialize() { this.setLayout(); - this.interactions = this.question?.interactions; - this.questionBody = this.question?.body; + // Sanitize question body + this.questionBody = this.sanitizeHtml(this.question?.body); + console.log('ASQ this.questionBody', this.questionBody); + // Modify interactions with sanitized labels + if (this.question?.interactions) { + this.interactions = { + ...this.question.interactions + }; + if (this.interactions.response1?.options) { + this.interactions.response1.options = this.interactions.response1.options.map(option => ({ + ...option, + label: this.sanitizeHtml(option.label) + })); + } + } + console.log('ASQ this.interactions', this.interactions); } setLayout() { const templateId = this.question?.templateId; @@ -98465,8 +98482,12 @@ class AsqComponent { handleReorderedOptions(reorderedOptions) { this.optionsReordered.emit(reorderedOptions); } + // Helper function to sanitize HTML + sanitizeHtml(html) { + return this.sanitizer.bypassSecurityTrustHtml(html); + } static #_ = this.ɵfac = function AsqComponent_Factory(t) { - return new (t || AsqComponent)(); + return new (t || AsqComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__.DomSanitizer)); }; static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: AsqComponent, @@ -98491,7 +98512,7 @@ class AsqComponent { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx.questionBody); } }, - dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_2__.NgIf, _asq_options_asq_options_component__WEBPACK_IMPORTED_MODULE_0__.AsqOptionsComponent], + dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_3__.NgIf, _asq_options_asq_options_component__WEBPACK_IMPORTED_MODULE_0__.AsqOptionsComponent], encapsulation: 2 }); } @@ -101821,7 +101842,7 @@ function MtfOptionsComponent_ng_container_1_div_5_Template(rf, ctx) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 20)(1, "p", 21); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](2); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); - _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "span", 10); + _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "span", 22); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](4, "\u283F"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "div", 19); @@ -101844,7 +101865,7 @@ function MtfOptionsComponent_ng_container_1_div_5_Template(rf, ctx) { function MtfOptionsComponent_ng_container_1_div_6_Template(rf, ctx) { if (rf & 1) { const _r20 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"](); - _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 22)(1, "div", 23)(2, "span", 24); + _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 23)(1, "div", 24)(2, "span", 25); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function MtfOptionsComponent_ng_container_1_div_6_Template_span_click_2_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r20); const ctx_r19 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2); @@ -101852,7 +101873,7 @@ function MtfOptionsComponent_ng_container_1_div_6_Template(rf, ctx) { }); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](3, "\u00D7"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); - _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "img", 25); + _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "img", 26); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]()(); } if (rf & 2) { @@ -101979,7 +102000,7 @@ class MtfOptionsComponent { features: [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵNgOnChangesFeature"]], decls: 2, vars: 2, - consts: [[4, "ngIf"], [1, "matching-container"], [1, "column", 2, "cursor", "not-allowed"], ["class", "match-box left-box", 4, "ngFor", "ngForOf"], ["cdkDropList", "", 1, "column", 3, "cdkDropListDropped"], ["class", "match-box right-box", "cdkDrag", "", "cdkDragBoundary", ".column", 3, "cdkDragData", 4, "ngFor", "ngForOf"], [1, "match-box", "left-box"], [3, "innerHTML"], [1, ""], ["cdkDrag", "", "cdkDragBoundary", ".column", 1, "match-box", "right-box", 3, "cdkDragData"], [1, "drag-icon"], [1, "horizontal-main", "matching-container", 2, "display", "flex", "flex-direction", "column", "gap", "70px"], ["id", "topSide"], ["style", "width: 100%; margin-top: unset !important;", "class", "match-box left-box1", 4, "ngFor", "ngForOf"], ["id", "bottomSide", "cdkDropList", "", "cdkDropListOrientation", "horizontal", 3, "cdkDropListDropped"], ["class", "bubble-top", "cdkDrag", "", "style", "width: 100%; margin-top: unset !important;", "class", "match-box right-box1", 3, "cdkDragData", 4, "ngFor", "ngForOf"], ["class", "mft-modal modal", 4, "ngIf"], [1, "match-box", "left-box1", 2, "width", "100%", "margin-top", "unset !important"], ["appCheckFigure", "", 3, "innerHTML"], [1, "zoom-icon", 3, "click"], ["cdkDrag", "", 1, "match-box", "right-box1", 2, "width", "100%", "margin-top", "unset !important", 3, "cdkDragData"], ["cdkDragBoundary", "#bottomSide", "appCheckFigure", "", 3, "innerHTML"], [1, "mft-modal", "modal"], [1, "modal-content"], [1, "modal-close", 3, "click"], [3, "src"]], + consts: [[4, "ngIf"], [1, "matching-container"], [1, "column", 2, "cursor", "not-allowed"], ["class", "match-box left-box", 4, "ngFor", "ngForOf"], ["cdkDropList", "", 1, "column", 3, "cdkDropListDropped"], ["class", "match-box right-box", "cdkDrag", "", "cdkDragBoundary", ".column", 3, "cdkDragData", 4, "ngFor", "ngForOf"], [1, "match-box", "left-box"], [3, "innerHTML"], [1, ""], ["cdkDrag", "", "cdkDragBoundary", ".column", 1, "match-box", "right-box", 3, "cdkDragData"], [1, "drag-icon", 2, "color", "#000", "font-weight", "700"], [1, "horizontal-main", "matching-container", 2, "display", "flex", "flex-direction", "column", "gap", "70px"], ["id", "topSide"], ["style", "width: 100%; margin-top: unset !important;", "class", "match-box left-box1", 4, "ngFor", "ngForOf"], ["id", "bottomSide", "cdkDropList", "", "cdkDropListOrientation", "horizontal", 3, "cdkDropListDropped"], ["class", "bubble-top", "cdkDrag", "", "style", "width: 100%; margin-top: unset !important;", "class", "match-box right-box1", 3, "cdkDragData", 4, "ngFor", "ngForOf"], ["class", "mft-modal modal", 4, "ngIf"], [1, "match-box", "left-box1", 2, "width", "100%", "margin-top", "unset !important"], ["appCheckFigure", "", 3, "innerHTML"], [1, "zoom-icon", 3, "click"], ["cdkDrag", "", 1, "match-box", "right-box1", 2, "width", "100%", "margin-top", "unset !important", 3, "cdkDragData"], ["cdkDragBoundary", "#bottomSide", "appCheckFigure", "", 3, "innerHTML"], [1, "drag-icon"], [1, "mft-modal", "modal"], [1, "modal-content"], [1, "modal-close", 3, "click"], [3, "src"]], template: function MtfOptionsComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](0, MtfOptionsComponent_ng_container_0_Template, 6, 2, "ng-container", 0); @@ -101992,7 +102013,7 @@ class MtfOptionsComponent { } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_3__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_3__.NgIf, _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_4__.CdkDropList, _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_4__.CdkDrag, _check_figure_directive__WEBPACK_IMPORTED_MODULE_0__.CheckFigureDirective], - styles: ["#leftSide[_ngcontent-%COMP%] {\n flex-basis: 50%;\n}\n\n#rightSide[_ngcontent-%COMP%] div[_ngcontent-%COMP%]:last-child {\n margin-top: 1px !important;\n}\n\n#rightSide[_ngcontent-%COMP%] div[_ngcontent-%COMP%]:nth-child(3) {\n margin-top: 3px !important;\n}\n\n#rightSide[_ngcontent-%COMP%] div[_ngcontent-%COMP%]:nth-child(2) {\n margin-top: 1px !important;\n}\n\n .main-div figure.image img, .horizontal-main figure.image img {\n width: 120px;\n height: 80px;\n object-fit: contain;\n}\n\n .main-div figure {\n margin: 0 0 0rem;\n}\n\n#rightSide[_ngcontent-%COMP%] {\n flex-basis: 50%;\n}\n\n#topSide[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: 20px;\n overflow: hidden;\n width: 100%;\n}\n\n#bottomSide[_ngcontent-%COMP%] {\n min-height: 60px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: 20px;\n width: 100%;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n box-sizing: border-box;\n border-radius: 4px;\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n#bottomSide[_ngcontent-%COMP%] .cdk-drag-preview[_ngcontent-%COMP%] {\n box-sizing: border-box;\n border-radius: 4px;\n}\n\n#bottomSide[_ngcontent-%COMP%] .cdk-drag-placeholder[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n#bottomSide[_ngcontent-%COMP%] .cdk-drag-animating[_ngcontent-%COMP%] {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.zoom-icon[_ngcontent-%COMP%] {\n position: absolute;\n right: 0;\n bottom: 0;\n width: 1.5rem;\n height: 1.5rem;\n border-top-left-radius: 0.5rem;\n cursor: pointer;\n background-color: var(--quml-color-primary-contrast);\n}\n\n.zoom-icon[_ngcontent-%COMP%]::after {\n content: \"\";\n position: absolute;\n bottom: 0.125rem;\n right: 0.125rem;\n z-index: 1;\n width: 1rem;\n height: 1rem;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 37.166 37.166' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.829,32.045l-6.833-6.833c-0.513-0.513-1.167-0.788-1.836-0.853c2.06-2.567,3.298-5.819,3.298-9.359 c0-8.271-6.729-15-15-15c-8.271,0-15,6.729-15,15c0,8.271,6.729,15,15,15c3.121,0,6.021-0.96,8.424-2.598 c0.018,0.744,0.305,1.482,0.872,2.052l6.833,6.833c0.585,0.586,1.354,0.879,2.121,0.879s1.536-0.293,2.121-0.879 C37.001,35.116,37.001,33.217,35.829,32.045z M15.458,25c-5.514,0-10-4.484-10-10c0-5.514,4.486-10,10-10c5.514,0,10,4.486,10,10 C25.458,20.516,20.972,25,15.458,25z M22.334,15c0,1.104-0.896,2-2,2h-2.75v2.75c0,1.104-0.896,2-2,2s-2-0.896-2-2V17h-2.75 c-1.104,0-2-0.896-2-2s0.896-2,2-2h2.75v-2.75c0-1.104,0.896-2,2-2s2,0.896,2,2V13h2.75C21.438,13,22.334,13.895,22.334,15z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A\");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.mft-modal.modal[_ngcontent-%COMP%] {\n display: flex;\n position: fixed;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0, 0, 0, 0.9);\n justify-content: center;\n align-items: center;\n}\n\n.mft-modal.modal.modal-content[_ngcontent-%COMP%] {\n position: relative;\n max-width: 90%;\n max-height: 90%;\n}\n\n.modal-close[_ngcontent-%COMP%] {\n position: absolute;\n top: 10px;\n right: 25px;\n color: #fff;\n font-size: 35px;\n font-weight: bold;\n cursor: pointer;\n}\n\n@media screen and (min-width: 1200px) {\n .main-div p {\n font-size: 16px;\n line-height: 25px;\n margin-bottom: 0px;\n }\n .horizontal-main p {\n font-size: 16px;\n line-height: 25px;\n margin-bottom: 0px;\n }\n .mft-modal[_ngcontent-%COMP%] .modal-content[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\n width: 900px;\n height: 300px;\n object-fit: contain;\n }\n}\np[_ngcontent-%COMP%] {\n margin-top: unset !important;\n margin-bottom: unset !important;\n}\n\n.matching-container[_ngcontent-%COMP%] {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 30px;\n border-radius: 20px;\n}\n\n.column[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 660px;\n padding: 10px;\n border-radius: 8px;\n}\n\n.match-box[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: white;\n padding: 12px 20px;\n border-radius: 8px;\n font-size: 16px;\n font-weight: 500;\n box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);\n}\n\n.left-box[_ngcontent-%COMP%] {\n border-left: 5px solid #dd918f;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n}\n\n.right-box[_ngcontent-%COMP%] {\n border-left: 5px solid #99bcd8;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n cursor: grab;\n}\n\n.left-box1[_ngcontent-%COMP%] {\n border-left: 5px solid #dd918f;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n}\n\n.right-box1[_ngcontent-%COMP%] {\n border-left: 5px solid #99bcd8;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n cursor: grab;\n}\n\n.right-box[_ngcontent-%COMP%]:hover {\n transform: scale(1.05);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);\n}\n\n.right-box1[_ngcontent-%COMP%]:hover {\n transform: scale(1.05);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);\n}\n\n.drag-icon[_ngcontent-%COMP%] {\n color: #888;\n font-size: 20px;\n cursor: grab;\n}\n\n.right-box[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin-top: 16px !important;\n}\n\n.left-box[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin-top: 16px !important;\n}\n\n@media screen and (max-width: 768px) {\n .main-div p {\n font-size: 12px;\n line-height: 20px;\n margin-bottom: 0px;\n }\n .horizontal-main p {\n font-size: 11px;\n line-height: 16px;\n margin-bottom: 0;\n }\n .main-div figure.image img, .horizontal-main figure.image img {\n width: 70px;\n height: 70px;\n object-fit: contain;\n }\n .match-box[_ngcontent-%COMP%] {\n padding: 12px 8px;\n }\n .matching-container[_ngcontent-%COMP%] {\n padding: 8px;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL210Zi9tdGYtb3B0aW9ucy9tdGYtb3B0aW9ucy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGVBQUE7QUFDRjs7QUFDQTtFQUNFLDBCQUFBO0FBRUY7O0FBQ0E7RUFDRSwwQkFBQTtBQUVGOztBQUNBO0VBQ0UsMEJBQUE7QUFFRjs7QUFDQTs7RUFFRSxZQUFBO0VBQ0EsWUFBQTtFQUNBLG1CQUFBO0FBRUY7O0FBQ0E7RUFFRSxnQkFBQTtBQUNGOztBQUNBO0VBQ0UsZUFBQTtBQUVGOztBQUNBO0VBQ0ksYUFBQTtFQUNFLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxTQUFBO0VBQ0EsZ0JBQUE7RUFDQSxXQUFBO0FBRU47O0FBQ0E7RUFDRSxnQkFBQTtFQUNBLGFBQUE7RUFDQSxtQkFBQTtFQUVBLHVCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7QUFDRjs7QUFFQTtFQUNFLHNCQUFBO0VBQ0Esa0JBQUE7QUFDRjs7QUFFQTtFQUNFLFVBQUE7QUFDRjs7QUFFQTtFQUNFLHNEQUFBO0FBQ0Y7O0FBR0E7RUFDRSxzQkFBQTtFQUNBLGtCQUFBO0FBQUY7O0FBR0E7RUFDRSxVQUFBO0FBQUY7O0FBR0E7RUFDRSxzREFBQTtBQUFGOztBQU9BO0VBQ0Usa0JBQUE7RUFDQSxRQUFBO0VBQ0EsU0FBQTtFQUNBLGFBQUE7RUFDQSxjQUFBO0VBQ0EsOEJBQUE7RUFDQSxlQUFBO0VBQ0Esb0RBQUE7QUFKRjs7QUFPQTtFQUNFLFdBQUE7RUFDQSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLFVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHc0REFBQTtFQUNBLHNCQUFBO0VBQ0EsNEJBQUE7RUFDQSwyQkFBQTtBQUpGOztBQU9BO0VBQ0UsYUFBQTtFQUNBLGVBQUE7RUFDQSxVQUFBO0VBQ0EsT0FBQTtFQUNBLE1BQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGNBQUE7RUFDQSxvQ0FBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7QUFKRjs7QUFPQTtFQUNFLGtCQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7QUFKRjs7QUFPQTtFQUNFLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtBQUpGOztBQVFBO0VBQ0U7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQUxGO0VBUUE7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQU5GO0VBU0E7SUFDRSxZQUFBO0lBQ0EsYUFBQTtJQUNBLG1CQUFBO0VBUEY7QUFDRjtBQVNBO0VBQ0UsNEJBQUE7RUFDQSwrQkFBQTtBQVBGOztBQVVBO0VBQ0UsYUFBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7RUFDQSxTQUFBO0VBQ0EsYUFBQTtFQUVBLG1CQUFBO0FBUkY7O0FBV0E7RUFDRSxhQUFBO0VBQ0Esc0JBQUE7RUFDQSxTQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxrQkFBQTtBQVJGOztBQVdBO0VBQ0UsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsOEJBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSx3Q0FBQTtBQVJGOztBQVdBO0VBQ0UsOEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0VBQ0EsOEJBQUE7QUFSRjs7QUFXQTtFQUNFLDhCQUFBO0VBQ0EsNkJBQUE7RUFDRSwyQkFBQTtFQUNBLDhCQUFBO0VBQ0YsWUFBQTtBQVJGOztBQVdBO0VBQ0UsOEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0VBQ0EsOEJBQUE7QUFSRjs7QUFXQTtFQUNFLDhCQUFBO0VBQ0EsNkJBQUE7RUFDQSwyQkFBQTtFQUNBLDhCQUFBO0VBQ0EsWUFBQTtBQVJGOztBQVdBO0VBQ0Usc0JBQUE7RUFDQSx5Q0FBQTtBQVJGOztBQVVBO0VBQ0Usc0JBQUE7RUFDQSx5Q0FBQTtBQVBGOztBQVVBO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0FBUEY7O0FBU0E7RUFDRSwyQkFBQTtBQU5GOztBQVNBO0VBQ0UsMkJBQUE7QUFORjs7QUFXQTtFQUNFO0lBQ0UsZUFBQTtJQUNBLGlCQUFBO0lBQ0Esa0JBQUE7RUFSRjtFQVdBO0lBQ0UsZUFBQTtJQUNBLGlCQUFBO0lBQ0EsZ0JBQUE7RUFURjtFQWFBOztJQUVFLFdBQUE7SUFDQSxZQUFBO0lBQ0EsbUJBQUE7RUFYRjtFQWNBO0lBQ0UsaUJBQUE7RUFaRjtFQWNFO0lBQ0UsWUFBQTtFQVpKO0FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIjbGVmdFNpZGUge1xuICBmbGV4LWJhc2lzOiA1MCU7XG59XG4jcmlnaHRTaWRlIGRpdjpsYXN0LWNoaWxke1xuICBtYXJnaW4tdG9wOiAxcHggICFpbXBvcnRhbnQ7XG59XG5cbiNyaWdodFNpZGUgZGl2Om50aC1jaGlsZCgzKSB7XG4gIG1hcmdpbi10b3A6IDNweCAhaW1wb3J0YW50O1xufVxuXG4jcmlnaHRTaWRlIGRpdjpudGgtY2hpbGQoMikge1xuICBtYXJnaW4tdG9wOiAxcHggIWltcG9ydGFudDtcbn1cblxuOjpuZy1kZWVwIC5tYWluLWRpdiBmaWd1cmUuaW1hZ2UgaW1nLFxuOjpuZy1kZWVwIC5ob3Jpem9udGFsLW1haW4gZmlndXJlLmltYWdlIGltZyB7XG4gIHdpZHRoOiAxMjBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBvYmplY3QtZml0OiBjb250YWluO1xufVxuXG46Om5nLWRlZXAgLm1haW4tZGl2IGZpZ3VyZVxue1xuICBtYXJnaW46IDAgMCAwcmVtO1xufVxuI3JpZ2h0U2lkZSB7XG4gIGZsZXgtYmFzaXM6IDUwJTtcbn1cblxuI3RvcFNpZGUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBnYXA6IDIwcHg7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2lkdGg6IDEwMCU7XG59XG5cbiNib3R0b21TaWRlIHtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgLy8gbWFyZ2luLXRvcDogLTMlOyAgXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDIwcHg7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2RrLWRyYWctcHJldmlldyB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbn1cblxuLmNkay1kcmFnLXBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbn1cblxuLmNkay1kcmFnLWFuaW1hdGluZyB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKTtcbn1cblxuXG4jYm90dG9tU2lkZSAuY2RrLWRyYWctcHJldmlldyB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbn1cblxuI2JvdHRvbVNpZGUgLmNkay1kcmFnLXBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbn1cblxuI2JvdHRvbVNpZGUgLmNkay1kcmFnLWFuaW1hdGluZyB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKTtcbn1cblxuXG4vL3VpIGNoYW5nZXNcblxuXG4uem9vbS1pY29uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICB3aWR0aDogMS41cmVtO1xuICBoZWlnaHQ6IDEuNXJlbTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMC41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXF1bWwtY29sb3ItcHJpbWFyeS1jb250cmFzdCk7XG59XG5cbi56b29tLWljb246OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDAuMTI1cmVtO1xuICByaWdodDogMC4xMjVyZW07XG4gIHotaW5kZXg6IDE7XG4gIHdpZHRoOiAxcmVtO1xuICBoZWlnaHQ6IDFyZW07XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM0MlM0Z4bWwgdmVyc2lvbj0nMS4wJyUzRiUzRSUzQ3N2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB4bWxuczpzdmdqcz0naHR0cDovL3N2Z2pzLmNvbS9zdmdqcycgdmVyc2lvbj0nMS4xJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMicgeD0nMCcgeT0nMCcgdmlld0JveD0nMCAwIDM3LjE2NiAzNy4xNjYnIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTInIHhtbDpzcGFjZT0ncHJlc2VydmUnIGNsYXNzPScnJTNFJTNDZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQ3BhdGggZD0nTTM1LjgyOSwzMi4wNDVsLTYuODMzLTYuODMzYy0wLjUxMy0wLjUxMy0xLjE2Ny0wLjc4OC0xLjgzNi0wLjg1M2MyLjA2LTIuNTY3LDMuMjk4LTUuODE5LDMuMjk4LTkuMzU5IGMwLTguMjcxLTYuNzI5LTE1LTE1LTE1Yy04LjI3MSwwLTE1LDYuNzI5LTE1LDE1YzAsOC4yNzEsNi43MjksMTUsMTUsMTVjMy4xMjEsMCw2LjAyMS0wLjk2LDguNDI0LTIuNTk4IGMwLjAxOCwwLjc0NCwwLjMwNSwxLjQ4MiwwLjg3MiwyLjA1Mmw2LjgzMyw2LjgzM2MwLjU4NSwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OXMxLjUzNi0wLjI5MywyLjEyMS0wLjg3OSBDMzcuMDAxLDM1LjExNiwzNy4wMDEsMzMuMjE3LDM1LjgyOSwzMi4wNDV6IE0xNS40NTgsMjVjLTUuNTE0LDAtMTAtNC40ODQtMTAtMTBjMC01LjUxNCw0LjQ4Ni0xMCwxMC0xMGM1LjUxNCwwLDEwLDQuNDg2LDEwLDEwIEMyNS40NTgsMjAuNTE2LDIwLjk3MiwyNSwxNS40NTgsMjV6IE0yMi4zMzQsMTVjMCwxLjEwNC0wLjg5NiwyLTIsMmgtMi43NXYyLjc1YzAsMS4xMDQtMC44OTYsMi0yLDJzLTItMC44OTYtMi0yVjE3aC0yLjc1IGMtMS4xMDQsMC0yLTAuODk2LTItMnMwLjg5Ni0yLDItMmgyLjc1di0yLjc1YzAtMS4xMDQsMC44OTYtMiwyLTJzMiwwLjg5NiwyLDJWMTNoMi43NUMyMS40MzgsMTMsMjIuMzM0LDEzLjg5NSwyMi4zMzQsMTV6JyBmaWxsPSclMjNmZmZmZmYnIGRhdGEtb3JpZ2luYWw9JyUyMzAwMDAwMCcgc3R5bGU9JycgY2xhc3M9JycvJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0MvZyUzRSUzQy9zdmclM0UlMEFcIik7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbn1cblxuLm1mdC1tb2RhbC5tb2RhbCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogMTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjkpO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLm1mdC1tb2RhbC5tb2RhbC5tb2RhbC1jb250ZW50IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtd2lkdGg6IDkwJTtcbiAgbWF4LWhlaWdodDogOTAlO1xufVxuXG4ubW9kYWwtY2xvc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMTBweDtcbiAgcmlnaHQ6IDI1cHg7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDM1cHg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIDo6bmctZGVlcC5tYWluLWRpdiBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgbGluZS1oZWlnaHQ6IDI1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICB9XG5cbiAgOjpuZy1kZWVwLmhvcml6b250YWwtbWFpbiBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgbGluZS1oZWlnaHQ6IDI1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICB9XG5cbiAgLm1mdC1tb2RhbCAubW9kYWwtY29udGVudCBpbWcge1xuICAgIHdpZHRoOiA5MDBweDtcbiAgICBoZWlnaHQ6IDMwMHB4O1xuICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XG4gIH1cbn1cbnAge1xuICBtYXJnaW4tdG9wOiB1bnNldCAhaW1wb3J0YW50O1xuICBtYXJnaW4tYm90dG9tOiB1bnNldCAhaW1wb3J0YW50O1xufVxuXG4ubWF0Y2hpbmctY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMjBweDtcbiAgcGFkZGluZzogMzBweDtcbiAgLy8gYmFja2dyb3VuZDogI2YwZjBmMDtcbiAgYm9yZGVyLXJhZGl1czogMjBweDtcbn1cblxuLmNvbHVtbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMTVweDtcbiAgd2lkdGg6IDY2MHB4O1xuICBwYWRkaW5nOiAxMHB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG59XG5cbi5tYXRjaC1ib3gge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAxMnB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgZm9udC1zaXplOiAxNnB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBib3gtc2hhZG93OiAwIDNweCA2cHggcmdiYSgwLCAwLCAwLCAwLjEpO1xufVxuXG4ubGVmdC1ib3gge1xuICBib3JkZXItbGVmdDogNXB4IHNvbGlkICNkZDkxOGY7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcbn1cblxuLnJpZ2h0LWJveCB7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgICM5OWJjZDg7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIGJsYWNrO1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCBibGFjaztcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgYmxhY2s7XG4gIGN1cnNvcjogZ3JhYjtcbn1cblxuLmxlZnQtYm94MSB7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgI2RkOTE4ZjtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCBibGFjaztcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGJsYWNrO1xufVxuXG4ucmlnaHQtYm94MSB7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgIzk5YmNkODtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCBibGFjaztcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGJsYWNrO1xuICBjdXJzb3I6IGdyYWI7XG59XG5cbi5yaWdodC1ib3g6aG92ZXIge1xuICB0cmFuc2Zvcm06IHNjYWxlKDEuMDUpO1xuICBib3gtc2hhZG93OiAwIDVweCAxMnB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcbn1cbi5yaWdodC1ib3gxOmhvdmVyIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgxLjA1KTtcbiAgYm94LXNoYWRvdzogMCA1cHggMTJweCByZ2JhKDAsIDAsIDAsIDAuMik7XG59XG5cbi5kcmFnLWljb24ge1xuICBjb2xvcjogIzg4ODtcbiAgZm9udC1zaXplOiAyMHB4O1xuICBjdXJzb3I6IGdyYWI7XG59XG4ucmlnaHQtYm94ICBwIHtcbiAgbWFyZ2luLXRvcDogMTZweCAhaW1wb3J0YW50O1xufVxuXG4ubGVmdC1ib3ggcCB7XG4gIG1hcmdpbi10b3A6IDE2cHggIWltcG9ydGFudDtcbn1cblxuXG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIDo6bmctZGVlcC5tYWluLWRpdiBwIHtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICB9XG5cbiAgOjpuZy1kZWVwLmhvcml6b250YWwtbWFpbiBwIHtcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuXG5cbiAgOjpuZy1kZWVwIC5tYWluLWRpdiBmaWd1cmUuaW1hZ2UgaW1nLFxuICA6Om5nLWRlZXAgLmhvcml6b250YWwtbWFpbiBmaWd1cmUuaW1hZ2UgaW1nIHtcbiAgICB3aWR0aDogNzBweDtcbiAgICBoZWlnaHQ6IDcwcHg7XG4gICAgb2JqZWN0LWZpdDogY29udGFpbjtcbiAgfVxuXG4gIC5tYXRjaC1ib3gge1xuICAgIHBhZGRpbmc6IDEycHggOHB4O1xuICB9XG4gICAgLm1hdGNoaW5nLWNvbnRhaW5lcntcbiAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG59XG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuIl0sInNvdXJjZVJvb3QiOiIifQ== */"] + styles: ["#leftSide[_ngcontent-%COMP%] {\n flex-basis: 50%;\n}\n\n#rightSide[_ngcontent-%COMP%] div[_ngcontent-%COMP%]:last-child {\n margin-top: 1px !important;\n}\n\n#rightSide[_ngcontent-%COMP%] div[_ngcontent-%COMP%]:nth-child(3) {\n margin-top: 3px !important;\n}\n\n#rightSide[_ngcontent-%COMP%] div[_ngcontent-%COMP%]:nth-child(2) {\n margin-top: 1px !important;\n}\n\n .main-div figure.image img, .horizontal-main figure.image img {\n width: 120px;\n height: 80px;\n object-fit: contain;\n}\n\n .main-div figure {\n margin: 0 0 0rem;\n}\n\n#rightSide[_ngcontent-%COMP%] {\n flex-basis: 50%;\n}\n\n#topSide[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: 20px;\n overflow: hidden;\n width: 100%;\n}\n\n#bottomSide[_ngcontent-%COMP%] {\n min-height: 60px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: 20px;\n width: 100%;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n box-sizing: border-box;\n border-radius: 4px;\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n#bottomSide[_ngcontent-%COMP%] .cdk-drag-preview[_ngcontent-%COMP%] {\n box-sizing: border-box;\n border-radius: 4px;\n}\n\n#bottomSide[_ngcontent-%COMP%] .cdk-drag-placeholder[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n#bottomSide[_ngcontent-%COMP%] .cdk-drag-animating[_ngcontent-%COMP%] {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.zoom-icon[_ngcontent-%COMP%] {\n position: absolute;\n right: 0;\n bottom: 0;\n width: 1.5rem;\n height: 1.5rem;\n border-top-left-radius: 0.5rem;\n cursor: pointer;\n background-color: var(--quml-color-primary-contrast);\n}\n\n.zoom-icon[_ngcontent-%COMP%]::after {\n content: \"\";\n position: absolute;\n bottom: 0.125rem;\n right: 0.125rem;\n z-index: 1;\n width: 1rem;\n height: 1rem;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 37.166 37.166' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.829,32.045l-6.833-6.833c-0.513-0.513-1.167-0.788-1.836-0.853c2.06-2.567,3.298-5.819,3.298-9.359 c0-8.271-6.729-15-15-15c-8.271,0-15,6.729-15,15c0,8.271,6.729,15,15,15c3.121,0,6.021-0.96,8.424-2.598 c0.018,0.744,0.305,1.482,0.872,2.052l6.833,6.833c0.585,0.586,1.354,0.879,2.121,0.879s1.536-0.293,2.121-0.879 C37.001,35.116,37.001,33.217,35.829,32.045z M15.458,25c-5.514,0-10-4.484-10-10c0-5.514,4.486-10,10-10c5.514,0,10,4.486,10,10 C25.458,20.516,20.972,25,15.458,25z M22.334,15c0,1.104-0.896,2-2,2h-2.75v2.75c0,1.104-0.896,2-2,2s-2-0.896-2-2V17h-2.75 c-1.104,0-2-0.896-2-2s0.896-2,2-2h2.75v-2.75c0-1.104,0.896-2,2-2s2,0.896,2,2V13h2.75C21.438,13,22.334,13.895,22.334,15z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A\");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.mft-modal.modal[_ngcontent-%COMP%] {\n display: flex;\n position: fixed;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0, 0, 0, 0.9);\n justify-content: center;\n align-items: center;\n}\n\n.mft-modal.modal.modal-content[_ngcontent-%COMP%] {\n position: relative;\n max-width: 90%;\n max-height: 90%;\n}\n\n.modal-close[_ngcontent-%COMP%] {\n position: absolute;\n top: 10px;\n right: 25px;\n color: #fff;\n font-size: 35px;\n font-weight: bold;\n cursor: pointer;\n}\n\n@media screen and (min-width: 1200px) {\n .main-div p {\n font-size: 16px;\n line-height: 25px;\n margin-bottom: 0px;\n }\n .horizontal-main p {\n font-size: 16px;\n line-height: 25px;\n margin-bottom: 0px;\n }\n .mft-modal[_ngcontent-%COMP%] .modal-content[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\n width: 900px;\n height: 300px;\n object-fit: contain;\n }\n}\np[_ngcontent-%COMP%] {\n margin-top: unset !important;\n margin-bottom: unset !important;\n}\n\n.matching-container[_ngcontent-%COMP%] {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 30px;\n border-radius: 20px;\n}\n\n.column[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 660px;\n padding: 10px;\n border-radius: 8px;\n}\n\n.match-box[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: white;\n padding: 12px 20px;\n border-radius: 8px;\n font-size: 16px;\n font-weight: 500;\n box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);\n}\n\n.left-box[_ngcontent-%COMP%] {\n border-left: 5px solid #dd918f;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n min-height: 60px;\n max-height: 80px;\n}\n\n.right-box[_ngcontent-%COMP%] {\n border-left: 5px solid #99bcd8;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n cursor: grab;\n min-height: 60px;\n max-height: 80px;\n}\n\n.left-box1[_ngcontent-%COMP%] {\n border-left: 5px solid #dd918f;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n}\n\n.right-box1[_ngcontent-%COMP%] {\n border-left: 5px solid #99bcd8;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n cursor: grab;\n}\n\n.right-box[_ngcontent-%COMP%]:hover {\n transform: scale(1.05);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);\n}\n\n.right-box1[_ngcontent-%COMP%]:hover {\n transform: scale(1.05);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);\n}\n\n.drag-icon[_ngcontent-%COMP%] {\n color: #888;\n font-size: 20px;\n cursor: grab;\n}\n\n.right-box[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin-top: 16px !important;\n}\n\n.left-box[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin-top: 16px !important;\n}\n\n@media screen and (max-width: 768px) {\n .main-div p {\n font-size: 12px;\n line-height: 20px;\n margin-bottom: 0px;\n }\n .horizontal-main p {\n font-size: 11px;\n line-height: 16px;\n margin-bottom: 0;\n }\n .main-div figure.image img, .horizontal-main figure.image img {\n width: 70px;\n height: 70px;\n object-fit: contain;\n }\n .match-box[_ngcontent-%COMP%] {\n padding: 12px 8px;\n }\n .matching-container[_ngcontent-%COMP%] {\n padding: 8px;\n }\n}\n .match-box figure {\n position: relative;\n}\n\n .match-box figure img {\n width: 70px;\n height: 50px;\n object-fit: cover;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL210Zi9tdGYtb3B0aW9ucy9tdGYtb3B0aW9ucy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGVBQUE7QUFDRjs7QUFDQTtFQUNFLDBCQUFBO0FBRUY7O0FBQ0E7RUFDRSwwQkFBQTtBQUVGOztBQUNBO0VBQ0UsMEJBQUE7QUFFRjs7QUFDQTs7RUFFRSxZQUFBO0VBQ0EsWUFBQTtFQUNBLG1CQUFBO0FBRUY7O0FBQ0E7RUFFRSxnQkFBQTtBQUNGOztBQUNBO0VBQ0UsZUFBQTtBQUVGOztBQUNBO0VBQ0ksYUFBQTtFQUNFLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxTQUFBO0VBQ0EsZ0JBQUE7RUFDQSxXQUFBO0FBRU47O0FBQ0E7RUFDRSxnQkFBQTtFQUNBLGFBQUE7RUFDQSxtQkFBQTtFQUVBLHVCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7QUFDRjs7QUFFQTtFQUNFLHNCQUFBO0VBQ0Esa0JBQUE7QUFDRjs7QUFFQTtFQUNFLFVBQUE7QUFDRjs7QUFFQTtFQUNFLHNEQUFBO0FBQ0Y7O0FBR0E7RUFDRSxzQkFBQTtFQUNBLGtCQUFBO0FBQUY7O0FBR0E7RUFDRSxVQUFBO0FBQUY7O0FBR0E7RUFDRSxzREFBQTtBQUFGOztBQU9BO0VBQ0Usa0JBQUE7RUFDQSxRQUFBO0VBQ0EsU0FBQTtFQUNBLGFBQUE7RUFDQSxjQUFBO0VBQ0EsOEJBQUE7RUFDQSxlQUFBO0VBQ0Esb0RBQUE7QUFKRjs7QUFPQTtFQUNFLFdBQUE7RUFDQSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLFVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHc0REFBQTtFQUNBLHNCQUFBO0VBQ0EsNEJBQUE7RUFDQSwyQkFBQTtBQUpGOztBQU9BO0VBQ0UsYUFBQTtFQUNBLGVBQUE7RUFDQSxVQUFBO0VBQ0EsT0FBQTtFQUNBLE1BQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGNBQUE7RUFDQSxvQ0FBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7QUFKRjs7QUFPQTtFQUNFLGtCQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7QUFKRjs7QUFPQTtFQUNFLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtBQUpGOztBQVFBO0VBQ0U7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQUxGO0VBUUE7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQU5GO0VBU0E7SUFDRSxZQUFBO0lBQ0EsYUFBQTtJQUNBLG1CQUFBO0VBUEY7QUFDRjtBQVNBO0VBQ0UsNEJBQUE7RUFDQSwrQkFBQTtBQVBGOztBQVVBO0VBQ0UsYUFBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7RUFDQSxTQUFBO0VBQ0EsYUFBQTtFQUVBLG1CQUFBO0FBUkY7O0FBV0E7RUFDRSxhQUFBO0VBQ0Esc0JBQUE7RUFDQSxTQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxrQkFBQTtBQVJGOztBQVdBO0VBQ0UsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsOEJBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSx3Q0FBQTtBQVJGOztBQVdBO0VBQ0UsOEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0VBQ0EsOEJBQUE7RUFDQSxnQkFBQTtFQUNBLGdCQUFBO0FBUkY7O0FBV0E7RUFDRSw4QkFBQTtFQUNBLDZCQUFBO0VBQ0UsMkJBQUE7RUFDQSw4QkFBQTtFQUNGLFlBQUE7RUFDQSxnQkFBQTtFQUNFLGdCQUFBO0FBUko7O0FBV0E7RUFDRSw4QkFBQTtFQUNBLDZCQUFBO0VBQ0EsMkJBQUE7RUFDQSw4QkFBQTtBQVJGOztBQVdBO0VBQ0UsOEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0VBQ0EsOEJBQUE7RUFDQSxZQUFBO0FBUkY7O0FBV0E7RUFDRSxzQkFBQTtFQUNBLHlDQUFBO0FBUkY7O0FBVUE7RUFDRSxzQkFBQTtFQUNBLHlDQUFBO0FBUEY7O0FBVUE7RUFDRSxXQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7QUFQRjs7QUFTQTtFQUNFLDJCQUFBO0FBTkY7O0FBU0E7RUFDRSwyQkFBQTtBQU5GOztBQVdBO0VBQ0U7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQVJGO0VBV0E7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxnQkFBQTtFQVRGO0VBYUE7O0lBRUUsV0FBQTtJQUNBLFlBQUE7SUFDQSxtQkFBQTtFQVhGO0VBY0E7SUFDRSxpQkFBQTtFQVpGO0VBY0U7SUFDRSxZQUFBO0VBWko7QUFDRjtBQWNBO0VBQ0Usa0JBQUE7QUFaRjs7QUFlQTtFQUNFLFdBQUE7RUFDRSxZQUFBO0VBQ0YsaUJBQUE7QUFaRiIsInNvdXJjZXNDb250ZW50IjpbIiNsZWZ0U2lkZSB7XG4gIGZsZXgtYmFzaXM6IDUwJTtcbn1cbiNyaWdodFNpZGUgZGl2Omxhc3QtY2hpbGR7XG4gIG1hcmdpbi10b3A6IDFweCAgIWltcG9ydGFudDtcbn1cblxuI3JpZ2h0U2lkZSBkaXY6bnRoLWNoaWxkKDMpIHtcbiAgbWFyZ2luLXRvcDogM3B4ICFpbXBvcnRhbnQ7XG59XG5cbiNyaWdodFNpZGUgZGl2Om50aC1jaGlsZCgyKSB7XG4gIG1hcmdpbi10b3A6IDFweCAhaW1wb3J0YW50O1xufVxuXG46Om5nLWRlZXAgLm1haW4tZGl2IGZpZ3VyZS5pbWFnZSBpbWcsXG46Om5nLWRlZXAgLmhvcml6b250YWwtbWFpbiBmaWd1cmUuaW1hZ2UgaW1nIHtcbiAgd2lkdGg6IDEyMHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIG9iamVjdC1maXQ6IGNvbnRhaW47XG59XG5cbjo6bmctZGVlcCAubWFpbi1kaXYgZmlndXJlXG57XG4gIG1hcmdpbjogMCAwIDByZW07XG59XG4jcmlnaHRTaWRlIHtcbiAgZmxleC1iYXNpczogNTAlO1xufVxuXG4jdG9wU2lkZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGdhcDogMjBweDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB3aWR0aDogMTAwJTtcbn1cblxuI2JvdHRvbVNpZGUge1xuICBtaW4taGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAvLyBtYXJnaW4tdG9wOiAtMyU7ICBcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMjBweDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5jZGstZHJhZy1wcmV2aWV3IHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xufVxuXG4uY2RrLWRyYWctcGxhY2Vob2xkZXIge1xuICBvcGFjaXR5OiAwO1xufVxuXG4uY2RrLWRyYWctYW5pbWF0aW5nIHtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDI1MG1zIGN1YmljLWJlemllcigwLCAwLCAwLjIsIDEpO1xufVxuXG5cbiNib3R0b21TaWRlIC5jZGstZHJhZy1wcmV2aWV3IHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xufVxuXG4jYm90dG9tU2lkZSAuY2RrLWRyYWctcGxhY2Vob2xkZXIge1xuICBvcGFjaXR5OiAwO1xufVxuXG4jYm90dG9tU2lkZSAuY2RrLWRyYWctYW5pbWF0aW5nIHtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDI1MG1zIGN1YmljLWJlemllcigwLCAwLCAwLjIsIDEpO1xufVxuXG5cbi8vdWkgY2hhbmdlc1xuXG5cbi56b29tLWljb24ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIHdpZHRoOiAxLjVyZW07XG4gIGhlaWdodDogMS41cmVtO1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwLjVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcXVtbC1jb2xvci1wcmltYXJ5LWNvbnRyYXN0KTtcbn1cblxuLnpvb20taWNvbjo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMC4xMjVyZW07XG4gIHJpZ2h0OiAwLjEyNXJlbTtcbiAgei1pbmRleDogMTtcbiAgd2lkdGg6IDFyZW07XG4gIGhlaWdodDogMXJlbTtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzQyUzRnhtbCB2ZXJzaW9uPScxLjAnJTNGJTNFJTNDc3ZnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHhtbG5zOnN2Z2pzPSdodHRwOi8vc3ZnanMuY29tL3N2Z2pzJyB2ZXJzaW9uPScxLjEnIHdpZHRoPSc1MTInIGhlaWdodD0nNTEyJyB4PScwJyB5PScwJyB2aWV3Qm94PScwIDAgMzcuMTY2IDM3LjE2Nicgc3R5bGU9J2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMicgeG1sOnNwYWNlPSdwcmVzZXJ2ZScgY2xhc3M9JyclM0UlM0NnJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDcGF0aCBkPSdNMzUuODI5LDMyLjA0NWwtNi44MzMtNi44MzNjLTAuNTEzLTAuNTEzLTEuMTY3LTAuNzg4LTEuODM2LTAuODUzYzIuMDYtMi41NjcsMy4yOTgtNS44MTksMy4yOTgtOS4zNTkgYzAtOC4yNzEtNi43MjktMTUtMTUtMTVjLTguMjcxLDAtMTUsNi43MjktMTUsMTVjMCw4LjI3MSw2LjcyOSwxNSwxNSwxNWMzLjEyMSwwLDYuMDIxLTAuOTYsOC40MjQtMi41OTggYzAuMDE4LDAuNzQ0LDAuMzA1LDEuNDgyLDAuODcyLDIuMDUybDYuODMzLDYuODMzYzAuNTg1LDAuNTg2LDEuMzU0LDAuODc5LDIuMTIxLDAuODc5czEuNTM2LTAuMjkzLDIuMTIxLTAuODc5IEMzNy4wMDEsMzUuMTE2LDM3LjAwMSwzMy4yMTcsMzUuODI5LDMyLjA0NXogTTE1LjQ1OCwyNWMtNS41MTQsMC0xMC00LjQ4NC0xMC0xMGMwLTUuNTE0LDQuNDg2LTEwLDEwLTEwYzUuNTE0LDAsMTAsNC40ODYsMTAsMTAgQzI1LjQ1OCwyMC41MTYsMjAuOTcyLDI1LDE1LjQ1OCwyNXogTTIyLjMzNCwxNWMwLDEuMTA0LTAuODk2LDItMiwyaC0yLjc1djIuNzVjMCwxLjEwNC0wLjg5NiwyLTIsMnMtMi0wLjg5Ni0yLTJWMTdoLTIuNzUgYy0xLjEwNCwwLTItMC44OTYtMi0yczAuODk2LTIsMi0yaDIuNzV2LTIuNzVjMC0xLjEwNCwwLjg5Ni0yLDItMnMyLDAuODk2LDIsMlYxM2gyLjc1QzIxLjQzOCwxMywyMi4zMzQsMTMuODk1LDIyLjMzNCwxNXonIGZpbGw9JyUyM2ZmZmZmZicgZGF0YS1vcmlnaW5hbD0nJTIzMDAwMDAwJyBzdHlsZT0nJyBjbGFzcz0nJy8lM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQy9nJTNFJTNDL3N2ZyUzRSUwQVwiKTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xufVxuXG4ubWZ0LW1vZGFsLm1vZGFsIHtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAxO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOSk7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4ubWZ0LW1vZGFsLm1vZGFsLm1vZGFsLWNvbnRlbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1heC13aWR0aDogOTAlO1xuICBtYXgtaGVpZ2h0OiA5MCU7XG59XG5cbi5tb2RhbC1jbG9zZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMHB4O1xuICByaWdodDogMjVweDtcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMzVweDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgOjpuZy1kZWVwLm1haW4tZGl2IHAge1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBsaW5lLWhlaWdodDogMjVweDtcbiAgICBtYXJnaW4tYm90dG9tOiAwcHg7XG4gIH1cblxuICA6Om5nLWRlZXAuaG9yaXpvbnRhbC1tYWluIHAge1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBsaW5lLWhlaWdodDogMjVweDtcbiAgICBtYXJnaW4tYm90dG9tOiAwcHg7XG4gIH1cblxuICAubWZ0LW1vZGFsIC5tb2RhbC1jb250ZW50IGltZyB7XG4gICAgd2lkdGg6IDkwMHB4O1xuICAgIGhlaWdodDogMzAwcHg7XG4gICAgb2JqZWN0LWZpdDogY29udGFpbjtcbiAgfVxufVxucCB7XG4gIG1hcmdpbi10b3A6IHVuc2V0ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi1ib3R0b206IHVuc2V0ICFpbXBvcnRhbnQ7XG59XG5cbi5tYXRjaGluZy1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAyMHB4O1xuICBwYWRkaW5nOiAzMHB4O1xuICAvLyBiYWNrZ3JvdW5kOiAjZjBmMGYwO1xuICBib3JkZXItcmFkaXVzOiAyMHB4O1xufVxuXG4uY29sdW1uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAxNXB4O1xuICB3aWR0aDogNjYwcHg7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbn1cblxuLm1hdGNoLWJveCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHBhZGRpbmc6IDEycHggMjBweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBmb250LXNpemU6IDE2cHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGJveC1zaGFkb3c6IDAgM3B4IDZweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG59XG5cbi5sZWZ0LWJveCB7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgI2RkOTE4ZjtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCBibGFjaztcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGJsYWNrO1xuICBtaW4taGVpZ2h0OiA2MHB4O1xuICBtYXgtaGVpZ2h0OiA4MHB4O1xufVxuXG4ucmlnaHQtYm94IHtcbiAgYm9yZGVyLWxlZnQ6IDVweCBzb2xpZCAgIzk5YmNkODtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgYmxhY2s7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIGJsYWNrO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcbiAgY3Vyc29yOiBncmFiO1xuICBtaW4taGVpZ2h0OiA2MHB4O1xuICAgIG1heC1oZWlnaHQ6IDgwcHg7XG59XG5cbi5sZWZ0LWJveDEge1xuICBib3JkZXItbGVmdDogNXB4IHNvbGlkICNkZDkxOGY7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcbn1cblxuLnJpZ2h0LWJveDEge1xuICBib3JkZXItbGVmdDogNXB4IHNvbGlkICM5OWJjZDg7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcbiAgY3Vyc29yOiBncmFiO1xufVxuXG4ucmlnaHQtYm94OmhvdmVyIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgxLjA1KTtcbiAgYm94LXNoYWRvdzogMCA1cHggMTJweCByZ2JhKDAsIDAsIDAsIDAuMik7XG59XG4ucmlnaHQtYm94MTpob3ZlciB7XG4gIHRyYW5zZm9ybTogc2NhbGUoMS4wNSk7XG4gIGJveC1zaGFkb3c6IDAgNXB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjIpO1xufVxuXG4uZHJhZy1pY29uIHtcbiAgY29sb3I6ICM4ODg7XG4gIGZvbnQtc2l6ZTogMjBweDtcbiAgY3Vyc29yOiBncmFiO1xufVxuLnJpZ2h0LWJveCAgcCB7XG4gIG1hcmdpbi10b3A6IDE2cHggIWltcG9ydGFudDtcbn1cblxuLmxlZnQtYm94IHAge1xuICBtYXJnaW4tdG9wOiAxNnB4ICFpbXBvcnRhbnQ7XG59XG5cblxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICA6Om5nLWRlZXAubWFpbi1kaXYgcCB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDBweDtcbiAgfVxuXG4gIDo6bmctZGVlcC5ob3Jpem9udGFsLW1haW4gcCB7XG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cblxuXG4gIDo6bmctZGVlcCAubWFpbi1kaXYgZmlndXJlLmltYWdlIGltZyxcbiAgOjpuZy1kZWVwIC5ob3Jpem9udGFsLW1haW4gZmlndXJlLmltYWdlIGltZyB7XG4gICAgd2lkdGg6IDcwcHg7XG4gICAgaGVpZ2h0OiA3MHB4O1xuICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XG4gIH1cblxuICAubWF0Y2gtYm94IHtcbiAgICBwYWRkaW5nOiAxMnB4IDhweDtcbiAgfVxuICAgIC5tYXRjaGluZy1jb250YWluZXJ7XG4gICAgICBwYWRkaW5nOiA4cHg7XG4gICAgfVxufVxuOjpuZy1kZWVwIC5tYXRjaC1ib3ggZmlndXJlIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG46Om5nLWRlZXAgLm1hdGNoLWJveCBmaWd1cmUgaW1nIHtcbiAgd2lkdGg6IDcwcHg7XG4gICAgaGVpZ2h0OiA1MHB4O1xuICBvYmplY3QtZml0OiBjb3Zlcjtcbn1cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cbiJdLCJzb3VyY2VSb290IjoiIn0= */"] }); } @@ -102009,12 +102030,14 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ MtfComponent: () => (/* binding */ MtfComponent) /* harmony export */ }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 61699); -/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ 26575); +/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/platform-browser */ 36480); +/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ 26575); /* harmony import */ var _mtf_options_mtf_options_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mtf-options/mtf-options.component */ 71568); + function MtfComponent_div_0_quml_mtf_options_3_Template(rf, ctx) { if (rf & 1) { const _r3 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"](); @@ -102048,7 +102071,8 @@ function MtfComponent_div_0_Template(rf, ctx) { } } class MtfComponent { - constructor() { + constructor(sanitizer) { + this.sanitizer = sanitizer; this.optionsReordered = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter(); } ngOnInit() { @@ -102056,8 +102080,26 @@ class MtfComponent { } initialize() { this.setLayout(); - this.interactions = this.question?.interactions; - this.questionBody = this.question?.body; + // Sanitize the question body + this.questionBody = this.sanitizeHtml(this.question?.body); + console.log('MTF this.questionBody', this.questionBody); + // Sanitize interactions if available + if (this.question?.interactions) { + this.interactions = { + ...this.question.interactions + }; + if (this.interactions.response1?.options) { + this.interactions.response1.options.left = this.interactions.response1.options.left.map(option => ({ + ...option, + label: this.sanitizeHtml(option.label) + })); + this.interactions.response1.options.right = this.interactions.response1.options.right.map(option => ({ + ...option, + label: this.sanitizeHtml(option.label) + })); + } + } + console.log('MTF this.interactions', this.interactions); } setLayout() { const templateId = this.question?.templateId; @@ -102073,8 +102115,12 @@ class MtfComponent { handleReorderedOptions(reorderedOptions) { this.optionsReordered.emit(reorderedOptions); } + // Sanitize HTML content + sanitizeHtml(html) { + return this.sanitizer.bypassSecurityTrustHtml(html); + } static #_ = this.ɵfac = function MtfComponent_Factory(t) { - return new (t || MtfComponent)(); + return new (t || MtfComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__.DomSanitizer)); }; static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: MtfComponent, @@ -102099,7 +102145,7 @@ class MtfComponent { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx.questionBody); } }, - dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_2__.NgIf, _mtf_options_mtf_options_component__WEBPACK_IMPORTED_MODULE_0__.MtfOptionsComponent], + dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_3__.NgIf, _mtf_options_mtf_options_component__WEBPACK_IMPORTED_MODULE_0__.MtfOptionsComponent], styles: [".quml-mtf[_ngcontent-%COMP%] {\n padding: 0px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL210Zi9tdGYuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxZQUFBO0FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIucXVtbC1tdGYge1xuICBwYWRkaW5nOiAwcHg7XG59Il0sInNvdXJjZVJvb3QiOiIifQ== */"] }); } diff --git a/web-component/package.json b/web-component/package.json index 1c56b665..7007f984 100644 --- a/web-component/package.json +++ b/web-component/package.json @@ -1,6 +1,6 @@ { "name": "@tekdi/sunbird-quml-player-web-component", - "version": "5.0.0-beta.5", + "version": "5.0.0-beta.6", "description": "The web component package for the sunbird QuML player", "main": "sunbird-quml-player.js", "scripts": { diff --git a/web-component/sunbird-quml-player.js b/web-component/sunbird-quml-player.js index abbebe1b..4eaa4cfd 100644 --- a/web-component/sunbird-quml-player.js +++ b/web-component/sunbird-quml-player.js @@ -98249,9 +98249,9 @@ function AsqOptionsComponent_ng_container_0_div_2_Template(rf, ctx) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 3)(1, "div", 4); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "div", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 6); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](4, "quml-reorder"); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()(); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 6)(4, "span", 7); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u283F"); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()()(); } if (rf & 2) { const option_r3 = ctx.$implicit; @@ -98269,7 +98269,7 @@ function AsqOptionsComponent_ng_container_0_Template(rf, ctx) { const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresetView"](ctx_r4.onDrop($event)); }); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, AsqOptionsComponent_ng_container_0_div_2_Template, 5, 1, "div", 2); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, AsqOptionsComponent_ng_container_0_div_2_Template, 6, 1, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerEnd"](); } @@ -98283,12 +98283,12 @@ function AsqOptionsComponent_ng_container_0_Template(rf, ctx) { } function AsqOptionsComponent_ng_container_1_div_2_Template(rf, ctx) { if (rf & 1) { - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 9)(1, "div", 4); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "div", 5); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 10)(1, "div", 4); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "div", 11); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 6); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](4, "quml-reorder"); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()(); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 6)(4, "span", 7); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u283F"); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()()(); } if (rf & 2) { const option_r7 = ctx.$implicit; @@ -98300,13 +98300,13 @@ function AsqOptionsComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) { const _r9 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerStart"](0); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 7); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("cdkDropListDropped", function AsqOptionsComponent_ng_container_1_Template_div_cdkDropListDropped_1_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r9); const ctx_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresetView"](ctx_r8.onDrop($event)); }); - _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, AsqOptionsComponent_ng_container_1_div_2_Template, 5, 1, "div", 8); + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, AsqOptionsComponent_ng_container_1_div_2_Template, 6, 1, "div", 9); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerEnd"](); } @@ -98371,7 +98371,7 @@ class AsqOptionsComponent { features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]], decls: 2, vars: 2, - consts: [[4, "ngIf"], ["id", "dragdropSpace", "cdkDropList", "", 1, "vertical-list", 3, "cdkDropListData", "cdkDropListDropped"], ["class", "box vertical-box", "cdkDrag", "", 4, "ngFor", "ngForOf"], ["cdkDrag", "", 1, "box", "vertical-box"], [1, "content"], [1, "mt-1r", 3, "innerHTML"], [1, "drag-handle", 2, "display", "flex", "align-items", "center"], ["id", "dragdropSpace", "cdkDropList", "", "cdkDropListOrientation", "horizontal", 1, "horizontal-list", 3, "cdkDropListData", "cdkDropListDropped"], ["class", "box horizontal-box", "cdkDrag", "", 4, "ngFor", "ngForOf"], ["cdkDrag", "", 1, "box", "horizontal-box"]], + consts: [[4, "ngIf"], ["id", "dragdropSpace", "cdkDropList", "", 1, "vertical-list", 3, "cdkDropListData", "cdkDropListDropped"], ["class", "box vertical-box", "cdkDrag", "", 4, "ngFor", "ngForOf"], ["cdkDrag", "", 1, "box", "vertical-box"], [1, "content"], [1, "mt-1r", "img-jk", 3, "innerHTML"], [1, "drag-handle", 2, "display", "flex", "align-items", "center"], [1, "drag-icon"], ["id", "dragdropSpace", "cdkDropList", "", "cdkDropListOrientation", "horizontal", 1, "horizontal-list", 3, "cdkDropListData", "cdkDropListDropped"], ["class", "box horizontal-box", "cdkDrag", "", 4, "ngFor", "ngForOf"], ["cdkDrag", "", 1, "box", "horizontal-box"], [1, "mt-1r", 3, "innerHTML"]], template: function AsqOptionsComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](0, AsqOptionsComponent_ng_container_0_Template, 3, 2, "ng-container", 0); @@ -98384,7 +98384,7 @@ class AsqOptionsComponent { } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_3__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_3__.NgIf, _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_2__.CdkDropList, _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_2__.CdkDrag], - styles: [".asq-horizontal-box[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 15px;\n border: 1px solid rgba(179, 168, 168, 0.4117647059);\n cursor: move;\n box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;\n padding: 15px 20px;\n border-radius: 6px;\n}\n\n .asq-horizontal-box p {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n box-sizing: border-box;\n border-radius: 4px;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.cdk-drop-list-dragging[_ngcontent-%COMP%] .asq-horizontal-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n .asq-horizontal-box img {\n width: 70px;\n height: 70px;\n object-fit: contain;\n}\n\n.horizontal-list[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n flex-wrap: nowrap;\n width: 100%;\n padding: 10px;\n box-sizing: border-box;\n}\n\n.asq-vertical-box[_ngcontent-%COMP%] {\n flex: 0 1 25%;\n max-width: 25%;\n position: relative;\n padding: 0px 15px;\n border: solid 1px rgba(204, 204, 204, 0.6705882353);\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n margin: 10px;\n border-radius: 4px;\n min-height: 150px;\n margin-top: 2%;\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n\n .asq-vertical-box img {\n width: 70px;\n height: 70px;\n object-fit: contain;\n}\n\n .asq-vertical-box p {\n line-height: 20px;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.horizontal-list.cdk-drop-list-dragging[_ngcontent-%COMP%] .asq-vertical-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.centered-align[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100vh;\n}\n\n.drag-handle[_ngcontent-%COMP%] {\n position: absolute;\n top: 15px;\n right: 5px;\n cursor: move;\n}\n\n@media screen and (max-width: 600px) {\n .asq-vertical-box p {\n line-height: 14px;\n margin-top: 5px;\n margin-bottom: 5px;\n font-size: 10px;\n padding: 7px;\n }\n .asq-vertical-box[_ngcontent-%COMP%] {\n margin: 0% 1px 10px;\n padding: 0px;\n }\n .horizontal-list[_ngcontent-%COMP%] {\n padding: 0px;\n }\n}\n\n\n.box[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 90%;\n cursor: grab;\n height: 60px;\n padding: 12px;\n border-left: 5px solid #99bcd8;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n border-radius: 8px;\n background: white;\n font-weight: bold;\n position: relative;\n}\n\n\n\n.box[_ngcontent-%COMP%] cdkDrag[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n}\n\n\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n max-height: 60px;\n}\n\n\n\n.vertical-list[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 12px;\n width: 100%;\n align-items: center;\n}\n\n.horizontal-list[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}\n\n\n\n.drag-handle[_ngcontent-%COMP%] {\n cursor: grab;\n font-size: 18px;\n padding: 5px;\n display: flex;\n align-items: center;\n}\n\n.mt-1r[_ngcontent-%COMP%] {\n padding-top: 1rem !important;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL2FzcS9hc3Etb3B0aW9ucy9hc3Etb3B0aW9ucy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLDhCQUFBO0VBQ0EsWUFBQTtFQUNBLG1EQUFBO0VBQ0EsWUFBQTtFQUNBLG1GQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBQUNGOztBQUNBO0VBQ0UsZUFBQTtFQUNBLGtCQUFBO0FBRUY7O0FBQUE7RUFDRSxzQkFBQTtFQUNBLGtCQUFBO0VBQ0EscUhBQUE7QUFHRjs7QUFDQTtFQUNFLFVBQUE7QUFFRjs7QUFDQTtFQUNFLHNEQUFBO0FBRUY7O0FBQ0E7RUFDRSxzREFBQTtBQUVGOztBQUFBO0VBRUUsV0FBQTtFQUNBLFlBQUE7RUFDQSxtQkFBQTtBQUVGOztBQUNBO0VBQ0UsYUFBQTtFQUNBLDhCQUFBO0VBQ0EsaUJBQUE7RUFDQSxXQUFBO0VBQ0EsYUFBQTtFQUNBLHNCQUFBO0FBRUY7O0FBQ0E7RUFDRSxhQUFBO0VBQ0EsY0FBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxtREFBQTtFQUNBLDBCQUFBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsbUJBQUE7RUFDQSw4QkFBQTtFQUNBLHNCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxjQUFBO0VBQ0EsK0dBQUE7QUFFRjs7QUFBQTtFQUVFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsbUJBQUE7QUFFRjs7QUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLGtCQUFBO0FBR0E7O0FBQUE7RUFDRSxzREFBQTtBQUdGOztBQURBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxhQUFBO0FBSUE7O0FBRkE7RUFDRSxrQkFBQTtFQUNBLFNBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtBQUtGOztBQUhBO0VBQ0E7SUFDRSxpQkFBQTtJQUNBLGVBQUE7SUFDQSxrQkFBQTtJQUNBLGVBQUE7SUFDQSxZQUFBO0VBTUE7RUFKRjtJQUNFLG1CQUFBO0lBQ0EsWUFBQTtFQU1BO0VBSkY7SUFDRSxZQUFBO0VBTUE7QUFDRjtBQVdBLHVCQUFBO0FBQ0E7RUFDRSxhQUFBO0VBQ0EsOEJBQUE7RUFDQSxtQkFBQTtFQUVBLFVBQUE7RUFDQSxZQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSw4QkFBQTtFQUNFLDZCQUFBO0VBQ0EsMkJBQUE7RUFDQSw4QkFBQTtFQUNGLGtCQUFBO0VBQ0EsaUJBQUE7RUFFQSxpQkFBQTtFQUVBLGtCQUFBO0FBWkY7O0FBZUEsdUNBQUE7QUFDQTtFQUNFLFdBQUE7RUFDQSxZQUFBO0FBWkY7O0FBZUEscUNBQUE7QUFDQTtFQUNFLGdCQUFBO0FBWkY7O0FBZUEsZ0JBQUE7QUFDQTtFQUNFLGFBQUE7RUFDQSxzQkFBQTtFQUNBLFNBQUE7RUFDQSxXQUFBO0VBQ0EsbUJBQUE7QUFaRjs7QUFlQTtFQUNFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLFNBQUE7QUFaRjs7QUFlQSx3QkFBQTtBQUNBO0VBQ0UsWUFBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0FBWkY7O0FBZUE7RUFDRSw0QkFBQTtBQVpGIiwic291cmNlc0NvbnRlbnQiOlsiLmFzcS1ob3Jpem9udGFsLWJveHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBtYXJnaW46IDE1cHg7XG4gIGJvcmRlcjoxcHggc29saWQgI2IzYThhODY5O1xuICBjdXJzb3I6IG1vdmU7XG4gIGJveC1zaGFkb3c6IHJnYmEoMTcsIDE3LCAyNiwgMC4xKSAwcHggNHB4IDE2cHgsIHJnYmEoMTcsIDE3LCAyNiwgMC4wNSkgMHB4IDhweCAzMnB4O1xuICBwYWRkaW5nOiAxNXB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDZweDtcbn1cbjo6bmctZGVlcCAuYXNxLWhvcml6b250YWwtYm94IHB7XG4gIG1hcmdpbi10b3A6IDVweDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuLmNkay1kcmFnLXByZXZpZXcge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGJveC1zaGFkb3c6IDAgNXB4IDVweCAtM3B4IHJnYmEoMCwgMCwgMCwgMC4yKSxcbiAgICAgICAgICAgICAgMCA4cHggMTBweCAxcHggcmdiYSgwLCAwLCAwLCAwLjE0KSxcbiAgICAgICAgICAgICAgMCAzcHggMTRweCAycHggcmdiYSgwLCAwLCAwLCAwLjEyKTtcbn1cbi5jZGstZHJhZy1wbGFjZWhvbGRlciB7XG4gIG9wYWNpdHk6IDA7XG59XG5cbi5jZGstZHJhZy1hbmltYXRpbmcge1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMjUwbXMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSk7XG59XG5cbi5jZGstZHJvcC1saXN0LWRyYWdnaW5nIC5hc3EtaG9yaXpvbnRhbC1ib3g6bm90KC5jZGstZHJhZy1wbGFjZWhvbGRlcikge1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMjUwbXMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSk7XG59XG46Om5nLWRlZXAgLmFzcS1ob3Jpem9udGFsLWJveCBpbWdcbntcbiAgd2lkdGg6IDcwcHg7XG4gIGhlaWdodDogNzBweDtcbiAgb2JqZWN0LWZpdDogY29udGFpbjtcbn1cbi8vaG9yaXpvbnRhbCBsYXlvdXQgY3NzXG4uaG9yaXpvbnRhbC1saXN0IHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOyBcbiAgZmxleC13cmFwOiBub3dyYXA7IFxuICB3aWR0aDogMTAwJTsgXG4gIHBhZGRpbmc6IDEwcHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi5hc3EtdmVydGljYWwtYm94IHtcbiAgZmxleDogMCAxIDI1JTsgXG4gIG1heC13aWR0aDogMjUlO1xuICBwb3NpdGlvbjpyZWxhdGl2ZTtcbiAgcGFkZGluZzogMHB4IDE1cHg7XG4gIGJvcmRlcjogc29saWQgMXB4ICNjY2NjY2NhYjtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC44Nyk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgY3Vyc29yOiBtb3ZlO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgbWFyZ2luOjEwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgbWluLWhlaWdodDoxNTBweDtcbiAgbWFyZ2luLXRvcDoyJTtcbiAgYm94LXNoYWRvdzogMCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAwLjIpLCAwIDJweCAycHggMCByZ2JhKDAsIDAsIDAsIDAuMTQpLCAwIDFweCA1cHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xufVxuOjpuZy1kZWVwIC5hc3EtdmVydGljYWwtYm94IGltZ1xue1xuICB3aWR0aDogNzBweDtcbiAgaGVpZ2h0OiA3MHB4O1xuICBvYmplY3QtZml0OiBjb250YWluO1xufVxuOjpuZy1kZWVwIC5hc3EtdmVydGljYWwtYm94IHB7XG5saW5lLWhlaWdodDogMjBweDtcbm1hcmdpbi10b3A6IDVweDtcbm1hcmdpbi1ib3R0b206IDVweDtcbn1cblxuLmhvcml6b250YWwtbGlzdC5jZGstZHJvcC1saXN0LWRyYWdnaW5nIC5hc3EtdmVydGljYWwtYm94Om5vdCguY2RrLWRyYWctcGxhY2Vob2xkZXIpIHtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDI1MG1zIGN1YmljLWJlemllcigwLCAwLCAwLjIsIDEpO1xufVxuLmNlbnRlcmVkLWFsaWdue1xuZGlzcGxheTogZmxleDtcbmFsaWduLWl0ZW1zOiBjZW50ZXI7XG5qdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmhlaWdodDogMTAwdmg7XG59XG4uZHJhZy1oYW5kbGV7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxNXB4O1xuICByaWdodDogNXB4O1xuICBjdXJzb3I6IG1vdmU7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2MDBweCkge1xuOjpuZy1kZWVwIC5hc3EtdmVydGljYWwtYm94IHAge1xuICBsaW5lLWhlaWdodDogMTRweDtcbiAgbWFyZ2luLXRvcDogNXB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgcGFkZGluZzogN3B4O1xufVxuLmFzcS12ZXJ0aWNhbC1ib3h7XG4gIG1hcmdpbjogMCUgMXB4IDEwcHg7XG4gIHBhZGRpbmc6MHB4O1xufVxuLmhvcml6b250YWwtbGlzdHtcbiAgcGFkZGluZzowcHg7XG59XG59XG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG4vKiBHZW5lcmFsIEJveCBTdHlsZXMgKi9cbi5ib3gge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIC8vIHdpZHRoOiAyNTBweDtcbiAgd2lkdGg6IDkwJTtcbiAgY3Vyc29yOiBncmFiO1xuICBoZWlnaHQ6IDYwcHg7XG4gIHBhZGRpbmc6IDEycHg7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgIzk5YmNkODtcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCBibGFjaztcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgYmxhY2s7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICAvLyBib3gtc2hhZG93OiAycHggMnB4IDVweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAvLyB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4vKiBSZXN0cmljdGluZyBkcmFnIHRvIHdpdGhpbiB0aGUgYm94ICovXG4uYm94IGNka0RyYWcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4vKiBQcmV2ZW50IGRyYWdnaW5nIG91dHNpZGUgdGhlIGJveCAqL1xuLmNkay1kcmFnLXByZXZpZXcge1xuICBtYXgtaGVpZ2h0OiA2MHB4O1xufVxuXG4vKiBMaXN0IFN0eWxlcyAqL1xuLnZlcnRpY2FsLWxpc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDEycHg7XG4gIHdpZHRoOjEwMCU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5ob3Jpem9udGFsLWxpc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBnYXA6IDEycHg7XG59XG5cbi8qIERyYWcgSGFuZGxlIFN0eWxpbmcgKi9cbi5kcmFnLWhhbmRsZSB7XG4gIGN1cnNvcjogZ3JhYjtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBwYWRkaW5nOiA1cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5tdC0xciB7XG4gIHBhZGRpbmctdG9wOiAxcmVtICFpbXBvcnRhbnQ7XG59Il0sInNvdXJjZVJvb3QiOiIifQ== */"] + styles: [".asq-horizontal-box[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 15px;\n border: 1px solid rgba(179, 168, 168, 0.4117647059);\n cursor: move;\n box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;\n padding: 15px 20px;\n border-radius: 6px;\n}\n\n .asq-horizontal-box p {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n box-sizing: border-box;\n border-radius: 4px;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.cdk-drop-list-dragging[_ngcontent-%COMP%] .asq-horizontal-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n .asq-horizontal-box img {\n width: 70px;\n height: 70px;\n object-fit: contain;\n}\n\n.horizontal-list[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n flex-wrap: nowrap;\n width: 100%;\n padding: 10px;\n box-sizing: border-box;\n}\n\n.asq-vertical-box[_ngcontent-%COMP%] {\n flex: 0 1 25%;\n max-width: 25%;\n position: relative;\n padding: 0px 15px;\n border: solid 1px rgba(204, 204, 204, 0.6705882353);\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n margin: 10px;\n border-radius: 4px;\n min-height: 150px;\n margin-top: 2%;\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n\n .asq-vertical-box img {\n width: 70px;\n height: 70px;\n object-fit: contain;\n}\n\n .asq-vertical-box p {\n line-height: 20px;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.horizontal-list.cdk-drop-list-dragging[_ngcontent-%COMP%] .asq-vertical-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.centered-align[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100vh;\n}\n\n@media screen and (max-width: 600px) {\n .asq-vertical-box p {\n line-height: 14px;\n margin-top: 5px;\n margin-bottom: 5px;\n font-size: 10px;\n padding: 7px;\n }\n .asq-vertical-box[_ngcontent-%COMP%] {\n margin: 0% 1px 10px;\n padding: 0px;\n }\n .horizontal-list[_ngcontent-%COMP%] {\n padding: 0px;\n }\n}\n\n\n.box[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 90%;\n cursor: grab;\n min-height: 60px;\n max-height: 100px;\n padding: 12px;\n border-left: 5px solid #99bcd8;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n border-radius: 8px;\n background: white;\n font-weight: bold;\n position: relative;\n overflow: hidden;\n}\n\n\n\n.box[_ngcontent-%COMP%] cdkDrag[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n}\n\n\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n min-height: 60px;\n max-height: 100px;\n}\n\n\n\n.vertical-list[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 12px;\n width: 100%;\n align-items: center;\n}\n\n.horizontal-list[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}\n\n\n\n.drag-handle[_ngcontent-%COMP%] {\n cursor: grab;\n font-size: 18px;\n display: flex;\n align-items: center;\n}\n\n .img-jk figure img {\n width: 70px !important;\n height: 50px !important;\n object-fit: cover;\n}\n\n .img-jk p {\n margin-bottom: 0px !important;\n}\n\n .img-jk figure {\n position: relative;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL2FzcS9hc3Etb3B0aW9ucy9hc3Etb3B0aW9ucy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLDhCQUFBO0VBQ0EsWUFBQTtFQUNBLG1EQUFBO0VBQ0EsWUFBQTtFQUNBLG1GQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBQUNGOztBQUNBO0VBQ0UsZUFBQTtFQUNBLGtCQUFBO0FBRUY7O0FBQUE7RUFDRSxzQkFBQTtFQUNBLGtCQUFBO0VBQ0EscUhBQUE7QUFHRjs7QUFDQTtFQUNFLFVBQUE7QUFFRjs7QUFDQTtFQUNFLHNEQUFBO0FBRUY7O0FBQ0E7RUFDRSxzREFBQTtBQUVGOztBQUFBO0VBRUUsV0FBQTtFQUNBLFlBQUE7RUFDQSxtQkFBQTtBQUVGOztBQUNBO0VBQ0UsYUFBQTtFQUNBLDhCQUFBO0VBQ0EsaUJBQUE7RUFDQSxXQUFBO0VBQ0EsYUFBQTtFQUNBLHNCQUFBO0FBRUY7O0FBQ0E7RUFDRSxhQUFBO0VBQ0EsY0FBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxtREFBQTtFQUNBLDBCQUFBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsbUJBQUE7RUFDQSw4QkFBQTtFQUNBLHNCQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0EsaUJBQUE7RUFDQSxjQUFBO0VBQ0EsK0dBQUE7QUFFRjs7QUFBQTtFQUVFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsbUJBQUE7QUFFRjs7QUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLGtCQUFBO0FBR0E7O0FBQUE7RUFDRSxzREFBQTtBQUdGOztBQURBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxhQUFBO0FBSUE7O0FBSUE7RUFDQTtJQUNFLGlCQUFBO0lBQ0EsZUFBQTtJQUNBLGtCQUFBO0lBQ0EsZUFBQTtJQUNBLFlBQUE7RUFEQTtFQUdGO0lBQ0UsbUJBQUE7SUFDQSxZQUFBO0VBREE7RUFHRjtJQUNFLFlBQUE7RUFEQTtBQUNGO0FBa0JBLHVCQUFBO0FBQ0E7RUFDRSxhQUFBO0VBQ0EsOEJBQUE7RUFDQSxtQkFBQTtFQUVBLFVBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxpQkFBQTtFQUNBLGFBQUE7RUFDQSw4QkFBQTtFQUNFLDZCQUFBO0VBQ0EsMkJBQUE7RUFDQSw4QkFBQTtFQUNGLGtCQUFBO0VBQ0EsaUJBQUE7RUFFQSxpQkFBQTtFQUVBLGtCQUFBO0VBQ0EsZ0JBQUE7QUFuQkY7O0FBc0JBLHVDQUFBO0FBQ0E7RUFDRSxXQUFBO0VBQ0EsWUFBQTtBQW5CRjs7QUFzQkEscUNBQUE7QUFDQTtFQUNFLGdCQUFBO0VBQ0UsaUJBQUE7QUFuQko7O0FBc0JBLGdCQUFBO0FBQ0E7RUFDRSxhQUFBO0VBQ0Esc0JBQUE7RUFDQSxTQUFBO0VBQ0EsV0FBQTtFQUNBLG1CQUFBO0FBbkJGOztBQXNCQTtFQUNFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLFNBQUE7QUFuQkY7O0FBc0JBLHdCQUFBO0FBQ0E7RUFDRSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGFBQUE7RUFDQSxtQkFBQTtBQW5CRjs7QUF5QkE7RUFDRSxzQkFBQTtFQUNBLHVCQUFBO0VBQ0EsaUJBQUE7QUF0QkY7O0FBd0JBO0VBQ0UsNkJBQUE7QUFyQkY7O0FBdUJBO0VBQ0Usa0JBQUE7QUFwQkYiLCJzb3VyY2VzQ29udGVudCI6WyIuYXNxLWhvcml6b250YWwtYm94e1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIG1hcmdpbjogMTVweDtcbiAgYm9yZGVyOjFweCBzb2xpZCAjYjNhOGE4Njk7XG4gIGN1cnNvcjogbW92ZTtcbiAgYm94LXNoYWRvdzogcmdiYSgxNywgMTcsIDI2LCAwLjEpIDBweCA0cHggMTZweCwgcmdiYSgxNywgMTcsIDI2LCAwLjA1KSAwcHggOHB4IDMycHg7XG4gIHBhZGRpbmc6IDE1cHggMjBweDtcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xufVxuOjpuZy1kZWVwIC5hc3EtaG9yaXpvbnRhbC1ib3ggcHtcbiAgbWFyZ2luLXRvcDogNXB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG4uY2RrLWRyYWctcHJldmlldyB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm94LXNoYWRvdzogMCA1cHggNXB4IC0zcHggcmdiYSgwLCAwLCAwLCAwLjIpLFxuICAgICAgICAgICAgICAwIDhweCAxMHB4IDFweCByZ2JhKDAsIDAsIDAsIDAuMTQpLFxuICAgICAgICAgICAgICAwIDNweCAxNHB4IDJweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xufVxuLmNkay1kcmFnLXBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbn1cblxuLmNkay1kcmFnLWFuaW1hdGluZyB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKTtcbn1cblxuLmNkay1kcm9wLWxpc3QtZHJhZ2dpbmcgLmFzcS1ob3Jpem9udGFsLWJveDpub3QoLmNkay1kcmFnLXBsYWNlaG9sZGVyKSB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKTtcbn1cbjo6bmctZGVlcCAuYXNxLWhvcml6b250YWwtYm94IGltZ1xue1xuICB3aWR0aDogNzBweDtcbiAgaGVpZ2h0OiA3MHB4O1xuICBvYmplY3QtZml0OiBjb250YWluO1xufVxuLy9ob3Jpem9udGFsIGxheW91dCBjc3Ncbi5ob3Jpem9udGFsLWxpc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47IFxuICBmbGV4LXdyYXA6IG5vd3JhcDsgXG4gIHdpZHRoOiAxMDAlOyBcbiAgcGFkZGluZzogMTBweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLmFzcS12ZXJ0aWNhbC1ib3gge1xuICBmbGV4OiAwIDEgMjUlOyBcbiAgbWF4LXdpZHRoOiAyNSU7XG4gIHBvc2l0aW9uOnJlbGF0aXZlO1xuICBwYWRkaW5nOiAwcHggMTVweDtcbiAgYm9yZGVyOiBzb2xpZCAxcHggI2NjY2NjY2FiO1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg3KTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBjdXJzb3I6IG1vdmU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBtYXJnaW46MTBweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBtaW4taGVpZ2h0OjE1MHB4O1xuICBtYXJnaW4tdG9wOjIlO1xuICBib3gtc2hhZG93OiAwIDNweCAxcHggLTJweCByZ2JhKDAsIDAsIDAsIDAuMiksIDAgMnB4IDJweCAwIHJnYmEoMCwgMCwgMCwgMC4xNCksIDAgMXB4IDVweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG59XG46Om5nLWRlZXAgLmFzcS12ZXJ0aWNhbC1ib3ggaW1nXG57XG4gIHdpZHRoOiA3MHB4O1xuICBoZWlnaHQ6IDcwcHg7XG4gIG9iamVjdC1maXQ6IGNvbnRhaW47XG59XG46Om5nLWRlZXAgLmFzcS12ZXJ0aWNhbC1ib3ggcHtcbmxpbmUtaGVpZ2h0OiAyMHB4O1xubWFyZ2luLXRvcDogNXB4O1xubWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4uaG9yaXpvbnRhbC1saXN0LmNkay1kcm9wLWxpc3QtZHJhZ2dpbmcgLmFzcS12ZXJ0aWNhbC1ib3g6bm90KC5jZGstZHJhZy1wbGFjZWhvbGRlcikge1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMjUwbXMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSk7XG59XG4uY2VudGVyZWQtYWxpZ257XG5kaXNwbGF5OiBmbGV4O1xuYWxpZ24taXRlbXM6IGNlbnRlcjtcbmp1c3RpZnktY29udGVudDogY2VudGVyO1xuaGVpZ2h0OiAxMDB2aDtcbn1cbi8vIC5kcmFnLWhhbmRsZXtcbi8vICAgcG9zaXRpb246IGFic29sdXRlO1xuLy8gICB0b3A6IDE1cHg7XG4vLyAgIHJpZ2h0OiAzMHB4O1xuLy8gICBjdXJzb3I6IG1vdmU7XG4vLyB9XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2MDBweCkge1xuOjpuZy1kZWVwIC5hc3EtdmVydGljYWwtYm94IHAge1xuICBsaW5lLWhlaWdodDogMTRweDtcbiAgbWFyZ2luLXRvcDogNXB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgcGFkZGluZzogN3B4O1xufVxuLmFzcS12ZXJ0aWNhbC1ib3h7XG4gIG1hcmdpbjogMCUgMXB4IDEwcHg7XG4gIHBhZGRpbmc6MHB4O1xufVxuLmhvcml6b250YWwtbGlzdHtcbiAgcGFkZGluZzowcHg7XG59XG59XG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG4vKiBHZW5lcmFsIEJveCBTdHlsZXMgKi9cbi5ib3gge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIC8vIHdpZHRoOiAyNTBweDtcbiAgd2lkdGg6IDkwJTtcbiAgY3Vyc29yOiBncmFiO1xuICBtaW4taGVpZ2h0OiA2MHB4O1xuICBtYXgtaGVpZ2h0OiAxMDBweDtcbiAgcGFkZGluZzogMTJweDtcbiAgYm9yZGVyLWxlZnQ6IDVweCBzb2xpZCAjOTliY2Q4O1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIGJsYWNrO1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCBibGFjaztcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIC8vIGJveC1zaGFkb3c6IDJweCAycHggNXB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIC8vIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi8qIFJlc3RyaWN0aW5nIGRyYWcgdG8gd2l0aGluIHRoZSBib3ggKi9cbi5ib3ggY2RrRHJhZyB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi8qIFByZXZlbnQgZHJhZ2dpbmcgb3V0c2lkZSB0aGUgYm94ICovXG4uY2RrLWRyYWctcHJldmlldyB7XG4gIG1pbi1oZWlnaHQ6IDYwcHg7XG4gICAgbWF4LWhlaWdodDogMTAwcHg7XG59XG5cbi8qIExpc3QgU3R5bGVzICovXG4udmVydGljYWwtbGlzdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMTJweDtcbiAgd2lkdGg6MTAwJTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLmhvcml6b250YWwtbGlzdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGdhcDogMTJweDtcbn1cblxuLyogRHJhZyBIYW5kbGUgU3R5bGluZyAqL1xuLmRyYWctaGFuZGxlIHtcbiAgY3Vyc29yOiBncmFiO1xuICBmb250LXNpemU6IDE4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi8vIC5tdC0xciB7XG4vLyAgIHBhZGRpbmctdG9wOiAxcmVtICFpbXBvcnRhbnQ7XG4vLyB9XG46Om5nLWRlZXAgLmltZy1qayBmaWd1cmUgaW1nIHtcbiAgd2lkdGg6IDcwcHggIWltcG9ydGFudDtcbiAgaGVpZ2h0OiA1MHB4ICFpbXBvcnRhbnQ7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xufVxuOjpuZy1kZWVwIC5pbWctamsgcCB7XG4gIG1hcmdpbi1ib3R0b206IDBweCAhaW1wb3J0YW50O1xufVxuOjpuZy1kZWVwIC5pbWctamsgZmlndXJlIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */"] }); } @@ -98401,12 +98401,14 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ AsqComponent: () => (/* binding */ AsqComponent) /* harmony export */ }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 61699); -/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ 26575); +/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/platform-browser */ 36480); +/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ 26575); /* harmony import */ var _asq_options_asq_options_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./asq-options/asq-options.component */ 84498); + function AsqComponent_div_0_quml_asq_options_3_Template(rf, ctx) { if (rf & 1) { const _r3 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"](); @@ -98440,7 +98442,8 @@ function AsqComponent_div_0_Template(rf, ctx) { } } class AsqComponent { - constructor() { + constructor(sanitizer) { + this.sanitizer = sanitizer; this.optionsReordered = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter(); } ngOnInit() { @@ -98448,8 +98451,22 @@ class AsqComponent { } initialize() { this.setLayout(); - this.interactions = this.question?.interactions; - this.questionBody = this.question?.body; + // Sanitize question body + this.questionBody = this.sanitizeHtml(this.question?.body); + console.log('ASQ this.questionBody', this.questionBody); + // Modify interactions with sanitized labels + if (this.question?.interactions) { + this.interactions = { + ...this.question.interactions + }; + if (this.interactions.response1?.options) { + this.interactions.response1.options = this.interactions.response1.options.map(option => ({ + ...option, + label: this.sanitizeHtml(option.label) + })); + } + } + console.log('ASQ this.interactions', this.interactions); } setLayout() { const templateId = this.question?.templateId; @@ -98465,8 +98482,12 @@ class AsqComponent { handleReorderedOptions(reorderedOptions) { this.optionsReordered.emit(reorderedOptions); } + // Helper function to sanitize HTML + sanitizeHtml(html) { + return this.sanitizer.bypassSecurityTrustHtml(html); + } static #_ = this.ɵfac = function AsqComponent_Factory(t) { - return new (t || AsqComponent)(); + return new (t || AsqComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__.DomSanitizer)); }; static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: AsqComponent, @@ -98491,7 +98512,7 @@ class AsqComponent { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx.questionBody); } }, - dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_2__.NgIf, _asq_options_asq_options_component__WEBPACK_IMPORTED_MODULE_0__.AsqOptionsComponent], + dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_3__.NgIf, _asq_options_asq_options_component__WEBPACK_IMPORTED_MODULE_0__.AsqOptionsComponent], encapsulation: 2 }); } @@ -101821,7 +101842,7 @@ function MtfOptionsComponent_ng_container_1_div_5_Template(rf, ctx) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 20)(1, "p", 21); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](2); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); - _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "span", 10); + _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "span", 22); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](4, "\u283F"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "div", 19); @@ -101844,7 +101865,7 @@ function MtfOptionsComponent_ng_container_1_div_5_Template(rf, ctx) { function MtfOptionsComponent_ng_container_1_div_6_Template(rf, ctx) { if (rf & 1) { const _r20 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"](); - _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 22)(1, "div", 23)(2, "span", 24); + _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 23)(1, "div", 24)(2, "span", 25); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function MtfOptionsComponent_ng_container_1_div_6_Template_span_click_2_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r20); const ctx_r19 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2); @@ -101852,7 +101873,7 @@ function MtfOptionsComponent_ng_container_1_div_6_Template(rf, ctx) { }); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](3, "\u00D7"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); - _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "img", 25); + _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "img", 26); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]()(); } if (rf & 2) { @@ -101979,7 +102000,7 @@ class MtfOptionsComponent { features: [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵNgOnChangesFeature"]], decls: 2, vars: 2, - consts: [[4, "ngIf"], [1, "matching-container"], [1, "column", 2, "cursor", "not-allowed"], ["class", "match-box left-box", 4, "ngFor", "ngForOf"], ["cdkDropList", "", 1, "column", 3, "cdkDropListDropped"], ["class", "match-box right-box", "cdkDrag", "", "cdkDragBoundary", ".column", 3, "cdkDragData", 4, "ngFor", "ngForOf"], [1, "match-box", "left-box"], [3, "innerHTML"], [1, ""], ["cdkDrag", "", "cdkDragBoundary", ".column", 1, "match-box", "right-box", 3, "cdkDragData"], [1, "drag-icon"], [1, "horizontal-main", "matching-container", 2, "display", "flex", "flex-direction", "column", "gap", "70px"], ["id", "topSide"], ["style", "width: 100%; margin-top: unset !important;", "class", "match-box left-box1", 4, "ngFor", "ngForOf"], ["id", "bottomSide", "cdkDropList", "", "cdkDropListOrientation", "horizontal", 3, "cdkDropListDropped"], ["class", "bubble-top", "cdkDrag", "", "style", "width: 100%; margin-top: unset !important;", "class", "match-box right-box1", 3, "cdkDragData", 4, "ngFor", "ngForOf"], ["class", "mft-modal modal", 4, "ngIf"], [1, "match-box", "left-box1", 2, "width", "100%", "margin-top", "unset !important"], ["appCheckFigure", "", 3, "innerHTML"], [1, "zoom-icon", 3, "click"], ["cdkDrag", "", 1, "match-box", "right-box1", 2, "width", "100%", "margin-top", "unset !important", 3, "cdkDragData"], ["cdkDragBoundary", "#bottomSide", "appCheckFigure", "", 3, "innerHTML"], [1, "mft-modal", "modal"], [1, "modal-content"], [1, "modal-close", 3, "click"], [3, "src"]], + consts: [[4, "ngIf"], [1, "matching-container"], [1, "column", 2, "cursor", "not-allowed"], ["class", "match-box left-box", 4, "ngFor", "ngForOf"], ["cdkDropList", "", 1, "column", 3, "cdkDropListDropped"], ["class", "match-box right-box", "cdkDrag", "", "cdkDragBoundary", ".column", 3, "cdkDragData", 4, "ngFor", "ngForOf"], [1, "match-box", "left-box"], [3, "innerHTML"], [1, ""], ["cdkDrag", "", "cdkDragBoundary", ".column", 1, "match-box", "right-box", 3, "cdkDragData"], [1, "drag-icon", 2, "color", "#000", "font-weight", "700"], [1, "horizontal-main", "matching-container", 2, "display", "flex", "flex-direction", "column", "gap", "70px"], ["id", "topSide"], ["style", "width: 100%; margin-top: unset !important;", "class", "match-box left-box1", 4, "ngFor", "ngForOf"], ["id", "bottomSide", "cdkDropList", "", "cdkDropListOrientation", "horizontal", 3, "cdkDropListDropped"], ["class", "bubble-top", "cdkDrag", "", "style", "width: 100%; margin-top: unset !important;", "class", "match-box right-box1", 3, "cdkDragData", 4, "ngFor", "ngForOf"], ["class", "mft-modal modal", 4, "ngIf"], [1, "match-box", "left-box1", 2, "width", "100%", "margin-top", "unset !important"], ["appCheckFigure", "", 3, "innerHTML"], [1, "zoom-icon", 3, "click"], ["cdkDrag", "", 1, "match-box", "right-box1", 2, "width", "100%", "margin-top", "unset !important", 3, "cdkDragData"], ["cdkDragBoundary", "#bottomSide", "appCheckFigure", "", 3, "innerHTML"], [1, "drag-icon"], [1, "mft-modal", "modal"], [1, "modal-content"], [1, "modal-close", 3, "click"], [3, "src"]], template: function MtfOptionsComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](0, MtfOptionsComponent_ng_container_0_Template, 6, 2, "ng-container", 0); @@ -101992,7 +102013,7 @@ class MtfOptionsComponent { } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_3__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_3__.NgIf, _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_4__.CdkDropList, _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_4__.CdkDrag, _check_figure_directive__WEBPACK_IMPORTED_MODULE_0__.CheckFigureDirective], - styles: ["#leftSide[_ngcontent-%COMP%] {\n flex-basis: 50%;\n}\n\n#rightSide[_ngcontent-%COMP%] div[_ngcontent-%COMP%]:last-child {\n margin-top: 1px !important;\n}\n\n#rightSide[_ngcontent-%COMP%] div[_ngcontent-%COMP%]:nth-child(3) {\n margin-top: 3px !important;\n}\n\n#rightSide[_ngcontent-%COMP%] div[_ngcontent-%COMP%]:nth-child(2) {\n margin-top: 1px !important;\n}\n\n .main-div figure.image img, .horizontal-main figure.image img {\n width: 120px;\n height: 80px;\n object-fit: contain;\n}\n\n .main-div figure {\n margin: 0 0 0rem;\n}\n\n#rightSide[_ngcontent-%COMP%] {\n flex-basis: 50%;\n}\n\n#topSide[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: 20px;\n overflow: hidden;\n width: 100%;\n}\n\n#bottomSide[_ngcontent-%COMP%] {\n min-height: 60px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: 20px;\n width: 100%;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n box-sizing: border-box;\n border-radius: 4px;\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n#bottomSide[_ngcontent-%COMP%] .cdk-drag-preview[_ngcontent-%COMP%] {\n box-sizing: border-box;\n border-radius: 4px;\n}\n\n#bottomSide[_ngcontent-%COMP%] .cdk-drag-placeholder[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n#bottomSide[_ngcontent-%COMP%] .cdk-drag-animating[_ngcontent-%COMP%] {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.zoom-icon[_ngcontent-%COMP%] {\n position: absolute;\n right: 0;\n bottom: 0;\n width: 1.5rem;\n height: 1.5rem;\n border-top-left-radius: 0.5rem;\n cursor: pointer;\n background-color: var(--quml-color-primary-contrast);\n}\n\n.zoom-icon[_ngcontent-%COMP%]::after {\n content: \"\";\n position: absolute;\n bottom: 0.125rem;\n right: 0.125rem;\n z-index: 1;\n width: 1rem;\n height: 1rem;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 37.166 37.166' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.829,32.045l-6.833-6.833c-0.513-0.513-1.167-0.788-1.836-0.853c2.06-2.567,3.298-5.819,3.298-9.359 c0-8.271-6.729-15-15-15c-8.271,0-15,6.729-15,15c0,8.271,6.729,15,15,15c3.121,0,6.021-0.96,8.424-2.598 c0.018,0.744,0.305,1.482,0.872,2.052l6.833,6.833c0.585,0.586,1.354,0.879,2.121,0.879s1.536-0.293,2.121-0.879 C37.001,35.116,37.001,33.217,35.829,32.045z M15.458,25c-5.514,0-10-4.484-10-10c0-5.514,4.486-10,10-10c5.514,0,10,4.486,10,10 C25.458,20.516,20.972,25,15.458,25z M22.334,15c0,1.104-0.896,2-2,2h-2.75v2.75c0,1.104-0.896,2-2,2s-2-0.896-2-2V17h-2.75 c-1.104,0-2-0.896-2-2s0.896-2,2-2h2.75v-2.75c0-1.104,0.896-2,2-2s2,0.896,2,2V13h2.75C21.438,13,22.334,13.895,22.334,15z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A\");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.mft-modal.modal[_ngcontent-%COMP%] {\n display: flex;\n position: fixed;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0, 0, 0, 0.9);\n justify-content: center;\n align-items: center;\n}\n\n.mft-modal.modal.modal-content[_ngcontent-%COMP%] {\n position: relative;\n max-width: 90%;\n max-height: 90%;\n}\n\n.modal-close[_ngcontent-%COMP%] {\n position: absolute;\n top: 10px;\n right: 25px;\n color: #fff;\n font-size: 35px;\n font-weight: bold;\n cursor: pointer;\n}\n\n@media screen and (min-width: 1200px) {\n .main-div p {\n font-size: 16px;\n line-height: 25px;\n margin-bottom: 0px;\n }\n .horizontal-main p {\n font-size: 16px;\n line-height: 25px;\n margin-bottom: 0px;\n }\n .mft-modal[_ngcontent-%COMP%] .modal-content[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\n width: 900px;\n height: 300px;\n object-fit: contain;\n }\n}\np[_ngcontent-%COMP%] {\n margin-top: unset !important;\n margin-bottom: unset !important;\n}\n\n.matching-container[_ngcontent-%COMP%] {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 30px;\n border-radius: 20px;\n}\n\n.column[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 660px;\n padding: 10px;\n border-radius: 8px;\n}\n\n.match-box[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: white;\n padding: 12px 20px;\n border-radius: 8px;\n font-size: 16px;\n font-weight: 500;\n box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);\n}\n\n.left-box[_ngcontent-%COMP%] {\n border-left: 5px solid #dd918f;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n}\n\n.right-box[_ngcontent-%COMP%] {\n border-left: 5px solid #99bcd8;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n cursor: grab;\n}\n\n.left-box1[_ngcontent-%COMP%] {\n border-left: 5px solid #dd918f;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n}\n\n.right-box1[_ngcontent-%COMP%] {\n border-left: 5px solid #99bcd8;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n cursor: grab;\n}\n\n.right-box[_ngcontent-%COMP%]:hover {\n transform: scale(1.05);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);\n}\n\n.right-box1[_ngcontent-%COMP%]:hover {\n transform: scale(1.05);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);\n}\n\n.drag-icon[_ngcontent-%COMP%] {\n color: #888;\n font-size: 20px;\n cursor: grab;\n}\n\n.right-box[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin-top: 16px !important;\n}\n\n.left-box[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin-top: 16px !important;\n}\n\n@media screen and (max-width: 768px) {\n .main-div p {\n font-size: 12px;\n line-height: 20px;\n margin-bottom: 0px;\n }\n .horizontal-main p {\n font-size: 11px;\n line-height: 16px;\n margin-bottom: 0;\n }\n .main-div figure.image img, .horizontal-main figure.image img {\n width: 70px;\n height: 70px;\n object-fit: contain;\n }\n .match-box[_ngcontent-%COMP%] {\n padding: 12px 8px;\n }\n .matching-container[_ngcontent-%COMP%] {\n padding: 8px;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL210Zi9tdGYtb3B0aW9ucy9tdGYtb3B0aW9ucy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGVBQUE7QUFDRjs7QUFDQTtFQUNFLDBCQUFBO0FBRUY7O0FBQ0E7RUFDRSwwQkFBQTtBQUVGOztBQUNBO0VBQ0UsMEJBQUE7QUFFRjs7QUFDQTs7RUFFRSxZQUFBO0VBQ0EsWUFBQTtFQUNBLG1CQUFBO0FBRUY7O0FBQ0E7RUFFRSxnQkFBQTtBQUNGOztBQUNBO0VBQ0UsZUFBQTtBQUVGOztBQUNBO0VBQ0ksYUFBQTtFQUNFLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxTQUFBO0VBQ0EsZ0JBQUE7RUFDQSxXQUFBO0FBRU47O0FBQ0E7RUFDRSxnQkFBQTtFQUNBLGFBQUE7RUFDQSxtQkFBQTtFQUVBLHVCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7QUFDRjs7QUFFQTtFQUNFLHNCQUFBO0VBQ0Esa0JBQUE7QUFDRjs7QUFFQTtFQUNFLFVBQUE7QUFDRjs7QUFFQTtFQUNFLHNEQUFBO0FBQ0Y7O0FBR0E7RUFDRSxzQkFBQTtFQUNBLGtCQUFBO0FBQUY7O0FBR0E7RUFDRSxVQUFBO0FBQUY7O0FBR0E7RUFDRSxzREFBQTtBQUFGOztBQU9BO0VBQ0Usa0JBQUE7RUFDQSxRQUFBO0VBQ0EsU0FBQTtFQUNBLGFBQUE7RUFDQSxjQUFBO0VBQ0EsOEJBQUE7RUFDQSxlQUFBO0VBQ0Esb0RBQUE7QUFKRjs7QUFPQTtFQUNFLFdBQUE7RUFDQSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLFVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHc0REFBQTtFQUNBLHNCQUFBO0VBQ0EsNEJBQUE7RUFDQSwyQkFBQTtBQUpGOztBQU9BO0VBQ0UsYUFBQTtFQUNBLGVBQUE7RUFDQSxVQUFBO0VBQ0EsT0FBQTtFQUNBLE1BQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGNBQUE7RUFDQSxvQ0FBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7QUFKRjs7QUFPQTtFQUNFLGtCQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7QUFKRjs7QUFPQTtFQUNFLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtBQUpGOztBQVFBO0VBQ0U7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQUxGO0VBUUE7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQU5GO0VBU0E7SUFDRSxZQUFBO0lBQ0EsYUFBQTtJQUNBLG1CQUFBO0VBUEY7QUFDRjtBQVNBO0VBQ0UsNEJBQUE7RUFDQSwrQkFBQTtBQVBGOztBQVVBO0VBQ0UsYUFBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7RUFDQSxTQUFBO0VBQ0EsYUFBQTtFQUVBLG1CQUFBO0FBUkY7O0FBV0E7RUFDRSxhQUFBO0VBQ0Esc0JBQUE7RUFDQSxTQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxrQkFBQTtBQVJGOztBQVdBO0VBQ0UsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsOEJBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSx3Q0FBQTtBQVJGOztBQVdBO0VBQ0UsOEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0VBQ0EsOEJBQUE7QUFSRjs7QUFXQTtFQUNFLDhCQUFBO0VBQ0EsNkJBQUE7RUFDRSwyQkFBQTtFQUNBLDhCQUFBO0VBQ0YsWUFBQTtBQVJGOztBQVdBO0VBQ0UsOEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0VBQ0EsOEJBQUE7QUFSRjs7QUFXQTtFQUNFLDhCQUFBO0VBQ0EsNkJBQUE7RUFDQSwyQkFBQTtFQUNBLDhCQUFBO0VBQ0EsWUFBQTtBQVJGOztBQVdBO0VBQ0Usc0JBQUE7RUFDQSx5Q0FBQTtBQVJGOztBQVVBO0VBQ0Usc0JBQUE7RUFDQSx5Q0FBQTtBQVBGOztBQVVBO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0FBUEY7O0FBU0E7RUFDRSwyQkFBQTtBQU5GOztBQVNBO0VBQ0UsMkJBQUE7QUFORjs7QUFXQTtFQUNFO0lBQ0UsZUFBQTtJQUNBLGlCQUFBO0lBQ0Esa0JBQUE7RUFSRjtFQVdBO0lBQ0UsZUFBQTtJQUNBLGlCQUFBO0lBQ0EsZ0JBQUE7RUFURjtFQWFBOztJQUVFLFdBQUE7SUFDQSxZQUFBO0lBQ0EsbUJBQUE7RUFYRjtFQWNBO0lBQ0UsaUJBQUE7RUFaRjtFQWNFO0lBQ0UsWUFBQTtFQVpKO0FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIjbGVmdFNpZGUge1xuICBmbGV4LWJhc2lzOiA1MCU7XG59XG4jcmlnaHRTaWRlIGRpdjpsYXN0LWNoaWxke1xuICBtYXJnaW4tdG9wOiAxcHggICFpbXBvcnRhbnQ7XG59XG5cbiNyaWdodFNpZGUgZGl2Om50aC1jaGlsZCgzKSB7XG4gIG1hcmdpbi10b3A6IDNweCAhaW1wb3J0YW50O1xufVxuXG4jcmlnaHRTaWRlIGRpdjpudGgtY2hpbGQoMikge1xuICBtYXJnaW4tdG9wOiAxcHggIWltcG9ydGFudDtcbn1cblxuOjpuZy1kZWVwIC5tYWluLWRpdiBmaWd1cmUuaW1hZ2UgaW1nLFxuOjpuZy1kZWVwIC5ob3Jpem9udGFsLW1haW4gZmlndXJlLmltYWdlIGltZyB7XG4gIHdpZHRoOiAxMjBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBvYmplY3QtZml0OiBjb250YWluO1xufVxuXG46Om5nLWRlZXAgLm1haW4tZGl2IGZpZ3VyZVxue1xuICBtYXJnaW46IDAgMCAwcmVtO1xufVxuI3JpZ2h0U2lkZSB7XG4gIGZsZXgtYmFzaXM6IDUwJTtcbn1cblxuI3RvcFNpZGUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBnYXA6IDIwcHg7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2lkdGg6IDEwMCU7XG59XG5cbiNib3R0b21TaWRlIHtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgLy8gbWFyZ2luLXRvcDogLTMlOyAgXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDIwcHg7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2RrLWRyYWctcHJldmlldyB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbn1cblxuLmNkay1kcmFnLXBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbn1cblxuLmNkay1kcmFnLWFuaW1hdGluZyB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKTtcbn1cblxuXG4jYm90dG9tU2lkZSAuY2RrLWRyYWctcHJldmlldyB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbn1cblxuI2JvdHRvbVNpZGUgLmNkay1kcmFnLXBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbn1cblxuI2JvdHRvbVNpZGUgLmNkay1kcmFnLWFuaW1hdGluZyB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKTtcbn1cblxuXG4vL3VpIGNoYW5nZXNcblxuXG4uem9vbS1pY29uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICB3aWR0aDogMS41cmVtO1xuICBoZWlnaHQ6IDEuNXJlbTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMC41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXF1bWwtY29sb3ItcHJpbWFyeS1jb250cmFzdCk7XG59XG5cbi56b29tLWljb246OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDAuMTI1cmVtO1xuICByaWdodDogMC4xMjVyZW07XG4gIHotaW5kZXg6IDE7XG4gIHdpZHRoOiAxcmVtO1xuICBoZWlnaHQ6IDFyZW07XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM0MlM0Z4bWwgdmVyc2lvbj0nMS4wJyUzRiUzRSUzQ3N2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB4bWxuczpzdmdqcz0naHR0cDovL3N2Z2pzLmNvbS9zdmdqcycgdmVyc2lvbj0nMS4xJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMicgeD0nMCcgeT0nMCcgdmlld0JveD0nMCAwIDM3LjE2NiAzNy4xNjYnIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTInIHhtbDpzcGFjZT0ncHJlc2VydmUnIGNsYXNzPScnJTNFJTNDZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQ3BhdGggZD0nTTM1LjgyOSwzMi4wNDVsLTYuODMzLTYuODMzYy0wLjUxMy0wLjUxMy0xLjE2Ny0wLjc4OC0xLjgzNi0wLjg1M2MyLjA2LTIuNTY3LDMuMjk4LTUuODE5LDMuMjk4LTkuMzU5IGMwLTguMjcxLTYuNzI5LTE1LTE1LTE1Yy04LjI3MSwwLTE1LDYuNzI5LTE1LDE1YzAsOC4yNzEsNi43MjksMTUsMTUsMTVjMy4xMjEsMCw2LjAyMS0wLjk2LDguNDI0LTIuNTk4IGMwLjAxOCwwLjc0NCwwLjMwNSwxLjQ4MiwwLjg3MiwyLjA1Mmw2LjgzMyw2LjgzM2MwLjU4NSwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OXMxLjUzNi0wLjI5MywyLjEyMS0wLjg3OSBDMzcuMDAxLDM1LjExNiwzNy4wMDEsMzMuMjE3LDM1LjgyOSwzMi4wNDV6IE0xNS40NTgsMjVjLTUuNTE0LDAtMTAtNC40ODQtMTAtMTBjMC01LjUxNCw0LjQ4Ni0xMCwxMC0xMGM1LjUxNCwwLDEwLDQuNDg2LDEwLDEwIEMyNS40NTgsMjAuNTE2LDIwLjk3MiwyNSwxNS40NTgsMjV6IE0yMi4zMzQsMTVjMCwxLjEwNC0wLjg5NiwyLTIsMmgtMi43NXYyLjc1YzAsMS4xMDQtMC44OTYsMi0yLDJzLTItMC44OTYtMi0yVjE3aC0yLjc1IGMtMS4xMDQsMC0yLTAuODk2LTItMnMwLjg5Ni0yLDItMmgyLjc1di0yLjc1YzAtMS4xMDQsMC44OTYtMiwyLTJzMiwwLjg5NiwyLDJWMTNoMi43NUMyMS40MzgsMTMsMjIuMzM0LDEzLjg5NSwyMi4zMzQsMTV6JyBmaWxsPSclMjNmZmZmZmYnIGRhdGEtb3JpZ2luYWw9JyUyMzAwMDAwMCcgc3R5bGU9JycgY2xhc3M9JycvJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0MvZyUzRSUzQy9zdmclM0UlMEFcIik7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbn1cblxuLm1mdC1tb2RhbC5tb2RhbCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogMTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjkpO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLm1mdC1tb2RhbC5tb2RhbC5tb2RhbC1jb250ZW50IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtd2lkdGg6IDkwJTtcbiAgbWF4LWhlaWdodDogOTAlO1xufVxuXG4ubW9kYWwtY2xvc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMTBweDtcbiAgcmlnaHQ6IDI1cHg7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDM1cHg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIDo6bmctZGVlcC5tYWluLWRpdiBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgbGluZS1oZWlnaHQ6IDI1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICB9XG5cbiAgOjpuZy1kZWVwLmhvcml6b250YWwtbWFpbiBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgbGluZS1oZWlnaHQ6IDI1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICB9XG5cbiAgLm1mdC1tb2RhbCAubW9kYWwtY29udGVudCBpbWcge1xuICAgIHdpZHRoOiA5MDBweDtcbiAgICBoZWlnaHQ6IDMwMHB4O1xuICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XG4gIH1cbn1cbnAge1xuICBtYXJnaW4tdG9wOiB1bnNldCAhaW1wb3J0YW50O1xuICBtYXJnaW4tYm90dG9tOiB1bnNldCAhaW1wb3J0YW50O1xufVxuXG4ubWF0Y2hpbmctY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMjBweDtcbiAgcGFkZGluZzogMzBweDtcbiAgLy8gYmFja2dyb3VuZDogI2YwZjBmMDtcbiAgYm9yZGVyLXJhZGl1czogMjBweDtcbn1cblxuLmNvbHVtbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMTVweDtcbiAgd2lkdGg6IDY2MHB4O1xuICBwYWRkaW5nOiAxMHB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG59XG5cbi5tYXRjaC1ib3gge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAxMnB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgZm9udC1zaXplOiAxNnB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBib3gtc2hhZG93OiAwIDNweCA2cHggcmdiYSgwLCAwLCAwLCAwLjEpO1xufVxuXG4ubGVmdC1ib3gge1xuICBib3JkZXItbGVmdDogNXB4IHNvbGlkICNkZDkxOGY7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcbn1cblxuLnJpZ2h0LWJveCB7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgICM5OWJjZDg7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIGJsYWNrO1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCBibGFjaztcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgYmxhY2s7XG4gIGN1cnNvcjogZ3JhYjtcbn1cblxuLmxlZnQtYm94MSB7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgI2RkOTE4ZjtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCBibGFjaztcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGJsYWNrO1xufVxuXG4ucmlnaHQtYm94MSB7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgIzk5YmNkODtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCBibGFjaztcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGJsYWNrO1xuICBjdXJzb3I6IGdyYWI7XG59XG5cbi5yaWdodC1ib3g6aG92ZXIge1xuICB0cmFuc2Zvcm06IHNjYWxlKDEuMDUpO1xuICBib3gtc2hhZG93OiAwIDVweCAxMnB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcbn1cbi5yaWdodC1ib3gxOmhvdmVyIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgxLjA1KTtcbiAgYm94LXNoYWRvdzogMCA1cHggMTJweCByZ2JhKDAsIDAsIDAsIDAuMik7XG59XG5cbi5kcmFnLWljb24ge1xuICBjb2xvcjogIzg4ODtcbiAgZm9udC1zaXplOiAyMHB4O1xuICBjdXJzb3I6IGdyYWI7XG59XG4ucmlnaHQtYm94ICBwIHtcbiAgbWFyZ2luLXRvcDogMTZweCAhaW1wb3J0YW50O1xufVxuXG4ubGVmdC1ib3ggcCB7XG4gIG1hcmdpbi10b3A6IDE2cHggIWltcG9ydGFudDtcbn1cblxuXG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIDo6bmctZGVlcC5tYWluLWRpdiBwIHtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICB9XG5cbiAgOjpuZy1kZWVwLmhvcml6b250YWwtbWFpbiBwIHtcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuXG5cbiAgOjpuZy1kZWVwIC5tYWluLWRpdiBmaWd1cmUuaW1hZ2UgaW1nLFxuICA6Om5nLWRlZXAgLmhvcml6b250YWwtbWFpbiBmaWd1cmUuaW1hZ2UgaW1nIHtcbiAgICB3aWR0aDogNzBweDtcbiAgICBoZWlnaHQ6IDcwcHg7XG4gICAgb2JqZWN0LWZpdDogY29udGFpbjtcbiAgfVxuXG4gIC5tYXRjaC1ib3gge1xuICAgIHBhZGRpbmc6IDEycHggOHB4O1xuICB9XG4gICAgLm1hdGNoaW5nLWNvbnRhaW5lcntcbiAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG59XG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuIl0sInNvdXJjZVJvb3QiOiIifQ== */"] + styles: ["#leftSide[_ngcontent-%COMP%] {\n flex-basis: 50%;\n}\n\n#rightSide[_ngcontent-%COMP%] div[_ngcontent-%COMP%]:last-child {\n margin-top: 1px !important;\n}\n\n#rightSide[_ngcontent-%COMP%] div[_ngcontent-%COMP%]:nth-child(3) {\n margin-top: 3px !important;\n}\n\n#rightSide[_ngcontent-%COMP%] div[_ngcontent-%COMP%]:nth-child(2) {\n margin-top: 1px !important;\n}\n\n .main-div figure.image img, .horizontal-main figure.image img {\n width: 120px;\n height: 80px;\n object-fit: contain;\n}\n\n .main-div figure {\n margin: 0 0 0rem;\n}\n\n#rightSide[_ngcontent-%COMP%] {\n flex-basis: 50%;\n}\n\n#topSide[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: 20px;\n overflow: hidden;\n width: 100%;\n}\n\n#bottomSide[_ngcontent-%COMP%] {\n min-height: 60px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: 20px;\n width: 100%;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n box-sizing: border-box;\n border-radius: 4px;\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n#bottomSide[_ngcontent-%COMP%] .cdk-drag-preview[_ngcontent-%COMP%] {\n box-sizing: border-box;\n border-radius: 4px;\n}\n\n#bottomSide[_ngcontent-%COMP%] .cdk-drag-placeholder[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n#bottomSide[_ngcontent-%COMP%] .cdk-drag-animating[_ngcontent-%COMP%] {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.zoom-icon[_ngcontent-%COMP%] {\n position: absolute;\n right: 0;\n bottom: 0;\n width: 1.5rem;\n height: 1.5rem;\n border-top-left-radius: 0.5rem;\n cursor: pointer;\n background-color: var(--quml-color-primary-contrast);\n}\n\n.zoom-icon[_ngcontent-%COMP%]::after {\n content: \"\";\n position: absolute;\n bottom: 0.125rem;\n right: 0.125rem;\n z-index: 1;\n width: 1rem;\n height: 1rem;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 37.166 37.166' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.829,32.045l-6.833-6.833c-0.513-0.513-1.167-0.788-1.836-0.853c2.06-2.567,3.298-5.819,3.298-9.359 c0-8.271-6.729-15-15-15c-8.271,0-15,6.729-15,15c0,8.271,6.729,15,15,15c3.121,0,6.021-0.96,8.424-2.598 c0.018,0.744,0.305,1.482,0.872,2.052l6.833,6.833c0.585,0.586,1.354,0.879,2.121,0.879s1.536-0.293,2.121-0.879 C37.001,35.116,37.001,33.217,35.829,32.045z M15.458,25c-5.514,0-10-4.484-10-10c0-5.514,4.486-10,10-10c5.514,0,10,4.486,10,10 C25.458,20.516,20.972,25,15.458,25z M22.334,15c0,1.104-0.896,2-2,2h-2.75v2.75c0,1.104-0.896,2-2,2s-2-0.896-2-2V17h-2.75 c-1.104,0-2-0.896-2-2s0.896-2,2-2h2.75v-2.75c0-1.104,0.896-2,2-2s2,0.896,2,2V13h2.75C21.438,13,22.334,13.895,22.334,15z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A\");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.mft-modal.modal[_ngcontent-%COMP%] {\n display: flex;\n position: fixed;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0, 0, 0, 0.9);\n justify-content: center;\n align-items: center;\n}\n\n.mft-modal.modal.modal-content[_ngcontent-%COMP%] {\n position: relative;\n max-width: 90%;\n max-height: 90%;\n}\n\n.modal-close[_ngcontent-%COMP%] {\n position: absolute;\n top: 10px;\n right: 25px;\n color: #fff;\n font-size: 35px;\n font-weight: bold;\n cursor: pointer;\n}\n\n@media screen and (min-width: 1200px) {\n .main-div p {\n font-size: 16px;\n line-height: 25px;\n margin-bottom: 0px;\n }\n .horizontal-main p {\n font-size: 16px;\n line-height: 25px;\n margin-bottom: 0px;\n }\n .mft-modal[_ngcontent-%COMP%] .modal-content[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\n width: 900px;\n height: 300px;\n object-fit: contain;\n }\n}\np[_ngcontent-%COMP%] {\n margin-top: unset !important;\n margin-bottom: unset !important;\n}\n\n.matching-container[_ngcontent-%COMP%] {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 30px;\n border-radius: 20px;\n}\n\n.column[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 15px;\n width: 660px;\n padding: 10px;\n border-radius: 8px;\n}\n\n.match-box[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background: white;\n padding: 12px 20px;\n border-radius: 8px;\n font-size: 16px;\n font-weight: 500;\n box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);\n}\n\n.left-box[_ngcontent-%COMP%] {\n border-left: 5px solid #dd918f;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n min-height: 60px;\n max-height: 80px;\n}\n\n.right-box[_ngcontent-%COMP%] {\n border-left: 5px solid #99bcd8;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n cursor: grab;\n min-height: 60px;\n max-height: 80px;\n}\n\n.left-box1[_ngcontent-%COMP%] {\n border-left: 5px solid #dd918f;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n}\n\n.right-box1[_ngcontent-%COMP%] {\n border-left: 5px solid #99bcd8;\n border-right: 1px solid black;\n border-top: 1px solid black;\n border-bottom: 1px solid black;\n cursor: grab;\n}\n\n.right-box[_ngcontent-%COMP%]:hover {\n transform: scale(1.05);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);\n}\n\n.right-box1[_ngcontent-%COMP%]:hover {\n transform: scale(1.05);\n box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);\n}\n\n.drag-icon[_ngcontent-%COMP%] {\n color: #888;\n font-size: 20px;\n cursor: grab;\n}\n\n.right-box[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin-top: 16px !important;\n}\n\n.left-box[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin-top: 16px !important;\n}\n\n@media screen and (max-width: 768px) {\n .main-div p {\n font-size: 12px;\n line-height: 20px;\n margin-bottom: 0px;\n }\n .horizontal-main p {\n font-size: 11px;\n line-height: 16px;\n margin-bottom: 0;\n }\n .main-div figure.image img, .horizontal-main figure.image img {\n width: 70px;\n height: 70px;\n object-fit: contain;\n }\n .match-box[_ngcontent-%COMP%] {\n padding: 12px 8px;\n }\n .matching-container[_ngcontent-%COMP%] {\n padding: 8px;\n }\n}\n .match-box figure {\n position: relative;\n}\n\n .match-box figure img {\n width: 70px;\n height: 50px;\n object-fit: cover;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL210Zi9tdGYtb3B0aW9ucy9tdGYtb3B0aW9ucy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGVBQUE7QUFDRjs7QUFDQTtFQUNFLDBCQUFBO0FBRUY7O0FBQ0E7RUFDRSwwQkFBQTtBQUVGOztBQUNBO0VBQ0UsMEJBQUE7QUFFRjs7QUFDQTs7RUFFRSxZQUFBO0VBQ0EsWUFBQTtFQUNBLG1CQUFBO0FBRUY7O0FBQ0E7RUFFRSxnQkFBQTtBQUNGOztBQUNBO0VBQ0UsZUFBQTtBQUVGOztBQUNBO0VBQ0ksYUFBQTtFQUNFLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxTQUFBO0VBQ0EsZ0JBQUE7RUFDQSxXQUFBO0FBRU47O0FBQ0E7RUFDRSxnQkFBQTtFQUNBLGFBQUE7RUFDQSxtQkFBQTtFQUVBLHVCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7QUFDRjs7QUFFQTtFQUNFLHNCQUFBO0VBQ0Esa0JBQUE7QUFDRjs7QUFFQTtFQUNFLFVBQUE7QUFDRjs7QUFFQTtFQUNFLHNEQUFBO0FBQ0Y7O0FBR0E7RUFDRSxzQkFBQTtFQUNBLGtCQUFBO0FBQUY7O0FBR0E7RUFDRSxVQUFBO0FBQUY7O0FBR0E7RUFDRSxzREFBQTtBQUFGOztBQU9BO0VBQ0Usa0JBQUE7RUFDQSxRQUFBO0VBQ0EsU0FBQTtFQUNBLGFBQUE7RUFDQSxjQUFBO0VBQ0EsOEJBQUE7RUFDQSxlQUFBO0VBQ0Esb0RBQUE7QUFKRjs7QUFPQTtFQUNFLFdBQUE7RUFDQSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLFVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHc0REFBQTtFQUNBLHNCQUFBO0VBQ0EsNEJBQUE7RUFDQSwyQkFBQTtBQUpGOztBQU9BO0VBQ0UsYUFBQTtFQUNBLGVBQUE7RUFDQSxVQUFBO0VBQ0EsT0FBQTtFQUNBLE1BQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGNBQUE7RUFDQSxvQ0FBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7QUFKRjs7QUFPQTtFQUNFLGtCQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7QUFKRjs7QUFPQTtFQUNFLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtBQUpGOztBQVFBO0VBQ0U7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQUxGO0VBUUE7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQU5GO0VBU0E7SUFDRSxZQUFBO0lBQ0EsYUFBQTtJQUNBLG1CQUFBO0VBUEY7QUFDRjtBQVNBO0VBQ0UsNEJBQUE7RUFDQSwrQkFBQTtBQVBGOztBQVVBO0VBQ0UsYUFBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7RUFDQSxTQUFBO0VBQ0EsYUFBQTtFQUVBLG1CQUFBO0FBUkY7O0FBV0E7RUFDRSxhQUFBO0VBQ0Esc0JBQUE7RUFDQSxTQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxrQkFBQTtBQVJGOztBQVdBO0VBQ0UsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsOEJBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSx3Q0FBQTtBQVJGOztBQVdBO0VBQ0UsOEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0VBQ0EsOEJBQUE7RUFDQSxnQkFBQTtFQUNBLGdCQUFBO0FBUkY7O0FBV0E7RUFDRSw4QkFBQTtFQUNBLDZCQUFBO0VBQ0UsMkJBQUE7RUFDQSw4QkFBQTtFQUNGLFlBQUE7RUFDQSxnQkFBQTtFQUNFLGdCQUFBO0FBUko7O0FBV0E7RUFDRSw4QkFBQTtFQUNBLDZCQUFBO0VBQ0EsMkJBQUE7RUFDQSw4QkFBQTtBQVJGOztBQVdBO0VBQ0UsOEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0VBQ0EsOEJBQUE7RUFDQSxZQUFBO0FBUkY7O0FBV0E7RUFDRSxzQkFBQTtFQUNBLHlDQUFBO0FBUkY7O0FBVUE7RUFDRSxzQkFBQTtFQUNBLHlDQUFBO0FBUEY7O0FBVUE7RUFDRSxXQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7QUFQRjs7QUFTQTtFQUNFLDJCQUFBO0FBTkY7O0FBU0E7RUFDRSwyQkFBQTtBQU5GOztBQVdBO0VBQ0U7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQVJGO0VBV0E7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxnQkFBQTtFQVRGO0VBYUE7O0lBRUUsV0FBQTtJQUNBLFlBQUE7SUFDQSxtQkFBQTtFQVhGO0VBY0E7SUFDRSxpQkFBQTtFQVpGO0VBY0U7SUFDRSxZQUFBO0VBWko7QUFDRjtBQWNBO0VBQ0Usa0JBQUE7QUFaRjs7QUFlQTtFQUNFLFdBQUE7RUFDRSxZQUFBO0VBQ0YsaUJBQUE7QUFaRiIsInNvdXJjZXNDb250ZW50IjpbIiNsZWZ0U2lkZSB7XG4gIGZsZXgtYmFzaXM6IDUwJTtcbn1cbiNyaWdodFNpZGUgZGl2Omxhc3QtY2hpbGR7XG4gIG1hcmdpbi10b3A6IDFweCAgIWltcG9ydGFudDtcbn1cblxuI3JpZ2h0U2lkZSBkaXY6bnRoLWNoaWxkKDMpIHtcbiAgbWFyZ2luLXRvcDogM3B4ICFpbXBvcnRhbnQ7XG59XG5cbiNyaWdodFNpZGUgZGl2Om50aC1jaGlsZCgyKSB7XG4gIG1hcmdpbi10b3A6IDFweCAhaW1wb3J0YW50O1xufVxuXG46Om5nLWRlZXAgLm1haW4tZGl2IGZpZ3VyZS5pbWFnZSBpbWcsXG46Om5nLWRlZXAgLmhvcml6b250YWwtbWFpbiBmaWd1cmUuaW1hZ2UgaW1nIHtcbiAgd2lkdGg6IDEyMHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIG9iamVjdC1maXQ6IGNvbnRhaW47XG59XG5cbjo6bmctZGVlcCAubWFpbi1kaXYgZmlndXJlXG57XG4gIG1hcmdpbjogMCAwIDByZW07XG59XG4jcmlnaHRTaWRlIHtcbiAgZmxleC1iYXNpczogNTAlO1xufVxuXG4jdG9wU2lkZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGdhcDogMjBweDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB3aWR0aDogMTAwJTtcbn1cblxuI2JvdHRvbVNpZGUge1xuICBtaW4taGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAvLyBtYXJnaW4tdG9wOiAtMyU7ICBcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMjBweDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5jZGstZHJhZy1wcmV2aWV3IHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xufVxuXG4uY2RrLWRyYWctcGxhY2Vob2xkZXIge1xuICBvcGFjaXR5OiAwO1xufVxuXG4uY2RrLWRyYWctYW5pbWF0aW5nIHtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDI1MG1zIGN1YmljLWJlemllcigwLCAwLCAwLjIsIDEpO1xufVxuXG5cbiNib3R0b21TaWRlIC5jZGstZHJhZy1wcmV2aWV3IHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xufVxuXG4jYm90dG9tU2lkZSAuY2RrLWRyYWctcGxhY2Vob2xkZXIge1xuICBvcGFjaXR5OiAwO1xufVxuXG4jYm90dG9tU2lkZSAuY2RrLWRyYWctYW5pbWF0aW5nIHtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDI1MG1zIGN1YmljLWJlemllcigwLCAwLCAwLjIsIDEpO1xufVxuXG5cbi8vdWkgY2hhbmdlc1xuXG5cbi56b29tLWljb24ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIHdpZHRoOiAxLjVyZW07XG4gIGhlaWdodDogMS41cmVtO1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwLjVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcXVtbC1jb2xvci1wcmltYXJ5LWNvbnRyYXN0KTtcbn1cblxuLnpvb20taWNvbjo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMC4xMjVyZW07XG4gIHJpZ2h0OiAwLjEyNXJlbTtcbiAgei1pbmRleDogMTtcbiAgd2lkdGg6IDFyZW07XG4gIGhlaWdodDogMXJlbTtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzQyUzRnhtbCB2ZXJzaW9uPScxLjAnJTNGJTNFJTNDc3ZnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHhtbG5zOnN2Z2pzPSdodHRwOi8vc3ZnanMuY29tL3N2Z2pzJyB2ZXJzaW9uPScxLjEnIHdpZHRoPSc1MTInIGhlaWdodD0nNTEyJyB4PScwJyB5PScwJyB2aWV3Qm94PScwIDAgMzcuMTY2IDM3LjE2Nicgc3R5bGU9J2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMicgeG1sOnNwYWNlPSdwcmVzZXJ2ZScgY2xhc3M9JyclM0UlM0NnJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDcGF0aCBkPSdNMzUuODI5LDMyLjA0NWwtNi44MzMtNi44MzNjLTAuNTEzLTAuNTEzLTEuMTY3LTAuNzg4LTEuODM2LTAuODUzYzIuMDYtMi41NjcsMy4yOTgtNS44MTksMy4yOTgtOS4zNTkgYzAtOC4yNzEtNi43MjktMTUtMTUtMTVjLTguMjcxLDAtMTUsNi43MjktMTUsMTVjMCw4LjI3MSw2LjcyOSwxNSwxNSwxNWMzLjEyMSwwLDYuMDIxLTAuOTYsOC40MjQtMi41OTggYzAuMDE4LDAuNzQ0LDAuMzA1LDEuNDgyLDAuODcyLDIuMDUybDYuODMzLDYuODMzYzAuNTg1LDAuNTg2LDEuMzU0LDAuODc5LDIuMTIxLDAuODc5czEuNTM2LTAuMjkzLDIuMTIxLTAuODc5IEMzNy4wMDEsMzUuMTE2LDM3LjAwMSwzMy4yMTcsMzUuODI5LDMyLjA0NXogTTE1LjQ1OCwyNWMtNS41MTQsMC0xMC00LjQ4NC0xMC0xMGMwLTUuNTE0LDQuNDg2LTEwLDEwLTEwYzUuNTE0LDAsMTAsNC40ODYsMTAsMTAgQzI1LjQ1OCwyMC41MTYsMjAuOTcyLDI1LDE1LjQ1OCwyNXogTTIyLjMzNCwxNWMwLDEuMTA0LTAuODk2LDItMiwyaC0yLjc1djIuNzVjMCwxLjEwNC0wLjg5NiwyLTIsMnMtMi0wLjg5Ni0yLTJWMTdoLTIuNzUgYy0xLjEwNCwwLTItMC44OTYtMi0yczAuODk2LTIsMi0yaDIuNzV2LTIuNzVjMC0xLjEwNCwwLjg5Ni0yLDItMnMyLDAuODk2LDIsMlYxM2gyLjc1QzIxLjQzOCwxMywyMi4zMzQsMTMuODk1LDIyLjMzNCwxNXonIGZpbGw9JyUyM2ZmZmZmZicgZGF0YS1vcmlnaW5hbD0nJTIzMDAwMDAwJyBzdHlsZT0nJyBjbGFzcz0nJy8lM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQy9nJTNFJTNDL3N2ZyUzRSUwQVwiKTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xufVxuXG4ubWZ0LW1vZGFsLm1vZGFsIHtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAxO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOSk7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4ubWZ0LW1vZGFsLm1vZGFsLm1vZGFsLWNvbnRlbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1heC13aWR0aDogOTAlO1xuICBtYXgtaGVpZ2h0OiA5MCU7XG59XG5cbi5tb2RhbC1jbG9zZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMHB4O1xuICByaWdodDogMjVweDtcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMzVweDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgOjpuZy1kZWVwLm1haW4tZGl2IHAge1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBsaW5lLWhlaWdodDogMjVweDtcbiAgICBtYXJnaW4tYm90dG9tOiAwcHg7XG4gIH1cblxuICA6Om5nLWRlZXAuaG9yaXpvbnRhbC1tYWluIHAge1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBsaW5lLWhlaWdodDogMjVweDtcbiAgICBtYXJnaW4tYm90dG9tOiAwcHg7XG4gIH1cblxuICAubWZ0LW1vZGFsIC5tb2RhbC1jb250ZW50IGltZyB7XG4gICAgd2lkdGg6IDkwMHB4O1xuICAgIGhlaWdodDogMzAwcHg7XG4gICAgb2JqZWN0LWZpdDogY29udGFpbjtcbiAgfVxufVxucCB7XG4gIG1hcmdpbi10b3A6IHVuc2V0ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi1ib3R0b206IHVuc2V0ICFpbXBvcnRhbnQ7XG59XG5cbi5tYXRjaGluZy1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAyMHB4O1xuICBwYWRkaW5nOiAzMHB4O1xuICAvLyBiYWNrZ3JvdW5kOiAjZjBmMGYwO1xuICBib3JkZXItcmFkaXVzOiAyMHB4O1xufVxuXG4uY29sdW1uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAxNXB4O1xuICB3aWR0aDogNjYwcHg7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbn1cblxuLm1hdGNoLWJveCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHBhZGRpbmc6IDEycHggMjBweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBmb250LXNpemU6IDE2cHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGJveC1zaGFkb3c6IDAgM3B4IDZweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG59XG5cbi5sZWZ0LWJveCB7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgI2RkOTE4ZjtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCBibGFjaztcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGJsYWNrO1xuICBtaW4taGVpZ2h0OiA2MHB4O1xuICBtYXgtaGVpZ2h0OiA4MHB4O1xufVxuXG4ucmlnaHQtYm94IHtcbiAgYm9yZGVyLWxlZnQ6IDVweCBzb2xpZCAgIzk5YmNkODtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgYmxhY2s7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIGJsYWNrO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcbiAgY3Vyc29yOiBncmFiO1xuICBtaW4taGVpZ2h0OiA2MHB4O1xuICAgIG1heC1oZWlnaHQ6IDgwcHg7XG59XG5cbi5sZWZ0LWJveDEge1xuICBib3JkZXItbGVmdDogNXB4IHNvbGlkICNkZDkxOGY7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcbn1cblxuLnJpZ2h0LWJveDEge1xuICBib3JkZXItbGVmdDogNXB4IHNvbGlkICM5OWJjZDg7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcbiAgY3Vyc29yOiBncmFiO1xufVxuXG4ucmlnaHQtYm94OmhvdmVyIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgxLjA1KTtcbiAgYm94LXNoYWRvdzogMCA1cHggMTJweCByZ2JhKDAsIDAsIDAsIDAuMik7XG59XG4ucmlnaHQtYm94MTpob3ZlciB7XG4gIHRyYW5zZm9ybTogc2NhbGUoMS4wNSk7XG4gIGJveC1zaGFkb3c6IDAgNXB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjIpO1xufVxuXG4uZHJhZy1pY29uIHtcbiAgY29sb3I6ICM4ODg7XG4gIGZvbnQtc2l6ZTogMjBweDtcbiAgY3Vyc29yOiBncmFiO1xufVxuLnJpZ2h0LWJveCAgcCB7XG4gIG1hcmdpbi10b3A6IDE2cHggIWltcG9ydGFudDtcbn1cblxuLmxlZnQtYm94IHAge1xuICBtYXJnaW4tdG9wOiAxNnB4ICFpbXBvcnRhbnQ7XG59XG5cblxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICA6Om5nLWRlZXAubWFpbi1kaXYgcCB7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDBweDtcbiAgfVxuXG4gIDo6bmctZGVlcC5ob3Jpem9udGFsLW1haW4gcCB7XG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cblxuXG4gIDo6bmctZGVlcCAubWFpbi1kaXYgZmlndXJlLmltYWdlIGltZyxcbiAgOjpuZy1kZWVwIC5ob3Jpem9udGFsLW1haW4gZmlndXJlLmltYWdlIGltZyB7XG4gICAgd2lkdGg6IDcwcHg7XG4gICAgaGVpZ2h0OiA3MHB4O1xuICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XG4gIH1cblxuICAubWF0Y2gtYm94IHtcbiAgICBwYWRkaW5nOiAxMnB4IDhweDtcbiAgfVxuICAgIC5tYXRjaGluZy1jb250YWluZXJ7XG4gICAgICBwYWRkaW5nOiA4cHg7XG4gICAgfVxufVxuOjpuZy1kZWVwIC5tYXRjaC1ib3ggZmlndXJlIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG46Om5nLWRlZXAgLm1hdGNoLWJveCBmaWd1cmUgaW1nIHtcbiAgd2lkdGg6IDcwcHg7XG4gICAgaGVpZ2h0OiA1MHB4O1xuICBvYmplY3QtZml0OiBjb3Zlcjtcbn1cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cbiJdLCJzb3VyY2VSb290IjoiIn0= */"] }); } @@ -102009,12 +102030,14 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ MtfComponent: () => (/* binding */ MtfComponent) /* harmony export */ }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 61699); -/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ 26575); +/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/platform-browser */ 36480); +/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ 26575); /* harmony import */ var _mtf_options_mtf_options_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mtf-options/mtf-options.component */ 71568); + function MtfComponent_div_0_quml_mtf_options_3_Template(rf, ctx) { if (rf & 1) { const _r3 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"](); @@ -102048,7 +102071,8 @@ function MtfComponent_div_0_Template(rf, ctx) { } } class MtfComponent { - constructor() { + constructor(sanitizer) { + this.sanitizer = sanitizer; this.optionsReordered = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter(); } ngOnInit() { @@ -102056,8 +102080,26 @@ class MtfComponent { } initialize() { this.setLayout(); - this.interactions = this.question?.interactions; - this.questionBody = this.question?.body; + // Sanitize the question body + this.questionBody = this.sanitizeHtml(this.question?.body); + console.log('MTF this.questionBody', this.questionBody); + // Sanitize interactions if available + if (this.question?.interactions) { + this.interactions = { + ...this.question.interactions + }; + if (this.interactions.response1?.options) { + this.interactions.response1.options.left = this.interactions.response1.options.left.map(option => ({ + ...option, + label: this.sanitizeHtml(option.label) + })); + this.interactions.response1.options.right = this.interactions.response1.options.right.map(option => ({ + ...option, + label: this.sanitizeHtml(option.label) + })); + } + } + console.log('MTF this.interactions', this.interactions); } setLayout() { const templateId = this.question?.templateId; @@ -102073,8 +102115,12 @@ class MtfComponent { handleReorderedOptions(reorderedOptions) { this.optionsReordered.emit(reorderedOptions); } + // Sanitize HTML content + sanitizeHtml(html) { + return this.sanitizer.bypassSecurityTrustHtml(html); + } static #_ = this.ɵfac = function MtfComponent_Factory(t) { - return new (t || MtfComponent)(); + return new (t || MtfComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__.DomSanitizer)); }; static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: MtfComponent, @@ -102099,7 +102145,7 @@ class MtfComponent { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx.questionBody); } }, - dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_2__.NgIf, _mtf_options_mtf_options_component__WEBPACK_IMPORTED_MODULE_0__.MtfOptionsComponent], + dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_3__.NgIf, _mtf_options_mtf_options_component__WEBPACK_IMPORTED_MODULE_0__.MtfOptionsComponent], styles: [".quml-mtf[_ngcontent-%COMP%] {\n padding: 0px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL210Zi9tdGYuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxZQUFBO0FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIucXVtbC1tdGYge1xuICBwYWRkaW5nOiAwcHg7XG59Il0sInNvdXJjZVJvb3QiOiIifQ== */"] }); }