import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
export class DateTimeComponent {
    constructor() { }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateTimeComponent, selector: "app-build-date-time", inputs: { question: "question" }, ngImport: i0, template: "<div class=\"date-time vx-mb-4\">\n    <div class=\"left vx-mb-2\" *ngIf=\"question.hasDate\">\n        <div class=\"label\">\n            <input type=\"text\" placeholder=\"Enter date label\" [(ngModel)]=\"question.date.title\"/>\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-pr-1\">DATE</div>\n        </div>\n    </div>\n    <div class=\"left vx-mb-2\" *ngIf=\"question.hasTime\">\n        <div class=\"label\">\n            <input type=\"text\" placeholder=\"Enter time label\" [(ngModel)]=\"question.time.title\" />\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-pr-1\">TIME</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\";.date-time .left{width:calc(100% - 8rem);position:relative}.date-time .left .label{border:1px solid #DBDBDB;border-radius:.25rem;height:2.5rem;transition:all .3s ease-in-out;position:relative}.date-time .left .label:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.date-time .left .label input[type=text]{background:#fff;border:none;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem .5rem 5rem;width:100%;height:2.375rem;outline:none;transition:all .3s ease-in-out}.date-time .left .label .heading{position:absolute;top:.625rem;left:.75rem;width:3.5rem}.date-time .left .label .heading:before{background:#dbdbdb;content:\"\";position:absolute;top:0;right:0;width:1px;height:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimeComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-build-date-time', template: "<div class=\"date-time vx-mb-4\">\n    <div class=\"left vx-mb-2\" *ngIf=\"question.hasDate\">\n        <div class=\"label\">\n            <input type=\"text\" placeholder=\"Enter date label\" [(ngModel)]=\"question.date.title\"/>\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-pr-1\">DATE</div>\n        </div>\n    </div>\n    <div class=\"left vx-mb-2\" *ngIf=\"question.hasTime\">\n        <div class=\"label\">\n            <input type=\"text\" placeholder=\"Enter time label\" [(ngModel)]=\"question.time.title\" />\n            <div class=\"heading vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-pr-1\">TIME</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\";.date-time .left{width:calc(100% - 8rem);position:relative}.date-time .left .label{border:1px solid #DBDBDB;border-radius:.25rem;height:2.5rem;transition:all .3s ease-in-out;position:relative}.date-time .left .label:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px #1e5dd345}.date-time .left .label input[type=text]{background:#fff;border:none;border-radius:.25rem;color:#747576;font-size:12px;padding:.5rem .75rem .5rem 5rem;width:100%;height:2.375rem;outline:none;transition:all .3s ease-in-out}.date-time .left .label .heading{position:absolute;top:.625rem;left:.75rem;width:3.5rem}.date-time .left .label .heading:before{background:#dbdbdb;content:\"\";position:absolute;top:0;right:0;width:1px;height:1rem}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { question: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS10aW1lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9idWlsZC9kYXRlLXRpbWUvZGF0ZS10aW1lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9idWlsZC9kYXRlLXRpbWUvZGF0ZS10aW1lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3pELE1BQU0sT0FBTyxpQkFBaUI7SUFFNUIsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7K0dBTFUsaUJBQWlCO21HQUFqQixpQkFBaUIsNkZDUDlCLDRyQkFhTTs7NEZETk8saUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLHFCQUFxQjswRUFLdEIsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtYnVpbGQtZGF0ZS10aW1lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGUtdGltZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGUtdGltZS5jb21wb25lbnQubGVzcyddXG59KVxuZXhwb3J0IGNsYXNzIERhdGVUaW1lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcXVlc3Rpb24hOiBhbnk7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImRhdGUtdGltZSB2eC1tYi00XCI+XG4gICAgPGRpdiBjbGFzcz1cImxlZnQgdngtbWItMlwiICpuZ0lmPVwicXVlc3Rpb24uaGFzRGF0ZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxcIj5cbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIHBsYWNlaG9sZGVyPVwiRW50ZXIgZGF0ZSBsYWJlbFwiIFsobmdNb2RlbCldPVwicXVlc3Rpb24uZGF0ZS50aXRsZVwiLz5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkaW5nIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC1sYWJlbC10eHQgdngtdHQtdXBwZXJjYXNlIHZ4LXByLTFcIj5EQVRFPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJsZWZ0IHZ4LW1iLTJcIiAqbmdJZj1cInF1ZXN0aW9uLmhhc1RpbWVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImxhYmVsXCI+XG4gICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBwbGFjZWhvbGRlcj1cIkVudGVyIHRpbWUgbGFiZWxcIiBbKG5nTW9kZWwpXT1cInF1ZXN0aW9uLnRpbWUudGl0bGVcIiAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRpbmcgdngtZnMtMTEgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC10dC11cHBlcmNhc2UgdngtcHItMVwiPlRJTUU8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=