import { Component, EventEmitter, Output } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "../../../../ui-kit/dialog/dialog-config";
import * as i2 from "../../../../ui-kit/dialog/dialog-ref";
import * as i3 from "../../services/result-criteria.service";
import * as i4 from "../../../../ui-kit/snack-bar/snack-bar.service";
import * as i5 from "@angular/common";
import * as i6 from "../../../../ui-kit/tooltip/tooltip.directive";
import * as i7 from "../setting-anonymous/setting-anonymous.component";
import * as i8 from "../setting-response-segment/setting-response-segment.component";
export class AssessmentSettingsComponent {
    closeSegmentPopup() { }
    openSegmentPopup() { }
    editSegment() { }
    clickSegment() { }
    clickMode() { }
    clickResponse() { }
    constructor(config, dialog, criteriaService, snackbar) {
        this.config = config;
        this.dialog = dialog;
        this.criteriaService = criteriaService;
        this.snackbar = snackbar;
        this.description = {
            mode: 'prime',
            placeholder: 'Enter Segment criteria description',
        };
        this.action = new EventEmitter();
        this.forAnimation = false;
        this.settingsJSON = {
            assessmentMode: true,
            defaultScore: 0,
            negativeScoreCriteria: 'FAILED',
            negativeScore: 0,
            weightageEnabled: false
        };
        this.activeSettingType = 'none';
    }
    ngOnInit() {
        this.editorService = this.config.data.service;
        this.settingsData = this.config.data.settings;
        this.forAnimation = true;
        setTimeout(() => {
            this.forAnimation = false;
        }, 1000);
        this.settingsJSON = this.config.data.settingsJSON;
    }
    closePanel(evt) {
        this.dialog.close({});
    }
    manipulateDefault(mode) {
        if (mode === 'INCREASE' && this.settingsJSON.defaultScore >= 0) {
            this.settingsJSON.defaultScore = this.settingsJSON.defaultScore + 1;
        }
        else if (mode === 'DECREASE' && this.settingsJSON.defaultScore >= 1) {
            this.settingsJSON.defaultScore = this.settingsJSON.defaultScore - 1;
        }
    }
    manipulateNegativeScore(mode) {
        if (mode === 'INCREASE' && this.settingsJSON.negativeScore >= 0) {
            this.settingsJSON.negativeScore = this.settingsJSON.negativeScore + 1;
        }
        else if (mode === 'DECREASE' && this.settingsJSON.negativeScore >= 1) {
            this.settingsJSON.negativeScore = this.settingsJSON.negativeScore - 1;
        }
    }
    executeAction(evt) {
        this.dialog.close({
            event: evt,
            data: this.settingsJSON
        });
    }
    setActiveType(type, index) {
        this.activeSettingType = type;
        if (type === 'ASSESSMENT') {
            this.settingsData.settingsElements[index].isEnabled = true;
        }
    }
    enableStateChanged(e, type) {
        if (type === 'ANONYMOUS') {
            this.editorService.formsPage.anonymousResponse = e;
        }
        if (type === 'RESPONSE_SEGMENT') {
            this.editorService.formsPage.responseSegment['isEnabled'] = e;
        }
    }
    save(evt, index) {
        this.settingsData.settingsElements[index] = evt;
        if (evt.type === 'ASSESSMENT') {
            this.editorService.formsPage.settings.assessmentMode = evt.isEnabled;
            this.editorService.formsPage.settings.defaultScore = evt.defaultScore;
            this.editorService.formsPage.settings.negativeScore = evt.negativeScore;
            this.editorService.formsPage.settings.negativeScoreCriteria = evt.negativeScoreCriteria;
            this.editorService.formsPage.settings.weightageEnabled = evt.weightageEnabled;
            this.settingsData.settingsElements[index] = evt;
            this.activeSettingType = 'none';
            const assessmentEligibleQuestions = ['checkbox', 'multiple-choice', 'dropdown'];
            this.editorService.formsPage.elements.forEach((question) => {
                this.editorService.score.defaultScore = evt.defaultScore;
                this.editorService.score.negativeScore = evt.negativeScore;
                if (assessmentEligibleQuestions.includes(question.type)) {
                    question.choices.forEach((element) => {
                        if (!element.isFailed) {
                            element.score = evt.defaultScore;
                        }
                        if (element.isFailed && (evt.negativeScoreCriteria === 'FAILED' || evt.negativeScoreCriteria === 'FAILED_SKIPPED')) {
                            element.score = evt.negativeScore;
                        }
                        if (evt.weightageEnabled) {
                            if (!question.weightage || question.weightage === undefined) {
                                question.weightage = 100;
                            }
                        }
                        else {
                            question.weightage = 100;
                        }
                    });
                }
                this.editorService.formsPage.responseSegment['maxScore'] = this.criteriaService.calculateMaxScore(this.editorService.formsPage);
            });
            this.snackbar.show("The settings have been updated.", 'success');
            this.activeSettingType = '';
            // } else {
            //   this.fd.formsPage.settings.assessmentMode = false;
            //   this.settingsData.settingsElements[index].defaultScore = this.fd.settings.defaultScore;
            //   this.settingsData.settingsElements[index].negativeScore = this.fd.settings.negativeScore;
            //   this.settingsData.settingsElements[index].weightageEnabled = this.fd.settings.weightageEnabled;
            //   this.activeSettingType = 'none';
            // this.settingsData.settingsElements[index].isEnabled = false;
            // }
            // });
        }
        if (evt.type === 'RESPONSE_SEGMENT') {
            evt.isEnabled = true;
            if (evt.isEnabled) {
                evt.segmentData.isEnabled = true;
                this.editorService.formsPage.responseSegment = evt.segmentData;
                this.snackbar.show("The settings have been updated.", 'success');
                this.activeSettingType = '';
            }
        }
    }
    cancel() {
        this.activeSettingType = '';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssessmentSettingsComponent, deps: [{ token: i1.DialogConfig }, { token: i2.DialogRef }, { token: i3.ResultCriteriaService }, { token: i4.SnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AssessmentSettingsComponent, selector: "app-assessment-settings", outputs: { action: "action" }, ngImport: i0, template: "<div class=\"assessment-settings\">\n    <div class=\"assessment-settings-head vx-pl-4 vx-pr-4 vx-d-flex vx-align-center vx-justify-between\">\n        <div class=\"vx-d-flex vx-align-center\">\n            <div class=\"heading vx-fs-14 vx-fw-500 vx-label-txt\">{{settingsData?.panelTitle | titlecase }}</div>\n            <!-- <i class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\" [appTooltip]=\"'Assessment Settings info text here...'\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe932;</i> -->\n        </div>\n        <button (click)=\"closePanel()\" class=\"close vx-fs-16 vx-label-txt vx-p-0 vx-m-0 vx-d-flex vx-align-center\" [appTooltip]=\"'[Esc] to close'\" placement=\"left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\"><i class=\"icons vx-d-flex\">&#xe93f;</i></button>\n    </div>\n    <div class=\"assessment-settings-body vx-pt-4 vx-pb-4\" #scrolleffect>\n        <!-- Skeleton loader -->\n        <ng-container *ngIf=\"false\">\n            <div class=\"settings-item skeleton-loader vx-mb-4 vx-pl-4 vx-pr-4 vx-d-flex vx-align-center\" *ngFor=\"let data of [1, 1, 1]\">\n                <div class=\"loader\"></div>\n            </div>\n        </ng-container>\n        <!-- Skeleton loader -->\n        <ng-container *ngFor=\"let setting of settingsData?.settingsElements;let i = index\">\n            <!-- <div *ngIf=\"setting.isVisible === true\"  class=\"settings-item vx-mb-4 vx-pl-4 vx-pr-4\" [class.active]=\"showResponse\" [class.done]=\"!showResponse\">\n                <div *ngIf=\"showResponse\" class=\"status edit vx-d-flex vx-align-center vx-justify-center\">\n                    <svg class=\"edit-loader\" viewBox=\"25 25 50 50\">\n                        <circle class=\"loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke=\"#1e5dd3\" stroke-width=\"3\" />\n                    </svg>\n                    <i class=\"icons vx-fs-14 vx-txt-blue\">&#xe90c;</i>\n                </div>\n                <div *ngIf=\"!showResponse\" class=\"status done vx-d-flex vx-align-center vx-justify-center\">\n                    <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\n                        <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n                        <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\n                    </svg>\n                </div>\n                <div class=\"item-head vx-d-flex vx-align-center vx-justify-between vx-pt-3 vx-pb-3\" (click)=\"clickResponse()\">\n                    <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">ANONYMIZE FORM RESPONSE</div>\n                    <i class=\"icons vx-fs-14 vx-paragraph-txt\">\n                        <ng-container *ngIf=\"!showResponse\">&#xe970;</ng-container>\n                        <ng-container *ngIf=\"showResponse\">&#xe9e8;</ng-container>\n                    </i>\n                </div>\n                <div class=\"item-body vx-pt-3 vx-pb-3\" *ngIf=\"showResponse\">\n                    <app-cs-switch><div class=\"vx-fs-13 vx-paragraph-txt\">Make responses to this form anonymous</div></app-cs-switch>\n                </div>\n            </div> -->\n            <div class=\"settings-item vx-mb-4 vx-pl-4 vx-pr-4\" [class.active]=\"showMode\" [class.done]=\"!showMode\" [class.error]=\"false\">\n                <div *ngIf=\"false\" class=\"status edit vx-d-flex vx-align-center vx-justify-center\">\n                    <svg class=\"edit-loader\" viewBox=\"25 25 50 50\">\n                        <circle class=\"loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke=\"#1e5dd3\" stroke-width=\"3\" />\n                    </svg>\n                    <i class=\"icons vx-fs-14 vx-txt-blue\">&#xe90c;</i>\n                </div>\n                <div  *ngIf=\"false\" class=\"status done vx-d-flex vx-align-center vx-justify-center\">\n                    <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\n                        <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n                        <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\n                    </svg>\n                </div>\n                <div class=\"item-head vx-d-flex vx-align-center vx-justify-between vx-pt-3 vx-pb-3\" (click)=\"setActiveType(setting.type,i)\">\n                    <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">  <span [innerHTML]=\"setting?.settingTitle\"></span> <i class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\" [appTooltip]=\"setting?.helpingText\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe932;</i></div>\n                    <i class=\"icons vx-fs-14 vx-paragraph-txt\" >\n                        <ng-container *ngIf=\"activeSettingType !== setting?.type\">&#xe970;</ng-container>\n                        <ng-container *ngIf=\"activeSettingType === setting?.type\" >&#xe9e8;</ng-container>\n                    </i>\n                </div>\n                <ng-container *ngIf=\"activeSettingType === setting?.type\">\n                    <app-setting-anonymous (cancelEvt)=\"cancel()\" *ngIf=\"setting?.type === 'ASSESSMENT' && setting.isEnabled === true\" [setting]=\"setting\" (save)=\"save($event,i)\"></app-setting-anonymous>\n                    <app-setting-response-segment (cancelEvt)=\"cancel()\"  *ngIf=\"setting?.type === 'RESPONSE_SEGMENT'\" [fd]=\"editorService\" [setting]=\"setting\" (save)=\"save($event,i)\"></app-setting-response-segment>\n                </ng-container>\n                \n                <!-- assessment mode here -->\n                <!-- <div class=\"item-body vx-pt-3 vx-pb-3\" *ngIf=\"true\">\n                    <app-cs-switch><div class=\"vx-fs-13 vx-paragraph-txt\">Enable assessment mode for this form</div></app-cs-switch>\n                    <div class=\"mode-list vx-mt-3\">\n                        <div class=\"mode-item vx-d-flex vx-align-center vx-justify-between vx-mt-2\" [class.done]=\"false\">\n                            <div class=\"heading vx-fs-13 vx-fw-500 vx-label-txt vx-pl-3\">Set default scores for all questions</div>\n                            <div *ngIf=\"true\" class=\"score-area vx-d-flex vx-align-center vx-pl-3 vx-pr-1\">\n                                <div class=\"vx-fs-12 vx-paragraph-txt vx-mr-2\">Score</div>\n                                <div class=\"input-area vx-d-flex vx-align-center\">\n                                    <button class=\"vx-fs-14 vx-fw-500 vx-paragraph-txt vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">-</button>\n                                    <input type=\"number\" value='10'>\n                                    <button class=\"vx-fs-14 vx-fw-500 vx-paragraph-txt vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">+</button>\n                                </div>\n                            </div>\n                            <div *ngIf=\"false\" class=\"score vx-pl-2 vx-pr-2 vx-lh-6\">\n                                <span class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-mr-1\">SCORE:</span>\n                                <span class=\"vx-fs-13 vx-txt-blue\">10</span>\n                            </div>\n                        </div>\n                        <div class=\"mode-item vx-mt-2\" [class.done]=\"false\">\n                            <div class=\"vx-d-flex vx-align-center vx-justify-between\">\n                                <div class=\"heading vx-fs-13 vx-fw-500 vx-label-txt vx-pl-3\">Select a criterion for negative scores</div>\n                                <div *ngIf=\"true\" class=\"score-area vx-d-flex vx-align-center vx-pl-3 vx-pr-1\">\n                                    <div class=\"vx-fs-12 vx-paragraph-txt vx-mr-2\">Score</div>\n                                    <div class=\"input-area vx-d-flex vx-align-center\">\n                                        <button class=\"vx-fs-14 vx-fw-500 vx-paragraph-txt vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">-</button>\n                                        <input type=\"number\" value='0'>\n                                        <button class=\"vx-fs-14 vx-fw-500 vx-paragraph-txt vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">+</button>\n                                    </div>\n                                </div>\n                                <div *ngIf=\"false\" class=\"score vx-pl-2 vx-pr-2 vx-lh-6\">\n                                    <span class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-mr-1\">SCORE:</span>\n                                    <span class=\"vx-fs-13 vx-txt-blue\">2</span>\n                                </div>\n                            </div>\n                            <div class=\"criteria-list vx-pt-3 vx-pl-3\">\n                                <app-cs-radio><div class=\"name vx-fs-12 vx-paragraph-txt\">Failed Responses</div></app-cs-radio>\n                                <app-cs-radio><div class=\"name vx-fs-12 vx-paragraph-txt\">Skipped Questions</div></app-cs-radio>\n                                <app-cs-radio><div class=\"name vx-fs-12 vx-paragraph-txt\">Skipped Questions & Failed Responses</div></app-cs-radio>\n                            </div>\n                        </div>\n                        <div class=\"mode-item vx-d-flex vx-align-center vx-justify-between vx-mt-2 vx-pl-3 vx-pr-3\">\n                            <app-cs-switch><div class=\"vx-fs-13 vx-label-txt\">Enabled weightage for each question</div></app-cs-switch>\n                        </div>\n                    </div>\n                </div> -->\n            </div>\n           \n        </ng-container>\n    </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assessment-settings{background:#fff;width:31.25rem;height:100vh}::ng-deep .assessment-settings-head{background:#f8f8f8;border-bottom:1px solid #F1F1F1;height:3rem}::ng-deep .assessment-settings-head i.info{cursor:pointer}::ng-deep .assessment-settings-head button.close{background:transparent;border:none;border-radius:0}::ng-deep .assessment-settings-body{padding-left:2.25rem;padding-right:1rem;width:32.25rem;position:relative;left:-1rem;height:calc(100vh - 3.5rem);overflow-y:auto}::ng-deep .assessment-settings-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .assessment-settings-body .settings-item{border:1px solid #DBDBDB;border-radius:.25rem;position:relative;transition:all .3s ease-in-out}::ng-deep .assessment-settings-body .settings-item:hover,::ng-deep .assessment-settings-body .settings-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}::ng-deep .assessment-settings-body .settings-item.done{background:#fbfbfb;border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item.done:hover{border-color:#1e5dd3}::ng-deep .assessment-settings-body .settings-item.error{border-color:#d93b41!important}::ng-deep .assessment-settings-body .settings-item.error:hover,::ng-deep .assessment-settings-body .settings-item.error.active{border-color:#d93b41!important;box-shadow:none!important}::ng-deep .assessment-settings-body .settings-item .status{background:#fff;border-radius:50%;position:absolute;left:-2.25rem;top:.35rem;width:1.75rem;height:1.75rem;transition:all .1s ease-in-out;z-index:1}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon{position:absolute;top:-1px;width:29px;height:29px;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}::ng-deep .assessment-settings-body .settings-item .status.edit .edit-loader{position:absolute;top:-.1875rem;left:-.1875rem;right:0;bottom:0;width:34px;height:34px;transform:rotate(90deg)}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark{width:28px;height:28px;border-radius:50%;stroke-width:4;stroke:#1e5dd3;stroke-miterlimit:10;box-shadow:inset 0 0 #1e5dd3}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark__circle{stroke-dasharray:0;stroke-dashoffset:0;stroke-width:0;stroke-miterlimit:10;stroke:#f1f1f1;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;transform:scale(.23)}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;fill:#1e5dd3;transform:scale(.5)}::ng-deep .assessment-settings-body .settings-item .item-head{min-height:2.5rem;width:100%;cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-head .name I.info{position:relative;top:1px;cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-body{border-top:1px solid #F1F1F1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item{border:1px solid #DBDBDB;border-radius:.25rem;min-height:2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item.done{background:#fbfbfb;border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item.done .criteria-list{border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area{border-left:1px solid #DBDBDB;width:9.5rem;height:2.375rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area .input-area button{background:transparent;border:none;border-radius:0;height:1.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area .input-area input{background:#fff;border:1px solid #F1F1F1;border-radius:.25rem;color:#747576;font-size:13px;text-align:center;width:44px;height:1.5rem;outline:none}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score{background:#fff;border:1px solid #F1F1F1;border-radius:.125rem;margin:.375rem .375rem .375rem 0;min-width:4.5rem;max-width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .criteria-list{border-top:1px solid #DBDBDB}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .criteria-list cs-radio{display:block;margin-bottom:.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item app-cs-switch{width:100%}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item{position:relative;min-height:2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input{background:#fff;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:0 .75rem;height:2.5rem;width:100%;outline:none;transition:all .3s ease-in-out}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:hover,::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input::placeholder{color:#747576;opacity:1}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item vcomply-editor .editor-container .editable-block{font-size:12px;padding:.5rem .75rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item vcomply-editor .editor-container .editable-block:before{color:#747576!important}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .score-label{background:#f1f1f1;border-radius:.125rem;position:relative;top:-.375rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list{background:#f8f8f8;border-radius:.125rem;height:2rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left{width:calc(100% - 6.5rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left i.info{cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right{width:6.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .score{border-radius:0 .125rem .125rem 0;height:2rem;display:flex}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .action{height:2rem;display:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .action button{background:transparent;border:none;border-radius:0}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list:hover .right .score{display:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list:hover .right .action{display:flex}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list button.segment-close{top:-2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item button.segment-btn{background:#fff;border:1px solid #1e5dd3;border-radius:.25rem;height:2.5rem;width:100%}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item button.segment-close{background:#1e5dd3;border:.25rem solid #FFFFFF;border-radius:50%;width:36px;height:36px;margin:.125rem auto;position:relative;z-index:3}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .segment-popup{position:absolute;bottom:1.25rem;left:.875rem;width:25rem;z-index:2}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom{background:#fbfbfb;border-top:1px solid #F1F1F1;border-radius:0 0 .1875rem .1875rem;height:2.75rem;margin:0 0 -.75rem -1rem;width:calc(100% + 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button{border-radius:.125rem;height:1.875rem;width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.cancel-btn{background:#fff;border:1px solid #DBDBDB}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.save-btn{background:#1e5dd3;border:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.disabled{background:#f1f1f1;color:#747576;pointer-events:none}::ng-deep .assessment-settings-body .settings-item.skeleton-loader{background:#f8f8f8;border-color:#f1f1f1;height:2.5rem}::ng-deep .assessment-settings-body .settings-item.skeleton-loader .loader{background:#dbdbdb;border-radius:.5rem;height:.5rem;width:12rem}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@keyframes fillEdit{to{box-shadow:inset 0 0 0 2px #1e5dd3}}.circular-loader{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}::ng-deep app-cs-switch .cs-switch{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i7.SettingAnonymousComponent, selector: "app-setting-anonymous", inputs: ["setting"], outputs: ["save", "cancelEvt"] }, { kind: "component", type: i8.SettingResponseSegmentComponent, selector: "app-setting-response-segment", inputs: ["setting", "formJSON", "fd"], outputs: ["save", "closed", "cancelEvt"] }, { kind: "pipe", type: i5.TitleCasePipe, name: "titlecase" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssessmentSettingsComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-assessment-settings', template: "<div class=\"assessment-settings\">\n    <div class=\"assessment-settings-head vx-pl-4 vx-pr-4 vx-d-flex vx-align-center vx-justify-between\">\n        <div class=\"vx-d-flex vx-align-center\">\n            <div class=\"heading vx-fs-14 vx-fw-500 vx-label-txt\">{{settingsData?.panelTitle | titlecase }}</div>\n            <!-- <i class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\" [appTooltip]=\"'Assessment Settings info text here...'\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe932;</i> -->\n        </div>\n        <button (click)=\"closePanel()\" class=\"close vx-fs-16 vx-label-txt vx-p-0 vx-m-0 vx-d-flex vx-align-center\" [appTooltip]=\"'[Esc] to close'\" placement=\"left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\"><i class=\"icons vx-d-flex\">&#xe93f;</i></button>\n    </div>\n    <div class=\"assessment-settings-body vx-pt-4 vx-pb-4\" #scrolleffect>\n        <!-- Skeleton loader -->\n        <ng-container *ngIf=\"false\">\n            <div class=\"settings-item skeleton-loader vx-mb-4 vx-pl-4 vx-pr-4 vx-d-flex vx-align-center\" *ngFor=\"let data of [1, 1, 1]\">\n                <div class=\"loader\"></div>\n            </div>\n        </ng-container>\n        <!-- Skeleton loader -->\n        <ng-container *ngFor=\"let setting of settingsData?.settingsElements;let i = index\">\n            <!-- <div *ngIf=\"setting.isVisible === true\"  class=\"settings-item vx-mb-4 vx-pl-4 vx-pr-4\" [class.active]=\"showResponse\" [class.done]=\"!showResponse\">\n                <div *ngIf=\"showResponse\" class=\"status edit vx-d-flex vx-align-center vx-justify-center\">\n                    <svg class=\"edit-loader\" viewBox=\"25 25 50 50\">\n                        <circle class=\"loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke=\"#1e5dd3\" stroke-width=\"3\" />\n                    </svg>\n                    <i class=\"icons vx-fs-14 vx-txt-blue\">&#xe90c;</i>\n                </div>\n                <div *ngIf=\"!showResponse\" class=\"status done vx-d-flex vx-align-center vx-justify-center\">\n                    <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\n                        <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n                        <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\n                    </svg>\n                </div>\n                <div class=\"item-head vx-d-flex vx-align-center vx-justify-between vx-pt-3 vx-pb-3\" (click)=\"clickResponse()\">\n                    <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">ANONYMIZE FORM RESPONSE</div>\n                    <i class=\"icons vx-fs-14 vx-paragraph-txt\">\n                        <ng-container *ngIf=\"!showResponse\">&#xe970;</ng-container>\n                        <ng-container *ngIf=\"showResponse\">&#xe9e8;</ng-container>\n                    </i>\n                </div>\n                <div class=\"item-body vx-pt-3 vx-pb-3\" *ngIf=\"showResponse\">\n                    <app-cs-switch><div class=\"vx-fs-13 vx-paragraph-txt\">Make responses to this form anonymous</div></app-cs-switch>\n                </div>\n            </div> -->\n            <div class=\"settings-item vx-mb-4 vx-pl-4 vx-pr-4\" [class.active]=\"showMode\" [class.done]=\"!showMode\" [class.error]=\"false\">\n                <div *ngIf=\"false\" class=\"status edit vx-d-flex vx-align-center vx-justify-center\">\n                    <svg class=\"edit-loader\" viewBox=\"25 25 50 50\">\n                        <circle class=\"loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke=\"#1e5dd3\" stroke-width=\"3\" />\n                    </svg>\n                    <i class=\"icons vx-fs-14 vx-txt-blue\">&#xe90c;</i>\n                </div>\n                <div  *ngIf=\"false\" class=\"status done vx-d-flex vx-align-center vx-justify-center\">\n                    <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\n                        <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\n                        <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\n                    </svg>\n                </div>\n                <div class=\"item-head vx-d-flex vx-align-center vx-justify-between vx-pt-3 vx-pb-3\" (click)=\"setActiveType(setting.type,i)\">\n                    <div class=\"name vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase\">  <span [innerHTML]=\"setting?.settingTitle\"></span> <i class=\"icons info vx-fs-12 vx-txt-blue vx-ml-1\" [appTooltip]=\"setting?.helpingText\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe932;</i></div>\n                    <i class=\"icons vx-fs-14 vx-paragraph-txt\" >\n                        <ng-container *ngIf=\"activeSettingType !== setting?.type\">&#xe970;</ng-container>\n                        <ng-container *ngIf=\"activeSettingType === setting?.type\" >&#xe9e8;</ng-container>\n                    </i>\n                </div>\n                <ng-container *ngIf=\"activeSettingType === setting?.type\">\n                    <app-setting-anonymous (cancelEvt)=\"cancel()\" *ngIf=\"setting?.type === 'ASSESSMENT' && setting.isEnabled === true\" [setting]=\"setting\" (save)=\"save($event,i)\"></app-setting-anonymous>\n                    <app-setting-response-segment (cancelEvt)=\"cancel()\"  *ngIf=\"setting?.type === 'RESPONSE_SEGMENT'\" [fd]=\"editorService\" [setting]=\"setting\" (save)=\"save($event,i)\"></app-setting-response-segment>\n                </ng-container>\n                \n                <!-- assessment mode here -->\n                <!-- <div class=\"item-body vx-pt-3 vx-pb-3\" *ngIf=\"true\">\n                    <app-cs-switch><div class=\"vx-fs-13 vx-paragraph-txt\">Enable assessment mode for this form</div></app-cs-switch>\n                    <div class=\"mode-list vx-mt-3\">\n                        <div class=\"mode-item vx-d-flex vx-align-center vx-justify-between vx-mt-2\" [class.done]=\"false\">\n                            <div class=\"heading vx-fs-13 vx-fw-500 vx-label-txt vx-pl-3\">Set default scores for all questions</div>\n                            <div *ngIf=\"true\" class=\"score-area vx-d-flex vx-align-center vx-pl-3 vx-pr-1\">\n                                <div class=\"vx-fs-12 vx-paragraph-txt vx-mr-2\">Score</div>\n                                <div class=\"input-area vx-d-flex vx-align-center\">\n                                    <button class=\"vx-fs-14 vx-fw-500 vx-paragraph-txt vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">-</button>\n                                    <input type=\"number\" value='10'>\n                                    <button class=\"vx-fs-14 vx-fw-500 vx-paragraph-txt vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">+</button>\n                                </div>\n                            </div>\n                            <div *ngIf=\"false\" class=\"score vx-pl-2 vx-pr-2 vx-lh-6\">\n                                <span class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-mr-1\">SCORE:</span>\n                                <span class=\"vx-fs-13 vx-txt-blue\">10</span>\n                            </div>\n                        </div>\n                        <div class=\"mode-item vx-mt-2\" [class.done]=\"false\">\n                            <div class=\"vx-d-flex vx-align-center vx-justify-between\">\n                                <div class=\"heading vx-fs-13 vx-fw-500 vx-label-txt vx-pl-3\">Select a criterion for negative scores</div>\n                                <div *ngIf=\"true\" class=\"score-area vx-d-flex vx-align-center vx-pl-3 vx-pr-1\">\n                                    <div class=\"vx-fs-12 vx-paragraph-txt vx-mr-2\">Score</div>\n                                    <div class=\"input-area vx-d-flex vx-align-center\">\n                                        <button class=\"vx-fs-14 vx-fw-500 vx-paragraph-txt vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">-</button>\n                                        <input type=\"number\" value='0'>\n                                        <button class=\"vx-fs-14 vx-fw-500 vx-paragraph-txt vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">+</button>\n                                    </div>\n                                </div>\n                                <div *ngIf=\"false\" class=\"score vx-pl-2 vx-pr-2 vx-lh-6\">\n                                    <span class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-mr-1\">SCORE:</span>\n                                    <span class=\"vx-fs-13 vx-txt-blue\">2</span>\n                                </div>\n                            </div>\n                            <div class=\"criteria-list vx-pt-3 vx-pl-3\">\n                                <app-cs-radio><div class=\"name vx-fs-12 vx-paragraph-txt\">Failed Responses</div></app-cs-radio>\n                                <app-cs-radio><div class=\"name vx-fs-12 vx-paragraph-txt\">Skipped Questions</div></app-cs-radio>\n                                <app-cs-radio><div class=\"name vx-fs-12 vx-paragraph-txt\">Skipped Questions & Failed Responses</div></app-cs-radio>\n                            </div>\n                        </div>\n                        <div class=\"mode-item vx-d-flex vx-align-center vx-justify-between vx-mt-2 vx-pl-3 vx-pr-3\">\n                            <app-cs-switch><div class=\"vx-fs-13 vx-label-txt\">Enabled weightage for each question</div></app-cs-switch>\n                        </div>\n                    </div>\n                </div> -->\n            </div>\n           \n        </ng-container>\n    </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assessment-settings{background:#fff;width:31.25rem;height:100vh}::ng-deep .assessment-settings-head{background:#f8f8f8;border-bottom:1px solid #F1F1F1;height:3rem}::ng-deep .assessment-settings-head i.info{cursor:pointer}::ng-deep .assessment-settings-head button.close{background:transparent;border:none;border-radius:0}::ng-deep .assessment-settings-body{padding-left:2.25rem;padding-right:1rem;width:32.25rem;position:relative;left:-1rem;height:calc(100vh - 3.5rem);overflow-y:auto}::ng-deep .assessment-settings-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .assessment-settings-body .settings-item{border:1px solid #DBDBDB;border-radius:.25rem;position:relative;transition:all .3s ease-in-out}::ng-deep .assessment-settings-body .settings-item:hover,::ng-deep .assessment-settings-body .settings-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}::ng-deep .assessment-settings-body .settings-item.done{background:#fbfbfb;border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item.done:hover{border-color:#1e5dd3}::ng-deep .assessment-settings-body .settings-item.error{border-color:#d93b41!important}::ng-deep .assessment-settings-body .settings-item.error:hover,::ng-deep .assessment-settings-body .settings-item.error.active{border-color:#d93b41!important;box-shadow:none!important}::ng-deep .assessment-settings-body .settings-item .status{background:#fff;border-radius:50%;position:absolute;left:-2.25rem;top:.35rem;width:1.75rem;height:1.75rem;transition:all .1s ease-in-out;z-index:1}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon{position:absolute;top:-1px;width:29px;height:29px;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}::ng-deep .assessment-settings-body .settings-item .status.done .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}::ng-deep .assessment-settings-body .settings-item .status.edit .edit-loader{position:absolute;top:-.1875rem;left:-.1875rem;right:0;bottom:0;width:34px;height:34px;transform:rotate(90deg)}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark{width:28px;height:28px;border-radius:50%;stroke-width:4;stroke:#1e5dd3;stroke-miterlimit:10;box-shadow:inset 0 0 #1e5dd3}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark__circle{stroke-dasharray:0;stroke-dashoffset:0;stroke-width:0;stroke-miterlimit:10;stroke:#f1f1f1;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;transform:scale(.23)}::ng-deep .assessment-settings-body .settings-item .status.edit .editmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;fill:#1e5dd3;transform:scale(.5)}::ng-deep .assessment-settings-body .settings-item .item-head{min-height:2.5rem;width:100%;cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-head .name I.info{position:relative;top:1px;cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-body{border-top:1px solid #F1F1F1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item{border:1px solid #DBDBDB;border-radius:.25rem;min-height:2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item.done{background:#fbfbfb;border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item.done .criteria-list{border-color:#f1f1f1}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area{border-left:1px solid #DBDBDB;width:9.5rem;height:2.375rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area .input-area button{background:transparent;border:none;border-radius:0;height:1.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score-area .input-area input{background:#fff;border:1px solid #F1F1F1;border-radius:.25rem;color:#747576;font-size:13px;text-align:center;width:44px;height:1.5rem;outline:none}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .score{background:#fff;border:1px solid #F1F1F1;border-radius:.125rem;margin:.375rem .375rem .375rem 0;min-width:4.5rem;max-width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .criteria-list{border-top:1px solid #DBDBDB}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item .criteria-list cs-radio{display:block;margin-bottom:.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .mode-item app-cs-switch{width:100%}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item{position:relative;min-height:2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input{background:#fff;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:0 .75rem;height:2.5rem;width:100%;outline:none;transition:all .3s ease-in-out}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:hover,::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input:focus{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd326}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item input::placeholder{color:#747576;opacity:1}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item vcomply-editor .editor-container .editable-block{font-size:12px;padding:.5rem .75rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item vcomply-editor .editor-container .editable-block:before{color:#747576!important}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .score-label{background:#f1f1f1;border-radius:.125rem;position:relative;top:-.375rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list{background:#f8f8f8;border-radius:.125rem;height:2rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left{width:calc(100% - 6.5rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .left i.info{cursor:pointer}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right{width:6.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .score{border-radius:0 .125rem .125rem 0;height:2rem;display:flex}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .action{height:2rem;display:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list .right .action button{background:transparent;border:none;border-radius:0}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list:hover .right .score{display:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list:hover .right .action{display:flex}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .associated-list button.segment-close{top:-2.5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item button.segment-btn{background:#fff;border:1px solid #1e5dd3;border-radius:.25rem;height:2.5rem;width:100%}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item button.segment-close{background:#1e5dd3;border:.25rem solid #FFFFFF;border-radius:50%;width:36px;height:36px;margin:.125rem auto;position:relative;z-index:3}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .form-item .segment-popup{position:absolute;bottom:1.25rem;left:.875rem;width:25rem;z-index:2}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom{background:#fbfbfb;border-top:1px solid #F1F1F1;border-radius:0 0 .1875rem .1875rem;height:2.75rem;margin:0 0 -.75rem -1rem;width:calc(100% + 2rem)}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button{border-radius:.125rem;height:1.875rem;width:5rem}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.cancel-btn{background:#fff;border:1px solid #DBDBDB}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.save-btn{background:#1e5dd3;border:none}::ng-deep .assessment-settings-body .settings-item .item-body .segment-form .segment-bottom button.disabled{background:#f1f1f1;color:#747576;pointer-events:none}::ng-deep .assessment-settings-body .settings-item.skeleton-loader{background:#f8f8f8;border-color:#f1f1f1;height:2.5rem}::ng-deep .assessment-settings-body .settings-item.skeleton-loader .loader{background:#dbdbdb;border-radius:.5rem;height:.5rem;width:12rem}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@keyframes fillEdit{to{box-shadow:inset 0 0 0 2px #1e5dd3}}.circular-loader{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}::ng-deep app-cs-switch .cs-switch{cursor:pointer}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.DialogConfig }, { type: i2.DialogRef }, { type: i3.ResultCriteriaService }, { type: i4.SnackBarService }]; }, propDecorators: { action: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 