import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class MatrixRatingScaleComponent {
    constructor() { }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixRatingScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MatrixRatingScaleComponent, selector: "app-matrix-rating-scale", ngImport: i0, template: "<div class=\"matrix-rating-scale vx-mb-4\">\n    <div class=\"label-heading vx-fs-12 vx-fw-500 vx-label-txt vx-mb-1\">Rows</div>\n    <div class=\"option-list\">\n        <ul class=\"vx-p-0 vx-m-0\">\n            <li class=\"vx-d-flex\">\n                <div class=\"left\">\n                    <input type=\"text\" placeholder=\"Option\" />\n                </div>\n                <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\n                    <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\n                    <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">-</button>\n                </div>\n            </li>\n        </ul>\n    </div>\n    <div class=\"label-heading vx-fs-12 vx-fw-500 vx-label-txt vx-mb-1\">Columns</div>\n    <div class=\"option-list\">\n        <ul class=\"vx-p-0 vx-m-0\">\n            <li>\n                <div class=\"vx-d-flex\">\n                    <div class=\"left\">\n                        <input type=\"text\" placeholder=\"Option\" />\n                    </div>\n                    <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\n                        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\n                        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">-</button>\n                    </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\";.matrix-rating-scale .option-list{margin-bottom:2rem}.matrix-rating-scale .option-list ul{list-style-type:none}.matrix-rating-scale .left{width:calc(100% - 4.75rem);position:relative}.matrix-rating-scale .left input[type=text]{background:#fff;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.matrix-rating-scale .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.matrix-rating-scale .right{width:4.5rem;height:2.5rem}.matrix-rating-scale .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.matrix-rating-scale .right button.disabled{pointer-events:none;opacity:.5}.matrix-rating-scale .right button.close{background:transparent}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixRatingScaleComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-matrix-rating-scale', template: "<div class=\"matrix-rating-scale vx-mb-4\">\n    <div class=\"label-heading vx-fs-12 vx-fw-500 vx-label-txt vx-mb-1\">Rows</div>\n    <div class=\"option-list\">\n        <ul class=\"vx-p-0 vx-m-0\">\n            <li class=\"vx-d-flex\">\n                <div class=\"left\">\n                    <input type=\"text\" placeholder=\"Option\" />\n                </div>\n                <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\n                    <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\n                    <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">-</button>\n                </div>\n            </li>\n        </ul>\n    </div>\n    <div class=\"label-heading vx-fs-12 vx-fw-500 vx-label-txt vx-mb-1\">Columns</div>\n    <div class=\"option-list\">\n        <ul class=\"vx-p-0 vx-m-0\">\n            <li>\n                <div class=\"vx-d-flex\">\n                    <div class=\"left\">\n                        <input type=\"text\" placeholder=\"Option\" />\n                    </div>\n                    <div class=\"right vx-d-flex vx-align-center vx-ml-1\">\n                        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\">+</button>\n                        <button class=\"vx-fs-24 vx-paragraph-txt vx-p-0 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">-</button>\n                    </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\";.matrix-rating-scale .option-list{margin-bottom:2rem}.matrix-rating-scale .option-list ul{list-style-type:none}.matrix-rating-scale .left{width:calc(100% - 4.75rem);position:relative}.matrix-rating-scale .left input[type=text]{background:#fff;border:1px solid #DBDBDB;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem;width:100%;height:2.5rem;outline:none;transition:all .3s ease-in-out}.matrix-rating-scale .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.matrix-rating-scale .right{width:4.5rem;height:2.5rem}.matrix-rating-scale .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.matrix-rating-scale .right button.disabled{pointer-events:none;opacity:.5}.matrix-rating-scale .right button.close{background:transparent}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0cml4LXJhdGluZy1zY2FsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvYnVpbGQvbWF0cml4LXJhdGluZy1zY2FsZS9tYXRyaXgtcmF0aW5nLXNjYWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9idWlsZC9tYXRyaXgtcmF0aW5nLXNjYWxlL21hdHJpeC1yYXRpbmctc2NhbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPbEQsTUFBTSxPQUFPLDBCQUEwQjtJQUVyQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzsrR0FMVSwwQkFBMEI7bUdBQTFCLDBCQUEwQiwrRENQdkMsdXBEQStCTTs7NEZEeEJPLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbWF0cml4LXJhdGluZy1zY2FsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXRyaXgtcmF0aW5nLXNjYWxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0cml4LXJhdGluZy1zY2FsZS5jb21wb25lbnQubGVzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1hdHJpeFJhdGluZ1NjYWxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYXRyaXgtcmF0aW5nLXNjYWxlIHZ4LW1iLTRcIj5cbiAgICA8ZGl2IGNsYXNzPVwibGFiZWwtaGVhZGluZyB2eC1mcy0xMiB2eC1mdy01MDAgdngtbGFiZWwtdHh0IHZ4LW1iLTFcIj5Sb3dzPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm9wdGlvbi1saXN0XCI+XG4gICAgICAgIDx1bCBjbGFzcz1cInZ4LXAtMCB2eC1tLTBcIj5cbiAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LWQtZmxleFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0XCI+XG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIHBsYWNlaG9sZGVyPVwiT3B0aW9uXCIgLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1tbC0xXCI+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ2eC1mcy0yNCB2eC1wYXJhZ3JhcGgtdHh0IHZ4LXAtMCB2eC1tLTAgdngtbWwtMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCI+KzwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwidngtZnMtMjQgdngtcGFyYWdyYXBoLXR4dCB2eC1wLTAgdngtbS0wIHZ4LW1sLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiIFtjbGFzcy5kaXNhYmxlZF09XCJmYWxzZVwiPi08L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgIDwvdWw+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImxhYmVsLWhlYWRpbmcgdngtZnMtMTIgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC1tYi0xXCI+Q29sdW1uczwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJvcHRpb24tbGlzdFwiPlxuICAgICAgICA8dWwgY2xhc3M9XCJ2eC1wLTAgdngtbS0wXCI+XG4gICAgICAgICAgICA8bGk+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWQtZmxleFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgcGxhY2Vob2xkZXI9XCJPcHRpb25cIiAvPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtbWwtMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInZ4LWZzLTI0IHZ4LXBhcmFncmFwaC10eHQgdngtcC0wIHZ4LW0tMCB2eC1tbC0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIj4rPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwidngtZnMtMjQgdngtcGFyYWdyYXBoLXR4dCB2eC1wLTAgdngtbS0wIHZ4LW1sLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiIFtjbGFzcy5kaXNhYmxlZF09XCJmYWxzZVwiPi08L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICA8L3VsPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19