import { Component, Input, EventEmitter, Output, HostListener, } from '@angular/core';
import { AddPageDetailsComponent } from '../components/add-page-details/add-page-details.component';
import { AssessmentSettingsComponent } from '../components/assessment-settings/assessment-settings.component';
import { EditorService } from '../services/editor.service';
import { DeleteComponent } from '../../../ui-kit/action-dialog/delete/delete.component';
import { ActiveComponent } from '../../../ui-kit/action-dialog/active/active.component';
import * as i0 from "@angular/core";
import * as i1 from "../../../ui-kit/dialog/dialog.service";
import * as i2 from "../services/editor.service";
import * as i3 from "@angular/router";
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 "../../../ui-kit/popover/popover.component";
import * as i8 from "../../../ui-kit/popover/popover.directive";
import * as i9 from "../components/preview/preview-wrapper/preview-wrapper.component";
import * as i10 from "../components/question-type/question-type.component";
import * as i11 from "../components/editor-wrapper/editor-wrapper.component";
import * as i12 from "../components/toolkit/toolkit.component";
import * as i13 from "../components/page-header/page-header.component";
import * as i14 from "../components/welcome-thankyou/welcome-thankyou.component";
export class CreateAssessmentContainerComponent {
    set assessmentData(value) {
        this.initializeAssessment(value);
    }
    set checkpointData(value) {
        this.initializeCheckpoint(value);
    }
    /* When the "Escape" key is pressed, it emits an event to set the value of "isUploaded" to
    false. and left popup will close. */
    onKeydownHandler(event) {
        this.setIsUploaded.emit(false);
    }
    constructor(dialog, editorService, 
    // private  layoutService: LayoutService,
    route, snackbar, router) {
        this.dialog = dialog;
        this.editorService = editorService;
        this.route = route;
        this.snackbar = snackbar;
        this.router = router;
        this.showCollapse = false;
        this.expandPage = false;
        this.hideQuestion = false;
        this.assessmentId = '';
        this.assessmentName = '';
        this.assessmentCategory = '';
        this.assessmentControlId = '';
        this.assessmentCurrentState = 'DRAFT';
        this.pageMode = 'EDIT';
        this.isLoaded = false;
        this.openPortal = '';
        this.setIsUploaded = new EventEmitter();
        this.postAssessment = new EventEmitter();
        this.entitySettings = {
            panelTitle: '',
        };
    }
    ngOnInit() {
        this.editorService.addPage();
        this.editorService.numberOfPages();
        // this.initializeAssessment();
    }
    triggerPreviewWithValidation() {
        this.editorService.activeQuestionIndex.next(-10);
        this.editorService.activeQuestion = -10;
    }
    initializeAssessment(assessmentData) {
        if (assessmentData) {
            this.editorService.formsPage = assessmentData.assessmentData;
            this.assessmentName = assessmentData.metadata.assessment_name;
            this.assessmentCategory = assessmentData.metadata.category_arr;
        }
    }
    initializeCheckpoint(checkpointData) {
        if (checkpointData && Object.keys(checkpointData)?.length > 0) {
            this.editorService.formsPage = checkpointData;
        }
    }
    setAllPages() {
        this.editorService.allPages = [
            ...new Set(this.editorService.formsPage.elements.map((ele) => ele.page)),
        ];
        this.getPageName(1);
    }
    addPageDetails() {
        const ref = this.dialog.open(AddPageDetailsComponent, {
            data: {
                page: this.editorService.currentPageNumber,
                pageDetails: this.editorService.currentPageDetails,
                ref: this.editorService,
            },
            position: 'RIGHT',
            background: 'black',
        });
        ref.afterClosed.subscribe((data) => {
            this.generatePageDropdown();
        });
    }
    assessmentSettings() {
        this.entitySettings = this.getSettingsData();
        const ref = this.dialog.open(AssessmentSettingsComponent, {
            data: { settings: this.entitySettings, service: this.editorService },
            position: 'RIGHT',
            background: 'black',
        });
    }
    getSettingsData() {
        let settings = {
            panelTitle: `Assessment settings`,
            settingsElements: [],
        };
        settings.settingsElements.push({
            type: 'ASSESSMENT',
            entityType: 'ASSESSMENT',
            isVisible: true,
            isEnabled: this.editorService.formsPage.settings.assessmentMode,
            helpingText: 'You can configure scores for the questions and analyze the responses submitted by the respondent based on these scores.',
            defaultScore: this.editorService.formsPage.settings.defaultScore,
            negativeScoreCriteria: this.editorService.formsPage.settings.negativeScoreCriteria,
            negativeScore: this.editorService.formsPage.settings.negativeScore,
            weightageEnabled: this.editorService.formsPage.settings.weightageEnabled,
            settingTitle: 'ASSESSMENT MODE',
            settingEnableText: `Enable assessment mode for this assessment`,
            updateType: 'LAZY',
        });
        settings.settingsElements.push({
            type: 'RESPONSE_SEGMENT',
            entityType: 'ASSESSMENT',
            helpingText: 'Response segments let you divide the responses into separate parts or sections for easier analysis of data and assist in decision making.',
            isVisible: true,
            isEnabled: this.editorService.formsPage.responseSegment['isEnabled'] ?? false,
            settingTitle: 'RESPONSE SEGMENTS',
            settingEnableText: `Configure Response Segments for this assessment`,
            updateType: 'LAZY',
            segmentData: this.editorService.formsPage.responseSegment,
        });
        return settings;
    }
    clickCollapse() {
        this.showCollapse = !this.showCollapse;
    }
    clickExpand() {
        this.expandPage = true;
    }
    closeExpand() {
        this.expandPage = false;
    }
    deletePage() {
        const ref = this.dialog.open(DeleteComponent, {
            data: { message: `This action will <strong>remove</strong> this page.` },
            position: 'CENTER',
            background: 'black',
        });
        ref.afterClosed.subscribe((data) => {
            if (data === true) {
                this.deletePageConfirm(true);
            }
        });
    }
    deletePageConfirm(confirmDelete) {
        if (confirmDelete) {
            this.editorService.allPages = this.editorService.allPages.filter((pageNum) => pageNum !== this.editorService.currentPageNumber);
            this.editorService.allPages = this.updatePageNumbersForAllPages(this.editorService.allPages);
            this.editorService.formsPage.pageDetailsList =
                this.editorService.formsPage.pageDetailsList.filter((pageDetail) => pageDetail.pageNumber !== this.editorService.currentPageNumber);
            this.editorService.formsPage.pageDetailsList =
                this.updatePageNumberForPageDetails(this.editorService.formsPage.pageDetailsList);
            this.editorService.formsPage.elements =
                this.editorService.formsPage.elements.filter((elementDetail) => elementDetail.page !== this.editorService.currentPageNumber);
            this.editorService.formsPage.elements = this.updatePageNumberForQuestions(this.editorService.formsPage.elements);
            if (this.editorService.currentPageNumber > 1) {
                this.editorService.currentPageNumber -= 1;
            }
            this.getPageName(this.editorService.currentPageNumber);
            this.checkForPageDetails();
        }
        this.editorService.activeQuestion = -10;
    }
    updatePageNumbersForAllPages(arrayToBeUpdated) {
        for (let i = 0; i < arrayToBeUpdated.length; i++) {
            if (i >= this.editorService.currentPageNumber - 1) {
                arrayToBeUpdated[i] -= 1;
            }
        }
        return arrayToBeUpdated;
    }
    updatePageNumberForPageDetails(arrayToBeUpdated) {
        arrayToBeUpdated.forEach((element) => {
            if (element.pageNumber >= this.editorService.currentPageNumber) {
                element.pageNumber -= 1;
            }
        });
        return arrayToBeUpdated;
    }
    updatePageNumberForQuestions(arrayToBeUpdated) {
        arrayToBeUpdated.forEach((element) => {
            if (element.page >= this.editorService.currentPageNumber) {
                element.page -= 1;
            }
        });
        return arrayToBeUpdated;
    }
    openQuestion() {
        this.hideQuestion = true;
    }
    closeQuestion() {
        this.hideQuestion = false;
    }
    deleteQuestionWithValidation(index) {
        if (index === 'welcome') {
            this.editorService.formsPage.hasWelcome = false;
            this.editorService.currentPageNumber = 1;
            this.editorService.stepIdentifier = 'pagescreen';
        }
        this.editorService.deleteQuestion(index);
    }
    checkforError(mode) {
        const errorQuestionIndex = this.editorService?.formsPage?.elements?.findIndex((element, index) => element?.errorArray &&
            Object.values(element?.errorArray)?.length > 0);
        if (errorQuestionIndex >= 0) {
            if (mode === 'full') {
                this.editorService.currentPageNumber =
                    this.editorService.formsPage.elements[errorQuestionIndex].page;
            }
            if (mode !== 'partial') {
                // this.getPageName(this.editorService.currentPageNumber);
                this.editorService.activeQuestion = errorQuestionIndex;
                this.editorService.activeQuestionIndex.next(errorQuestionIndex);
                const question = document.getElementById(this.editorService.formsPage.elements[errorQuestionIndex].name);
                setTimeout(() => {
                    if (question) {
                        question.scrollIntoView({ behavior: 'smooth', block: 'start' });
                    }
                }, 200);
            }
            if (mode === 'save') {
                this.editorService.activeQuestion = -10;
                this.editorService.activeQuestionIndex.next(-10);
            }
            return true;
        }
        else {
            if (mode === 'save') {
                this.editorService.activeQuestion = -10;
                this.editorService.activeQuestionIndex.next(-10);
            }
            return false;
        }
    }
    generatePageDropdown() {
        const list = [];
        if (this.editorService.formsPage.hasWelcome === true) {
            list.push({
                value: -1,
                template: `<span class="page-number">Welcome Screen</span>`,
            });
        }
        if (this.editorService.formsPage.hasThanks === true) {
            list.push({
                value: -2,
                template: `<span class="page-number">Thank you Screen</span>`,
            });
        }
        this.editorService.allPages.forEach((element) => {
            list.push({
                value: element,
                template: this.getPageNameForDropdown(element),
            });
        });
        return list;
    }
    getPageNameForDropdown(pageNumber) {
        let pageValue = `<span class="page-number">Page ${pageNumber}</span>`;
        this.editorService.formsPage.pageDetailsList.forEach((pageDetail) => {
            if (pageDetail.pageNumber === pageNumber && pageDetail.pageName !== '') {
                pageValue = `<span class="page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3">PAGE</span>
                                <span class="page-number vx-fs-11 vx-paragraph-txt">${pageDetail.pageNumber}</span>`;
                //pageValue = `<span class="page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3">Page </span> <span ${pageDetail.pageNumber}</span> <span class="page-number vx-fs-11 vx-paragraph-txt"> ${pageDetail.pageName}</span>`;
            }
        });
        return pageValue;
    }
    pageChanged(evt) {
        if (evt.value === -1) {
            this.setIdentifier('welcomescreen');
        }
        else if (evt.value === -2) {
            this.setIdentifier('thankyouscreen');
        }
        else if (evt.value >= 0) {
            this.editorService.currentPageNumber = evt?.value;
            this.setIdentifier('pagescreen');
        }
    }
    setIdentifier(screen) {
        this.changeToInactive();
        if (screen === 'welcomescreen') {
            this.editorService.stepIdentifier = 'welcomescreen';
            this.editorService.currentPageNumber = -1;
        }
        if (screen === 'thankyouscreen') {
            this.editorService.stepIdentifier = 'thankyouscreen';
            this.editorService.currentPageNumber = -2;
        }
        if (screen === 'pagescreen') {
            this.editorService.stepIdentifier = 'pagescreen';
            if (this.editorService.allPages.length === 0) {
                this.editorService.addPage();
                this.editorService.currentPageNumber = 1;
            }
            else if (this.editorService.currentPageNumber === -1 ||
                this.editorService.currentPageNumber === -2) {
                this.editorService.currentPageNumber =
                    this.editorService.allPages.length;
            }
        }
        this.getPageName(this.editorService.currentPageNumber);
    }
    getPageName(pageNumber) {
        this.editorService.currentPageDetails = {
            pageName: '',
            pageNumber: 0,
            pageDescription: '',
        };
        this.editorService.formsPage.pageDetailsList.forEach((pageDetail) => {
            if (pageDetail.pageNumber === pageNumber) {
                this.editorService.currentPageDetails.pageNumber =
                    pageDetail.pageNumber;
                this.editorService.currentPageDetails.pageName = pageDetail.pageName;
                this.editorService.currentPageDetails.pageDescription =
                    pageDetail.pageDescription;
            }
        });
        this.checkForPageDetails();
    }
    checkForPageDetails() {
        if (this.editorService.currentPageDetails === undefined ||
            this.editorService.currentPageDetails.pageName === '') {
            this.editorService.showAddPageOption = true;
            this.editorService.showPageDetails = false;
        }
        else {
            this.editorService.showAddPageOption = false;
            this.editorService.showPageDetails = true;
        }
    }
    changeToInactive() {
        this.editorService.activeQuestion = -5;
        this.editorService.activeQuestionIndex.next(-5);
    }
    addNewPage() {
        this.editorService.addPage();
        this.editorService.currentPageDetails = {
            pageName: '',
            pageNumber: this.editorService.currentPageNumber,
            pageDescription: '',
        };
        this.editorService.showPageDetails = false;
        this.editorService.showAddPageOption = true;
        this.generatePageDropdown();
    }
    capitalizeString(stringValue) {
        return stringValue[0].toUpperCase() + stringValue.slice(1);
    }
    onDeletePageClick() {
        // this.showDeletePopup = true;
    }
    isPageEmpty() {
        if (![
            ...new Set(this.editorService.formsPage.elements.map((element) => element.page)),
        ].includes(this.editorService.currentPageNumber)) {
            return true;
        }
        else {
            return false;
        }
    }
    submitAfterErrorCheck(mode) {
        this.editorService.activeQuestionIndex.next(-10);
        this.editorService.activeQuestion = -10;
        if (this.editorService.stepIdentifier === 'welcomescreen' ||
            this.editorService.stepIdentifier === 'thankyouscreen') {
            this.editorService.currentPageNumber = 1;
            this.editorService.stepIdentifier = 'pagescreen';
        }
        //this.pageMode = 'EDIT';
        this.validateWelcomeThankYou();
        setTimeout(() => {
            if (!this.checkforError('full')) {
                for (const question of this.editorService.formsPage.elements) {
                    if (!['checkbox', 'dropdown', 'multiple-choice'].includes(question.type)) {
                        if (question.choices) {
                            question.choices.forEach((element) => {
                                element.color = undefined;
                                element.score = 1;
                                element.isFailed = false;
                            });
                        }
                        question.otherConfig = { color: '', isFailed: false, score: 0 };
                    }
                }
                this.save(mode);
            }
        }, 200);
    }
    validateWelcomeThankYou() {
        const question = this.editorService.formsPage;
        if (question.hasWelcome === true) {
            if (question.hasWelcomeDescription === true &&
                this.editorService.extract(question.welcomeDescription).length === 0) {
                this.editorService.formsPage.hasWelcomeDescription = false;
            }
            if (question.hasWelcomeImage === true &&
                this.editorService.extract(question.welcomeImage).length === 0) {
                this.editorService.formsPage.hasWelcomeImage = false;
            }
            if (this.editorService.extract(question.welcomeDescription).length === 0 &&
                this.editorService.extract(question.welcomeText).length === 0 &&
                this.editorService.extract(question.welcomeImage).length === 0) {
                this.editorService.formsPage.hasWelcome = false;
                this.editorService.formsPage.hasWelcomeDescription = true;
                this.editorService.formsPage.hasWelcomeImage = true;
            }
        }
        if (question.hasThanks === true) {
            if (question.hasThankyouDescription === true &&
                this.editorService.extract(question.thankyouDescription).length === 0) {
                this.editorService.formsPage.hasThankyouDescription = false;
            }
            if (question.hasThankyouImage === true &&
                this.editorService.extract(question.thankyouImage).length === 0) {
                this.editorService.formsPage.hasThankyouImage = false;
            }
            if (this.editorService.extract(question.thankyouDescription).length === 0 &&
                this.editorService.extract(question.thankyouText).length === 0 &&
                this.editorService.extract(question.thankyouImage).length === 0) {
                this.editorService.formsPage.hasThanks = false;
                this.editorService.formsPage.hasThankyouDescription = true;
                this.editorService.formsPage.hasThankyouImage = true;
            }
        }
    }
    save(mode) {
        if (mode === 'ACTIVE' && this.openPortal !== 'RESPONSIBILITY_CHECKPOINT') {
            const ref = this.dialog.open(ActiveComponent, {
                data: {
                    message: `Once published, this assessment will be active and can be associated with a compliance responsibility.`,
                },
                position: 'CENTER',
                background: 'black',
            });
            ref.afterClosed.subscribe({
                next: (res) => {
                    if (res === true) {
                        this.postAssessment.emit({
                            mode: mode,
                            assessmentDetails: this.editorService.formsPage,
                        });
                    }
                },
            });
        }
        else {
            this.postAssessment.emit({
                mode: mode,
                assessmentDetails: this.editorService.formsPage,
            });
        }
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateAssessmentContainerComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorService }, { token: i3.ActivatedRoute }, { token: i4.SnackBarService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateAssessmentContainerComponent, selector: "app-create-assessment-container", inputs: { openPortal: "openPortal", assessmentData: ["assessmentJSON", "assessmentData"], checkpointData: ["checkpointJSON", "checkpointData"] }, outputs: { setIsUploaded: "setIsUploaded", postAssessment: "postAssessment" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, providers: [EditorService], ngImport: i0, template: "<ng-container>\n  <div\n    *ngIf=\"pageMode === 'EDIT'\"\n    class=\"create-assessment-container\"\n    [class.full-page]=\"expandPage\"\n  >\n    <div\n      class=\"create-assessment-head vx-p-2 vx-pl-3 vx-d-flex vx-align-center vx-justify-between\"\n    >\n      <div\n        class=\"left vx-d-flex vx-align-center\"\n        [class.with-template-btn]=\"false\"\n      >\n        <span\n          *ngIf=\"assessmentControlId\"\n          class=\"id vx-fs-10 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-2\"\n          >{{ assessmentControlId }}</span\n        >\n        <i\n          *ngIf=\"openPortal === 'RESPONSIBILITY_CHECKPOINT'\"\n          class=\"icons arrow-back vx-mr-1\"\n          (click)=\"setIsUploaded.emit(false)\"\n          >&#xe91d;</i\n        >\n        <span\n          class=\"heading vx-fs-14 vx-fw-500 vx-label-txt\"\n          [appTooltip]=\"\n            openPortal === 'RESPONSIBILITY_CHECKPOINT'\n              ? 'Add Checkpoints'\n              : assessmentName\n          \"\n          placement=\"bottom-left\"\n          delay=\"0\"\n          type=\"black\"\n          [tooltipMandatory]=\"false\"\n          >{{\n            openPortal === \"RESPONSIBILITY_CHECKPOINT\"\n              ? \"Add Checkpoints\"\n              : assessmentName\n          }}</span\n        >\n        <!-- <button class=\"edit-btn vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-d-flex vx-align-center\"><i class=\"icons\">&#xe9ba;</i></button> -->\n      </div>\n      <div class=\"right vx-d-flex vx-align-center\">\n        <button\n          *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\"\n          class=\"page-dropdown vx-p-0 vx-pl-1 vx-pr-2 vx-m-0 vx-d-flex vx-align-center\"\n          appPopover\n          (click)=\"action.popover()\"\n          placement=\"right\"\n        >\n          <span\n            class=\"page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\"\n            *ngIf=\"editorService.currentPageNumber > 0\"\n            >PAGE {{ editorService?.currentPageNumber }}</span\n          >\n          <span\n            class=\"page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\"\n            *ngIf=\"editorService.currentPageNumber === -1\"\n            >Welcome Screen</span\n          >\n          <span\n            class=\"page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\"\n            *ngIf=\"editorService.currentPageNumber === -2\"\n            >Thankyou Screen</span\n          >\n          <!-- <span class=\"page-number vx-fs-11 vx-paragraph-txt\" *ngIf=\"editorService.stepIdentifier=='pagescreen'\">{{editorService?.currentPageDetails?.pageName}}</span> -->\n          <i class=\"icons arrow vx-fs-10 vx-paragraph-txt\">&#xe9e8;</i>\n        </button>\n        <app-popover #action>\n          <div class=\"page-dropdown-popup\">\n            <ul class=\"vx-p-0 vx-m-0\">\n              <li\n                class=\"vx-d-flex vx-align-center\"\n                *ngFor=\"let data of generatePageDropdown()\"\n              >\n                <button\n                  class=\"vx-d-block vx-p-2 vx-m-0 vx-w-100\"\n                  [innerHTML]=\"data?.template\"\n                  (click)=\"pageChanged(data)\"\n                >\n                  <!-- <span class=\"page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\">PAGE</span>\n                                    <span class=\"page-number vx-fs-11 vx-paragraph-txt\">1</span>\n                                    {{data|json}} -->\n                </button>\n              </li>\n            </ul>\n            <div\n              class=\"action-bottom vx-d-flex vx-align-center vx-justify-end vx-p-2\"\n            >\n              <button\n                (click)=\"addNewPage()\"\n                class=\"add-page vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center\"\n              >\n                ADD NEW PAGE\n              </button>\n            </div>\n          </div>\n        </app-popover>\n        <button\n          *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\"\n          class=\"settings-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-lh-6 vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center\"\n          (click)=\"assessmentSettings()\"\n        >\n          <i class=\"icons vx-fs-12 vx-d-flex vx-mr-1\">&#xe913;</i> ASSESSMENT\n          SETTINGS\n        </button>\n        <button\n          *ngIf=\"false\"\n          class=\"template-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-lh-6 vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center\"\n        >\n          <i class=\"icons vx-fs-12 vx-d-flex vx-mr-1\">&#xe9ed;</i> SAVE AS\n          TEMPLATE\n        </button>\n      </div>\n    </div>\n    <div class=\"create-assessment-body\">\n      <ng-container *ngIf=\"editorService.stepIdentifier == 'pagescreen'\">\n        <div *ngIf=\"isPageEmpty()\" class=\"select-question-part\">\n          <div class=\"vx-d-flex vx-align-center vx-justify-center\">\n            <div class=\"question-inner vx-pl-5 vx-mb-4\">\n              <!-- <button class=\"page-title vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center vx-w-100\" (click)=\"addPageDetails()\"><i class=\"icons vx-fs-16 vx-mr-1\">&#xe90a;</i> PAGE TITLE</button> -->\n              <div\n                class=\"heading vx-fs-18 vx-paragraph-txt vx-text-center vx-w-100\"\n              >\n                Select a question type to begin:\n              </div>\n              <app-question-type\n                (addQuestion)=\"editorService.addQuestion($event)\"\n              ></app-question-type>\n            </div>\n          </div>\n\n          <div class=\"floating-bar\">\n            <div class=\"floating-bar-container\">\n              <div class=\"right\">\n                <button class=\"cancel\" (click)=\"setIsUploaded.emit(false)\">\n                  Cancel\n                </button>\n              </div>\n            </div>\n          </div>\n\n          <!-- <ng-template #elseBlock>\n                        <div>\n                            <app-editor-loader></app-editor-loader>\n                        </div>\n                    </ng-template> -->\n        </div>\n      </ng-container>\n\n      <ng-container\n        *ngIf=\"!isPageEmpty() || editorService.currentPageNumber < 0\"\n      >\n        <div class=\"editor-section\">\n          <div class=\"editor-section-body vx-d-flex\">\n            <app-toolkit\n              (addQuestion)=\"editorService.addQuestion($event)\"\n            ></app-toolkit>\n\n            <div class=\"editor-section-inner\">\n              <app-welcome-thankyou\n                *ngIf=\"editorService.stepIdentifier == 'welcomescreen'\"\n                [entityData]=\"editorService?.formsPage\"\n                [service]=\"editorService\"\n                (deleteQuestion)=\"deleteQuestionWithValidation('welcome')\"\n              ></app-welcome-thankyou>\n              <!-- <app-preview-welcome></app-preview-welcome> -->\n              <ng-container\n                *ngIf=\"editorService.stepIdentifier == 'pagescreen'\"\n              >\n                <button\n                  *ngIf=\"\n                    editorService.stepIdentifier == 'pagescreen' &&\n                    editorService.showAddPageOption\n                  \"\n                  class=\"page-title vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-mb-2 vx-d-flex vx-align-center vx-justify-center vx-w-100\"\n                  (click)=\"addPageDetails()\"\n                >\n                  <i class=\"icons vx-fs-16 vx-mr-1\">&#xe90a;</i> PAGE TITLE\n                </button>\n                <app-page-header\n                  (edit)=\"addPageDetails()\"\n                  *ngIf=\"\n                    editorService.stepIdentifier == 'pagescreen' &&\n                    editorService.showPageDetails\n                  \"\n                  [pageName]=\"editorService.currentPageDetails.pageName\"\n                  [pageDescription]=\"\n                    editorService.currentPageDetails.pageDescription\n                  \"\n                ></app-page-header>\n                <ng-container\n                  *ngFor=\"\n                    let question of editorService.formsPage.elements;\n                    let questionIndex = index\n                  \"\n                >\n                  <ng-container\n                    *ngIf=\"\n                      question.page === editorService.currentPageNumber &&\n                      editorService.stepIdentifier == 'pagescreen'\n                    \"\n                  >\n                    <app-editor-wrapper\n                      *ngIf=\"editorService.activeQuestion === questionIndex\"\n                      [service]=\"editorService\"\n                      [question]=\"question\"\n                      [questionIndex]=\"questionIndex\"\n                      [openPortal]=\"openPortal\"\n                      (validQuestionData)=\"checkforError($event)\"\n                      (deleteQuestion)=\"deleteQuestionWithValidation($event)\"\n                      (copyQuestion)=\"editorService.copyQuestion($event)\"\n                    ></app-editor-wrapper>\n                    <app-preview-wrapper\n                      *ngIf=\"editorService.activeQuestion !== questionIndex\"\n                      [question]=\"question\"\n                      [questionIndex]=\"questionIndex\"\n                      (makeActiveQuestion)=\"\n                        editorService.activeQuestion = $event\n                      \"\n                    ></app-preview-wrapper>\n                  </ng-container>\n                </ng-container>\n                <div class=\"next-question-area\">\n                  <button\n                    class=\"page-title vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-mb-2 vx-d-flex vx-align-center vx-justify-center vx-w-100\"\n                    (click)=\"openQuestion()\"\n                  >\n                    <i class=\"icons vx-fs-16 vx-mr-1\">&#xe90a;</i> NEXT QUESTION\n                  </button>\n                  <div class=\"next-question-popup vx-p-3\" *ngIf=\"hideQuestion\">\n                    <app-question-type\n                      (addQuestion)=\"\n                        editorService.addQuestion($event); closeQuestion()\n                      \"\n                    ></app-question-type>\n                  </div>\n                  <div\n                    class=\"overlay\"\n                    *ngIf=\"hideQuestion\"\n                    (click)=\"closeQuestion()\"\n                  ></div>\n                </div>\n                <button\n                  *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\"\n                  (click)=\"addNewPage()\"\n                  class=\"page-title vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-mb-2 vx-d-flex vx-align-center vx-justify-center vx-w-100\"\n                >\n                  <i class=\"icons vx-fs-16 vx-mr-1\">&#xe90a;</i> ADD NEW PAGE\n                </button>\n              </ng-container>\n            </div>\n\n            <div\n              class=\"right-side-btn\"\n              *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\"\n            >\n              <button\n                *ngIf=\"!expandPage\"\n                (click)=\"clickExpand()\"\n                class=\"fullscreen-btn vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-mb-3 vx-d-flex vx-align-center vx-justify-center\"\n                [appTooltip]=\"'Expand Page'\"\n                placement=\"left\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"true\"\n              >\n                <i class=\"icons\">&#xe945;</i>\n              </button>\n              <button\n                *ngIf=\"expandPage\"\n                (click)=\"closeExpand()\"\n                class=\"fullscreen-btn vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-mb-3 vx-d-flex vx-align-center vx-justify-center\"\n                [appTooltip]=\"'Shrink Page'\"\n                placement=\"left\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"true\"\n              >\n                <i class=\"icons\">&#xe944;</i>\n              </button>\n              <button\n                *ngIf=\"editorService.stepIdentifier == 'pagescreen'\"\n                (click)=\"deletePage()\"\n                class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"\n                [appTooltip]=\"'Delete Page'\"\n                placement=\"left\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"true\"\n              >\n                <i class=\"icons\">&#xe923;</i>\n              </button>\n            </div>\n          </div>\n          <div\n            class=\"editor-section-footer vx-d-flex vx-align-center vx-justify-center vx-mt-4\"\n          >\n            <button\n              (click)=\"setIsUploaded.emit(false)\"\n              class=\"cancel-btn vx-fs-14 vx-fw-500 vx-txt-red vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center\"\n            >\n              CANCEL\n            </button>\n            <button\n              *ngIf=\"openPortal === 'ASSESSMENT_IMPORT'\"\n              (click)=\"submitAfterErrorCheck('DRAFT')\"\n              [class.disabled]=\"assessmentCurrentState === 'ACTIVE'\"\n              class=\"white-btn vx-fs-14 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center\"\n            >\n              SAVE AS DRAFT\n            </button>\n            <button\n              *ngIf=\"openPortal === 'ASSESSMENT_IMPORT'\"\n              (click)=\"submitAfterErrorCheck('ACTIVE')\"\n              class=\"blue-btn vx-fs-14 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center\"\n            >\n              PUBLISH\n            </button>\n            <button\n              *ngIf=\"openPortal === 'RESPONSIBILITY_CHECKPOINT'\"\n              (click)=\"submitAfterErrorCheck('ACTIVE')\"\n              class=\"blue-btn vx-fs-14 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center\"\n            >\n              NEXT &nbsp;<i class=\"icons\">&#xe91e;</i>\n            </button>\n            <!-- <button (click)=\"pageMode = 'PREVIEW'\" class=\"preview-btn vx-fs-20 vx-txt-white vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" [appTooltip]=\"'Preview'\" placement=\"left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\"><i class=\"icons\">&#xeae5;</i></button> -->\n            <button\n              *ngIf=\"false\"\n              class=\"close-btn vx-fs-12 vx-txt-white vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"\n              [appTooltip]=\"'Close'\"\n              placement=\"left\"\n              delay=\"0\"\n              type=\"black\"\n              [tooltipMandatory]=\"true\"\n            >\n              <i class=\"icons\">&#xe90d;</i>\n            </button>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n  <!-- <app-assessment-preview-container *ngIf=\"pageMode === 'PREVIEW'\" [questionDetails]=\"editorService.formsPage\"></app-assessment-preview-container> -->\n</ng-container>\n\n<!-- <app-editor-loader *ngIf=\"!isLoaded\"></app-editor-loader> -->\n", 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\";.create-assessment-container{position:relative}.create-assessment-container.full-page{position:fixed;inset:0;width:100vw;height:100vh;margin:0!important;z-index:9}.create-assessment-container.full-page .create-assessment-head{border-radius:0}.create-assessment-container.full-page .create-assessment-body{border-radius:0;height:calc(100vh - 2.5rem)}.create-assessment-container.full-page .create-assessment-body .editor-section-body .right-side-btn{top:4.75rem;right:5rem}.create-assessment-container.full-page .create-assessment-body .editor-section-footer{border-radius:0}.create-assessment-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1;position:relative}.create-assessment-head:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}.create-assessment-head .left{width:calc(100% - 22rem)}.create-assessment-head .left i.arrow-back{cursor:pointer}.create-assessment-head .left .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 10rem)}.create-assessment-head .left button.edit-btn{background:transparent;border:none;border-radius:0}.create-assessment-head .left.with-template-btn{width:calc(100% - 30rem)}.create-assessment-head .right button.page-dropdown{background:#fff;border-radius:.125rem;border:1px solid #BCBCBC;position:relative;height:1.5rem;width:11.5rem}.create-assessment-head .right button.page-dropdown .page-label{background:#f1f1f1;border-radius:.125rem;color:#042e7d}.create-assessment-head .right button.page-dropdown .arrow{position:absolute;top:.375rem;right:.5rem}.create-assessment-head .right button.settings-btn{background:#1e5dd3;border-radius:.125rem;border:none;height:1.5rem}.create-assessment-head .right button.template-btn{background:#34aa44;border-radius:.125rem;border:none;height:1.5rem}.create-assessment-body{background:#fff;border-radius:0 0 .125rem .125rem;height:calc(100vh - 2.5rem);scrollbar-width:thin}.create-assessment-body::-webkit-scrollbar-track{background-color:#f1f1f1}.create-assessment-body::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}.create-assessment-body app-toolkit{position:sticky;top:0}.create-assessment-body .select-question-part{padding:2rem}.create-assessment-body .select-question-part .question-inner{width:69rem;height:calc(100vh - 11rem);overflow:auto;padding-right:3.75rem;position:relative;left:.625rem}.create-assessment-body .select-question-part .question-inner::-webkit-scrollbar-track{background-color:transparent}.create-assessment-body .select-question-part .question-inner .heading{margin-top:4rem;margin-bottom:2rem}.create-assessment-body .select-question-part .floating-bar-container{background:#fff;box-shadow:0 6px 12px #4681ef26;border-radius:4px;border:1px solid #f8f8f8;height:48px;padding:8px 12px;display:flex;justify-content:end;position:relative;align-items:center}.create-assessment-body .select-question-part .floating-bar-container .right{display:flex;align-items:center}.create-assessment-body .select-question-part .floating-bar-container .right .name{margin-left:15px;color:#707070;font-size:12px;font-weight:500;line-height:18px;display:flex;align-items:center;white-space:nowrap}.create-assessment-body .select-question-part .floating-bar-container .right .name span.required{color:#eb2424;font-size:14px}.create-assessment-body .select-question-part .floating-bar-container .right .name i{margin-left:3px;color:#1e5dd3;cursor:pointer}.create-assessment-body .select-question-part .floating-bar-container .right app-cs-select{margin-left:12px;width:125px;display:flex}.create-assessment-body .select-question-part .floating-bar-container .right app-cs-select .input-group .custom-select-box input{height:32px}.create-assessment-body .select-question-part .floating-bar-container .right app-cs-select .input-group .custom-select-box span.arrow{bottom:6px}.create-assessment-body .select-question-part .floating-bar-container .right button{border-radius:2px;height:28px;background:#1e5dd3!important;width:72px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff!important;text-transform:uppercase;font-size:11px;font-weight:500;border:1px solid #1e5dd3!important;padding:0;margin:0 0 0 28px}.create-assessment-body .select-question-part .floating-bar-container .right button i{margin-left:8px;font-size:16px}.create-assessment-body .select-question-part .floating-bar-container .right button:disabled{filter:grayscale(1);cursor:not-allowed;opacity:.5;pointer-events:auto}.create-assessment-body .select-question-part .floating-bar-container .right button.cancel{background:transparent!important;border:none!important;color:#eb2424!important;margin-right:0;width:auto;padding:0}.create-assessment-body .editor-section{height:100%}.create-assessment-body .editor-section-body{height:calc(100% - 5.25rem);position:relative;overflow:auto}.create-assessment-body .editor-section-body::-webkit-scrollbar-track{background-color:transparent}.create-assessment-body .editor-section-body .right-side-btn{position:fixed;top:180px;right:100px}.create-assessment-body .editor-section-body .right-side-btn button{background:#f8f8f8;border-radius:.125rem;border:none;width:1.5rem;height:1.5rem}.create-assessment-body .editor-section-inner{width:60rem;margin:0 auto;padding:2rem 0;height:100%}@media screen and (max-width: 1366px){.create-assessment-body .editor-section-inner{width:55rem!important}}.create-assessment-body .editor-section-inner .next-question-area{position:relative}.create-assessment-body .editor-section-inner .next-question-area ::ng-deep app-question-type .question-type ul li{width:10rem!important}.create-assessment-body .editor-section-inner .next-question-area .overlay{z-index:8}.create-assessment-body .editor-section-inner .next-question-popup{background:#fff;border-radius:.25rem;box-shadow:0 0 6px #1e5dd326;position:absolute;left:0;right:0;bottom:0;z-index:9}.create-assessment-body .editor-section-footer{background:#fff;border-radius:0 0 .125rem .125rem;box-shadow:0 -3px 6px #1e5dd326;height:4.25rem;position:relative}.create-assessment-body .editor-section-footer button{border-radius:.125rem;width:12.5rem;height:2.75rem;letter-spacing:1.5px}.create-assessment-body .editor-section-footer button.white-btn,.create-assessment-body .editor-section-footer button.cancel-btn{background:#fff;border:1px solid #DBDBDB}.create-assessment-body .editor-section-footer button.blue-btn{background:#1e5dd3;border:none}.create-assessment-body .editor-section-footer button.disabled{opacity:.7;pointer-events:none;cursor:not-allowed}.create-assessment-body .editor-section-footer button.preview-btn{background:#34aa44;border-radius:.125rem;border:none;width:2.75rem;height:2.5rem;position:absolute;bottom:.875rem;right:1rem}.create-assessment-body .editor-section-footer button.close-btn{background:#d93b41;border-radius:.125rem;border:none;width:2.75rem;height:2.5rem;position:absolute;bottom:.875rem;right:1rem}button.page-title{background:#fff;border:1px dashed #DBDBDB;border-radius:.25rem;height:3.125rem;transition:all .3s ease-in-out}button.page-title:hover{border-color:#1e5dd3;color:#1e5dd3}.page-dropdown-popup{background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:.25rem;width:11.5rem;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}.page-dropdown-popup ul{list-style-type:none;max-height:12rem;overflow-y:auto}.page-dropdown-popup ul li{border-bottom:1px solid #F1F1F1;list-style-type:none}.page-dropdown-popup ul li:only-child,.page-dropdown-popup ul li:last-of-type{border-bottom:none}.page-dropdown-popup ul li button{background:transparent;border:none;border-radius:0;text-align:left}.page-dropdown-popup ul li button .page-label{background:#f1f1f1;border-radius:.125rem;color:#042e7d}.page-dropdown-popup .action-bottom{background:#f8f8f8;border-top:1px solid #F1F1F1;border-radius:0 0 .125rem .125rem}.page-dropdown-popup .action-bottom button{border-radius:.125rem;height:1.5rem}.page-dropdown-popup .action-bottom button.add-page{background:#1e5dd3;border:1px solid #1e5dd3}.page-number{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disabled{opacity:.7;pointer-events:none;cursor:not-allowed}\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.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i8.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "component", type: i9.PreviewWrapperComponent, selector: "app-preview-wrapper", inputs: ["question", "questionIndex"], outputs: ["makeActiveQuestion", "validQuestionData"] }, { kind: "component", type: i10.QuestionTypeComponent, selector: "app-question-type", outputs: ["addQuestion"] }, { kind: "component", type: i11.EditorWrapperComponent, selector: "app-editor-wrapper", inputs: ["openPortal", "questionIndex", "question", "GRS", "service", "editorMode"], outputs: ["validQuestionData", "deleteQuestion", "copyQuestion"] }, { kind: "component", type: i12.ToolkitComponent, selector: "app-toolkit", outputs: ["addQuestion"] }, { kind: "component", type: i13.PageHeaderComponent, selector: "app-page-header", inputs: ["pageName", "pageDescription"], outputs: ["edit"] }, { kind: "component", type: i14.WelcomeThankyouComponent, selector: "app-welcome-thankyou", inputs: ["service", "entityData"], outputs: ["deleteQuestion"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateAssessmentContainerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-create-assessment-container', providers: [EditorService], template: "<ng-container>\n  <div\n    *ngIf=\"pageMode === 'EDIT'\"\n    class=\"create-assessment-container\"\n    [class.full-page]=\"expandPage\"\n  >\n    <div\n      class=\"create-assessment-head vx-p-2 vx-pl-3 vx-d-flex vx-align-center vx-justify-between\"\n    >\n      <div\n        class=\"left vx-d-flex vx-align-center\"\n        [class.with-template-btn]=\"false\"\n      >\n        <span\n          *ngIf=\"assessmentControlId\"\n          class=\"id vx-fs-10 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-2\"\n          >{{ assessmentControlId }}</span\n        >\n        <i\n          *ngIf=\"openPortal === 'RESPONSIBILITY_CHECKPOINT'\"\n          class=\"icons arrow-back vx-mr-1\"\n          (click)=\"setIsUploaded.emit(false)\"\n          >&#xe91d;</i\n        >\n        <span\n          class=\"heading vx-fs-14 vx-fw-500 vx-label-txt\"\n          [appTooltip]=\"\n            openPortal === 'RESPONSIBILITY_CHECKPOINT'\n              ? 'Add Checkpoints'\n              : assessmentName\n          \"\n          placement=\"bottom-left\"\n          delay=\"0\"\n          type=\"black\"\n          [tooltipMandatory]=\"false\"\n          >{{\n            openPortal === \"RESPONSIBILITY_CHECKPOINT\"\n              ? \"Add Checkpoints\"\n              : assessmentName\n          }}</span\n        >\n        <!-- <button class=\"edit-btn vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-d-flex vx-align-center\"><i class=\"icons\">&#xe9ba;</i></button> -->\n      </div>\n      <div class=\"right vx-d-flex vx-align-center\">\n        <button\n          *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\"\n          class=\"page-dropdown vx-p-0 vx-pl-1 vx-pr-2 vx-m-0 vx-d-flex vx-align-center\"\n          appPopover\n          (click)=\"action.popover()\"\n          placement=\"right\"\n        >\n          <span\n            class=\"page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\"\n            *ngIf=\"editorService.currentPageNumber > 0\"\n            >PAGE {{ editorService?.currentPageNumber }}</span\n          >\n          <span\n            class=\"page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\"\n            *ngIf=\"editorService.currentPageNumber === -1\"\n            >Welcome Screen</span\n          >\n          <span\n            class=\"page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\"\n            *ngIf=\"editorService.currentPageNumber === -2\"\n            >Thankyou Screen</span\n          >\n          <!-- <span class=\"page-number vx-fs-11 vx-paragraph-txt\" *ngIf=\"editorService.stepIdentifier=='pagescreen'\">{{editorService?.currentPageDetails?.pageName}}</span> -->\n          <i class=\"icons arrow vx-fs-10 vx-paragraph-txt\">&#xe9e8;</i>\n        </button>\n        <app-popover #action>\n          <div class=\"page-dropdown-popup\">\n            <ul class=\"vx-p-0 vx-m-0\">\n              <li\n                class=\"vx-d-flex vx-align-center\"\n                *ngFor=\"let data of generatePageDropdown()\"\n              >\n                <button\n                  class=\"vx-d-block vx-p-2 vx-m-0 vx-w-100\"\n                  [innerHTML]=\"data?.template\"\n                  (click)=\"pageChanged(data)\"\n                >\n                  <!-- <span class=\"page-label vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3\">PAGE</span>\n                                    <span class=\"page-number vx-fs-11 vx-paragraph-txt\">1</span>\n                                    {{data|json}} -->\n                </button>\n              </li>\n            </ul>\n            <div\n              class=\"action-bottom vx-d-flex vx-align-center vx-justify-end vx-p-2\"\n            >\n              <button\n                (click)=\"addNewPage()\"\n                class=\"add-page vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center\"\n              >\n                ADD NEW PAGE\n              </button>\n            </div>\n          </div>\n        </app-popover>\n        <button\n          *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\"\n          class=\"settings-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-lh-6 vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center\"\n          (click)=\"assessmentSettings()\"\n        >\n          <i class=\"icons vx-fs-12 vx-d-flex vx-mr-1\">&#xe913;</i> ASSESSMENT\n          SETTINGS\n        </button>\n        <button\n          *ngIf=\"false\"\n          class=\"template-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-lh-6 vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-ml-1 vx-d-flex vx-align-center\"\n        >\n          <i class=\"icons vx-fs-12 vx-d-flex vx-mr-1\">&#xe9ed;</i> SAVE AS\n          TEMPLATE\n        </button>\n      </div>\n    </div>\n    <div class=\"create-assessment-body\">\n      <ng-container *ngIf=\"editorService.stepIdentifier == 'pagescreen'\">\n        <div *ngIf=\"isPageEmpty()\" class=\"select-question-part\">\n          <div class=\"vx-d-flex vx-align-center vx-justify-center\">\n            <div class=\"question-inner vx-pl-5 vx-mb-4\">\n              <!-- <button class=\"page-title vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center vx-w-100\" (click)=\"addPageDetails()\"><i class=\"icons vx-fs-16 vx-mr-1\">&#xe90a;</i> PAGE TITLE</button> -->\n              <div\n                class=\"heading vx-fs-18 vx-paragraph-txt vx-text-center vx-w-100\"\n              >\n                Select a question type to begin:\n              </div>\n              <app-question-type\n                (addQuestion)=\"editorService.addQuestion($event)\"\n              ></app-question-type>\n            </div>\n          </div>\n\n          <div class=\"floating-bar\">\n            <div class=\"floating-bar-container\">\n              <div class=\"right\">\n                <button class=\"cancel\" (click)=\"setIsUploaded.emit(false)\">\n                  Cancel\n                </button>\n              </div>\n            </div>\n          </div>\n\n          <!-- <ng-template #elseBlock>\n                        <div>\n                            <app-editor-loader></app-editor-loader>\n                        </div>\n                    </ng-template> -->\n        </div>\n      </ng-container>\n\n      <ng-container\n        *ngIf=\"!isPageEmpty() || editorService.currentPageNumber < 0\"\n      >\n        <div class=\"editor-section\">\n          <div class=\"editor-section-body vx-d-flex\">\n            <app-toolkit\n              (addQuestion)=\"editorService.addQuestion($event)\"\n            ></app-toolkit>\n\n            <div class=\"editor-section-inner\">\n              <app-welcome-thankyou\n                *ngIf=\"editorService.stepIdentifier == 'welcomescreen'\"\n                [entityData]=\"editorService?.formsPage\"\n                [service]=\"editorService\"\n                (deleteQuestion)=\"deleteQuestionWithValidation('welcome')\"\n              ></app-welcome-thankyou>\n              <!-- <app-preview-welcome></app-preview-welcome> -->\n              <ng-container\n                *ngIf=\"editorService.stepIdentifier == 'pagescreen'\"\n              >\n                <button\n                  *ngIf=\"\n                    editorService.stepIdentifier == 'pagescreen' &&\n                    editorService.showAddPageOption\n                  \"\n                  class=\"page-title vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-mb-2 vx-d-flex vx-align-center vx-justify-center vx-w-100\"\n                  (click)=\"addPageDetails()\"\n                >\n                  <i class=\"icons vx-fs-16 vx-mr-1\">&#xe90a;</i> PAGE TITLE\n                </button>\n                <app-page-header\n                  (edit)=\"addPageDetails()\"\n                  *ngIf=\"\n                    editorService.stepIdentifier == 'pagescreen' &&\n                    editorService.showPageDetails\n                  \"\n                  [pageName]=\"editorService.currentPageDetails.pageName\"\n                  [pageDescription]=\"\n                    editorService.currentPageDetails.pageDescription\n                  \"\n                ></app-page-header>\n                <ng-container\n                  *ngFor=\"\n                    let question of editorService.formsPage.elements;\n                    let questionIndex = index\n                  \"\n                >\n                  <ng-container\n                    *ngIf=\"\n                      question.page === editorService.currentPageNumber &&\n                      editorService.stepIdentifier == 'pagescreen'\n                    \"\n                  >\n                    <app-editor-wrapper\n                      *ngIf=\"editorService.activeQuestion === questionIndex\"\n                      [service]=\"editorService\"\n                      [question]=\"question\"\n                      [questionIndex]=\"questionIndex\"\n                      [openPortal]=\"openPortal\"\n                      (validQuestionData)=\"checkforError($event)\"\n                      (deleteQuestion)=\"deleteQuestionWithValidation($event)\"\n                      (copyQuestion)=\"editorService.copyQuestion($event)\"\n                    ></app-editor-wrapper>\n                    <app-preview-wrapper\n                      *ngIf=\"editorService.activeQuestion !== questionIndex\"\n                      [question]=\"question\"\n                      [questionIndex]=\"questionIndex\"\n                      (makeActiveQuestion)=\"\n                        editorService.activeQuestion = $event\n                      \"\n                    ></app-preview-wrapper>\n                  </ng-container>\n                </ng-container>\n                <div class=\"next-question-area\">\n                  <button\n                    class=\"page-title vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-mb-2 vx-d-flex vx-align-center vx-justify-center vx-w-100\"\n                    (click)=\"openQuestion()\"\n                  >\n                    <i class=\"icons vx-fs-16 vx-mr-1\">&#xe90a;</i> NEXT QUESTION\n                  </button>\n                  <div class=\"next-question-popup vx-p-3\" *ngIf=\"hideQuestion\">\n                    <app-question-type\n                      (addQuestion)=\"\n                        editorService.addQuestion($event); closeQuestion()\n                      \"\n                    ></app-question-type>\n                  </div>\n                  <div\n                    class=\"overlay\"\n                    *ngIf=\"hideQuestion\"\n                    (click)=\"closeQuestion()\"\n                  ></div>\n                </div>\n                <button\n                  *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\"\n                  (click)=\"addNewPage()\"\n                  class=\"page-title vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-mb-2 vx-d-flex vx-align-center vx-justify-center vx-w-100\"\n                >\n                  <i class=\"icons vx-fs-16 vx-mr-1\">&#xe90a;</i> ADD NEW PAGE\n                </button>\n              </ng-container>\n            </div>\n\n            <div\n              class=\"right-side-btn\"\n              *ngIf=\"openPortal !== 'RESPONSIBILITY_CHECKPOINT'\"\n            >\n              <button\n                *ngIf=\"!expandPage\"\n                (click)=\"clickExpand()\"\n                class=\"fullscreen-btn vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-mb-3 vx-d-flex vx-align-center vx-justify-center\"\n                [appTooltip]=\"'Expand Page'\"\n                placement=\"left\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"true\"\n              >\n                <i class=\"icons\">&#xe945;</i>\n              </button>\n              <button\n                *ngIf=\"expandPage\"\n                (click)=\"closeExpand()\"\n                class=\"fullscreen-btn vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-mb-3 vx-d-flex vx-align-center vx-justify-center\"\n                [appTooltip]=\"'Shrink Page'\"\n                placement=\"left\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"true\"\n              >\n                <i class=\"icons\">&#xe944;</i>\n              </button>\n              <button\n                *ngIf=\"editorService.stepIdentifier == 'pagescreen'\"\n                (click)=\"deletePage()\"\n                class=\"delete-btn vx-fs-14 vx-txt-red vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"\n                [appTooltip]=\"'Delete Page'\"\n                placement=\"left\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"true\"\n              >\n                <i class=\"icons\">&#xe923;</i>\n              </button>\n            </div>\n          </div>\n          <div\n            class=\"editor-section-footer vx-d-flex vx-align-center vx-justify-center vx-mt-4\"\n          >\n            <button\n              (click)=\"setIsUploaded.emit(false)\"\n              class=\"cancel-btn vx-fs-14 vx-fw-500 vx-txt-red vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center\"\n            >\n              CANCEL\n            </button>\n            <button\n              *ngIf=\"openPortal === 'ASSESSMENT_IMPORT'\"\n              (click)=\"submitAfterErrorCheck('DRAFT')\"\n              [class.disabled]=\"assessmentCurrentState === 'ACTIVE'\"\n              class=\"white-btn vx-fs-14 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center\"\n            >\n              SAVE AS DRAFT\n            </button>\n            <button\n              *ngIf=\"openPortal === 'ASSESSMENT_IMPORT'\"\n              (click)=\"submitAfterErrorCheck('ACTIVE')\"\n              class=\"blue-btn vx-fs-14 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center\"\n            >\n              PUBLISH\n            </button>\n            <button\n              *ngIf=\"openPortal === 'RESPONSIBILITY_CHECKPOINT'\"\n              (click)=\"submitAfterErrorCheck('ACTIVE')\"\n              class=\"blue-btn vx-fs-14 vx-fw-500 vx-txt-white vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-1 vx-mr-1 vx-d-flex vx-align-center vx-justify-center\"\n            >\n              NEXT &nbsp;<i class=\"icons\">&#xe91e;</i>\n            </button>\n            <!-- <button (click)=\"pageMode = 'PREVIEW'\" class=\"preview-btn vx-fs-20 vx-txt-white vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" [appTooltip]=\"'Preview'\" placement=\"left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\"><i class=\"icons\">&#xeae5;</i></button> -->\n            <button\n              *ngIf=\"false\"\n              class=\"close-btn vx-fs-12 vx-txt-white vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"\n              [appTooltip]=\"'Close'\"\n              placement=\"left\"\n              delay=\"0\"\n              type=\"black\"\n              [tooltipMandatory]=\"true\"\n            >\n              <i class=\"icons\">&#xe90d;</i>\n            </button>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n  <!-- <app-assessment-preview-container *ngIf=\"pageMode === 'PREVIEW'\" [questionDetails]=\"editorService.formsPage\"></app-assessment-preview-container> -->\n</ng-container>\n\n<!-- <app-editor-loader *ngIf=\"!isLoaded\"></app-editor-loader> -->\n", 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\";.create-assessment-container{position:relative}.create-assessment-container.full-page{position:fixed;inset:0;width:100vw;height:100vh;margin:0!important;z-index:9}.create-assessment-container.full-page .create-assessment-head{border-radius:0}.create-assessment-container.full-page .create-assessment-body{border-radius:0;height:calc(100vh - 2.5rem)}.create-assessment-container.full-page .create-assessment-body .editor-section-body .right-side-btn{top:4.75rem;right:5rem}.create-assessment-container.full-page .create-assessment-body .editor-section-footer{border-radius:0}.create-assessment-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1;position:relative}.create-assessment-head:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}.create-assessment-head .left{width:calc(100% - 22rem)}.create-assessment-head .left i.arrow-back{cursor:pointer}.create-assessment-head .left .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 10rem)}.create-assessment-head .left button.edit-btn{background:transparent;border:none;border-radius:0}.create-assessment-head .left.with-template-btn{width:calc(100% - 30rem)}.create-assessment-head .right button.page-dropdown{background:#fff;border-radius:.125rem;border:1px solid #BCBCBC;position:relative;height:1.5rem;width:11.5rem}.create-assessment-head .right button.page-dropdown .page-label{background:#f1f1f1;border-radius:.125rem;color:#042e7d}.create-assessment-head .right button.page-dropdown .arrow{position:absolute;top:.375rem;right:.5rem}.create-assessment-head .right button.settings-btn{background:#1e5dd3;border-radius:.125rem;border:none;height:1.5rem}.create-assessment-head .right button.template-btn{background:#34aa44;border-radius:.125rem;border:none;height:1.5rem}.create-assessment-body{background:#fff;border-radius:0 0 .125rem .125rem;height:calc(100vh - 2.5rem);scrollbar-width:thin}.create-assessment-body::-webkit-scrollbar-track{background-color:#f1f1f1}.create-assessment-body::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}.create-assessment-body app-toolkit{position:sticky;top:0}.create-assessment-body .select-question-part{padding:2rem}.create-assessment-body .select-question-part .question-inner{width:69rem;height:calc(100vh - 11rem);overflow:auto;padding-right:3.75rem;position:relative;left:.625rem}.create-assessment-body .select-question-part .question-inner::-webkit-scrollbar-track{background-color:transparent}.create-assessment-body .select-question-part .question-inner .heading{margin-top:4rem;margin-bottom:2rem}.create-assessment-body .select-question-part .floating-bar-container{background:#fff;box-shadow:0 6px 12px #4681ef26;border-radius:4px;border:1px solid #f8f8f8;height:48px;padding:8px 12px;display:flex;justify-content:end;position:relative;align-items:center}.create-assessment-body .select-question-part .floating-bar-container .right{display:flex;align-items:center}.create-assessment-body .select-question-part .floating-bar-container .right .name{margin-left:15px;color:#707070;font-size:12px;font-weight:500;line-height:18px;display:flex;align-items:center;white-space:nowrap}.create-assessment-body .select-question-part .floating-bar-container .right .name span.required{color:#eb2424;font-size:14px}.create-assessment-body .select-question-part .floating-bar-container .right .name i{margin-left:3px;color:#1e5dd3;cursor:pointer}.create-assessment-body .select-question-part .floating-bar-container .right app-cs-select{margin-left:12px;width:125px;display:flex}.create-assessment-body .select-question-part .floating-bar-container .right app-cs-select .input-group .custom-select-box input{height:32px}.create-assessment-body .select-question-part .floating-bar-container .right app-cs-select .input-group .custom-select-box span.arrow{bottom:6px}.create-assessment-body .select-question-part .floating-bar-container .right button{border-radius:2px;height:28px;background:#1e5dd3!important;width:72px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff!important;text-transform:uppercase;font-size:11px;font-weight:500;border:1px solid #1e5dd3!important;padding:0;margin:0 0 0 28px}.create-assessment-body .select-question-part .floating-bar-container .right button i{margin-left:8px;font-size:16px}.create-assessment-body .select-question-part .floating-bar-container .right button:disabled{filter:grayscale(1);cursor:not-allowed;opacity:.5;pointer-events:auto}.create-assessment-body .select-question-part .floating-bar-container .right button.cancel{background:transparent!important;border:none!important;color:#eb2424!important;margin-right:0;width:auto;padding:0}.create-assessment-body .editor-section{height:100%}.create-assessment-body .editor-section-body{height:calc(100% - 5.25rem);position:relative;overflow:auto}.create-assessment-body .editor-section-body::-webkit-scrollbar-track{background-color:transparent}.create-assessment-body .editor-section-body .right-side-btn{position:fixed;top:180px;right:100px}.create-assessment-body .editor-section-body .right-side-btn button{background:#f8f8f8;border-radius:.125rem;border:none;width:1.5rem;height:1.5rem}.create-assessment-body .editor-section-inner{width:60rem;margin:0 auto;padding:2rem 0;height:100%}@media screen and (max-width: 1366px){.create-assessment-body .editor-section-inner{width:55rem!important}}.create-assessment-body .editor-section-inner .next-question-area{position:relative}.create-assessment-body .editor-section-inner .next-question-area ::ng-deep app-question-type .question-type ul li{width:10rem!important}.create-assessment-body .editor-section-inner .next-question-area .overlay{z-index:8}.create-assessment-body .editor-section-inner .next-question-popup{background:#fff;border-radius:.25rem;box-shadow:0 0 6px #1e5dd326;position:absolute;left:0;right:0;bottom:0;z-index:9}.create-assessment-body .editor-section-footer{background:#fff;border-radius:0 0 .125rem .125rem;box-shadow:0 -3px 6px #1e5dd326;height:4.25rem;position:relative}.create-assessment-body .editor-section-footer button{border-radius:.125rem;width:12.5rem;height:2.75rem;letter-spacing:1.5px}.create-assessment-body .editor-section-footer button.white-btn,.create-assessment-body .editor-section-footer button.cancel-btn{background:#fff;border:1px solid #DBDBDB}.create-assessment-body .editor-section-footer button.blue-btn{background:#1e5dd3;border:none}.create-assessment-body .editor-section-footer button.disabled{opacity:.7;pointer-events:none;cursor:not-allowed}.create-assessment-body .editor-section-footer button.preview-btn{background:#34aa44;border-radius:.125rem;border:none;width:2.75rem;height:2.5rem;position:absolute;bottom:.875rem;right:1rem}.create-assessment-body .editor-section-footer button.close-btn{background:#d93b41;border-radius:.125rem;border:none;width:2.75rem;height:2.5rem;position:absolute;bottom:.875rem;right:1rem}button.page-title{background:#fff;border:1px dashed #DBDBDB;border-radius:.25rem;height:3.125rem;transition:all .3s ease-in-out}button.page-title:hover{border-color:#1e5dd3;color:#1e5dd3}.page-dropdown-popup{background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:.25rem;width:11.5rem;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}.page-dropdown-popup ul{list-style-type:none;max-height:12rem;overflow-y:auto}.page-dropdown-popup ul li{border-bottom:1px solid #F1F1F1;list-style-type:none}.page-dropdown-popup ul li:only-child,.page-dropdown-popup ul li:last-of-type{border-bottom:none}.page-dropdown-popup ul li button{background:transparent;border:none;border-radius:0;text-align:left}.page-dropdown-popup ul li button .page-label{background:#f1f1f1;border-radius:.125rem;color:#042e7d}.page-dropdown-popup .action-bottom{background:#f8f8f8;border-top:1px solid #F1F1F1;border-radius:0 0 .125rem .125rem}.page-dropdown-popup .action-bottom button{border-radius:.125rem;height:1.5rem}.page-dropdown-popup .action-bottom button.add-page{background:#1e5dd3;border:1px solid #1e5dd3}.page-number{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disabled{opacity:.7;pointer-events:none;cursor:not-allowed}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: i2.EditorService }, { type: i3.ActivatedRoute }, { type: i4.SnackBarService }, { type: i3.Router }]; }, propDecorators: { openPortal: [{
                type: Input
            }], setIsUploaded: [{
                type: Output
            }], postAssessment: [{
                type: Output
            }], assessmentData: [{
                type: Input,
                args: ['assessmentJSON']
            }], checkpointData: [{
                type: Input,
                args: ['checkpointJSON']
            }], onKeydownHandler: [{
                type: HostListener,
                args: ['document:keydown.escape', ['$event']]
            }] } });
//# sourceMappingURL=data:application/json;base64, 