import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class RankingComponent {
    constructor() { }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RankingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RankingComponent, selector: "app-ranking", ngImport: i0, template: "<div class=\"ranking vx-mb-4\">\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>", 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\";.ranking .option-list{margin-bottom:2rem}.ranking .option-list ul{list-style-type:none}.ranking .left{width:calc(100% - 4.75rem);position:relative}.ranking .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}.ranking .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.ranking .right{width:4.5rem;height:2.5rem}.ranking .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.ranking .right button.disabled{pointer-events:none;opacity:.5}.ranking .right button.close{background:transparent}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RankingComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-ranking', template: "<div class=\"ranking vx-mb-4\">\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>", 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\";.ranking .option-list{margin-bottom:2rem}.ranking .option-list ul{list-style-type:none}.ranking .left{width:calc(100% - 4.75rem);position:relative}.ranking .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}.ranking .left input[type=text]:focus{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.ranking .right{width:4.5rem;height:2.5rem}.ranking .right button{background:#f8f8f8;border-radius:50%;border:none;width:2rem;height:2rem}.ranking .right button.disabled{pointer-events:none;opacity:.5}.ranking .right button.close{background:transparent}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFua2luZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvYnVpbGQvcmFua2luZy9yYW5raW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9idWlsZC9yYW5raW5nL3JhbmtpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPbEQsTUFBTSxPQUFPLGdCQUFnQjtJQUUzQixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzsrR0FMVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixtRENQN0IsOHRCQWNNOzs0RkRQTyxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1yYW5raW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhbmtpbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yYW5raW5nLmNvbXBvbmVudC5sZXNzJ11cbn0pXG5leHBvcnQgY2xhc3MgUmFua2luZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwicmFua2luZyB2eC1tYi00XCI+XG4gICAgPGRpdiBjbGFzcz1cIm9wdGlvbi1saXN0XCI+XG4gICAgICAgIDx1bCBjbGFzcz1cInZ4LXAtMCB2eC1tLTBcIj5cbiAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LWQtZmxleFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0XCI+XG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIHBsYWNlaG9sZGVyPVwiT3B0aW9uXCIgLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1tbC0xXCI+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ2eC1mcy0yNCB2eC1wYXJhZ3JhcGgtdHh0IHZ4LXAtMCB2eC1tLTAgdngtbWwtMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyXCI+KzwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwidngtZnMtMjQgdngtcGFyYWdyYXBoLXR4dCB2eC1wLTAgdngtbS0wIHZ4LW1sLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiIFtjbGFzcy5kaXNhYmxlZF09XCJmYWxzZVwiPi08L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgIDwvdWw+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=