import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class PreviewSliderComponent {
    constructor() { }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewSliderComponent, selector: "app-preview-slider", ngImport: i0, template: "<div class=\"preview-list\">\n    <div class=\"slider-container 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>\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 .preview-list .slider-container{width:37.5rem;box-shadow:0 0 10px #f1f1f1;border:1px solid #DBDBDB;border-radius:.125rem}::ng-deep .preview-list .slider-container .slider-left{width:calc(100% - 3.125rem)}::ng-deep .preview-list .slider-container .slider-right{width:3.125rem}::ng-deep .preview-list .slider-container .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: PreviewSliderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-preview-slider', template: "<div class=\"preview-list\">\n    <div class=\"slider-container 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>\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 .preview-list .slider-container{width:37.5rem;box-shadow:0 0 10px #f1f1f1;border:1px solid #DBDBDB;border-radius:.125rem}::ng-deep .preview-list .slider-container .slider-left{width:calc(100% - 3.125rem)}::ng-deep .preview-list .slider-container .slider-right{width:3.125rem}::ng-deep .preview-list .slider-container .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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1zbGlkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1zbGlkZXIvcHJldmlldy1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1zbGlkZXIvcHJldmlldy1zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPbEQsTUFBTSxPQUFPLHNCQUFzQjtJQUVqQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzsrR0FMVSxzQkFBc0I7bUdBQXRCLHNCQUFzQiwwRENQbkMsMm5CQWVNOzs0RkRSTyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXByZXZpZXctc2xpZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3ByZXZpZXctc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHJldmlldy1zbGlkZXIuY29tcG9uZW50Lmxlc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQcmV2aWV3U2xpZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJwcmV2aWV3LWxpc3RcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2xpZGVyLWNvbnRhaW5lciB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LXAtNCB2eC1iZy13aGl0ZSBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNsaWRlci1sZWZ0IHZ4LW1yLTJcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyYW5nZS1zbGlkZXJcIj5cbiAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cInJhbmdlXCIgbWluPVwiMVwiIG1heD1cIjEwMFwiIHZhbHVlPVwiNTBcIiBjbGFzcz1cInZ4LXNsaWRlclwiPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxzIHZ4LWp1c3RpZnktYmV0d2VlbiB2eC1kLWZsZXggdngtZnMtMTJcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiA+MDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3Bhbj4xMDA8L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzbGlkZXItcmlnaHRcIj5cbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIHZhbHVlPSc1MCcgY2xhc3M9XCJ2eC10ZXh0LWNlbnRlclwiPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==