import { __decorate, __values } from "tslib";
import { Component, Input } from "@angular/core";
import { ItemService } from "../item-service/item-service.service";
import { FormBuilder, FormGroup, FormArray, FormControl, ValidatorFn, AbstractControl } from "@angular/forms";
var MultipleResponseComponent = /** @class */ (function () {
    function MultipleResponseComponent(itemService, formBuilder) {
        this.itemService = itemService;
        this.formBuilder = formBuilder;
        // Declare the variables
        this.userAnswer = [];
        this.correctAns = [];
        this.assetData = [];
        this.selectedOrderIds = [];
        this.questionDetails1 = [];
        this.assetPosition = [];
        // tslint:disable-next-line:max-line-length
        this.alphabetsIndex = [
            "A",
            "B",
            "C",
            "D",
            "E",
            "F",
            "G",
            "H",
            "I",
            "J",
            "K",
            "L",
            "M",
            "N",
            "O",
            "P",
            "Q",
            "R",
            "S",
            "T",
            "U",
            "V",
            "W",
            "X",
            "Y",
            "Z"
        ];
        this.incorrectRationale = [];
        this.imagePath = [];
    }
    Object.defineProperty(MultipleResponseComponent.prototype, "questionDetails", {
        get: function () {
            return this.questionDetails;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(MultipleResponseComponent.prototype, "questionCurrentData", {
        set: function (value) {
            if (value) {
                this.questionDetails1 = value;
                this.createQuestion();
            }
            else {
                this.questionDetails1 = [];
                this.createQuestion();
            }
        },
        enumerable: true,
        configurable: true
    });
    /* Init */
    MultipleResponseComponent.prototype.ngOnInit = function () { };
    MultipleResponseComponent.prototype.ngOnChanges = function (changes) { };
    /* Do check */
    MultipleResponseComponent.prototype.ngDoCheck = function () {
        if (this.isClearAnswer === true) {
            this.clearUserInputs();
            this.itemService.userAnswerMethod([]);
            this.itemService.clearAnswerMethodFalse(false);
            this.itemService.hideAnswer(false);
        }
        if (this.isShowHide === true) {
            this.message = true;
        }
        else if (this.isShowHide === false) {
            this.message = false;
        }
    };
    /* function to get correct answer */
    MultipleResponseComponent.prototype.correctAnswer = function () {
        var e_1, _a;
        try {
            for (var _b = __values(this.questionDetails1.choiceInteraction.simpleChoices), _c = _b.next(); !_c.done; _c = _b.next()) {
                var i = _c.value;
                if (i.correct === true) {
                    this.correctAns.push(i);
                    if (i.richLabel) {
                        this.correctAnsRichLabel = (this.correctAnsRichLabel) ? this.correctAnsRichLabel + ', ' + i.richLabel : i.richLabel;
                    }
                    this.correctAnsLabel = (this.correctAnsLabel) ? this.correctAnsLabel + ', ' + i.label : i.label;
                }
            }
        }
        catch (e_1_1) { e_1 = { error: e_1_1 }; }
        finally {
            try {
                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
            }
            finally { if (e_1) throw e_1.error; }
        }
        this.incorrectRationale = this.questionDetails1.choiceInteraction.simpleChoices.filter(function (item) { return item.rationale !== null && item.correct !== true; });
    };
    /* function to get selected answer */
    MultipleResponseComponent.prototype.selectAnswer = function (option, i) {
        var _this = this;
        this.selectedOrderIds = this.form.value.orders
            .map(function (v, i) {
            return v
                ? _this.questionDetails1.choiceInteraction.simpleChoices[i].choiceId
                : null;
        })
            .filter(function (v) { return v !== null; });
        this.commaSeperatedUserResponseLabel();
        this.userAnswer = this.selectedOrderIds;
        if (this.userAnswer.length !== 0) {
            var answerObj = this.userAnswer;
            this.itemService.userAnswerMethod(answerObj);
            this.itemService.validateAnswerValueMethod(this.isUserAnswersCorrect());
        }
        else {
            this.itemService.userAnswerMethod([]);
            this.itemService.validateAnswerValueMethod(false);
        }
    };
    /* Check wheather user selected answr is correct */
    MultipleResponseComponent.prototype.isUserAnswersCorrect = function () {
        var e_2, _a;
        var _this = this;
        this.selectedOrderIds = this.form.value.orders
            .map(function (v, i) {
            return v
                ? _this.questionDetails1.choiceInteraction.simpleChoices[i].choiceId
                : null;
        })
            .filter(function (v) { return v !== null; });
        if (this.selectedOrderIds.length !== this.correctAns.length) {
            return false;
        }
        else {
            var _loop_1 = function (answer) {
                if (!this_1.selectedOrderIds.find(function (item) { return item === answer.choiceId; })) {
                    return { value: false };
                }
            };
            var this_1 = this;
            try {
                for (var _b = __values(this.correctAns), _c = _b.next(); !_c.done; _c = _b.next()) {
                    var answer = _c.value;
                    var state_1 = _loop_1(answer);
                    if (typeof state_1 === "object")
                        return state_1.value;
                }
            }
            catch (e_2_1) { e_2 = { error: e_2_1 }; }
            finally {
                try {
                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
                }
                finally { if (e_2) throw e_2.error; }
            }
        }
        return true;
    };
    /* function to clear user inputs */
    MultipleResponseComponent.prototype.clearUserInputs = function () {
        this.userAnswer = [];
        this.form.reset();
    };
    /* Get choice css class */
    MultipleResponseComponent.prototype.getChoiceClassName = function (choiceDetails) {
        var e_3, _a;
        var checked = false;
        try {
            for (var _b = __values(this.selectedOrderIds), _c = _b.next(); !_c.done; _c = _b.next()) {
                var item = _c.value;
                if (choiceDetails["choiceId"] === item) {
                    checked = true;
                }
            }
        }
        catch (e_3_1) { e_3 = { error: e_3_1 }; }
        finally {
            try {
                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
            }
            finally { if (e_3) throw e_3.error; }
        }
        if (choiceDetails.correct) {
            return "wk-icon-checkmark green-checkmark";
        }
        else if (!choiceDetails.correct && checked === true) {
            return "wk-icon-close wrong-checkmark";
        }
        else {
            return "wk-icon-checkmark disabled-checkmark";
        }
    };
    /* Check the value is changed or not */
    MultipleResponseComponent.prototype.valueChanged = function () {
        var _this = this;
        this.selectedOrderIds = this.form.value.orders
            .map(function (v, i) {
            return v
                ? _this.questionDetails1.choiceInteraction.simpleChoices[i].choiceId
                : null;
        })
            .filter(function (v) { return v !== null; });
        this.commaSeperatedUserResponseLabel();
        this.userAnswer = this.selectedOrderIds;
        if (this.userAnswer.length !== 0) {
            var answerObj = this.userAnswer;
            this.itemService.userAnswerMethod(answerObj);
            this.itemService.validateAnswerValueMethod(this.isUserAnswersCorrect());
        }
        else {
            this.itemService.userAnswerMethod([]);
            this.itemService.validateAnswerValueMethod(false);
        }
    };
    MultipleResponseComponent.prototype.getFormArray = function () {
        return this.form.get("orders");
    };
    MultipleResponseComponent.prototype.createQuestion = function () {
        var e_4, _a;
        var _this = this;
        this.userAnswer = [];
        this.correctAns = [];
        this.incorrectRationale = [];
        this.itemService.userAnswerMethod([]);
        this.itemService.validateAnswerValueMethod(false);
        this.correctAnswer();
        // Get user answer value from service
        this.itemService.userAnswerState.subscribe(function (answer) { return (_this.userAnswerService = answer); });
        this.assetData = this.questionDetails1.assets;
        if (this.assetData.length !== 0) {
            this.assetPosition = this.questionDetails1.assets[0]["assetsPosition"];
        }
        var controls = this.questionDetails1.choiceInteraction.simpleChoices.map(function (c) { return new FormControl(false); });
        // controls[0].setValue(true);
        this.form = this.formBuilder.group({
            orders: new FormArray(controls)
        });
        // this.getFormArray();
        if (this.questionDetails1.userAttemptDetails.userAnswer.length !== 0) {
            for (var i = 0; i < this.questionDetails1.choiceInteraction.simpleChoices.length; i++) {
                try {
                    for (var _b = (e_4 = void 0, __values(this.questionDetails1.userAttemptDetails.userAnswer)), _c = _b.next(); !_c.done; _c = _b.next()) {
                        var j = _c.value;
                        if (this.questionDetails1.choiceInteraction.simpleChoices[i]["choiceId"] === j) {
                            controls[i].setValue(true);
                        }
                    }
                }
                catch (e_4_1) { e_4 = { error: e_4_1 }; }
                finally {
                    try {
                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
                    }
                    finally { if (e_4) throw e_4.error; }
                }
            }
            this.valueChanged();
        }
    };
    MultipleResponseComponent.prototype.commaSeperatedUserResponseLabel = function () {
        var _this = this;
        this.userResponseLabel = '';
        this.userResponseRichLabel = '';
        this.selectedOrderIds.forEach(function (selected) {
            var selectedChoice = _this.questionDetails1.choiceInteraction.simpleChoices.find(function (choice) { return choice.choiceId == selected; });
            if (selectedChoice) {
                if (selectedChoice.richLabel) {
                    _this.userResponseRichLabel = (_this.userResponseRichLabel) ? _this.userResponseRichLabel + ', ' + selectedChoice.richLabel : selectedChoice.richLabel;
                }
                _this.userResponseLabel = (_this.userResponseLabel) ? _this.userResponseLabel + ', ' + selectedChoice.label : selectedChoice.label;
            }
        });
    };
    MultipleResponseComponent.ctorParameters = function () { return [
        { type: ItemService },
        { type: FormBuilder }
    ]; };
    __decorate([
        Input("questionDetails")
    ], MultipleResponseComponent.prototype, "questionCurrentData", null);
    __decorate([
        Input()
    ], MultipleResponseComponent.prototype, "examEngineType", void 0);
    __decorate([
        Input()
    ], MultipleResponseComponent.prototype, "canShowMetadata", void 0);
    __decorate([
        Input()
    ], MultipleResponseComponent.prototype, "isClearAnswer", void 0);
    __decorate([
        Input()
    ], MultipleResponseComponent.prototype, "isShowHide", void 0);
    __decorate([
        Input()
    ], MultipleResponseComponent.prototype, "imagePath", void 0);
    __decorate([
        Input()
    ], MultipleResponseComponent.prototype, "checkQuizSubmission", void 0);
    __decorate([
        Input()
    ], MultipleResponseComponent.prototype, "preferredTextFormat", void 0);
    MultipleResponseComponent = __decorate([
        Component({
            selector: "multiple-response",
            template: "<!-- ############################## QP Exam engine Type ############################-->\n<ng-container *ngIf=\"examEngineType == 'QP' || examEngineType == 'NCLEX'\">\n  <!--Question and Answer Block-->\n  <div class=\"wk-row\">\n    <media-carousel\n      *ngIf=\"\n        questionDetails1.assets &&\n        questionDetails1.assets.length != 0 &&\n        assetPosition != 'Bottom' &&\n        assetPosition != 'WithinText'\n      \"\n      [imagePath]=\"imagePath\"\n      [assetData]=\"assetData\"\n      [assetsPosition]=\"assetPosition\"\n    ></media-carousel>\n\n    <div\n      [ngClass]=\"{\n        'wk-col-8':\n          questionDetails1.assets != undefined &&\n          questionDetails1.assets.length != 0 &&\n          assetPosition != 'WithinText',\n        'wk-col-12':\n          questionDetails1.assets == undefined ||\n          questionDetails1.assets.length == 0 ||\n          assetPosition == 'WithinText',\n        'right-assets-position-question': assetPosition == 'Right',\n        'left-assets-position-question': assetPosition == 'Left',\n        'top-assets-position-question': assetPosition == 'Top',\n        'bottom-assets-position-question': assetPosition == 'Bottom'\n      }\"\n    >\n      <div class=\"wkqp-layout-item item-questions-des-wrapper\">\n        <div class=\"wkqp-field-item normal-font mb0 item-que-mb0\">\n          <div class=\"wkqp-field-header\" *ngIf=\"assetPosition != 'WithinText'\">\n            <div\n              class=\"normal-font wkqp-prewrap white-space-normal mb20\"\n              libGetFormatText\n              [preferredTextFormat]=\"preferredTextFormat\"\n              [plainText]=\"questionDetails1.promptText\"\n              [richText]=\"questionDetails1.richPromptText\"\n            ></div>\n          </div>\n          <div class=\"wkqp-field-header\" *ngIf=\"assetPosition == 'WithinText'\">\n            <item-text-assets\n              [promptText]=\"questionDetails1.promptText\"\n              [imagePath]=\"imagePath\"\n              [assetData]=\"assetData\"\n              [assetsPosition]=\"assetPosition\"\n            ></item-text-assets>\n          </div>\n        </div>\n      </div>\n      <div class=\"common-full-width mb20\">\n        <form [formGroup]=\"form\">\n          <ng-container\n            formArrayName=\"orders\"\n            *ngFor=\"\n              let order of form['controls'].orders['controls'];\n              let i = index\n            \"\n          >\n            <div class=\"choice-que-des-wrapper\">\n              <span\n                *ngIf=\"message\"\n                [ngClass]=\"\n                  getChoiceClassName(\n                    questionDetails1.choiceInteraction.simpleChoices[i]\n                  )\n                \"\n              ></span>\n              <input\n                type=\"checkbox\"\n                class=\"choice-checkbox\"\n                [formControlName]=\"i\"\n                [hidden]=\"message\"\n                (change)=\"\n                  selectAnswer(\n                    questionDetails1.choiceInteraction.simpleChoices[i],\n                    i\n                  )\n                \"\n              />\n              <span\n                class=\"choice-que-cont-des wkqp-prewrap\"\n                libGetFormatText\n                [preferredTextFormat]=\"preferredTextFormat\"\n                [plainText]=\"\n                  questionDetails1.choiceInteraction.simpleChoices[i].label\n                \"\n                [richText]=\"\n                  questionDetails1.choiceInteraction.simpleChoices[i].richLabel\n                \"\n              ></span>\n              <div\n                class=\"wkqp-alert-info wkqp-prewrap correct-rationale-section wkqp-prewrap rational-inline correct-rationale-section\"\n                *ngIf=\"\n                  message &&\n                  questionDetails1.choiceInteraction.simpleChoices[i].rationale\n                \"\n              >\n                <strong class=\"correct-answer-rationale\">Rationale: </strong>\n                <span\n                  class=\"pl5\"\n                  libGetFormatText\n                  [preferredTextFormat]=\"preferredTextFormat\"\n                  [plainText]=\"\n                    questionDetails1.choiceInteraction.simpleChoices[i]\n                      .rationale\n                  \"\n                  [richText]=\"\n                    questionDetails1.choiceInteraction.simpleChoices[i]\n                      .richRationale\n                  \"\n                ></span>\n              </div>\n            </div>\n          </ng-container>\n        </form>\n      </div>\n      <media-carousel\n        *ngIf=\"\n          questionDetails1.assets &&\n          questionDetails1.assets.length != 0 &&\n          assetPosition == 'Bottom' &&\n          assetPosition != 'WithinText'\n        \"\n        [imagePath]=\"imagePath\"\n        [assetData]=\"assetData\"\n        [assetsPosition]=\"assetPosition\"\n      ></media-carousel>\n      <ng-container *ngIf=\"message\">\n        <div\n          [ngClass]=\"\n            isUserAnswersCorrect()\n              ? 'wkqp-alert-success wkqp-success'\n              : 'wkqp-alert-danger wkqp-danger'\n          \"\n          class=\"wkqp-prewrap white-space-normal mb20\"\n          *ngIf=\"userAnswer.length != 0\"\n        >\n          <strong class=\"your-response-left\">Your Response:</strong>\n          <span class=\"optionlevel\">\n            <span\n              libGetFormatText\n              [preferredTextFormat]=\"preferredTextFormat\"\n              [plainText]=\"userResponseLabel\"\n              [richText]=\"userResponseRichLabel\"\n            ></span>\n          </span>\n        </div>\n        <div\n          class=\" wkqp-prewrap wkqp-alert-success wkqp-success  white-space-normal mb20\"\n          *ngIf=\"!isUserAnswersCorrect()\"\n        >\n          <strong>Correct Response:</strong>\n          <span class=\"optionlevel\">\n            <span\n              libGetFormatText\n              [preferredTextFormat]=\"preferredTextFormat\"\n              [plainText]=\"correctAnsLabel\"\n              [richText]=\"correctAnsRichLabel\"\n            ></span>\n          </span>\n        </div>\n\n        <div *ngIf=\"canShowMetadata\">\n          <lib-metadata [itemData]=\"questionDetails1\"></lib-metadata>\n        </div>\n      </ng-container>\n    </div>\n    <div class=\"rationale-remedation-block mb20\" *ngIf=\"message\">\n      <lib-rationale\n        [itemData]=\"questionDetails1.modelFeedback\"\n        [preferredTextFormat]=\"preferredTextFormat\"\n      ></lib-rationale>\n      <lib-remediation\n        [itemData]=\"questionDetails1.remediationLinks\"\n        [preferredTextFormat]=\"preferredTextFormat\"\n      ></lib-remediation>\n    </div>\n  </div>\n</ng-container>\n\n<!-- ############################## USMLE Exam engine Type ############################-->\n<ng-container *ngIf=\"examEngineType == 'USMLE'\">\n  <div class=\"wk-row\">\n    <media-carousel\n      *ngIf=\"\n        questionDetails1.assets &&\n        questionDetails1.assets.length != 0 &&\n        assetPosition != 'Bottom' &&\n        assetPosition != 'WithinText'\n      \"\n      [imagePath]=\"imagePath\"\n      [assetData]=\"assetData\"\n      [assetsPosition]=\"assetPosition\"\n    ></media-carousel>\n\n    <div class=\"wkqp-field-item\">\n      <!--Question prompt text-->\n      <div\n        [ngClass]=\"{\n          'wk-col-8':\n            questionDetails1.assets != undefined &&\n            questionDetails1.assets.length != 0 &&\n            assetPosition != 'WithinText',\n          'wk-col-12':\n            questionDetails1.assets == undefined ||\n            questionDetails1.assets.length == 0 ||\n            assetPosition == 'WithinText',\n          'right-assets-position-question': assetPosition == 'Right',\n          'left-assets-position-question': assetPosition == 'Left',\n          'top-assets-position-question': assetPosition == 'Top',\n          'bottom-assets-position-question': assetPosition == 'Bottom'\n        }\"\n      >\n        <div class=\"wkqp-layout-item\">\n          <div class=\"wkqp-field-item normal-font mb0 \">\n            <div\n              class=\"wkqp-field-header\"\n              *ngIf=\"assetPosition != 'WithinText'\"\n            >\n              <div class=\"mb20 normal-font wkqp-prewrap\">\n                {{ questionDetails1.promptText }}\n              </div>\n            </div>\n            <div\n              class=\"wkqp-field-header\"\n              *ngIf=\"assetPosition == 'WithinText'\"\n            >\n              <item-text-assets\n                [promptText]=\"questionDetails1.promptText\"\n                [imagePath]=\"imagePath\"\n                [assetData]=\"assetData\"\n                [assetsPosition]=\"assetPosition\"\n              ></item-text-assets>\n            </div>\n          </div>\n        </div>\n        <!--Question Answer Choice-->\n        <div class=\"common-full-width answer-box\">\n          <div>\n            <fieldset class=\"common-full-width\">\n              <legend class=\"offscreen\">\n                {{ questionDetails1.promptText }}\n              </legend>\n\n              <div class=\"option-wrapper\">\n                <form [formGroup]=\"form\">\n                  <ng-container\n                    formArrayName=\"orders\"\n                    *ngFor=\"\n                      let order of form['controls'].orders['controls'];\n                      let i = index\n                    \"\n                  >\n                    <div\n                      class=\"answer-wrapper\"\n                      [ngClass]=\"{\n                        'correct-answer':\n                          questionDetails1.choiceInteraction.simpleChoices[i]\n                            .correct == true && checkQuizSubmission == true\n                      }\"\n                    >\n                      <span\n                        *ngIf=\"checkQuizSubmission == true\"\n                        [ngClass]=\"\n                          getChoiceClassName(\n                            questionDetails1.choiceInteraction.simpleChoices[i]\n                          )\n                        \"\n                      ></span>\n                      <input\n                        type=\"checkbox\"\n                        [formControlName]=\"i\"\n                        [hidden]=\"checkQuizSubmission == true\"\n                        (change)=\"\n                          selectAnswer(\n                            questionDetails1.choiceInteraction.simpleChoices[i],\n                            i\n                          )\n                        \"\n                      />\n                      {{\n                        questionDetails1.choiceInteraction.simpleChoices[i]\n                          .label\n                      }}\n                    </div>\n                    <div\n                      class=\"wkqp-alert-info wkqp-prewrap correct-rationale-section wkqp-prewrap\"\n                      *ngIf=\"\n                        checkQuizSubmission == true &&\n                        questionDetails1.choiceInteraction.simpleChoices[i]\n                          .rationale\n                      \"\n                    >\n                      <strong>Rationale: </strong\n                      >{{\n                        questionDetails1.choiceInteraction.simpleChoices[i]\n                          .rationale\n                      }}\n                    </div>\n                  </ng-container>\n                </form>\n              </div>\n              <div\n                class=\"examTaker-explanations ember-view raph-examTakerExplanations\"\n                *ngIf=\"checkQuizSubmission == true\"\n              >\n                <div\n                  class=\"raph-examTakerExplanations-correctExplanation-title\"\n                >\n                  Answer Explanation\n                </div>\n                <div\n                  class=\"raph-examTakerExplanations-correctExplanation-content\"\n                >\n                  <div\n                    class=\"raph-examTakerExplanations-correctExplanation-content-label\"\n                  >\n                    The correct answer is\n                    <div\n                      class=\"raph-examTakerExplanations-correctExplanation-letter\"\n                    >\n                      <div class=\" wkqp-prewrap\">\n                        <ng-container\n                          *ngFor=\"\n                            let item of questionDetails1.choiceInteraction\n                              .simpleChoices;\n                            let i = index\n                          \"\n                        >\n                          <span\n                            class=\"optionlevel\"\n                            *ngIf=\"item.correct == true\"\n                          >\n                            {{ alphabetsIndex[i] }}\n                          </span>\n                        </ng-container>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div\n                    id=\"ember13569\"\n                    class=\"raph-examTakerExplanations-correctExplanation-content-content ember-view katexHtml\"\n                  >\n                    <div>\n                      <p>\n                        {{ questionDetails1.modelFeedback[0].feedbackText }}\n                      </p>\n                      <p></p>\n                    </div>\n                  </div>\n                </div>\n                <!-- <div class=\"wkqp-alert-info wkqp-prewrap correct-rationale-section wkqp-prewrap\" *ngIf=\" checkQuizSubmission == true && item.rationale\">{{item.rationale}}</div> -->\n                <!-- </ng-container> -->\n              </div>\n              <div\n                class=\"raph-examTakerExplanations-incorrectExplanations\"\n                *ngIf=\"\n                  checkQuizSubmission == true && incorrectRationale.length !== 0\n                \"\n              >\n                <div\n                  class=\"raph-examTakerExplanations-incorrectExplanations-title\"\n                >\n                  Incorrect answer explanations\n                </div>\n                <ng-container\n                  *ngFor=\"\n                    let item of questionDetails1.choiceInteraction\n                      .simpleChoices;\n                    let i = index\n                  \"\n                >\n                  <div\n                    class=\"raph-examTakerExplanations-incorrectExplanations-content\"\n                  >\n                    <div\n                      class=\"raph-examTakerExplanations-incorrectExplanations-explanation\"\n                      *ngIf=\"item.correct !== true && item.rationale !== null\"\n                    >\n                      <div\n                        class=\"raph-examTakerExplanations-incorrectExplanations-explanation-letter\"\n                      >\n                        {{ alphabetsIndex[i] }}.\n                      </div>\n                      <div\n                        id=\"ember13628\"\n                        class=\"raph-examTakerExplanations-incorrectExplanations-explanation-body ember-view katexHtml\"\n                      >\n                        <div>\n                          <p>\n                            <strong>Rationale: </strong>\n                            {{ item.rationale == null ? 'NA' : item.rationale }}\n                          </p>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </ng-container>\n              </div>\n            </fieldset>\n          </div>\n        </div>\n        <media-carousel\n          *ngIf=\"\n            questionDetails1.assets &&\n            questionDetails1.assets.length != 0 &&\n            assetPosition == 'Bottom' &&\n            assetPosition != 'WithinText'\n          \"\n          [imagePath]=\"imagePath\"\n          [assetData]=\"assetData\"\n          [assetsPosition]=\"assetPosition\"\n        ></media-carousel>\n      </div>\n    </div>\n  </div>\n</ng-container>\n",
            styles: [".option-wrapper{display:table;padding:7px;border:1px solid #3852a4;border-bottom-width:5px;max-width:400px}.answer-wrapper{padding:4px;display:table;width:100%;border-radius:3px}.correct-answer{border:1px solid #090;background-color:#9f9}.answer-explanation{padding:7.5px 15px;background-color:orange;font-size:15px;line-height:16px;font-weight:700}.raph-examTakerExplanations-correctExplanation-title{padding:7.5px 15px;background-color:orange;font-size:15px;line-height:16px;font-weight:700}.examTaker-content .examTaker-explanations{max-width:400px;margin-top:21px}.raph-examTakerExplanations{display:table;border:1px solid #3852a4;border-bottom-width:5px}.raph-examTakerExplanations-correctExplanation-content{padding:15px}.raph-examTakerExplanations-correctExplanation-content-label{line-height:1.5}.raph-examTakerExplanations-correctExplanation-letter{display:inline;text-transform:uppercase;font-weight:700}.raph-examTakerExplanations-correctExplanation-content .raph-examTakerExplanations-correctExplanation-content-content{margin-top:15px}.raph-examTakerExplanations-correctExplanation-content-content{line-height:1.5}.raph-examTakerExplanations-incorrectExplanations{display:table;border:1px solid #3852a4;border-bottom-width:5px;width:400px}.raph-examTakerExplanations-incorrectExplanations-title{font-size:80%;line-height:150%;background-color:#d7dced;border-bottom:1px solid #aab;text-align:center;font-weight:700}.raph-examTakerExplanations-incorrectExplanations-content{padding:6px}.raph-examTakerExplanations-incorrectExplanations-content .raph-examTakerExplanations-incorrectExplanations-explanation:not(:last-child){margin-bottom:6px}.raph-examTakerExplanations-incorrectExplanations-explanation{display:flex}.raph-examTakerExplanations-incorrectExplanations-explanation .raph-examTakerExplanations-incorrectExplanations-explanation-letter{width:24px;min-width:24px}.raph-examTakerExplanations-incorrectExplanations-explanation-letter{text-transform:uppercase;line-height:1.5}.layout-default .layout-default-content,.raph-examTakerExplanations-incorrectExplanations-explanation .raph-examTakerExplanations-incorrectExplanations-explanation-body{flex-grow:1}.raph-examTakerExplanations-incorrectExplanations-explanation-body{line-height:1.5}.your-response-left{float:left}.choice-que-des-wrapper{float:left;width:100%;margin-bottom:.1875rem;padding-bottom:5px;padding-top:0}.choice-que-des-wrapper .choice-checkbox,.choice-que-des-wrapper .choice-radio{float:left;width:20px}.choice-que-des-wrapper.choice-mb0{margin-bottom:0;padding-bottom:0}.correct-answer-rationale{float:left}"]
        })
    ], MultipleResponseComponent);
    return MultipleResponseComponent;
}());
export { MultipleResponseComponent };
//# sourceMappingURL=data:application/json;base64, 