import { Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../ui-kit/tooltip/tooltip.directive";
import * as i3 from "../checkbox-question/checkbox-question.component";
import * as i4 from "../date-time/date-time.component";
import * as i5 from "../file-upload/file-upload.component";
import * as i6 from "../radio-question/radio-question.component";
import * as i7 from "../select-question/select-question.component";
import * as i8 from "../single-textbox/single-textbox.component";
export class PreviewContainerComponent {
    constructor() { }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewContainerComponent, selector: "app-preview-container", ngImport: i0, template: "<div class=\"preview-body\">\n    <div class=\"preview-heading vx-bg-white vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\">\n        <div class=\"vx-avatar-group vx-align-center vx-mr-2\">\n            <div class=\"vx-avatar md\">\n                <span class=\"blue\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Hk</span>\n                <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n            </div>\n            <div class=\"vx-avatar md\">\n                <span class=\"green\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Hk</span>\n                <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n            </div>\n        </div>\n        <i class=\"icons star vx-fs-12 vx-mr-2\" [class.active]=\"false\">&#xea70;</i>\n        <div class=\"name\">\n            <div class=\"id vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-lh-4\">[CID-19110027]</div>\n            <div class=\"value vx-fs-14 vx-labl-txt vx-pr-5 vx-lh-5\" [appTooltip]=\"'Data Protection Impact Assessment (DPIA) (RSK-10)'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Data Protection Impact Assessment (DPIA) (RSK-10)</div>\n        </div>\n    </div>\n    <!-- <app-preview-details></app-preview-details> -->\n    <div class=\"preview-inner vx-mt-1 vx-mb-5 vx-pt-5\">\n        <div class=\"inside vx-pt-5\">\n            <!-- <app-question-welcome></app-question-welcome> -->\n            <app-radio-question></app-radio-question>\n            <app-checkbox-question></app-checkbox-question>\n            <!-- <app-image-radio-question></app-image-radio-question>\n            <app-star-rating></app-star-rating> -->\n            <app-single-textbox></app-single-textbox>\n            <!-- <app-comment-question></app-comment-question>\n            <app-rating-table></app-rating-table> -->\n            <app-select-question></app-select-question>\n            <!-- <app-select-option-rating></app-select-option-rating>\n            <app-ranking></app-ranking>\n            <app-slider-question></app-slider-question>\n            <app-multiple-textbox></app-multiple-textbox> -->\n            <app-date-time></app-date-time>\n            <app-file-upload></app-file-upload>\n        </div>\n        <div *ngIf=\"false\" class=\"inside vx-pt-5\">\n            <!-- <app-question-loader></app-question-loader> -->\n        </div>\n    </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.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\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";.preview-heading{border-radius:.125rem}.preview-heading i.star{color:#dbdbdb}.preview-heading i.star.active{color:#f0b819}.preview-heading .name{width:calc(100% - 5rem)}.preview-heading .name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-inner{background:#fff;border-radius:.125rem;padding-right:5rem;padding-left:4.375rem;height:calc(100vh - 16.25rem)}.preview-inner .inside{padding-right:5rem;height:calc(100% - 1.25rem);overflow-y:auto}.preview-inner .inside::-webkit-scrollbar-track{background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.CheckboxQuestionComponent, selector: "app-checkbox-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i4.DateTimeComponent, selector: "app-date-time", inputs: ["question", "questionIndex"] }, { kind: "component", type: i5.FileUploadComponent, selector: "app-file-upload", inputs: ["question", "questionIndex"] }, { kind: "component", type: i6.RadioQuestionComponent, selector: "app-radio-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i7.SelectQuestionComponent, selector: "app-select-question", inputs: ["question", "questionIndex"] }, { kind: "component", type: i8.SingleTextboxComponent, selector: "app-single-textbox", inputs: ["question", "questionIndex"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewContainerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-preview-container', template: "<div class=\"preview-body\">\n    <div class=\"preview-heading vx-bg-white vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\">\n        <div class=\"vx-avatar-group vx-align-center vx-mr-2\">\n            <div class=\"vx-avatar md\">\n                <span class=\"blue\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Hk</span>\n                <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n            </div>\n            <div class=\"vx-avatar md\">\n                <span class=\"green\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">Hk</span>\n                <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n            </div>\n        </div>\n        <i class=\"icons star vx-fs-12 vx-mr-2\" [class.active]=\"false\">&#xea70;</i>\n        <div class=\"name\">\n            <div class=\"id vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-lh-4\">[CID-19110027]</div>\n            <div class=\"value vx-fs-14 vx-labl-txt vx-pr-5 vx-lh-5\" [appTooltip]=\"'Data Protection Impact Assessment (DPIA) (RSK-10)'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Data Protection Impact Assessment (DPIA) (RSK-10)</div>\n        </div>\n    </div>\n    <!-- <app-preview-details></app-preview-details> -->\n    <div class=\"preview-inner vx-mt-1 vx-mb-5 vx-pt-5\">\n        <div class=\"inside vx-pt-5\">\n            <!-- <app-question-welcome></app-question-welcome> -->\n            <app-radio-question></app-radio-question>\n            <app-checkbox-question></app-checkbox-question>\n            <!-- <app-image-radio-question></app-image-radio-question>\n            <app-star-rating></app-star-rating> -->\n            <app-single-textbox></app-single-textbox>\n            <!-- <app-comment-question></app-comment-question>\n            <app-rating-table></app-rating-table> -->\n            <app-select-question></app-select-question>\n            <!-- <app-select-option-rating></app-select-option-rating>\n            <app-ranking></app-ranking>\n            <app-slider-question></app-slider-question>\n            <app-multiple-textbox></app-multiple-textbox> -->\n            <app-date-time></app-date-time>\n            <app-file-upload></app-file-upload>\n        </div>\n        <div *ngIf=\"false\" class=\"inside vx-pt-5\">\n            <!-- <app-question-loader></app-question-loader> -->\n        </div>\n    </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.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\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";.preview-heading{border-radius:.125rem}.preview-heading i.star{color:#dbdbdb}.preview-heading i.star.active{color:#f0b819}.preview-heading .name{width:calc(100% - 5rem)}.preview-heading .name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-inner{background:#fff;border-radius:.125rem;padding-right:5rem;padding-left:4.375rem;height:calc(100vh - 16.25rem)}.preview-inner .inside{padding-right:5rem;height:calc(100% - 1.25rem);overflow-y:auto}.preview-inner .inside::-webkit-scrollbar-track{background-color:transparent}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64, 