import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../quick-settings/quick-settings.component";
import * as i3 from "../description-preview/description-preview.component";
export class SingleTextboxComponent {
    constructor() { }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SingleTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SingleTextboxComponent, selector: "app-single-textbox", inputs: { question: "question", questionIndex: "questionIndex" }, ngImport: i0, template: "<div class=\"question-block vx-mb-1 vx-p-4\">\n  <div class=\"question-heading vx-pb-3 vx-mb-3 vx-d-flex\">\n    <span\n      class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\n      >{{ questionIndex }}</span\n    >\n    <span class=\"heading\">\n      <span\n        [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\n        class=\"vx-fs-16 vx-label-txt vx-lh-6\"\n      ></span>\n      <span\n        *ngIf=\"question?.isRequired\"\n        class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\n        >*</span\n      >\n    </span>\n  </div>\n  <div class=\"question-inner vx-d-flex vx-justify-between\">\n    <div class=\"question-inner-inside\">\n      <ng-container\n        *ngIf=\"\n          question?.hasDescription && question?.description?.trim().length > 0\n        \"\n      >\n        <app-description-preview\n          [questionIndex]=\"questionIndex\"\n          [description]=\"question?.description\"\n        ></app-description-preview>\n      </ng-container>\n      <div class=\"question-option\">\n        <input\n          class=\"single-textbox vx-bg-white vx-fs-14 vx-lh-24 vx-paragraph-txt\"\n          type=\"text\"\n          [placeholder]=\"\n            question?.isPlaceholder === true &&\n            question?.placeholder?.trim().length > 0\n              ? question?.placeholder.trim()\n              : 'Please enter a response'\n          \"\n        />\n      </div>\n    </div>\n    <div class=\"question-quickSettings\">\n      <app-quick-settings [question]=\"question\"></app-quick-settings>\n    </div>\n  </div>\n</div>\n", 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/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.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/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/avatars/avatars.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-heading .vx-avatar-group .multi-user{background:#f1f1f1;border-radius:50%;border:.125rem solid #fff;width:1.75rem;height:1.75rem;position:relative;cursor:pointer}::ng-deep .question-heading .vx-avatar-group .multi-user .multiCount{background:#1e5dd3;border-radius:1.25rem;border:.125rem solid #fff;padding:0 .125rem;min-width:1rem;height:1rem;position:absolute;top:-6px;right:-6px;line-height:.75rem}::ng-deep .question-inner{position:relative;min-height:7.5rem}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .single-textbox{font-family:Poppins,sans-serif!important;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:13px;height:2.5rem;padding:.5rem .75rem;width:37.5rem;outline:none;transition:all .2s ease-in-out}@media screen and (max-width: 1024px){::ng-deep .question-option .single-textbox{width:100%}}@media screen and (max-width: 768px){::ng-deep .question-option .single-textbox{width:100%}}::ng-deep .question-option .single-textbox::placeholder{color:#747576;font-weight:400}::ng-deep .question-option .single-textbox:hover,::ng-deep .question-option .single-textbox:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.QuickSettingsComponent, selector: "app-quick-settings", inputs: ["question"] }, { kind: "component", type: i3.DescriptionPreviewComponent, selector: "app-description-preview", inputs: ["questionIndex", "description"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SingleTextboxComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-single-textbox', template: "<div class=\"question-block vx-mb-1 vx-p-4\">\n  <div class=\"question-heading vx-pb-3 vx-mb-3 vx-d-flex\">\n    <span\n      class=\"count vx-fs-13 vx-fw-400 vx-label-txt vx-d-flex vx-align-center vx-justify-center\"\n      >{{ questionIndex }}</span\n    >\n    <span class=\"heading\">\n      <span\n        [innerHTML]=\"question?.title == '' ? 'Question' : question?.title\"\n        class=\"vx-fs-16 vx-label-txt vx-lh-6\"\n      ></span>\n      <span\n        *ngIf=\"question?.isRequired\"\n        class=\"required vx-fs-20 vx-fw-300 vx-ml-1\"\n        >*</span\n      >\n    </span>\n  </div>\n  <div class=\"question-inner vx-d-flex vx-justify-between\">\n    <div class=\"question-inner-inside\">\n      <ng-container\n        *ngIf=\"\n          question?.hasDescription && question?.description?.trim().length > 0\n        \"\n      >\n        <app-description-preview\n          [questionIndex]=\"questionIndex\"\n          [description]=\"question?.description\"\n        ></app-description-preview>\n      </ng-container>\n      <div class=\"question-option\">\n        <input\n          class=\"single-textbox vx-bg-white vx-fs-14 vx-lh-24 vx-paragraph-txt\"\n          type=\"text\"\n          [placeholder]=\"\n            question?.isPlaceholder === true &&\n            question?.placeholder?.trim().length > 0\n              ? question?.placeholder.trim()\n              : 'Please enter a response'\n          \"\n        />\n      </div>\n    </div>\n    <div class=\"question-quickSettings\">\n      <app-quick-settings [question]=\"question\"></app-quick-settings>\n    </div>\n  </div>\n</div>\n", 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/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.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/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/avatars/avatars.css\";::ng-deep .question-block{background:#f8f8f8;border-radius:.25rem;position:relative;min-height:12.5rem}::ng-deep .question-heading{border-bottom:1px solid #dbdbdb;position:relative}::ng-deep .question-heading .count{background:#dbdbdb;border-radius:50%;border:.5rem solid #fff;min-width:2.75rem;height:2.75rem;position:absolute;top:-.625rem;left:-3.25rem}::ng-deep .question-heading .heading .required{color:#c7381b;position:relative;top:-.25rem}::ng-deep .question-heading .vx-avatar-group .multi-user{background:#f1f1f1;border-radius:50%;border:.125rem solid #fff;width:1.75rem;height:1.75rem;position:relative;cursor:pointer}::ng-deep .question-heading .vx-avatar-group .multi-user .multiCount{background:#1e5dd3;border-radius:1.25rem;border:.125rem solid #fff;padding:0 .125rem;min-width:1rem;height:1rem;position:absolute;top:-6px;right:-6px;line-height:.75rem}::ng-deep .question-inner{position:relative;min-height:7.5rem}::ng-deep .question-inner-inside{padding-right:4rem}@media screen and (max-width: 667px){::ng-deep .question-inner-inside{padding-right:2.5rem!important;width:100%!important}}::ng-deep .question-option .single-textbox{font-family:Poppins,sans-serif!important;border:1px solid #dbdbdb;border-radius:.25rem;color:#747576;font-size:13px;height:2.5rem;padding:.5rem .75rem;width:37.5rem;outline:none;transition:all .2s ease-in-out}@media screen and (max-width: 1024px){::ng-deep .question-option .single-textbox{width:100%}}@media screen and (max-width: 768px){::ng-deep .question-option .single-textbox{width:100%}}::ng-deep .question-option .single-textbox::placeholder{color:#747576;font-weight:400}::ng-deep .question-option .single-textbox:hover,::ng-deep .question-option .single-textbox:focus{border:1px solid #1e5dd3;box-shadow:0 0 5px #1e5dd345}::ng-deep .question-quickSettings{position:absolute;top:0;right:0}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { question: [{
                type: Input
            }], questionIndex: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2luZ2xlLXRleHRib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvc2luZ2xlLXRleHRib3gvc2luZ2xlLXRleHRib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvc2luZ2xlLXRleHRib3gvc2luZ2xlLXRleHRib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3pELE1BQU0sT0FBTyxzQkFBc0I7SUFHakMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7K0dBTlUsc0JBQXNCO21HQUF0QixzQkFBc0IsNEhDUG5DLHdsREFnREE7OzRGRHpDYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usb0JBQW9COzBFQUtyQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXNpbmdsZS10ZXh0Ym94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpbmdsZS10ZXh0Ym94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2luZ2xlLXRleHRib3guY29tcG9uZW50Lmxlc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTaW5nbGVUZXh0Ym94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcXVlc3Rpb24hOiBhbnk7XG4gIEBJbnB1dCgpIHF1ZXN0aW9uSW5kZXggITphbnk7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrIHZ4LW1iLTEgdngtcC00XCI+XG4gIDxkaXYgY2xhc3M9XCJxdWVzdGlvbi1oZWFkaW5nIHZ4LXBiLTMgdngtbWItMyB2eC1kLWZsZXhcIj5cbiAgICA8c3BhblxuICAgICAgY2xhc3M9XCJjb3VudCB2eC1mcy0xMyB2eC1mdy00MDAgdngtbGFiZWwtdHh0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIlxuICAgICAgPnt7IHF1ZXN0aW9uSW5kZXggfX08L3NwYW5cbiAgICA+XG4gICAgPHNwYW4gY2xhc3M9XCJoZWFkaW5nXCI+XG4gICAgICA8c3BhblxuICAgICAgICBbaW5uZXJIVE1MXT1cInF1ZXN0aW9uPy50aXRsZSA9PSAnJyA/ICdRdWVzdGlvbicgOiBxdWVzdGlvbj8udGl0bGVcIlxuICAgICAgICBjbGFzcz1cInZ4LWZzLTE2IHZ4LWxhYmVsLXR4dCB2eC1saC02XCJcbiAgICAgID48L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICAqbmdJZj1cInF1ZXN0aW9uPy5pc1JlcXVpcmVkXCJcbiAgICAgICAgY2xhc3M9XCJyZXF1aXJlZCB2eC1mcy0yMCB2eC1mdy0zMDAgdngtbWwtMVwiXG4gICAgICAgID4qPC9zcGFuXG4gICAgICA+XG4gICAgPC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWlubmVyIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWJldHdlZW5cIj5cbiAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24taW5uZXItaW5zaWRlXCI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ0lmPVwiXG4gICAgICAgICAgcXVlc3Rpb24/Lmhhc0Rlc2NyaXB0aW9uICYmIHF1ZXN0aW9uPy5kZXNjcmlwdGlvbj8udHJpbSgpLmxlbmd0aCA+IDBcbiAgICAgICAgXCJcbiAgICAgID5cbiAgICAgICAgPGFwcC1kZXNjcmlwdGlvbi1wcmV2aWV3XG4gICAgICAgICAgW3F1ZXN0aW9uSW5kZXhdPVwicXVlc3Rpb25JbmRleFwiXG4gICAgICAgICAgW2Rlc2NyaXB0aW9uXT1cInF1ZXN0aW9uPy5kZXNjcmlwdGlvblwiXG4gICAgICAgID48L2FwcC1kZXNjcmlwdGlvbi1wcmV2aWV3PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb24tb3B0aW9uXCI+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIGNsYXNzPVwic2luZ2xlLXRleHRib3ggdngtYmctd2hpdGUgdngtZnMtMTQgdngtbGgtMjQgdngtcGFyYWdyYXBoLXR4dFwiXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJcbiAgICAgICAgICAgIHF1ZXN0aW9uPy5pc1BsYWNlaG9sZGVyID09PSB0cnVlICYmXG4gICAgICAgICAgICBxdWVzdGlvbj8ucGxhY2Vob2xkZXI/LnRyaW0oKS5sZW5ndGggPiAwXG4gICAgICAgICAgICAgID8gcXVlc3Rpb24/LnBsYWNlaG9sZGVyLnRyaW0oKVxuICAgICAgICAgICAgICA6ICdQbGVhc2UgZW50ZXIgYSByZXNwb25zZSdcbiAgICAgICAgICBcIlxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uLXF1aWNrU2V0dGluZ3NcIj5cbiAgICAgIDxhcHAtcXVpY2stc2V0dGluZ3MgW3F1ZXN0aW9uXT1cInF1ZXN0aW9uXCI+PC9hcHAtcXVpY2stc2V0dGluZ3M+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=