import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class LogicSliderComponent {
    constructor() { }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LogicSliderComponent, selector: "app-logic-slider", ngImport: i0, template: "<div class=\"logic-slider vx-d-flex vx-align-center vx-p-4 vx-bg-white \">\n    <div class=\"slider-left vx-mr-2\">\n        <div class=\"range-slider\">\n         <input type=\"range\" min=\"1\" max=\"100\" value=\"50\" class=\"vx-slider\">\n        </div>\n        <div class=\"labels vx-justify-between vx-d-flex vx-fs-12\">\n            <span >0</span>\n            <span>100</span>\n        </div>\n    </div>\n    <div class=\"slider-right\">\n        <input type=\"text\" value='50' class=\"vx-text-center\">\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\";@import\"https://cdn.v-comply.com/design-system/css/forms/range-slider.css\";::ng-deep .logic-slider{width:37.5rem;box-shadow:0 0 10px #f1f1f1;border:1px solid #DBDBDB;border-radius:.125rem}::ng-deep .logic-slider .slider-left{width:calc(100% - 3.125rem)}::ng-deep .logic-slider .slider-right{width:3.125rem}::ng-deep .logic-slider .slider-right input{display:block;border-radius:.125rem;border:1px solid #F1F1F1;color:#161b2f;font-size:12px;width:100%;height:2.5rem;line-height:2.5rem;outline:none}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicSliderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-logic-slider', template: "<div class=\"logic-slider vx-d-flex vx-align-center vx-p-4 vx-bg-white \">\n    <div class=\"slider-left vx-mr-2\">\n        <div class=\"range-slider\">\n         <input type=\"range\" min=\"1\" max=\"100\" value=\"50\" class=\"vx-slider\">\n        </div>\n        <div class=\"labels vx-justify-between vx-d-flex vx-fs-12\">\n            <span >0</span>\n            <span>100</span>\n        </div>\n    </div>\n    <div class=\"slider-right\">\n        <input type=\"text\" value='50' class=\"vx-text-center\">\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\";@import\"https://cdn.v-comply.com/design-system/css/forms/range-slider.css\";::ng-deep .logic-slider{width:37.5rem;box-shadow:0 0 10px #f1f1f1;border:1px solid #DBDBDB;border-radius:.125rem}::ng-deep .logic-slider .slider-left{width:calc(100% - 3.125rem)}::ng-deep .logic-slider .slider-right{width:3.125rem}::ng-deep .logic-slider .slider-right input{display:block;border-radius:.125rem;border:1px solid #F1F1F1;color:#161b2f;font-size:12px;width:100%;height:2.5rem;line-height:2.5rem;outline:none}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naWMtc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9sb2dpYy1xdWVzdGlvbnMvbG9naWMtc2xpZGVyL2xvZ2ljLXNsaWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Fzc2Vzc21lbnQtZWRpdG9yL2NvbXBvbmVudHMvbG9naWMtcXVlc3Rpb25zL2xvZ2ljLXNsaWRlci9sb2dpYy1zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPbEQsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzsrR0FMVSxvQkFBb0I7bUdBQXBCLG9CQUFvQix3RENQakMseWhCQWFNOzs0RkROTyxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWxvZ2ljLXNsaWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2dpYy1zbGlkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sb2dpYy1zbGlkZXIuY29tcG9uZW50Lmxlc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMb2dpY1NsaWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwibG9naWMtc2xpZGVyIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtcC00IHZ4LWJnLXdoaXRlIFwiPlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXItbGVmdCB2eC1tci0yXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyYW5nZS1zbGlkZXJcIj5cbiAgICAgICAgIDxpbnB1dCB0eXBlPVwicmFuZ2VcIiBtaW49XCIxXCIgbWF4PVwiMTAwXCIgdmFsdWU9XCI1MFwiIGNsYXNzPVwidngtc2xpZGVyXCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxzIHZ4LWp1c3RpZnktYmV0d2VlbiB2eC1kLWZsZXggdngtZnMtMTJcIj5cbiAgICAgICAgICAgIDxzcGFuID4wPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4+MTAwPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2xpZGVyLXJpZ2h0XCI+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIHZhbHVlPSc1MCcgY2xhc3M9XCJ2eC10ZXh0LWNlbnRlclwiPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19