import { Component } from '@angular/core';
import { AddResponseSetPopupComponent } from '../add-response-set-popup/add-response-set-popup.component';
import * as i0 from "@angular/core";
import * as i1 from "../../../../ui-kit/dialog/dialog.service";
import * as i2 from "@angular/common";
import * as i3 from "../../../../ui-kit/tooltip/tooltip.directive";
import * as i4 from "../../../no-data/no-data.component";
export class ResponseSelectorComponent {
    constructor(dialog) {
        this.dialog = dialog;
        this.responseDetails = false;
    }
    ngOnInit() {
    }
    addResponseSet() {
        const ref = this.dialog.open(AddResponseSetPopupComponent, {
            data: {},
            position: 'RIGHT',
            background: 'black',
        });
    }
    openResponseDetails() {
        this.responseDetails = true;
    }
    backResponse() {
        this.responseDetails = false;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponseSelectorComponent, deps: [{ token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponseSelectorComponent, selector: "app-response-selector", ngImport: i0, template: "<div *ngIf=\"!responseDetails\" class=\"response-selector\">\n    <button class=\"close vx-fs-16 vx-label-txt vx-m-0 vx-p-0 vx-d-flex\"><i class=\"icons\">&#xe9ae;</i></button>\n    <div class=\"search-field vx-p-3 vx-pt-0\">\n        <input type=\"search\" placeholder=\"Search form category...\" />\n        <i class=\"icons search vx-fs-14\">&#xe90b;</i>\n    </div>\n    <div class=\"vx-d-flex\">\n        <div class=\"half\">\n            <div class=\"head vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\">\n                <div class=\"heading vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">RESPONSE CHOICES</div>\n                <button class=\"add-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"addResponseSet()\">+ ADD</button>\n            </div>\n            <div class=\"body\">\n                <app-no-data *ngIf=\"false\" [noDataImage]=\"'./assets/images/no-data-response.svg'\" [noDataText]=\"'No data to display'\"></app-no-data>\n                <div class=\"response-section vx-p-3 vx-pb-2 vx-pr-0\">\n                    <ul class=\"vx-p-0 vx-pr-3 vx-m-0 vx-mb-3\">\n                        <li class=\"vx-d-flex vx-justify-between vx-mt-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]\">\n                            <div class=\"response-data vx-d-flex vx-align-center vx-flex-wrap\">\n                                <span class=\"chip vx-fs-11 vx-lh-4 vx-pl-1 vx-pr-1 vx-mr-1 vx-mb-1\" style=\"background: #66BF721A; color: #34AA44;\">Good</span>\n                                <span class=\"chip vx-fs-11 vx-lh-4 vx-pl-1 vx-pr-1 vx-mr-1 vx-mb-1\" style=\"background: #F2BF191A; color: #F2BF19;\">Fair</span>\n                                <span class=\"chip vx-fs-11 vx-lh-4 vx-pl-1 vx-pr-1 vx-mr-1 vx-mb-1\" style=\"background: #F1F1F1; color: #747576;\">N/A</span>\n                            </div>\n                            <button class=\"edit vx-fs-12 vx-txt-blue vx-p-0 vx-m-0 vx-ml-3 vx-d-flex vx-align-center\" (click)=\"addResponseSet()\"><i class=\"icons\">&#xe9ba;</i></button>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n        <div class=\"half\">\n            <div class=\"head vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\">\n                <div class=\"heading vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">GLOBAL RESPONSE CHOICES</div>\n                <button class=\"add-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"addResponseSet()\">+ ADD</button>\n            </div>\n            <div class=\"body\">\n                <app-no-data *ngIf=\"false\" [noDataImage]=\"'./assets/images/no-data-response.svg'\" [noDataText]=\"'No data to display'\"></app-no-data>\n                <div class=\"global-response\">\n                    <ul class=\"vx-p-0 vx-m-0\">\n                        <li class=\"vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\n                            <div class=\"name vx-fs-13 vx-txt-blue\" [appTooltip]=\"'Restaurant locations'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" (click)=\"openResponseDetails()\">Restaurant locations</div>\n                            <div class=\"vx-d-flex vx-align-center\">\n                                <button class=\"edit vx-fs-12 vx-txt-blue vx-p-0 vx-m-0 vx-ml-2 vx-d-flex vx-align-center\" (click)=\"addResponseSet()\"><i class=\"icons\">&#xe9ba;</i></button>\n                                <button class=\"arrow vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-ml-4 vx-d-flex vx-align-center\" (click)=\"openResponseDetails()\"><i class=\"icons\">&#xe970;</i></button>\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"responseDetails\" class=\"response-details\">\n    <div class=\"response-details-head vx-d-flex vx-align-center vx-justify-between vx-pl-2 vx-pr-2\">\n        <div class=\"heading vx-fs-12 vx-label-txt\" [appTooltip]=\"'Response name'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Response name</div>\n        <div class=\"vx-d-flex vx-align-center\">\n            <button class=\"select-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-m-0 vx-p-0 vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-lh-5\">USE THIS RESPONSE SET</button>\n            <button class=\"back vx-fs-16 vx-label-txt vx-p-0 vx-m-0 vx-ml-4 vx-d-flex vx-align-center\" (click)=\"backResponse()\"><i class=\"icons\">&#xe91d;</i></button>\n        </div>\n    </div>\n    <div class=\"response-details-body\">\n        <ul class=\"vx-p-0 vx-m-0\">\n            <li class=\"vx-d-flex vx-align-center vx-justify-between\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1, 1]\">\n                <div class=\"value vx-fs-12 vx-label-txt vx-pl-2\" [appTooltip]=\"'response option'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">response option</div>\n                <div class=\"vx-d-flex vx-align-center\">\n                    <div class=\"failed vx-fs-10 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-lh-4 vx-mr-3\">FAILED RESPONSE</div>\n                    <div class=\"score vx-fs-12 vx-fw-500 vx-label-txt vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center\">SCORE: 3</div>\n                </div>\n            </li>\n        </ul>\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 .response-selector{background:#fff;border-radius:.125rem;box-shadow:0 3px 6px #1e5dd333;padding-top:2rem;position:relative}::ng-deep .response-selector button.close{background:transparent;border:none;border-radius:0;position:absolute;top:.5rem;right:.5rem}::ng-deep .response-selector .search-field{position:relative}::ng-deep .response-selector .search-field input{background:#fff;border:1px solid #7475763F;border-radius:.25rem;color:#161b2f;font-size:13px;font-weight:400;padding:.5rem .75rem .5rem 2.25rem;width:100%;height:2.5rem;outline:none}::ng-deep .response-selector .search-field i.search{position:absolute;top:.8125rem;left:1.5rem;color:#f1f1f1}::ng-deep .response-selector .half{border-top:1px solid #F1F1F1;border-right:1px solid #F1F1F1;width:50%}::ng-deep .response-selector .half:nth-child(2){border-right:none}::ng-deep .response-selector .half .head{background:#fbfbfb;border-bottom:1px solid #F1F1F1;height:2rem}::ng-deep .response-selector .half .head button.add-btn{background:#fff;border:1px solid #DBDBDB;border-radius:.125rem;line-height:1.375rem}::ng-deep .response-selector .half .body{background:#fff;max-height:12.75rem}::ng-deep .response-selector .half .body app-no-data .no-data-container .image{width:10rem;margin-top:1rem}::ng-deep .response-selector .half .body app-no-data .no-data-container .text{font-size:14px;margin-bottom:1rem}::ng-deep .response-selector .half .body .response-section ul{list-style-type:none;max-height:11rem;overflow-y:auto}::ng-deep .response-selector .half .body .response-section ul::-webkit-scrollbar-track{background-color:transparent}::ng-deep .response-selector .half .body .response-section ul li:only-child,::ng-deep .response-selector .half .body .response-section ul li:first-of-type{margin-top:0!important}::ng-deep .response-selector .half .body .response-section ul li .response-data{width:calc(100% - 2rem);padding-bottom:.125rem}::ng-deep .response-selector .half .body .response-section ul li .response-data .chip{border-radius:.125rem;cursor:pointer}::ng-deep .response-selector .half .body .response-section ul li button.edit{background:transparent;border:none;border-radius:0;height:1rem}::ng-deep .response-selector .half .body .global-response ul{list-style-type:none;max-height:12.25rem;overflow-y:auto}::ng-deep .response-selector .half .body .global-response ul::-webkit-scrollbar-track{background-color:transparent}::ng-deep .response-selector .half .body .global-response ul li{border-bottom:1px solid #F1F1F1}::ng-deep .response-selector .half .body .global-response ul li .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 4rem);cursor:pointer}::ng-deep .response-selector .half .body .global-response ul li button.edit,::ng-deep .response-selector .half .body .global-response ul li button.arrow{background:transparent;border:none;border-radius:0}::ng-deep .response-details{background:#fff;border:1px solid #F1F1F1;border-radius:.25rem}::ng-deep .response-details-head{background:#f8f8f8;border-bottom:1px solid #F1F1F1;border-radius:.25rem .25rem 0 0;height:2.5rem}::ng-deep .response-details-head .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 12rem)}::ng-deep .response-details-head button.select-btn{background:#34aa44;border:none;border-radius:.125rem}::ng-deep .response-details-head button.back{background:transparent;border:none;border-radius:0}::ng-deep .response-details-body ul{list-style-type:none;max-height:17.375rem;overflow-y:auto}::ng-deep .response-details-body ul::-webkit-scrollbar-track{background-color:transparent}::ng-deep .response-details-body ul li{border-bottom:1px solid #F1F1F1}::ng-deep .response-details-body ul li:only-child,::ng-deep .response-details-body ul li:last-of-type{border-bottom:none}::ng-deep .response-details-body ul li .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 15rem)}::ng-deep .response-details-body ul li .failed{background:#d93b41;border-radius:.125rem}::ng-deep .response-details-body ul li .score{background:#fbfbfb;border-radius:0 .25rem .25rem 0;height:2.25rem;width:6rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i4.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponseSelectorComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-response-selector', template: "<div *ngIf=\"!responseDetails\" class=\"response-selector\">\n    <button class=\"close vx-fs-16 vx-label-txt vx-m-0 vx-p-0 vx-d-flex\"><i class=\"icons\">&#xe9ae;</i></button>\n    <div class=\"search-field vx-p-3 vx-pt-0\">\n        <input type=\"search\" placeholder=\"Search form category...\" />\n        <i class=\"icons search vx-fs-14\">&#xe90b;</i>\n    </div>\n    <div class=\"vx-d-flex\">\n        <div class=\"half\">\n            <div class=\"head vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\">\n                <div class=\"heading vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">RESPONSE CHOICES</div>\n                <button class=\"add-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"addResponseSet()\">+ ADD</button>\n            </div>\n            <div class=\"body\">\n                <app-no-data *ngIf=\"false\" [noDataImage]=\"'./assets/images/no-data-response.svg'\" [noDataText]=\"'No data to display'\"></app-no-data>\n                <div class=\"response-section vx-p-3 vx-pb-2 vx-pr-0\">\n                    <ul class=\"vx-p-0 vx-pr-3 vx-m-0 vx-mb-3\">\n                        <li class=\"vx-d-flex vx-justify-between vx-mt-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]\">\n                            <div class=\"response-data vx-d-flex vx-align-center vx-flex-wrap\">\n                                <span class=\"chip vx-fs-11 vx-lh-4 vx-pl-1 vx-pr-1 vx-mr-1 vx-mb-1\" style=\"background: #66BF721A; color: #34AA44;\">Good</span>\n                                <span class=\"chip vx-fs-11 vx-lh-4 vx-pl-1 vx-pr-1 vx-mr-1 vx-mb-1\" style=\"background: #F2BF191A; color: #F2BF19;\">Fair</span>\n                                <span class=\"chip vx-fs-11 vx-lh-4 vx-pl-1 vx-pr-1 vx-mr-1 vx-mb-1\" style=\"background: #F1F1F1; color: #747576;\">N/A</span>\n                            </div>\n                            <button class=\"edit vx-fs-12 vx-txt-blue vx-p-0 vx-m-0 vx-ml-3 vx-d-flex vx-align-center\" (click)=\"addResponseSet()\"><i class=\"icons\">&#xe9ba;</i></button>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n        <div class=\"half\">\n            <div class=\"head vx-d-flex vx-align-center vx-justify-between vx-pl-3 vx-pr-3\">\n                <div class=\"heading vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">GLOBAL RESPONSE CHOICES</div>\n                <button class=\"add-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" (click)=\"addResponseSet()\">+ ADD</button>\n            </div>\n            <div class=\"body\">\n                <app-no-data *ngIf=\"false\" [noDataImage]=\"'./assets/images/no-data-response.svg'\" [noDataText]=\"'No data to display'\"></app-no-data>\n                <div class=\"global-response\">\n                    <ul class=\"vx-p-0 vx-m-0\">\n                        <li class=\"vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\n                            <div class=\"name vx-fs-13 vx-txt-blue\" [appTooltip]=\"'Restaurant locations'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" (click)=\"openResponseDetails()\">Restaurant locations</div>\n                            <div class=\"vx-d-flex vx-align-center\">\n                                <button class=\"edit vx-fs-12 vx-txt-blue vx-p-0 vx-m-0 vx-ml-2 vx-d-flex vx-align-center\" (click)=\"addResponseSet()\"><i class=\"icons\">&#xe9ba;</i></button>\n                                <button class=\"arrow vx-fs-14 vx-txt-blue vx-p-0 vx-m-0 vx-ml-4 vx-d-flex vx-align-center\" (click)=\"openResponseDetails()\"><i class=\"icons\">&#xe970;</i></button>\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"responseDetails\" class=\"response-details\">\n    <div class=\"response-details-head vx-d-flex vx-align-center vx-justify-between vx-pl-2 vx-pr-2\">\n        <div class=\"heading vx-fs-12 vx-label-txt\" [appTooltip]=\"'Response name'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Response name</div>\n        <div class=\"vx-d-flex vx-align-center\">\n            <button class=\"select-btn vx-fs-11 vx-fw-500 vx-txt-white vx-tt-uppercase vx-m-0 vx-p-0 vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-lh-5\">USE THIS RESPONSE SET</button>\n            <button class=\"back vx-fs-16 vx-label-txt vx-p-0 vx-m-0 vx-ml-4 vx-d-flex vx-align-center\" (click)=\"backResponse()\"><i class=\"icons\">&#xe91d;</i></button>\n        </div>\n    </div>\n    <div class=\"response-details-body\">\n        <ul class=\"vx-p-0 vx-m-0\">\n            <li class=\"vx-d-flex vx-align-center vx-justify-between\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1, 1]\">\n                <div class=\"value vx-fs-12 vx-label-txt vx-pl-2\" [appTooltip]=\"'response option'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">response option</div>\n                <div class=\"vx-d-flex vx-align-center\">\n                    <div class=\"failed vx-fs-10 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-lh-4 vx-mr-3\">FAILED RESPONSE</div>\n                    <div class=\"score vx-fs-12 vx-fw-500 vx-label-txt vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center\">SCORE: 3</div>\n                </div>\n            </li>\n        </ul>\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 .response-selector{background:#fff;border-radius:.125rem;box-shadow:0 3px 6px #1e5dd333;padding-top:2rem;position:relative}::ng-deep .response-selector button.close{background:transparent;border:none;border-radius:0;position:absolute;top:.5rem;right:.5rem}::ng-deep .response-selector .search-field{position:relative}::ng-deep .response-selector .search-field input{background:#fff;border:1px solid #7475763F;border-radius:.25rem;color:#161b2f;font-size:13px;font-weight:400;padding:.5rem .75rem .5rem 2.25rem;width:100%;height:2.5rem;outline:none}::ng-deep .response-selector .search-field i.search{position:absolute;top:.8125rem;left:1.5rem;color:#f1f1f1}::ng-deep .response-selector .half{border-top:1px solid #F1F1F1;border-right:1px solid #F1F1F1;width:50%}::ng-deep .response-selector .half:nth-child(2){border-right:none}::ng-deep .response-selector .half .head{background:#fbfbfb;border-bottom:1px solid #F1F1F1;height:2rem}::ng-deep .response-selector .half .head button.add-btn{background:#fff;border:1px solid #DBDBDB;border-radius:.125rem;line-height:1.375rem}::ng-deep .response-selector .half .body{background:#fff;max-height:12.75rem}::ng-deep .response-selector .half .body app-no-data .no-data-container .image{width:10rem;margin-top:1rem}::ng-deep .response-selector .half .body app-no-data .no-data-container .text{font-size:14px;margin-bottom:1rem}::ng-deep .response-selector .half .body .response-section ul{list-style-type:none;max-height:11rem;overflow-y:auto}::ng-deep .response-selector .half .body .response-section ul::-webkit-scrollbar-track{background-color:transparent}::ng-deep .response-selector .half .body .response-section ul li:only-child,::ng-deep .response-selector .half .body .response-section ul li:first-of-type{margin-top:0!important}::ng-deep .response-selector .half .body .response-section ul li .response-data{width:calc(100% - 2rem);padding-bottom:.125rem}::ng-deep .response-selector .half .body .response-section ul li .response-data .chip{border-radius:.125rem;cursor:pointer}::ng-deep .response-selector .half .body .response-section ul li button.edit{background:transparent;border:none;border-radius:0;height:1rem}::ng-deep .response-selector .half .body .global-response ul{list-style-type:none;max-height:12.25rem;overflow-y:auto}::ng-deep .response-selector .half .body .global-response ul::-webkit-scrollbar-track{background-color:transparent}::ng-deep .response-selector .half .body .global-response ul li{border-bottom:1px solid #F1F1F1}::ng-deep .response-selector .half .body .global-response ul li .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 4rem);cursor:pointer}::ng-deep .response-selector .half .body .global-response ul li button.edit,::ng-deep .response-selector .half .body .global-response ul li button.arrow{background:transparent;border:none;border-radius:0}::ng-deep .response-details{background:#fff;border:1px solid #F1F1F1;border-radius:.25rem}::ng-deep .response-details-head{background:#f8f8f8;border-bottom:1px solid #F1F1F1;border-radius:.25rem .25rem 0 0;height:2.5rem}::ng-deep .response-details-head .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 12rem)}::ng-deep .response-details-head button.select-btn{background:#34aa44;border:none;border-radius:.125rem}::ng-deep .response-details-head button.back{background:transparent;border:none;border-radius:0}::ng-deep .response-details-body ul{list-style-type:none;max-height:17.375rem;overflow-y:auto}::ng-deep .response-details-body ul::-webkit-scrollbar-track{background-color:transparent}::ng-deep .response-details-body ul li{border-bottom:1px solid #F1F1F1}::ng-deep .response-details-body ul li:only-child,::ng-deep .response-details-body ul li:last-of-type{border-bottom:none}::ng-deep .response-details-body ul li .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 15rem)}::ng-deep .response-details-body ul li .failed{background:#d93b41;border-radius:.125rem}::ng-deep .response-details-body ul li .score{background:#fbfbfb;border-radius:0 .25rem .25rem 0;height:2.25rem;width:6rem}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.DialogService }]; } });
//# sourceMappingURL=data:application/json;base64, 