diff --git a/projects/quml-library/package.json b/projects/quml-library/package.json
index 39078ba1..7ea95fc4 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.12",
+ "version": "9.0.0-beta.13",
"schematics": "./schematics/collection.json",
"ng-add": {
"save": "dependencies"
diff --git a/projects/quml-library/src/lib/asq/asq.component.html b/projects/quml-library/src/lib/asq/asq.component.html
index b2aa6cc6..415e2b72 100644
--- a/projects/quml-library/src/lib/asq/asq.component.html
+++ b/projects/quml-library/src/lib/asq/asq.component.html
@@ -1,6 +1,6 @@
-
-
+
diff --git a/projects/quml-library/src/lib/section-player/section-player.component.ts b/projects/quml-library/src/lib/section-player/section-player.component.ts
index 5df169b4..a8180c2f 100644
--- a/projects/quml-library/src/lib/section-player/section-player.component.ts
+++ b/projects/quml-library/src/lib/section-player/section-player.component.ts
@@ -427,21 +427,10 @@ export class SectionPlayerComponent implements OnChanges, AfterViewInit {
}
previousSlideClicked(event) {
- /* istanbul ignore else */
if (event.event === 'previous clicked') {
- if ((this.optionSelectedObj || this.mtfReorderedOptionsMap) && this.showFeedBack) {
- this.stopAutoNavigation = false;
- this.validateQuestionInteraction('previous');
- } else {
- this.stopAutoNavigation = true;
- if (this.currentSlideIndex === 0 && this.parentConfig.isSectionsAvailable && this.getCurrentSectionIndex() > 0) {
- const previousSectionId = this.mainProgressBar[this.getCurrentSectionIndex() - 1].identifier;
- this.jumpToSection(previousSectionId);
- return;
- }
- this.prevSlide();
- }
- if ((this.optionSelectedObj || this.asqReorderedOptionsMap) && this.showFeedBack) {
+ let shouldValidate = (this.optionSelectedObj || this.mtfReorderedOptionsMap) && this.showFeedBack;
+ let shouldValidateAgain = (this.optionSelectedObj || this.asqReorderedOptionsMap) && this.showFeedBack;
+ if (shouldValidate || shouldValidateAgain) {
this.stopAutoNavigation = false;
this.validateQuestionInteraction('previous');
} else {
@@ -451,9 +440,8 @@ export class SectionPlayerComponent implements OnChanges, AfterViewInit {
this.jumpToSection(previousSectionId);
return;
}
- this.prevSlide();
+ this.prevSlide(); // Called only once on previousSlideClicked
}
-
}
}
diff --git a/web-component-examples/vanilla-js/sunbird-quml-player.js b/web-component-examples/vanilla-js/sunbird-quml-player.js
index 2207b82e..abbebe1b 100644
--- a/web-component-examples/vanilla-js/sunbird-quml-player.js
+++ b/web-component-examples/vanilla-js/sunbird-quml-player.js
@@ -98482,7 +98482,7 @@ class AsqComponent {
},
decls: 1,
vars: 1,
- consts: [["class", "question-body", 4, "ngIf"], [1, "question-body"], [1, "mtf-title"], [3, "innerHTML"], [3, "shuffleOptions", "replayed", "tryAgain", "options", "layout", "reorderedOptions", 4, "ngIf"], [3, "shuffleOptions", "replayed", "tryAgain", "options", "layout", "reorderedOptions"]],
+ consts: [["class", "question-body", 4, "ngIf"], [1, "question-body"], [1, "mtf-title", 2, "margin-bottom", "50px"], [3, "innerHTML"], [3, "shuffleOptions", "replayed", "tryAgain", "options", "layout", "reorderedOptions", 4, "ngIf"], [3, "shuffleOptions", "replayed", "tryAgain", "options", "layout", "reorderedOptions"]],
template: function AsqComponent_Template(rf, ctx) {
if (rf & 1) {
_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](0, AsqComponent_div_0_Template, 4, 2, "div", 0);
@@ -101992,7 +101992,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 #99bcd8;\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 #dd918f;\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 #99bcd8;\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 #dd918f;\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL210Zi9tdGYtb3B0aW9ucy9tdGYtb3B0aW9ucy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGVBQUE7QUFDRjs7QUFDQTtFQUNFLDBCQUFBO0FBRUY7O0FBQ0E7RUFDRSwwQkFBQTtBQUVGOztBQUNBO0VBQ0UsMEJBQUE7QUFFRjs7QUFDQTs7RUFFRSxZQUFBO0VBQ0EsWUFBQTtFQUNBLG1CQUFBO0FBRUY7O0FBQ0E7RUFFRSxnQkFBQTtBQUNGOztBQUNBO0VBQ0UsZUFBQTtBQUVGOztBQUNBO0VBQ0ksYUFBQTtFQUNFLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxTQUFBO0VBQ0EsZ0JBQUE7RUFDQSxXQUFBO0FBRU47O0FBQ0E7RUFDRSxnQkFBQTtFQUNBLGFBQUE7RUFDQSxtQkFBQTtFQUVBLHVCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7QUFDRjs7QUFFQTtFQUNFLHNCQUFBO0VBQ0Esa0JBQUE7QUFDRjs7QUFFQTtFQUNFLFVBQUE7QUFDRjs7QUFFQTtFQUNFLHNEQUFBO0FBQ0Y7O0FBR0E7RUFDRSxzQkFBQTtFQUNBLGtCQUFBO0FBQUY7O0FBR0E7RUFDRSxVQUFBO0FBQUY7O0FBR0E7RUFDRSxzREFBQTtBQUFGOztBQU9BO0VBQ0Usa0JBQUE7RUFDQSxRQUFBO0VBQ0EsU0FBQTtFQUNBLGFBQUE7RUFDQSxjQUFBO0VBQ0EsOEJBQUE7RUFDQSxlQUFBO0VBQ0Esb0RBQUE7QUFKRjs7QUFPQTtFQUNFLFdBQUE7RUFDQSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLFVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHc0REFBQTtFQUNBLHNCQUFBO0VBQ0EsNEJBQUE7RUFDQSwyQkFBQTtBQUpGOztBQU9BO0VBQ0UsYUFBQTtFQUNBLGVBQUE7RUFDQSxVQUFBO0VBQ0EsT0FBQTtFQUNBLE1BQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGNBQUE7RUFDQSxvQ0FBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7QUFKRjs7QUFPQTtFQUNFLGtCQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7QUFKRjs7QUFPQTtFQUNFLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtBQUpGOztBQVFBO0VBQ0U7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQUxGO0VBUUE7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQU5GO0VBU0E7SUFDRSxZQUFBO0lBQ0EsYUFBQTtJQUNBLG1CQUFBO0VBUEY7QUFDRjtBQVNBO0VBQ0UsNEJBQUE7RUFDQSwrQkFBQTtBQVBGOztBQVVBO0VBQ0UsYUFBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7RUFDQSxTQUFBO0VBQ0EsYUFBQTtFQUVBLG1CQUFBO0FBUkY7O0FBV0E7RUFDRSxhQUFBO0VBQ0Esc0JBQUE7RUFDQSxTQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxrQkFBQTtBQVJGOztBQVdBO0VBQ0UsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsOEJBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSx3Q0FBQTtBQVJGOztBQVdBO0VBQ0UsOEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0VBQ0EsOEJBQUE7QUFSRjs7QUFXQTtFQUNFLDhCQUFBO0VBQ0EsNkJBQUE7RUFDRSwyQkFBQTtFQUNBLDhCQUFBO0VBQ0YsWUFBQTtBQVJGOztBQVdBO0VBQ0UsOEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0VBQ0EsOEJBQUE7QUFSRjs7QUFXQTtFQUNFLDhCQUFBO0VBQ0EsNkJBQUE7RUFDQSwyQkFBQTtFQUNBLDhCQUFBO0VBQ0EsWUFBQTtBQVJGOztBQVdBO0VBQ0Usc0JBQUE7RUFDQSx5Q0FBQTtBQVJGOztBQVVBO0VBQ0Usc0JBQUE7RUFDQSx5Q0FBQTtBQVBGOztBQVVBO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0FBUEY7O0FBU0E7RUFDRSwyQkFBQTtBQU5GOztBQVNBO0VBQ0UsMkJBQUE7QUFORjs7QUFXQTtFQUNFO0lBQ0UsZUFBQTtJQUNBLGlCQUFBO0lBQ0Esa0JBQUE7RUFSRjtFQVdBO0lBQ0UsZUFBQTtJQUNBLGlCQUFBO0lBQ0EsZ0JBQUE7RUFURjtFQWFBOztJQUVFLFdBQUE7SUFDQSxZQUFBO0lBQ0EsbUJBQUE7RUFYRjtFQWNBO0lBQ0UsaUJBQUE7RUFaRjtFQWNFO0lBQ0UsWUFBQTtFQVpKO0FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIjbGVmdFNpZGUge1xuICBmbGV4LWJhc2lzOiA1MCU7XG59XG4jcmlnaHRTaWRlIGRpdjpsYXN0LWNoaWxke1xuICBtYXJnaW4tdG9wOiAxcHggICFpbXBvcnRhbnQ7XG59XG5cbiNyaWdodFNpZGUgZGl2Om50aC1jaGlsZCgzKSB7XG4gIG1hcmdpbi10b3A6IDNweCAhaW1wb3J0YW50O1xufVxuXG4jcmlnaHRTaWRlIGRpdjpudGgtY2hpbGQoMikge1xuICBtYXJnaW4tdG9wOiAxcHggIWltcG9ydGFudDtcbn1cblxuOjpuZy1kZWVwIC5tYWluLWRpdiBmaWd1cmUuaW1hZ2UgaW1nLFxuOjpuZy1kZWVwIC5ob3Jpem9udGFsLW1haW4gZmlndXJlLmltYWdlIGltZyB7XG4gIHdpZHRoOiAxMjBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBvYmplY3QtZml0OiBjb250YWluO1xufVxuXG46Om5nLWRlZXAgLm1haW4tZGl2IGZpZ3VyZVxue1xuICBtYXJnaW46IDAgMCAwcmVtO1xufVxuI3JpZ2h0U2lkZSB7XG4gIGZsZXgtYmFzaXM6IDUwJTtcbn1cblxuI3RvcFNpZGUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBnYXA6IDIwcHg7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2lkdGg6IDEwMCU7XG59XG5cbiNib3R0b21TaWRlIHtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgLy8gbWFyZ2luLXRvcDogLTMlOyAgXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDIwcHg7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2RrLWRyYWctcHJldmlldyB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbn1cblxuLmNkay1kcmFnLXBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbn1cblxuLmNkay1kcmFnLWFuaW1hdGluZyB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKTtcbn1cblxuXG4jYm90dG9tU2lkZSAuY2RrLWRyYWctcHJldmlldyB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbn1cblxuI2JvdHRvbVNpZGUgLmNkay1kcmFnLXBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbn1cblxuI2JvdHRvbVNpZGUgLmNkay1kcmFnLWFuaW1hdGluZyB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKTtcbn1cblxuXG4vL3VpIGNoYW5nZXNcblxuXG4uem9vbS1pY29uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICB3aWR0aDogMS41cmVtO1xuICBoZWlnaHQ6IDEuNXJlbTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMC41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXF1bWwtY29sb3ItcHJpbWFyeS1jb250cmFzdCk7XG59XG5cbi56b29tLWljb246OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDAuMTI1cmVtO1xuICByaWdodDogMC4xMjVyZW07XG4gIHotaW5kZXg6IDE7XG4gIHdpZHRoOiAxcmVtO1xuICBoZWlnaHQ6IDFyZW07XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM0MlM0Z4bWwgdmVyc2lvbj0nMS4wJyUzRiUzRSUzQ3N2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB4bWxuczpzdmdqcz0naHR0cDovL3N2Z2pzLmNvbS9zdmdqcycgdmVyc2lvbj0nMS4xJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMicgeD0nMCcgeT0nMCcgdmlld0JveD0nMCAwIDM3LjE2NiAzNy4xNjYnIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTInIHhtbDpzcGFjZT0ncHJlc2VydmUnIGNsYXNzPScnJTNFJTNDZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQ3BhdGggZD0nTTM1LjgyOSwzMi4wNDVsLTYuODMzLTYuODMzYy0wLjUxMy0wLjUxMy0xLjE2Ny0wLjc4OC0xLjgzNi0wLjg1M2MyLjA2LTIuNTY3LDMuMjk4LTUuODE5LDMuMjk4LTkuMzU5IGMwLTguMjcxLTYuNzI5LTE1LTE1LTE1Yy04LjI3MSwwLTE1LDYuNzI5LTE1LDE1YzAsOC4yNzEsNi43MjksMTUsMTUsMTVjMy4xMjEsMCw2LjAyMS0wLjk2LDguNDI0LTIuNTk4IGMwLjAxOCwwLjc0NCwwLjMwNSwxLjQ4MiwwLjg3MiwyLjA1Mmw2LjgzMyw2LjgzM2MwLjU4NSwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OXMxLjUzNi0wLjI5MywyLjEyMS0wLjg3OSBDMzcuMDAxLDM1LjExNiwzNy4wMDEsMzMuMjE3LDM1LjgyOSwzMi4wNDV6IE0xNS40NTgsMjVjLTUuNTE0LDAtMTAtNC40ODQtMTAtMTBjMC01LjUxNCw0LjQ4Ni0xMCwxMC0xMGM1LjUxNCwwLDEwLDQuNDg2LDEwLDEwIEMyNS40NTgsMjAuNTE2LDIwLjk3MiwyNSwxNS40NTgsMjV6IE0yMi4zMzQsMTVjMCwxLjEwNC0wLjg5NiwyLTIsMmgtMi43NXYyLjc1YzAsMS4xMDQtMC44OTYsMi0yLDJzLTItMC44OTYtMi0yVjE3aC0yLjc1IGMtMS4xMDQsMC0yLTAuODk2LTItMnMwLjg5Ni0yLDItMmgyLjc1di0yLjc1YzAtMS4xMDQsMC44OTYtMiwyLTJzMiwwLjg5NiwyLDJWMTNoMi43NUMyMS40MzgsMTMsMjIuMzM0LDEzLjg5NSwyMi4zMzQsMTV6JyBmaWxsPSclMjNmZmZmZmYnIGRhdGEtb3JpZ2luYWw9JyUyMzAwMDAwMCcgc3R5bGU9JycgY2xhc3M9JycvJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0MvZyUzRSUzQy9zdmclM0UlMEFcIik7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbn1cblxuLm1mdC1tb2RhbC5tb2RhbCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogMTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjkpO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLm1mdC1tb2RhbC5tb2RhbC5tb2RhbC1jb250ZW50IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtd2lkdGg6IDkwJTtcbiAgbWF4LWhlaWdodDogOTAlO1xufVxuXG4ubW9kYWwtY2xvc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMTBweDtcbiAgcmlnaHQ6IDI1cHg7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDM1cHg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIDo6bmctZGVlcC5tYWluLWRpdiBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgbGluZS1oZWlnaHQ6IDI1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICB9XG5cbiAgOjpuZy1kZWVwLmhvcml6b250YWwtbWFpbiBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgbGluZS1oZWlnaHQ6IDI1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICB9XG5cbiAgLm1mdC1tb2RhbCAubW9kYWwtY29udGVudCBpbWcge1xuICAgIHdpZHRoOiA5MDBweDtcbiAgICBoZWlnaHQ6IDMwMHB4O1xuICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XG4gIH1cbn1cbnAge1xuICBtYXJnaW4tdG9wOiB1bnNldCAhaW1wb3J0YW50O1xuICBtYXJnaW4tYm90dG9tOiB1bnNldCAhaW1wb3J0YW50O1xufVxuXG4ubWF0Y2hpbmctY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMjBweDtcbiAgcGFkZGluZzogMzBweDtcbiAgLy8gYmFja2dyb3VuZDogI2YwZjBmMDtcbiAgYm9yZGVyLXJhZGl1czogMjBweDtcbn1cblxuLmNvbHVtbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMTVweDtcbiAgd2lkdGg6IDY2MHB4O1xuICBwYWRkaW5nOiAxMHB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG59XG5cbi5tYXRjaC1ib3gge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAxMnB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgZm9udC1zaXplOiAxNnB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBib3gtc2hhZG93OiAwIDNweCA2cHggcmdiYSgwLCAwLCAwLCAwLjEpO1xufVxuXG4ubGVmdC1ib3gge1xuICBib3JkZXItbGVmdDogNXB4IHNvbGlkICM5OWJjZDg7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcbn1cblxuLnJpZ2h0LWJveCB7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgI2RkOTE4ZjtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgYmxhY2s7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIGJsYWNrO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcbiAgY3Vyc29yOiBncmFiO1xufVxuXG4ubGVmdC1ib3gxIHtcbiAgYm9yZGVyLWxlZnQ6IDVweCBzb2xpZCAjOTliY2Q4O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCBibGFjaztcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgYmxhY2s7XG59XG5cbi5yaWdodC1ib3gxIHtcbiAgYm9yZGVyLWxlZnQ6IDVweCBzb2xpZCAjZGQ5MThmO1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCBibGFjaztcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgYmxhY2s7XG4gIGN1cnNvcjogZ3JhYjtcbn1cblxuLnJpZ2h0LWJveDpob3ZlciB7XG4gIHRyYW5zZm9ybTogc2NhbGUoMS4wNSk7XG4gIGJveC1zaGFkb3c6IDAgNXB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjIpO1xufVxuLnJpZ2h0LWJveDE6aG92ZXIge1xuICB0cmFuc2Zvcm06IHNjYWxlKDEuMDUpO1xuICBib3gtc2hhZG93OiAwIDVweCAxMnB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcbn1cblxuLmRyYWctaWNvbiB7XG4gIGNvbG9yOiAjODg4O1xuICBmb250LXNpemU6IDIwcHg7XG4gIGN1cnNvcjogZ3JhYjtcbn1cbi5yaWdodC1ib3ggIHAge1xuICBtYXJnaW4tdG9wOiAxNnB4ICFpbXBvcnRhbnQ7XG59XG5cbi5sZWZ0LWJveCBwIHtcbiAgbWFyZ2luLXRvcDogMTZweCAhaW1wb3J0YW50O1xufVxuXG5cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgOjpuZy1kZWVwLm1haW4tZGl2IHAge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBsaW5lLWhlaWdodDogMjBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAwcHg7XG4gIH1cblxuICA6Om5nLWRlZXAuaG9yaXpvbnRhbC1tYWluIHAge1xuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBsaW5lLWhlaWdodDogMTZweDtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICB9XG5cblxuICA6Om5nLWRlZXAgLm1haW4tZGl2IGZpZ3VyZS5pbWFnZSBpbWcsXG4gIDo6bmctZGVlcCAuaG9yaXpvbnRhbC1tYWluIGZpZ3VyZS5pbWFnZSBpbWcge1xuICAgIHdpZHRoOiA3MHB4O1xuICAgIGhlaWdodDogNzBweDtcbiAgICBvYmplY3QtZml0OiBjb250YWluO1xuICB9XG5cbiAgLm1hdGNoLWJveCB7XG4gICAgcGFkZGluZzogMTJweCA4cHg7XG4gIH1cbiAgICAubWF0Y2hpbmctY29udGFpbmVye1xuICAgICAgcGFkZGluZzogOHB4O1xuICAgIH1cbn1cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG4iXSwic291cmNlUm9vdCI6IiJ9 */"]
+ 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== */"]
});
}
@@ -103956,21 +103956,10 @@ class SectionPlayerComponent {
}
}
previousSlideClicked(event) {
- /* istanbul ignore else */
if (event.event === 'previous clicked') {
- if ((this.optionSelectedObj || this.mtfReorderedOptionsMap) && this.showFeedBack) {
- this.stopAutoNavigation = false;
- this.validateQuestionInteraction('previous');
- } else {
- this.stopAutoNavigation = true;
- if (this.currentSlideIndex === 0 && this.parentConfig.isSectionsAvailable && this.getCurrentSectionIndex() > 0) {
- const previousSectionId = this.mainProgressBar[this.getCurrentSectionIndex() - 1].identifier;
- this.jumpToSection(previousSectionId);
- return;
- }
- this.prevSlide();
- }
- if ((this.optionSelectedObj || this.asqReorderedOptionsMap) && this.showFeedBack) {
+ let shouldValidate = (this.optionSelectedObj || this.mtfReorderedOptionsMap) && this.showFeedBack;
+ let shouldValidateAgain = (this.optionSelectedObj || this.asqReorderedOptionsMap) && this.showFeedBack;
+ if (shouldValidate || shouldValidateAgain) {
this.stopAutoNavigation = false;
this.validateQuestionInteraction('previous');
} else {
@@ -103980,7 +103969,7 @@ class SectionPlayerComponent {
this.jumpToSection(previousSectionId);
return;
}
- this.prevSlide();
+ this.prevSlide(); // Called only once on previousSlideClicked
}
}
}
diff --git a/web-component/package.json b/web-component/package.json
index 116e0f2b..1c56b665 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.4",
+ "version": "5.0.0-beta.5",
"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 2207b82e..abbebe1b 100644
--- a/web-component/sunbird-quml-player.js
+++ b/web-component/sunbird-quml-player.js
@@ -98482,7 +98482,7 @@ class AsqComponent {
},
decls: 1,
vars: 1,
- consts: [["class", "question-body", 4, "ngIf"], [1, "question-body"], [1, "mtf-title"], [3, "innerHTML"], [3, "shuffleOptions", "replayed", "tryAgain", "options", "layout", "reorderedOptions", 4, "ngIf"], [3, "shuffleOptions", "replayed", "tryAgain", "options", "layout", "reorderedOptions"]],
+ consts: [["class", "question-body", 4, "ngIf"], [1, "question-body"], [1, "mtf-title", 2, "margin-bottom", "50px"], [3, "innerHTML"], [3, "shuffleOptions", "replayed", "tryAgain", "options", "layout", "reorderedOptions", 4, "ngIf"], [3, "shuffleOptions", "replayed", "tryAgain", "options", "layout", "reorderedOptions"]],
template: function AsqComponent_Template(rf, ctx) {
if (rf & 1) {
_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](0, AsqComponent_div_0_Template, 4, 2, "div", 0);
@@ -101992,7 +101992,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 #99bcd8;\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 #dd918f;\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 #99bcd8;\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 #dd918f;\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3Byb2plY3RzL3F1bWwtbGlicmFyeS9zcmMvbGliL210Zi9tdGYtb3B0aW9ucy9tdGYtb3B0aW9ucy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGVBQUE7QUFDRjs7QUFDQTtFQUNFLDBCQUFBO0FBRUY7O0FBQ0E7RUFDRSwwQkFBQTtBQUVGOztBQUNBO0VBQ0UsMEJBQUE7QUFFRjs7QUFDQTs7RUFFRSxZQUFBO0VBQ0EsWUFBQTtFQUNBLG1CQUFBO0FBRUY7O0FBQ0E7RUFFRSxnQkFBQTtBQUNGOztBQUNBO0VBQ0UsZUFBQTtBQUVGOztBQUNBO0VBQ0ksYUFBQTtFQUNFLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxTQUFBO0VBQ0EsZ0JBQUE7RUFDQSxXQUFBO0FBRU47O0FBQ0E7RUFDRSxnQkFBQTtFQUNBLGFBQUE7RUFDQSxtQkFBQTtFQUVBLHVCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7QUFDRjs7QUFFQTtFQUNFLHNCQUFBO0VBQ0Esa0JBQUE7QUFDRjs7QUFFQTtFQUNFLFVBQUE7QUFDRjs7QUFFQTtFQUNFLHNEQUFBO0FBQ0Y7O0FBR0E7RUFDRSxzQkFBQTtFQUNBLGtCQUFBO0FBQUY7O0FBR0E7RUFDRSxVQUFBO0FBQUY7O0FBR0E7RUFDRSxzREFBQTtBQUFGOztBQU9BO0VBQ0Usa0JBQUE7RUFDQSxRQUFBO0VBQ0EsU0FBQTtFQUNBLGFBQUE7RUFDQSxjQUFBO0VBQ0EsOEJBQUE7RUFDQSxlQUFBO0VBQ0Esb0RBQUE7QUFKRjs7QUFPQTtFQUNFLFdBQUE7RUFDQSxrQkFBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLFVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHc0REFBQTtFQUNBLHNCQUFBO0VBQ0EsNEJBQUE7RUFDQSwyQkFBQTtBQUpGOztBQU9BO0VBQ0UsYUFBQTtFQUNBLGVBQUE7RUFDQSxVQUFBO0VBQ0EsT0FBQTtFQUNBLE1BQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGNBQUE7RUFDQSxvQ0FBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7QUFKRjs7QUFPQTtFQUNFLGtCQUFBO0VBQ0EsY0FBQTtFQUNBLGVBQUE7QUFKRjs7QUFPQTtFQUNFLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFdBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLGlCQUFBO0VBQ0EsZUFBQTtBQUpGOztBQVFBO0VBQ0U7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQUxGO0VBUUE7SUFDRSxlQUFBO0lBQ0EsaUJBQUE7SUFDQSxrQkFBQTtFQU5GO0VBU0E7SUFDRSxZQUFBO0lBQ0EsYUFBQTtJQUNBLG1CQUFBO0VBUEY7QUFDRjtBQVNBO0VBQ0UsNEJBQUE7RUFDQSwrQkFBQTtBQVBGOztBQVVBO0VBQ0UsYUFBQTtFQUNBLHVCQUFBO0VBQ0EsbUJBQUE7RUFDQSxTQUFBO0VBQ0EsYUFBQTtFQUVBLG1CQUFBO0FBUkY7O0FBV0E7RUFDRSxhQUFBO0VBQ0Esc0JBQUE7RUFDQSxTQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxrQkFBQTtBQVJGOztBQVdBO0VBQ0UsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsOEJBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSx3Q0FBQTtBQVJGOztBQVdBO0VBQ0UsOEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0VBQ0EsOEJBQUE7QUFSRjs7QUFXQTtFQUNFLDhCQUFBO0VBQ0EsNkJBQUE7RUFDRSwyQkFBQTtFQUNBLDhCQUFBO0VBQ0YsWUFBQTtBQVJGOztBQVdBO0VBQ0UsOEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJCQUFBO0VBQ0EsOEJBQUE7QUFSRjs7QUFXQTtFQUNFLDhCQUFBO0VBQ0EsNkJBQUE7RUFDQSwyQkFBQTtFQUNBLDhCQUFBO0VBQ0EsWUFBQTtBQVJGOztBQVdBO0VBQ0Usc0JBQUE7RUFDQSx5Q0FBQTtBQVJGOztBQVVBO0VBQ0Usc0JBQUE7RUFDQSx5Q0FBQTtBQVBGOztBQVVBO0VBQ0UsV0FBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0FBUEY7O0FBU0E7RUFDRSwyQkFBQTtBQU5GOztBQVNBO0VBQ0UsMkJBQUE7QUFORjs7QUFXQTtFQUNFO0lBQ0UsZUFBQTtJQUNBLGlCQUFBO0lBQ0Esa0JBQUE7RUFSRjtFQVdBO0lBQ0UsZUFBQTtJQUNBLGlCQUFBO0lBQ0EsZ0JBQUE7RUFURjtFQWFBOztJQUVFLFdBQUE7SUFDQSxZQUFBO0lBQ0EsbUJBQUE7RUFYRjtFQWNBO0lBQ0UsaUJBQUE7RUFaRjtFQWNFO0lBQ0UsWUFBQTtFQVpKO0FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIjbGVmdFNpZGUge1xuICBmbGV4LWJhc2lzOiA1MCU7XG59XG4jcmlnaHRTaWRlIGRpdjpsYXN0LWNoaWxke1xuICBtYXJnaW4tdG9wOiAxcHggICFpbXBvcnRhbnQ7XG59XG5cbiNyaWdodFNpZGUgZGl2Om50aC1jaGlsZCgzKSB7XG4gIG1hcmdpbi10b3A6IDNweCAhaW1wb3J0YW50O1xufVxuXG4jcmlnaHRTaWRlIGRpdjpudGgtY2hpbGQoMikge1xuICBtYXJnaW4tdG9wOiAxcHggIWltcG9ydGFudDtcbn1cblxuOjpuZy1kZWVwIC5tYWluLWRpdiBmaWd1cmUuaW1hZ2UgaW1nLFxuOjpuZy1kZWVwIC5ob3Jpem9udGFsLW1haW4gZmlndXJlLmltYWdlIGltZyB7XG4gIHdpZHRoOiAxMjBweDtcbiAgaGVpZ2h0OiA4MHB4O1xuICBvYmplY3QtZml0OiBjb250YWluO1xufVxuXG46Om5nLWRlZXAgLm1haW4tZGl2IGZpZ3VyZVxue1xuICBtYXJnaW46IDAgMCAwcmVtO1xufVxuI3JpZ2h0U2lkZSB7XG4gIGZsZXgtYmFzaXM6IDUwJTtcbn1cblxuI3RvcFNpZGUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBnYXA6IDIwcHg7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2lkdGg6IDEwMCU7XG59XG5cbiNib3R0b21TaWRlIHtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgLy8gbWFyZ2luLXRvcDogLTMlOyAgXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDIwcHg7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY2RrLWRyYWctcHJldmlldyB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbn1cblxuLmNkay1kcmFnLXBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbn1cblxuLmNkay1kcmFnLWFuaW1hdGluZyB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKTtcbn1cblxuXG4jYm90dG9tU2lkZSAuY2RrLWRyYWctcHJldmlldyB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbn1cblxuI2JvdHRvbVNpZGUgLmNkay1kcmFnLXBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbn1cblxuI2JvdHRvbVNpZGUgLmNkay1kcmFnLWFuaW1hdGluZyB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyNTBtcyBjdWJpYy1iZXppZXIoMCwgMCwgMC4yLCAxKTtcbn1cblxuXG4vL3VpIGNoYW5nZXNcblxuXG4uem9vbS1pY29uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICB3aWR0aDogMS41cmVtO1xuICBoZWlnaHQ6IDEuNXJlbTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMC41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXF1bWwtY29sb3ItcHJpbWFyeS1jb250cmFzdCk7XG59XG5cbi56b29tLWljb246OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDAuMTI1cmVtO1xuICByaWdodDogMC4xMjVyZW07XG4gIHotaW5kZXg6IDE7XG4gIHdpZHRoOiAxcmVtO1xuICBoZWlnaHQ6IDFyZW07XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM0MlM0Z4bWwgdmVyc2lvbj0nMS4wJyUzRiUzRSUzQ3N2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB4bWxuczpzdmdqcz0naHR0cDovL3N2Z2pzLmNvbS9zdmdqcycgdmVyc2lvbj0nMS4xJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMicgeD0nMCcgeT0nMCcgdmlld0JveD0nMCAwIDM3LjE2NiAzNy4xNjYnIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTInIHhtbDpzcGFjZT0ncHJlc2VydmUnIGNsYXNzPScnJTNFJTNDZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQ3BhdGggZD0nTTM1LjgyOSwzMi4wNDVsLTYuODMzLTYuODMzYy0wLjUxMy0wLjUxMy0xLjE2Ny0wLjc4OC0xLjgzNi0wLjg1M2MyLjA2LTIuNTY3LDMuMjk4LTUuODE5LDMuMjk4LTkuMzU5IGMwLTguMjcxLTYuNzI5LTE1LTE1LTE1Yy04LjI3MSwwLTE1LDYuNzI5LTE1LDE1YzAsOC4yNzEsNi43MjksMTUsMTUsMTVjMy4xMjEsMCw2LjAyMS0wLjk2LDguNDI0LTIuNTk4IGMwLjAxOCwwLjc0NCwwLjMwNSwxLjQ4MiwwLjg3MiwyLjA1Mmw2LjgzMyw2LjgzM2MwLjU4NSwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OXMxLjUzNi0wLjI5MywyLjEyMS0wLjg3OSBDMzcuMDAxLDM1LjExNiwzNy4wMDEsMzMuMjE3LDM1LjgyOSwzMi4wNDV6IE0xNS40NTgsMjVjLTUuNTE0LDAtMTAtNC40ODQtMTAtMTBjMC01LjUxNCw0LjQ4Ni0xMCwxMC0xMGM1LjUxNCwwLDEwLDQuNDg2LDEwLDEwIEMyNS40NTgsMjAuNTE2LDIwLjk3MiwyNSwxNS40NTgsMjV6IE0yMi4zMzQsMTVjMCwxLjEwNC0wLjg5NiwyLTIsMmgtMi43NXYyLjc1YzAsMS4xMDQtMC44OTYsMi0yLDJzLTItMC44OTYtMi0yVjE3aC0yLjc1IGMtMS4xMDQsMC0yLTAuODk2LTItMnMwLjg5Ni0yLDItMmgyLjc1di0yLjc1YzAtMS4xMDQsMC44OTYtMiwyLTJzMiwwLjg5NiwyLDJWMTNoMi43NUMyMS40MzgsMTMsMjIuMzM0LDEzLjg5NSwyMi4zMzQsMTV6JyBmaWxsPSclMjNmZmZmZmYnIGRhdGEtb3JpZ2luYWw9JyUyMzAwMDAwMCcgc3R5bGU9JycgY2xhc3M9JycvJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0NnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyclM0UlM0MvZyUzRSUzQ2cgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQy9nJTNFJTNDZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNFJTNDL2clM0UlM0MvZyUzRSUzQy9zdmclM0UlMEFcIik7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbn1cblxuLm1mdC1tb2RhbC5tb2RhbCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogMTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjkpO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLm1mdC1tb2RhbC5tb2RhbC5tb2RhbC1jb250ZW50IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtd2lkdGg6IDkwJTtcbiAgbWF4LWhlaWdodDogOTAlO1xufVxuXG4ubW9kYWwtY2xvc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMTBweDtcbiAgcmlnaHQ6IDI1cHg7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDM1cHg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIDo6bmctZGVlcC5tYWluLWRpdiBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgbGluZS1oZWlnaHQ6IDI1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICB9XG5cbiAgOjpuZy1kZWVwLmhvcml6b250YWwtbWFpbiBwIHtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgbGluZS1oZWlnaHQ6IDI1cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xuICB9XG5cbiAgLm1mdC1tb2RhbCAubW9kYWwtY29udGVudCBpbWcge1xuICAgIHdpZHRoOiA5MDBweDtcbiAgICBoZWlnaHQ6IDMwMHB4O1xuICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XG4gIH1cbn1cbnAge1xuICBtYXJnaW4tdG9wOiB1bnNldCAhaW1wb3J0YW50O1xuICBtYXJnaW4tYm90dG9tOiB1bnNldCAhaW1wb3J0YW50O1xufVxuXG4ubWF0Y2hpbmctY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMjBweDtcbiAgcGFkZGluZzogMzBweDtcbiAgLy8gYmFja2dyb3VuZDogI2YwZjBmMDtcbiAgYm9yZGVyLXJhZGl1czogMjBweDtcbn1cblxuLmNvbHVtbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMTVweDtcbiAgd2lkdGg6IDY2MHB4O1xuICBwYWRkaW5nOiAxMHB4O1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG59XG5cbi5tYXRjaC1ib3gge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBwYWRkaW5nOiAxMnB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgZm9udC1zaXplOiAxNnB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBib3gtc2hhZG93OiAwIDNweCA2cHggcmdiYSgwLCAwLCAwLCAwLjEpO1xufVxuXG4ubGVmdC1ib3gge1xuICBib3JkZXItbGVmdDogNXB4IHNvbGlkICM5OWJjZDg7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcbn1cblxuLnJpZ2h0LWJveCB7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgI2RkOTE4ZjtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgYmxhY2s7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIGJsYWNrO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjaztcbiAgY3Vyc29yOiBncmFiO1xufVxuXG4ubGVmdC1ib3gxIHtcbiAgYm9yZGVyLWxlZnQ6IDVweCBzb2xpZCAjOTliY2Q4O1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCBibGFjaztcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgYmxhY2s7XG59XG5cbi5yaWdodC1ib3gxIHtcbiAgYm9yZGVyLWxlZnQ6IDVweCBzb2xpZCAjZGQ5MThmO1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCBibGFjaztcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgYmxhY2s7XG4gIGN1cnNvcjogZ3JhYjtcbn1cblxuLnJpZ2h0LWJveDpob3ZlciB7XG4gIHRyYW5zZm9ybTogc2NhbGUoMS4wNSk7XG4gIGJveC1zaGFkb3c6IDAgNXB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjIpO1xufVxuLnJpZ2h0LWJveDE6aG92ZXIge1xuICB0cmFuc2Zvcm06IHNjYWxlKDEuMDUpO1xuICBib3gtc2hhZG93OiAwIDVweCAxMnB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcbn1cblxuLmRyYWctaWNvbiB7XG4gIGNvbG9yOiAjODg4O1xuICBmb250LXNpemU6IDIwcHg7XG4gIGN1cnNvcjogZ3JhYjtcbn1cbi5yaWdodC1ib3ggIHAge1xuICBtYXJnaW4tdG9wOiAxNnB4ICFpbXBvcnRhbnQ7XG59XG5cbi5sZWZ0LWJveCBwIHtcbiAgbWFyZ2luLXRvcDogMTZweCAhaW1wb3J0YW50O1xufVxuXG5cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgOjpuZy1kZWVwLm1haW4tZGl2IHAge1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBsaW5lLWhlaWdodDogMjBweDtcbiAgICBtYXJnaW4tYm90dG9tOiAwcHg7XG4gIH1cblxuICA6Om5nLWRlZXAuaG9yaXpvbnRhbC1tYWluIHAge1xuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBsaW5lLWhlaWdodDogMTZweDtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICB9XG5cblxuICA6Om5nLWRlZXAgLm1haW4tZGl2IGZpZ3VyZS5pbWFnZSBpbWcsXG4gIDo6bmctZGVlcCAuaG9yaXpvbnRhbC1tYWluIGZpZ3VyZS5pbWFnZSBpbWcge1xuICAgIHdpZHRoOiA3MHB4O1xuICAgIGhlaWdodDogNzBweDtcbiAgICBvYmplY3QtZml0OiBjb250YWluO1xuICB9XG5cbiAgLm1hdGNoLWJveCB7XG4gICAgcGFkZGluZzogMTJweCA4cHg7XG4gIH1cbiAgICAubWF0Y2hpbmctY29udGFpbmVye1xuICAgICAgcGFkZGluZzogOHB4O1xuICAgIH1cbn1cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG4iXSwic291cmNlUm9vdCI6IiJ9 */"]
+ 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== */"]
});
}
@@ -103956,21 +103956,10 @@ class SectionPlayerComponent {
}
}
previousSlideClicked(event) {
- /* istanbul ignore else */
if (event.event === 'previous clicked') {
- if ((this.optionSelectedObj || this.mtfReorderedOptionsMap) && this.showFeedBack) {
- this.stopAutoNavigation = false;
- this.validateQuestionInteraction('previous');
- } else {
- this.stopAutoNavigation = true;
- if (this.currentSlideIndex === 0 && this.parentConfig.isSectionsAvailable && this.getCurrentSectionIndex() > 0) {
- const previousSectionId = this.mainProgressBar[this.getCurrentSectionIndex() - 1].identifier;
- this.jumpToSection(previousSectionId);
- return;
- }
- this.prevSlide();
- }
- if ((this.optionSelectedObj || this.asqReorderedOptionsMap) && this.showFeedBack) {
+ let shouldValidate = (this.optionSelectedObj || this.mtfReorderedOptionsMap) && this.showFeedBack;
+ let shouldValidateAgain = (this.optionSelectedObj || this.asqReorderedOptionsMap) && this.showFeedBack;
+ if (shouldValidate || shouldValidateAgain) {
this.stopAutoNavigation = false;
this.validateQuestionInteraction('previous');
} else {
@@ -103980,7 +103969,7 @@ class SectionPlayerComponent {
this.jumpToSection(previousSectionId);
return;
}
- this.prevSlide();
+ this.prevSlide(); // Called only once on previousSlideClicked
}
}
}