import { Component, ElementRef, HostListener, ViewChildren } 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 "../../../../../ui-kit/formgroup/cs-radio/cs-radio.component";
export class PreviewMatrixRatingScaleComponent {
    scrollHandler(event) {
        this.panel['_results'].forEach((panel) => {
            panel['nativeElement'].scrollLeft = event.target.scrollLeft;
        });
    }
    constructor() { }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewMatrixRatingScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewMatrixRatingScaleComponent, selector: "app-preview-matrix-rating-scale", host: { listeners: { "scroll": "scrollHandler($event)" } }, viewQueries: [{ propertyName: "panel", predicate: ["scrollMatrixRating"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"preview-list\">\n    <div class=\"matrix-rating-table vx-mt-5\">\n        <div class=\"rating-table-row table-head vx-d-flex\">\n            <div class=\"left\">\n                <div class=\"body\">\n                    <div class=\"title vx-fs-12 vx-label-txt vx-p-2\"></div>\n                </div>\n            </div>\n            <div class=\"right\" #scrollMatrixRating>\n                <div class=\"body\">\n                    <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\n                        <li class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\n                            <div class=\"rating-value vx-fs-12 vx-fw-600 vx-label-txt vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center\">\n                                <div class=\"heading\" [appTooltip]=\"'Lorem ipsum may be used as a placeholder before the final copy is available.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Lorem ipsum may be used as a placeholder before the final copy is available.</div>\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n        <div class=\"rating-table-row vx-d-flex\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\n            <div class=\"left\">\n                <div class=\"body\">\n                    <div class=\"title vx-fs-12 vx-label-txt vx-lh-6 vx-p-2\" [appTooltip]=\"'Lorem ipsum may be used as a placeholder before the final copy is available.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Lorem ipsum may be used as a placeholder before the final copy is available.</div>\n                </div>\n            </div>\n            <div class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixRating>\n                <div class=\"body\">\n                    <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\n                        <li class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\n                            <div class=\"rating-value vx-d-flex vx-align-center vx-justify-center\">\n                                <app-cs-radio></app-cs-radio>\n                            </div>\n                        </li> \n                    </ul>\n                </div>\n            </div>\n        </div>\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 .preview-list .matrix-rating-table{border:1px solid #DBDBDB;border-bottom:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row{border-bottom:1px solid #DBDBDB}::ng-deep .preview-list .matrix-rating-table .rating-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-rating-table .rating-table-row.table-head{background:#f1f1f1}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left{width:10rem}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left .body{height:100%}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left .body .title{border-right:1px solid #DBDBDB;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right{width:calc(100% - 10rem);overflow-x:auto}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right::-webkit-scrollbar{display:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li{border-right:1px solid #DBDBDB}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value{width:8rem}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value .devider{color:#bcbcbc}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio{width:auto;display:unset}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item{padding-left:0}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item .radio,::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item .radiomark{position:relative!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.CsRadioComponentUI, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value"], outputs: ["checkedEvent"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewMatrixRatingScaleComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-preview-matrix-rating-scale', template: "<div class=\"preview-list\">\n    <div class=\"matrix-rating-table vx-mt-5\">\n        <div class=\"rating-table-row table-head vx-d-flex\">\n            <div class=\"left\">\n                <div class=\"body\">\n                    <div class=\"title vx-fs-12 vx-label-txt vx-p-2\"></div>\n                </div>\n            </div>\n            <div class=\"right\" #scrollMatrixRating>\n                <div class=\"body\">\n                    <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\n                        <li class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\n                            <div class=\"rating-value vx-fs-12 vx-fw-600 vx-label-txt vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center\">\n                                <div class=\"heading\" [appTooltip]=\"'Lorem ipsum may be used as a placeholder before the final copy is available.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Lorem ipsum may be used as a placeholder before the final copy is available.</div>\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n        <div class=\"rating-table-row vx-d-flex\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\n            <div class=\"left\">\n                <div class=\"body\">\n                    <div class=\"title vx-fs-12 vx-label-txt vx-lh-6 vx-p-2\" [appTooltip]=\"'Lorem ipsum may be used as a placeholder before the final copy is available.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Lorem ipsum may be used as a placeholder before the final copy is available.</div>\n                </div>\n            </div>\n            <div class=\"right\" (scroll)=\"scrollHandler($event)\" #scrollMatrixRating>\n                <div class=\"body\">\n                    <ul class=\"columns vx-p-0 vx-m-0 vx-d-flex\">\n                        <li class=\"vx-d-flex vx-align-center vx-justify-center vx-p-2\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1]\">\n                            <div class=\"rating-value vx-d-flex vx-align-center vx-justify-center\">\n                                <app-cs-radio></app-cs-radio>\n                            </div>\n                        </li> \n                    </ul>\n                </div>\n            </div>\n        </div>\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 .preview-list .matrix-rating-table{border:1px solid #DBDBDB;border-bottom:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row{border-bottom:1px solid #DBDBDB}::ng-deep .preview-list .matrix-rating-table .rating-table-row:last-child .right::-webkit-scrollbar{display:block}::ng-deep .preview-list .matrix-rating-table .rating-table-row.table-head{background:#f1f1f1}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left{width:10rem}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left .body{height:100%}::ng-deep .preview-list .matrix-rating-table .rating-table-row .left .body .title{border-right:1px solid #DBDBDB;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right{width:calc(100% - 10rem);overflow-x:auto}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right::-webkit-scrollbar{display:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li{border-right:1px solid #DBDBDB}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li:last-of-type{border-right:none}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value{width:8rem}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value .heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value .devider{color:#bcbcbc}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio{width:auto;display:unset}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item{padding-left:0}::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item .radio,::ng-deep .preview-list .matrix-rating-table .rating-table-row .right .body ul.columns li .rating-value cs-radio .radio-item .radiomark{position:relative!important}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { panel: [{
                type: ViewChildren,
                args: ['scrollMatrixRating', { read: ElementRef }]
            }], scrollHandler: [{
                type: HostListener,
                args: ['scroll', ['$event']]
            }] } });
//# sourceMappingURL=data:application/json;base64, 