@piserve-tech/form-submission 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/esm2022/lib/form-submission.component.mjs +2 -2
  2. package/fesm2022/piserve-tech-form-submission.mjs +2 -2
  3. package/fesm2022/piserve-tech-form-submission.mjs.map +1 -1
  4. package/package.json +1 -1
package/esm2022/lib/form-submission.component.mjs CHANGED
@@ -10,10 +10,10 @@ export class FormSubmissionComponent {
10
10
  this.customerServiceRating = event.target.valueAsNumber;
11
11
  }
12
12
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormSubmissionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormSubmissionComponent, selector: "lib-formSubmission", ngImport: i0, template: "<div class=\"outer-container\">\n <div class=\"registration-header\">\n <h2>Registration form</h2>\n </div>\n <div class=\"line\"></div>\n <div class=\"container\">\n <div class=\"inner-container mx-2 my-3 px-4 py-4 rounded\">\n <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link active\" id=\"basic-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#basic-details\" type=\"button\" role=\"tab\" aria-controls=\"basic-details\" aria-selected=\"true\">Basic Details</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"registration-form-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#registration-form\" type=\"button\" role=\"tab\" aria-controls=\"registration-form\" aria-selected=\"false\">Registration Form</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"add-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#add-details\" type=\"button\" role=\"tab\" aria-controls=\"add-details\" aria-selected=\"false\">Add Details</button>\n </li>\n </ul>\n <div class=\"tab-content mt-1 \">\n <div class=\"tab-pane fade show active mx-4 mb-4 px-3 py-1 border-top-0\" id=\"basic-details\" role=\"tabpanel\" aria-labelledby=\"basic-details-tab\">\n <div class=\"row\">\n <div class=\"col-xl-4 p-2\">\n <label>1. Email</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"johndeo@mail.com\"\n />\n </div>\n\n <div class=\"col-xl-4 p-2\">\n <label>2. Startup name</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"Finance\"\n />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. City</label>\n <select class=\"form-control mb-2\">\n <option value=\"New York\">Mumbai</option>\n <option value=\"Los Angeles\">Los Angeles</option>\n <option value=\"Chicago\">Chicago</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Have you applied previously?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"yesRadio\"\n value=\"yes\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Yes </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"noRadio\"\n value=\"no\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> No </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>a) Nationality</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Indian\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>b) Gender</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Male\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Application service link</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Logo</label>\n <div class=\"custom-file mb-2\">\n <input type=\"file\" class=\"custom-file-input\" id=\"logoFile\" />\n <label class=\"custom-file-label\" for=\"logoFile\"\n >Choose file</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>8. Description</label>\n <textarea class=\"form-control mb-2\" rows=\"6\">\n Imply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</textarea\n >\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Next | Basic Details\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"registration-form\" role=\"tabpanel\" aria-labelledby=\"registration-form-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. Password</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Enter your mobile number</label>\n <div class=\"input-group mb-2\">\n <select class=\"custom-select col-xl-1\" id=\"countryCode\">\n <option value=\"+1\">\uD83C\uDDFA\uD83C\uDDF8 +1</option>\n <option value=\"+44\">\uD83C\uDDEC\uD83C\uDDE7 +44</option>\n </select>\n <input\n type=\"text\"\n class=\"form-control col-xl-11 ml-2\"\n placeholder=\"Mobile Number\"\n aria-label=\"Mobile Number\"\n />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Enter your website URL?</label>\n <div class=\"input-group mb-2\">\n <input type=\"text\" class=\"form-control col-xl-11\" />\n <button type=\"button\" class=\"btn col-xl-1 ml-2 custom-button\">\n <svg\n width=\"30\"\n height=\"30\"\n viewBox=\"0 0 30 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.99561 16.2503C4.99561 21.7754 9.47462 26.2544 14.9998 26.2544C20.5249 26.2544 25.0039 21.7754 25.0039 16.2503C25.0039 10.7251 20.5249 6.24609 14.9998 6.24609H6.24613\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 2.49219L6.24609 6.24375\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 9.99766L6.24609 6.24609\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M17.7924 14.8125L14.3035 18.3015L12.2051 16.2106\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Enter your email?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Enter your id number?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n OK\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"add-details\" role=\"tabpanel\" aria-labelledby=\"add-details-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How old are you ?</label>\n <select class=\"form-control mb-2\">\n <option value=\"21\">21</option>\n <option value=\"18\">18</option>\n <option value=\"30\">30</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. Select gender</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"maleRadio\"\n value=\"Male\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Male </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"femaleRadio\"\n value=\"Female\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Female </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"otherRadio\"\n value=\"Other\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Other </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. What is a dropdown question?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option1Checkbox\"\n name=\"option1Checkbox\"\n value=\"Option 1\"\n />\n <label class=\"form-check-label\" for=\"option1Checkbox\"\n >Option 1</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option2Checkbox\"\n name=\"option2Checkbox\"\n value=\"Option 2\"\n />\n <label class=\"form-check-label\" for=\"option2Checkbox\"\n >Option 2</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option3Checkbox\"\n name=\"option3Checkbox\"\n value=\"Option 3\"\n />\n <label class=\"form-check-label\" for=\"option3Checkbox\"\n >Option 3</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option4Checkbox\"\n name=\"option4Checkbox\"\n value=\"Option 4\"\n />\n <label class=\"form-check-label\" for=\"option4Checkbox\"\n >Option 4</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Please upload your signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n <div class=\"custom-file\">\n <input type=\"file\" />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2 pr-2\">\n <label>5. How would you rate the quality of your customer service experience?</label>\n <div class=\"slider-container col-xl-12 p-2 \">\n <div class=\"row\">\n <div class=\" col-xl-11\">\n <input type=\"range\" class=\"form-range\" id=\"customerServiceRating\" min=\"0\" max=\"100\" step=\"1\"\n [(ngModel)]=\"customerServiceRating\" (input)=\"updateSliderValue($event)\">\n </div>\n <div class=\" col-xl-1 mb-2 text-right\">\n <label class=\"selected-count mb-2 font-weight-bold\">{{ customerServiceRating }}</label>\n </div>\n </div>\n \n \n </div>\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Submit\n </button>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>", styles: [".outer-container{background-color:#fff;padding:20px;position:relative}.registration-header{top:20px;left:50%;background-color:#fff;padding:0 8%}.line{margin-left:8%;margin-top:1%;margin-bottom:2%;width:85%;height:0px;left:1360px;top:94px;border:.5px solid #eaeaea;transform:rotate(180deg)}.container{position:relative;z-index:1}.inner-container{width:100%;background:#efefef;position:relative}.tab-content,.row{background-color:#fff}.nav-item{background-color:#fff;border-radius:5px}.custom-button{height:calc(1.5em + .75rem + 2px);border:1px solid #ced4da;background-color:transparent;padding:.375rem .75rem;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.selected-count{font-size:.8rem;color:#000}input[type=range]{-webkit-appearance:none;width:104%}input[type=range]::-webkit-slider-runnable-track{height:20%;background-color:#d9d9d9}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fcfcfc;border-radius:50%;border:1px solid #D9D9D9}input[type=range]{accent-color:green}\n"], dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.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: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
13
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormSubmissionComponent, selector: "lib-formSubmission", ngImport: i0, template: "<div class=\"outer-container\">\n <div class=\"registration-header\">\n <h2>Registration form</h2>\n </div>\n <div class=\"line\"></div>\n <div class=\"container\">\n <div class=\"inner-container mx-2 my-3 px-4 py-4 rounded\">\n <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link active\" id=\"basic-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#basic-details\" type=\"button\" role=\"tab\" aria-controls=\"basic-details\" aria-selected=\"true\">Basic Details</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"registration-form-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#registration-form\" type=\"button\" role=\"tab\" aria-controls=\"registration-form\" aria-selected=\"false\">Registration Form</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"add-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#add-details\" type=\"button\" role=\"tab\" aria-controls=\"add-details\" aria-selected=\"false\">Add Details</button>\n </li>\n </ul>\n <div class=\"tab-content mt-1 \">\n <div class=\"tab-pane fade show active mx-4 mb-4 px-3 py-1 border-top-0\" id=\"basic-details\" role=\"tabpanel\" aria-labelledby=\"basic-details-tab\">\n <div class=\"row\">\n <div class=\"col-xl-4 p-2\">\n <label>1. Email</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"johndeo@mail.com\"\n />\n </div>\n\n <div class=\"col-xl-4 p-2\">\n <label>2. Startup name</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"Finance\"\n />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. City</label>\n <select class=\"form-control mb-2\">\n <option value=\"New York\">Mumbai</option>\n <option value=\"Los Angeles\">Los Angeles</option>\n <option value=\"Chicago\">Chicago</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Have you applied previously?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"yesRadio\"\n value=\"yes\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Yes </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"noRadio\"\n value=\"no\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> No </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>a) Nationality</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Indian\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>b) Gender</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Male\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Application service link</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Logo</label>\n <div class=\"custom-file mb-2\">\n <input type=\"file\" class=\"custom-file-input\" id=\"logoFile\" />\n <label class=\"custom-file-label\" for=\"logoFile\"\n >Choose file</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>8. Description</label>\n <textarea class=\"form-control mb-2\" rows=\"6\">\n Imply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</textarea\n >\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Next | Basic Details\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"registration-form\" role=\"tabpanel\" aria-labelledby=\"registration-form-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. Password</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Enter your mobile number</label>\n <div class=\"input-group mb-2\">\n <select class=\"custom-select col-xl-1\" id=\"countryCode\">\n <option value=\"+1\">\uD83C\uDDFA\uD83C\uDDF8 +1</option>\n <option value=\"+44\">\uD83C\uDDEC\uD83C\uDDE7 +44</option>\n </select>\n <input\n type=\"text\"\n class=\"form-control col-xl-11 ml-2\"\n placeholder=\"Mobile Number\"\n aria-label=\"Mobile Number\"\n />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Enter your website URL?</label>\n <div class=\"input-group mb-2\">\n <input type=\"text\" class=\"form-control col-xl-11\" />\n <button type=\"button\" class=\"btn col-xl-1 ml-2 custom-button\">\n <svg\n width=\"30\"\n height=\"30\"\n viewBox=\"0 0 30 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.99561 16.2503C4.99561 21.7754 9.47462 26.2544 14.9998 26.2544C20.5249 26.2544 25.0039 21.7754 25.0039 16.2503C25.0039 10.7251 20.5249 6.24609 14.9998 6.24609H6.24613\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 2.49219L6.24609 6.24375\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 9.99766L6.24609 6.24609\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M17.7924 14.8125L14.3035 18.3015L12.2051 16.2106\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Enter your email?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Enter your id number?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n OK\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"add-details\" role=\"tabpanel\" aria-labelledby=\"add-details-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How old are you ?</label>\n <select class=\"form-control mb-2\">\n <option value=\"21\">21</option>\n <option value=\"18\">18</option>\n <option value=\"30\">30</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. Select gender</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"maleRadio\"\n value=\"Male\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Male </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"femaleRadio\"\n value=\"Female\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Female </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"otherRadio\"\n value=\"Other\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Other </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. What is a dropdown question?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option1Checkbox\"\n name=\"option1Checkbox\"\n value=\"Option 1\"\n />\n <label class=\"form-check-label\" for=\"option1Checkbox\"\n >Option 1</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option2Checkbox\"\n name=\"option2Checkbox\"\n value=\"Option 2\"\n />\n <label class=\"form-check-label\" for=\"option2Checkbox\"\n >Option 2</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option3Checkbox\"\n name=\"option3Checkbox\"\n value=\"Option 3\"\n />\n <label class=\"form-check-label\" for=\"option3Checkbox\"\n >Option 3</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option4Checkbox\"\n name=\"option4Checkbox\"\n value=\"Option 4\"\n />\n <label class=\"form-check-label\" for=\"option4Checkbox\"\n >Option 4</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Please upload your signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n <div class=\"custom-file\">\n <input type=\"file\" />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2 pr-2\">\n <label>5. How would you rate the quality of your customer service experience?</label>\n <div class=\"slider-container col-xl-12 p-2 \">\n <div class=\"row\">\n <div class=\" col-xl-11\">\n <input type=\"range\" class=\"form-range\" id=\"customerServiceRating\" min=\"0\" max=\"100\" step=\"1\"\n [(ngModel)]=\"customerServiceRating\" (input)=\"updateSliderValue($event)\">\n </div>\n <div class=\" col-xl-1 mb-2 text-right\">\n <label class=\"selected-count mb-2 font-weight-bold\">{{ customerServiceRating }}</label>\n </div>\n </div>\n \n \n </div>\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Submit\n </button>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;top:64px}.registration-header{top:20px;left:50%;background-color:#fff;padding:0 8%}.line{margin-left:8%;margin-top:1%;margin-bottom:2%;width:85%;height:0px;left:1360px;top:94px;border:.5px solid #eaeaea;transform:rotate(180deg)}.container{position:relative;z-index:1}.inner-container{width:100%;background:#efefef;position:relative}.tab-content,.row{background-color:#fff}.nav-item{background-color:#fff;border-radius:5px}.custom-button{height:calc(1.5em + .75rem + 2px);border:1px solid #ced4da;background-color:transparent;padding:.375rem .75rem;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.selected-count{font-size:.8rem;color:#000}input[type=range]{-webkit-appearance:none;width:104%}input[type=range]::-webkit-slider-runnable-track{height:20%;background-color:#d9d9d9}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fcfcfc;border-radius:50%;border:1px solid #D9D9D9}input[type=range]{accent-color:green}\n"], dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.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: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
14
14
  }
15
15
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormSubmissionComponent, decorators: [{
16
16
  type: Component,
17
- args: [{ selector: 'lib-formSubmission', template: "<div class=\"outer-container\">\n <div class=\"registration-header\">\n <h2>Registration form</h2>\n </div>\n <div class=\"line\"></div>\n <div class=\"container\">\n <div class=\"inner-container mx-2 my-3 px-4 py-4 rounded\">\n <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link active\" id=\"basic-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#basic-details\" type=\"button\" role=\"tab\" aria-controls=\"basic-details\" aria-selected=\"true\">Basic Details</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"registration-form-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#registration-form\" type=\"button\" role=\"tab\" aria-controls=\"registration-form\" aria-selected=\"false\">Registration Form</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"add-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#add-details\" type=\"button\" role=\"tab\" aria-controls=\"add-details\" aria-selected=\"false\">Add Details</button>\n </li>\n </ul>\n <div class=\"tab-content mt-1 \">\n <div class=\"tab-pane fade show active mx-4 mb-4 px-3 py-1 border-top-0\" id=\"basic-details\" role=\"tabpanel\" aria-labelledby=\"basic-details-tab\">\n <div class=\"row\">\n <div class=\"col-xl-4 p-2\">\n <label>1. Email</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"johndeo@mail.com\"\n />\n </div>\n\n <div class=\"col-xl-4 p-2\">\n <label>2. Startup name</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"Finance\"\n />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. City</label>\n <select class=\"form-control mb-2\">\n <option value=\"New York\">Mumbai</option>\n <option value=\"Los Angeles\">Los Angeles</option>\n <option value=\"Chicago\">Chicago</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Have you applied previously?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"yesRadio\"\n value=\"yes\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Yes </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"noRadio\"\n value=\"no\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> No </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>a) Nationality</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Indian\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>b) Gender</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Male\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Application service link</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Logo</label>\n <div class=\"custom-file mb-2\">\n <input type=\"file\" class=\"custom-file-input\" id=\"logoFile\" />\n <label class=\"custom-file-label\" for=\"logoFile\"\n >Choose file</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>8. Description</label>\n <textarea class=\"form-control mb-2\" rows=\"6\">\n Imply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</textarea\n >\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Next | Basic Details\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"registration-form\" role=\"tabpanel\" aria-labelledby=\"registration-form-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. Password</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Enter your mobile number</label>\n <div class=\"input-group mb-2\">\n <select class=\"custom-select col-xl-1\" id=\"countryCode\">\n <option value=\"+1\">\uD83C\uDDFA\uD83C\uDDF8 +1</option>\n <option value=\"+44\">\uD83C\uDDEC\uD83C\uDDE7 +44</option>\n </select>\n <input\n type=\"text\"\n class=\"form-control col-xl-11 ml-2\"\n placeholder=\"Mobile Number\"\n aria-label=\"Mobile Number\"\n />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Enter your website URL?</label>\n <div class=\"input-group mb-2\">\n <input type=\"text\" class=\"form-control col-xl-11\" />\n <button type=\"button\" class=\"btn col-xl-1 ml-2 custom-button\">\n <svg\n width=\"30\"\n height=\"30\"\n viewBox=\"0 0 30 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.99561 16.2503C4.99561 21.7754 9.47462 26.2544 14.9998 26.2544C20.5249 26.2544 25.0039 21.7754 25.0039 16.2503C25.0039 10.7251 20.5249 6.24609 14.9998 6.24609H6.24613\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 2.49219L6.24609 6.24375\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 9.99766L6.24609 6.24609\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M17.7924 14.8125L14.3035 18.3015L12.2051 16.2106\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Enter your email?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Enter your id number?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n OK\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"add-details\" role=\"tabpanel\" aria-labelledby=\"add-details-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How old are you ?</label>\n <select class=\"form-control mb-2\">\n <option value=\"21\">21</option>\n <option value=\"18\">18</option>\n <option value=\"30\">30</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. Select gender</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"maleRadio\"\n value=\"Male\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Male </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"femaleRadio\"\n value=\"Female\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Female </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"otherRadio\"\n value=\"Other\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Other </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. What is a dropdown question?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option1Checkbox\"\n name=\"option1Checkbox\"\n value=\"Option 1\"\n />\n <label class=\"form-check-label\" for=\"option1Checkbox\"\n >Option 1</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option2Checkbox\"\n name=\"option2Checkbox\"\n value=\"Option 2\"\n />\n <label class=\"form-check-label\" for=\"option2Checkbox\"\n >Option 2</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option3Checkbox\"\n name=\"option3Checkbox\"\n value=\"Option 3\"\n />\n <label class=\"form-check-label\" for=\"option3Checkbox\"\n >Option 3</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option4Checkbox\"\n name=\"option4Checkbox\"\n value=\"Option 4\"\n />\n <label class=\"form-check-label\" for=\"option4Checkbox\"\n >Option 4</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Please upload your signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n <div class=\"custom-file\">\n <input type=\"file\" />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2 pr-2\">\n <label>5. How would you rate the quality of your customer service experience?</label>\n <div class=\"slider-container col-xl-12 p-2 \">\n <div class=\"row\">\n <div class=\" col-xl-11\">\n <input type=\"range\" class=\"form-range\" id=\"customerServiceRating\" min=\"0\" max=\"100\" step=\"1\"\n [(ngModel)]=\"customerServiceRating\" (input)=\"updateSliderValue($event)\">\n </div>\n <div class=\" col-xl-1 mb-2 text-right\">\n <label class=\"selected-count mb-2 font-weight-bold\">{{ customerServiceRating }}</label>\n </div>\n </div>\n \n \n </div>\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Submit\n </button>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>", styles: [".outer-container{background-color:#fff;padding:20px;position:relative}.registration-header{top:20px;left:50%;background-color:#fff;padding:0 8%}.line{margin-left:8%;margin-top:1%;margin-bottom:2%;width:85%;height:0px;left:1360px;top:94px;border:.5px solid #eaeaea;transform:rotate(180deg)}.container{position:relative;z-index:1}.inner-container{width:100%;background:#efefef;position:relative}.tab-content,.row{background-color:#fff}.nav-item{background-color:#fff;border-radius:5px}.custom-button{height:calc(1.5em + .75rem + 2px);border:1px solid #ced4da;background-color:transparent;padding:.375rem .75rem;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.selected-count{font-size:.8rem;color:#000}input[type=range]{-webkit-appearance:none;width:104%}input[type=range]::-webkit-slider-runnable-track{height:20%;background-color:#d9d9d9}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fcfcfc;border-radius:50%;border:1px solid #D9D9D9}input[type=range]{accent-color:green}\n"] }]
17
+ args: [{ selector: 'lib-formSubmission', template: "<div class=\"outer-container\">\n <div class=\"registration-header\">\n <h2>Registration form</h2>\n </div>\n <div class=\"line\"></div>\n <div class=\"container\">\n <div class=\"inner-container mx-2 my-3 px-4 py-4 rounded\">\n <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link active\" id=\"basic-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#basic-details\" type=\"button\" role=\"tab\" aria-controls=\"basic-details\" aria-selected=\"true\">Basic Details</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"registration-form-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#registration-form\" type=\"button\" role=\"tab\" aria-controls=\"registration-form\" aria-selected=\"false\">Registration Form</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"add-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#add-details\" type=\"button\" role=\"tab\" aria-controls=\"add-details\" aria-selected=\"false\">Add Details</button>\n </li>\n </ul>\n <div class=\"tab-content mt-1 \">\n <div class=\"tab-pane fade show active mx-4 mb-4 px-3 py-1 border-top-0\" id=\"basic-details\" role=\"tabpanel\" aria-labelledby=\"basic-details-tab\">\n <div class=\"row\">\n <div class=\"col-xl-4 p-2\">\n <label>1. Email</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"johndeo@mail.com\"\n />\n </div>\n\n <div class=\"col-xl-4 p-2\">\n <label>2. Startup name</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"Finance\"\n />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. City</label>\n <select class=\"form-control mb-2\">\n <option value=\"New York\">Mumbai</option>\n <option value=\"Los Angeles\">Los Angeles</option>\n <option value=\"Chicago\">Chicago</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Have you applied previously?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"yesRadio\"\n value=\"yes\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Yes </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"noRadio\"\n value=\"no\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> No </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>a) Nationality</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Indian\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>b) Gender</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Male\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Application service link</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Logo</label>\n <div class=\"custom-file mb-2\">\n <input type=\"file\" class=\"custom-file-input\" id=\"logoFile\" />\n <label class=\"custom-file-label\" for=\"logoFile\"\n >Choose file</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>8. Description</label>\n <textarea class=\"form-control mb-2\" rows=\"6\">\n Imply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</textarea\n >\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Next | Basic Details\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"registration-form\" role=\"tabpanel\" aria-labelledby=\"registration-form-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. Password</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Enter your mobile number</label>\n <div class=\"input-group mb-2\">\n <select class=\"custom-select col-xl-1\" id=\"countryCode\">\n <option value=\"+1\">\uD83C\uDDFA\uD83C\uDDF8 +1</option>\n <option value=\"+44\">\uD83C\uDDEC\uD83C\uDDE7 +44</option>\n </select>\n <input\n type=\"text\"\n class=\"form-control col-xl-11 ml-2\"\n placeholder=\"Mobile Number\"\n aria-label=\"Mobile Number\"\n />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Enter your website URL?</label>\n <div class=\"input-group mb-2\">\n <input type=\"text\" class=\"form-control col-xl-11\" />\n <button type=\"button\" class=\"btn col-xl-1 ml-2 custom-button\">\n <svg\n width=\"30\"\n height=\"30\"\n viewBox=\"0 0 30 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.99561 16.2503C4.99561 21.7754 9.47462 26.2544 14.9998 26.2544C20.5249 26.2544 25.0039 21.7754 25.0039 16.2503C25.0039 10.7251 20.5249 6.24609 14.9998 6.24609H6.24613\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 2.49219L6.24609 6.24375\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 9.99766L6.24609 6.24609\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M17.7924 14.8125L14.3035 18.3015L12.2051 16.2106\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Enter your email?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Enter your id number?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n OK\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"add-details\" role=\"tabpanel\" aria-labelledby=\"add-details-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How old are you ?</label>\n <select class=\"form-control mb-2\">\n <option value=\"21\">21</option>\n <option value=\"18\">18</option>\n <option value=\"30\">30</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. Select gender</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"maleRadio\"\n value=\"Male\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Male </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"femaleRadio\"\n value=\"Female\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Female </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"otherRadio\"\n value=\"Other\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Other </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. What is a dropdown question?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option1Checkbox\"\n name=\"option1Checkbox\"\n value=\"Option 1\"\n />\n <label class=\"form-check-label\" for=\"option1Checkbox\"\n >Option 1</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option2Checkbox\"\n name=\"option2Checkbox\"\n value=\"Option 2\"\n />\n <label class=\"form-check-label\" for=\"option2Checkbox\"\n >Option 2</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option3Checkbox\"\n name=\"option3Checkbox\"\n value=\"Option 3\"\n />\n <label class=\"form-check-label\" for=\"option3Checkbox\"\n >Option 3</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option4Checkbox\"\n name=\"option4Checkbox\"\n value=\"Option 4\"\n />\n <label class=\"form-check-label\" for=\"option4Checkbox\"\n >Option 4</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Please upload your signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n <div class=\"custom-file\">\n <input type=\"file\" />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2 pr-2\">\n <label>5. How would you rate the quality of your customer service experience?</label>\n <div class=\"slider-container col-xl-12 p-2 \">\n <div class=\"row\">\n <div class=\" col-xl-11\">\n <input type=\"range\" class=\"form-range\" id=\"customerServiceRating\" min=\"0\" max=\"100\" step=\"1\"\n [(ngModel)]=\"customerServiceRating\" (input)=\"updateSliderValue($event)\">\n </div>\n <div class=\" col-xl-1 mb-2 text-right\">\n <label class=\"selected-count mb-2 font-weight-bold\">{{ customerServiceRating }}</label>\n </div>\n </div>\n \n \n </div>\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Submit\n </button>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;top:64px}.registration-header{top:20px;left:50%;background-color:#fff;padding:0 8%}.line{margin-left:8%;margin-top:1%;margin-bottom:2%;width:85%;height:0px;left:1360px;top:94px;border:.5px solid #eaeaea;transform:rotate(180deg)}.container{position:relative;z-index:1}.inner-container{width:100%;background:#efefef;position:relative}.tab-content,.row{background-color:#fff}.nav-item{background-color:#fff;border-radius:5px}.custom-button{height:calc(1.5em + .75rem + 2px);border:1px solid #ced4da;background-color:transparent;padding:.375rem .75rem;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.selected-count{font-size:.8rem;color:#000}input[type=range]{-webkit-appearance:none;width:104%}input[type=range]::-webkit-slider-runnable-track{height:20%;background-color:#d9d9d9}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fcfcfc;border-radius:50%;border:1px solid #D9D9D9}input[type=range]{accent-color:green}\n"] }]
18
18
  }] });
19
19
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1zdWJtaXNzaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2Zvcm0tc3VibWlzc2lvbi9zcmMvbGliL2Zvcm0tc3VibWlzc2lvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mb3JtLXN1Ym1pc3Npb24vc3JjL2xpYi9mb3JtLXN1Ym1pc3Npb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTzFDLE1BQU0sT0FBTyx1QkFBdUI7SUFMcEM7UUFPRSwwQkFBcUIsR0FBVyxDQUFDLENBQUMsQ0FBQyxnQ0FBZ0M7S0FPcEU7SUFMQyxpQkFBaUIsQ0FBQyxLQUFZO1FBQzVCLHFFQUFxRTtRQUNyRSxJQUFJLENBQUMscUJBQXFCLEdBQUksS0FBSyxDQUFDLE1BQTJCLENBQUMsYUFBYSxDQUFDO0lBQ2hGLENBQUM7K0dBUFUsdUJBQXVCO21HQUF2Qix1QkFBdUIsMERDUHBDLG96YUF3Vk07OzRGRGpWTyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1mb3JtU3VibWlzc2lvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLXN1Ym1pc3Npb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mb3JtLXN1Ym1pc3Npb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybVN1Ym1pc3Npb25Db21wb25lbnQge1xuXG4gIGN1c3RvbWVyU2VydmljZVJhdGluZzogbnVtYmVyID0gMDsgLy8gSW5pdGlhbGl6ZSB3aXRoIGRlZmF1bHQgdmFsdWVcblxuICB1cGRhdGVTbGlkZXJWYWx1ZShldmVudDogRXZlbnQpIHtcbiAgICAvLyBDYXN0IGV2ZW50LnRhcmdldCB0byBIVE1MSW5wdXRFbGVtZW50IHRvIGFjY2VzcyB0aGUgdmFsdWUgcHJvcGVydHlcbiAgICB0aGlzLmN1c3RvbWVyU2VydmljZVJhdGluZyA9IChldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWVBc051bWJlcjtcbiAgfVxuICBcbn1cbiIsIjxkaXYgY2xhc3M9XCJvdXRlci1jb250YWluZXJcIj5cbiAgPGRpdiBjbGFzcz1cInJlZ2lzdHJhdGlvbi1oZWFkZXJcIj5cbiAgICA8aDI+UmVnaXN0cmF0aW9uIGZvcm08L2gyPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImxpbmVcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICA8ZGl2IGNsYXNzPVwiaW5uZXItY29udGFpbmVyIG14LTIgbXktMyBweC00IHB5LTQgcm91bmRlZFwiPlxuICAgIDx1bCBjbGFzcz1cIm5hdiBuYXYtdGFic1wiIGlkPVwibXlUYWJcIiByb2xlPVwidGFibGlzdFwiPlxuICAgICAgPGxpIGNsYXNzPVwibmF2LWl0ZW0gbXItMVwiIHJvbGU9XCJwcmVzZW50YXRpb25cIj5cbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cIm5hdi1saW5rIGFjdGl2ZVwiIGlkPVwiYmFzaWMtZGV0YWlscy10YWJcIiBkYXRhLWJzLXRvZ2dsZT1cInRhYlwiIGRhdGEtYnMtdGFyZ2V0PVwiI2Jhc2ljLWRldGFpbHNcIiB0eXBlPVwiYnV0dG9uXCIgcm9sZT1cInRhYlwiIGFyaWEtY29udHJvbHM9XCJiYXNpYy1kZXRhaWxzXCIgYXJpYS1zZWxlY3RlZD1cInRydWVcIj5CYXNpYyBEZXRhaWxzPC9idXR0b24+XG4gICAgICA8L2xpPlxuICAgICAgPGxpIGNsYXNzPVwibmF2LWl0ZW0gbXItMVwiIHJvbGU9XCJwcmVzZW50YXRpb25cIj5cbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cIm5hdi1saW5rXCIgaWQ9XCJyZWdpc3RyYXRpb24tZm9ybS10YWJcIiBkYXRhLWJzLXRvZ2dsZT1cInRhYlwiIGRhdGEtYnMtdGFyZ2V0PVwiI3JlZ2lzdHJhdGlvbi1mb3JtXCIgdHlwZT1cImJ1dHRvblwiIHJvbGU9XCJ0YWJcIiBhcmlhLWNvbnRyb2xzPVwicmVnaXN0cmF0aW9uLWZvcm1cIiBhcmlhLXNlbGVjdGVkPVwiZmFsc2VcIj5SZWdpc3RyYXRpb24gRm9ybTwvYnV0dG9uPlxuICAgICAgPC9saT5cbiAgICAgIDxsaSBjbGFzcz1cIm5hdi1pdGVtIG1yLTFcIiByb2xlPVwicHJlc2VudGF0aW9uXCI+XG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJuYXYtbGlua1wiIGlkPVwiYWRkLWRldGFpbHMtdGFiXCIgZGF0YS1icy10b2dnbGU9XCJ0YWJcIiBkYXRhLWJzLXRhcmdldD1cIiNhZGQtZGV0YWlsc1wiIHR5cGU9XCJidXR0b25cIiByb2xlPVwidGFiXCIgYXJpYS1jb250cm9scz1cImFkZC1kZXRhaWxzXCIgYXJpYS1zZWxlY3RlZD1cImZhbHNlXCI+QWRkIERldGFpbHM8L2J1dHRvbj5cbiAgICAgIDwvbGk+XG4gICAgPC91bD5cbiAgICA8ZGl2IGNsYXNzPVwidGFiLWNvbnRlbnQgbXQtMSBcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0YWItcGFuZSBmYWRlIHNob3cgYWN0aXZlIG14LTQgbWItNCBweC0zIHB5LTEgYm9yZGVyLXRvcC0wXCIgaWQ9XCJiYXNpYy1kZXRhaWxzXCIgcm9sZT1cInRhYnBhbmVsXCIgYXJpYS1sYWJlbGxlZGJ5PVwiYmFzaWMtZGV0YWlscy10YWJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteGwtNCBwLTJcIj5cbiAgICAgICAgICAgIDxsYWJlbD4xLiBFbWFpbDwvbGFiZWw+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICBjbGFzcz1cImZvcm0tY29udHJvbCBtYi0yXCJcbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJqb2huZGVvQG1haWwuY29tXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTQgcC0yXCI+XG4gICAgICAgICAgICA8bGFiZWw+Mi4gU3RhcnR1cCBuYW1lPC9sYWJlbD5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgIGNsYXNzPVwiZm9ybS1jb250cm9sIG1iLTJcIlxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkZpbmFuY2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteGwtMTIgcC0yXCI+XG4gICAgICAgICAgICA8bGFiZWw+My4gQ2l0eTwvbGFiZWw+XG4gICAgICAgICAgICA8c2VsZWN0IGNsYXNzPVwiZm9ybS1jb250cm9sIG1iLTJcIj5cbiAgICAgICAgICAgICAgPG9wdGlvbiB2YWx1ZT1cIk5ldyBZb3JrXCI+TXVtYmFpPC9vcHRpb24+XG4gICAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9XCJMb3MgQW5nZWxlc1wiPkxvcyBBbmdlbGVzPC9vcHRpb24+XG4gICAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9XCJDaGljYWdvXCI+Q2hpY2Fnbzwvb3B0aW9uPlxuICAgICAgICAgICAgPC9zZWxlY3Q+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTEyIHAtMlwiPlxuICAgICAgICAgICAgPGxhYmVsPjQuIEhhdmUgeW91IGFwcGxpZWQgcHJldmlvdXNseT88L2xhYmVsPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0tY2hlY2tcIj5cbiAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNoZWNrLWlucHV0XCJcbiAgICAgICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgICAgIG5hbWU9XCJhcHBsaWVkUHJldmlvdXNseVwiXG4gICAgICAgICAgICAgICAgaWQ9XCJ5ZXNSYWRpb1wiXG4gICAgICAgICAgICAgICAgdmFsdWU9XCJ5ZXNcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsXCIgZm9yPVwieWVzUmFkaW9cIj4gWWVzIDwvbGFiZWw+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNoZWNrXCI+XG4gICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZm9ybS1jaGVjay1pbnB1dFwiXG4gICAgICAgICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICAgICAgICBuYW1lPVwiYXBwbGllZFByZXZpb3VzbHlcIlxuICAgICAgICAgICAgICAgIGlkPVwibm9SYWRpb1wiXG4gICAgICAgICAgICAgICAgdmFsdWU9XCJub1wiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWxcIiBmb3I9XCJub1JhZGlvXCI+IE5vIDwvbGFiZWw+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteGwtMTIgcC0yXCI+XG4gICAgICAgICAgICA8bGFiZWw+YSkgTmF0aW9uYWxpdHk8L2xhYmVsPlxuICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJmb3JtLWNvbnRyb2wgbWItMlwiIHBsYWNlaG9sZGVyPVwiSW5kaWFuXCIgLz5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteGwtMTIgcC0yXCI+XG4gICAgICAgICAgICA8bGFiZWw+YikgR2VuZGVyPC9sYWJlbD5cbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIGNsYXNzPVwiZm9ybS1jb250cm9sIG1iLTJcIiBwbGFjZWhvbGRlcj1cIk1hbGVcIiAvPlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14bC0xMiBwLTJcIj5cbiAgICAgICAgICAgIDxsYWJlbD41LiBBcHBsaWNhdGlvbiBzZXJ2aWNlIGxpbms8L2xhYmVsPlxuICAgICAgICAgICAgPHRleHRhcmVhIGNsYXNzPVwiZm9ybS1jb250cm9sIG1iLTJcIiByb3dzPVwiM1wiPjwvdGV4dGFyZWE+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTEyIHAtMlwiPlxuICAgICAgICAgICAgPGxhYmVsPjYuIExvZ288L2xhYmVsPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImN1c3RvbS1maWxlIG1iLTJcIj5cbiAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgY2xhc3M9XCJjdXN0b20tZmlsZS1pbnB1dFwiIGlkPVwibG9nb0ZpbGVcIiAvPlxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJjdXN0b20tZmlsZS1sYWJlbFwiIGZvcj1cImxvZ29GaWxlXCJcbiAgICAgICAgICAgICAgICA+Q2hvb3NlIGZpbGU8L2xhYmVsXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14bC0xMiBwLTJcIj5cbiAgICAgICAgICAgIDxsYWJlbD43LiBTaWduYXR1cmU8L2xhYmVsPlxuICAgICAgICAgICAgPHRleHRhcmVhIGNsYXNzPVwiZm9ybS1jb250cm9sIG1iLTJcIiByb3dzPVwiM1wiPjwvdGV4dGFyZWE+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTEyIHAtMlwiPlxuICAgICAgICAgICAgPGxhYmVsPjguIERlc2NyaXB0aW9uPC9sYWJlbD5cbiAgICAgICAgICAgIDx0ZXh0YXJlYSBjbGFzcz1cImZvcm0tY29udHJvbCBtYi0yXCIgcm93cz1cIjZcIj5cbiAgSW1wbHkgZHVtbXkgdGV4dCBvZiB0aGUgcHJpbnRpbmcgYW5kIHR5cGVzZXR0aW5nIGluZHVzdHJ5LiBMb3JlbSBJcHN1bSBoYXMgYmVlbiB0aGUgaW5kdXN0cnkncyBzdGFuZGFyZCBkdW1teSB0ZXh0IGV2ZXIgc2luY2UgdGhlIDE1MDBzLCB3aGVuIGFuIHVua25vd24gcHJpbnRlciB0b29rIGEgZ2FsbGV5IG9mIHR5cGUgYW5kIHNjcmFtYmxlZCBpdCB0byBtYWtlIGEgdHlwZSBzcGVjaW1lbiBib29rLjwvdGV4dGFyZWFcbiAgICAgICAgICAgID5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWdyaWQgZ2FwLTIgZC1tZC1mbGV4IGp1c3RpZnktY29udGVudC1tZC1lbmRcIj5cbiAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidG4gYnRuLXByaW1hcnkgbWUtbWQtMiByb3VuZGVkLXBpbGxcIiB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgICAgIE5leHQgfCBCYXNpYyBEZXRhaWxzXG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cInRhYi1wYW5lIGZhZGUgbXgtNCBtYi00IHB4LTMgcHktMSBib3JkZXItdG9wLTBcIiBpZD1cInJlZ2lzdHJhdGlvbi1mb3JtXCIgcm9sZT1cInRhYnBhbmVsXCIgYXJpYS1sYWJlbGxlZGJ5PVwicmVnaXN0cmF0aW9uLWZvcm0tdGFiXCI+XG4gICAgIFxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14bC0xMiBwLTJcIj5cbiAgICAgICAgICAgIDxsYWJlbD4xLiBIb3cgZG8geW91IGhvcGUgcGVvcGxlIGRlc2NyaWJlIHlvdT88L2xhYmVsPlxuICAgICAgICAgICAgPHRleHRhcmVhIGNsYXNzPVwiZm9ybS1jb250cm9sIG1iLTJcIiByb3dzPVwiM1wiPjwvdGV4dGFyZWE+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTEyIHAtMlwiPlxuICAgICAgICAgICAgPGxhYmVsPjIuIEhvdyBkbyB5b3UgaG9wZSBwZW9wbGUgZGVzY3JpYmUgeW91PzwvbGFiZWw+XG4gICAgICAgICAgICA8dGV4dGFyZWEgY2xhc3M9XCJmb3JtLWNvbnRyb2wgbWItMlwiIHJvd3M9XCI0XCI+PC90ZXh0YXJlYT5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteGwtMTIgcC0yXCI+XG4gICAgICAgICAgICA8bGFiZWw+My4gUGFzc3dvcmQ8L2xhYmVsPlxuICAgICAgICAgICAgPHRleHRhcmVhIGNsYXNzPVwiZm9ybS1jb250cm9sIG1iLTJcIiByb3dzPVwiNFwiPjwvdGV4dGFyZWE+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTEyIHAtMlwiPlxuICAgICAgICAgICAgPGxhYmVsPjQuIEVudGVyIHlvdXIgbW9iaWxlIG51bWJlcjwvbGFiZWw+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAgbWItMlwiPlxuICAgICAgICAgICAgICA8c2VsZWN0IGNsYXNzPVwiY3VzdG9tLXNlbGVjdCBjb2wteGwtMVwiIGlkPVwiY291bnRyeUNvZGVcIj5cbiAgICAgICAgICAgICAgICA8b3B0aW9uIHZhbHVlPVwiKzFcIj7wn4e68J+HuCArMTwvb3B0aW9uPlxuICAgICAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9XCIrNDRcIj7wn4es8J+HpyArNDQ8L29wdGlvbj5cbiAgICAgICAgICAgICAgPC9zZWxlY3Q+XG4gICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZvcm0tY29udHJvbCBjb2wteGwtMTEgbWwtMlwiXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJNb2JpbGUgTnVtYmVyXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiTW9iaWxlIE51bWJlclwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteGwtMTIgcC0yXCI+XG4gICAgICAgICAgICA8bGFiZWw+NS4gRW50ZXIgeW91ciB3ZWJzaXRlIFVSTD88L2xhYmVsPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwIG1iLTJcIj5cbiAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJmb3JtLWNvbnRyb2wgY29sLXhsLTExXCIgLz5cbiAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJidG4gY29sLXhsLTEgbWwtMiBjdXN0b20tYnV0dG9uXCI+XG4gICAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgICAgd2lkdGg9XCIzMFwiXG4gICAgICAgICAgICAgICAgICBoZWlnaHQ9XCIzMFwiXG4gICAgICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDMwIDMwXCJcbiAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgIGQ9XCJNNC45OTU2MSAxNi4yNTAzQzQuOTk1NjEgMjEuNzc1NCA5LjQ3NDYyIDI2LjI1NDQgMTQuOTk5OCAyNi4yNTQ0QzIwLjUyNDkgMjYuMjU0NCAyNS4wMDM5IDIxLjc3NTQgMjUuMDAzOSAxNi4yNTAzQzI1LjAwMzkgMTAuNzI1MSAyMC41MjQ5IDYuMjQ2MDkgMTQuOTk5OCA2LjI0NjA5SDYuMjQ2MTNcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2U9XCIjMDg0RkZGXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBkPVwiTTkuOTk3NjYgMi40OTIxOUw2LjI0NjA5IDYuMjQzNzVcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2U9XCIjMDg0RkZGXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBkPVwiTTkuOTk3NjYgOS45OTc2Nkw2LjI0NjA5IDYuMjQ2MDlcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2U9XCIjMDg0RkZGXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBkPVwiTTE3Ljc5MjQgMTQuODEyNUwxNC4zMDM1IDE4LjMwMTVMMTIuMjA1MSAxNi4yMTA2XCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlPVwiIzA4NEZGRlwiXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14bC0xMiBwLTJcIj5cbiAgICAgICAgICAgIDxsYWJlbD42LiBFbnRlciB5b3VyIGVtYWlsPzwvbGFiZWw+XG4gICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBjbGFzcz1cImZvcm0tY29udHJvbCBtYi0yXCIgLz5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteGwtMTIgcC0yXCI+XG4gICAgICAgICAgICA8bGFiZWw+Ny4gRW50ZXIgeW91ciBpZCBudW1iZXI/PC9sYWJlbD5cbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIGNsYXNzPVwiZm9ybS1jb250cm9sIG1iLTJcIiAvPlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImQtZ3JpZCBnYXAtMiBkLW1kLWZsZXgganVzdGlmeS1jb250ZW50LW1kLWVuZFwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeSBtZS1tZC0yIHJvdW5kZWQtcGlsbFwiIHR5cGU9XCJidXR0b25cIj5cbiAgICAgICAgICAgICAgT0tcbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwidGFiLXBhbmUgZmFkZSBteC00IG1iLTQgcHgtMyBweS0xIGJvcmRlci10b3AtMFwiIGlkPVwiYWRkLWRldGFpbHNcIiByb2xlPVwidGFicGFuZWxcIiBhcmlhLWxhYmVsbGVkYnk9XCJhZGQtZGV0YWlscy10YWJcIj5cbiAgICAgIFxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14bC0xMiBwLTJcIj5cbiAgICAgICAgICAgIDxsYWJlbD4xLiBIb3cgb2xkIGFyZSB5b3UgPzwvbGFiZWw+XG4gICAgICAgICAgICA8c2VsZWN0IGNsYXNzPVwiZm9ybS1jb250cm9sIG1iLTJcIj5cbiAgICAgICAgICAgICAgPG9wdGlvbiB2YWx1ZT1cIjIxXCI+MjE8L29wdGlvbj5cbiAgICAgICAgICAgICAgPG9wdGlvbiB2YWx1ZT1cIjE4XCI+MTg8L29wdGlvbj5cbiAgICAgICAgICAgICAgPG9wdGlvbiB2YWx1ZT1cIjMwXCI+MzA8L29wdGlvbj5cbiAgICAgICAgICAgIDwvc2VsZWN0PlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14bC0xMiBwLTJcIj5cbiAgICAgICAgICAgIDxsYWJlbD4yLiBTZWxlY3QgZ2VuZGVyPC9sYWJlbD5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNoZWNrXCI+XG4gICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZm9ybS1jaGVjay1pbnB1dFwiXG4gICAgICAgICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICAgICAgICBuYW1lPVwiYXBwbGllZFByZXZpb3VzbHlcIlxuICAgICAgICAgICAgICAgIGlkPVwibWFsZVJhZGlvXCJcbiAgICAgICAgICAgICAgICB2YWx1ZT1cIk1hbGVcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsXCIgZm9yPVwieWVzUmFkaW9cIj4gTWFsZSA8L2xhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVja1wiPlxuICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZvcm0tY2hlY2staW5wdXRcIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgICAgICAgbmFtZT1cImFwcGxpZWRQcmV2aW91c2x5XCJcbiAgICAgICAgICAgICAgICBpZD1cImZlbWFsZVJhZGlvXCJcbiAgICAgICAgICAgICAgICB2YWx1ZT1cIkZlbWFsZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWxcIiBmb3I9XCJub1JhZGlvXCI+IEZlbWFsZSA8L2xhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVja1wiPlxuICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZvcm0tY2hlY2staW5wdXRcIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgICAgICAgbmFtZT1cImFwcGxpZWRQcmV2aW91c2x5XCJcbiAgICAgICAgICAgICAgICBpZD1cIm90aGVyUmFkaW9cIlxuICAgICAgICAgICAgICAgIHZhbHVlPVwiT3RoZXJcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsXCIgZm9yPVwibm9SYWRpb1wiPiBPdGhlciA8L2xhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTEyIHAtMlwiPlxuICAgICAgICAgICAgPGxhYmVsPjMuIFdoYXQgaXMgYSBkcm9wZG93biBxdWVzdGlvbj88L2xhYmVsPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0tY2hlY2tcIj5cbiAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNoZWNrLWlucHV0XCJcbiAgICAgICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgICAgIGlkPVwib3B0aW9uMUNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICBuYW1lPVwib3B0aW9uMUNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICB2YWx1ZT1cIk9wdGlvbiAxXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiZm9ybS1jaGVjay1sYWJlbFwiIGZvcj1cIm9wdGlvbjFDaGVja2JveFwiXG4gICAgICAgICAgICAgICAgPk9wdGlvbiAxPC9sYWJlbFxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNoZWNrXCI+XG4gICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZm9ybS1jaGVjay1pbnB1dFwiXG4gICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICBpZD1cIm9wdGlvbjJDaGVja2JveFwiXG4gICAgICAgICAgICAgICAgbmFtZT1cIm9wdGlvbjJDaGVja2JveFwiXG4gICAgICAgICAgICAgICAgdmFsdWU9XCJPcHRpb24gMlwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWxcIiBmb3I9XCJvcHRpb24yQ2hlY2tib3hcIlxuICAgICAgICAgICAgICAgID5PcHRpb24gMjwvbGFiZWxcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVja1wiPlxuICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZvcm0tY2hlY2staW5wdXRcIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICAgICAgaWQ9XCJvcHRpb24zQ2hlY2tib3hcIlxuICAgICAgICAgICAgICAgIG5hbWU9XCJvcHRpb24zQ2hlY2tib3hcIlxuICAgICAgICAgICAgICAgIHZhbHVlPVwiT3B0aW9uIDNcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsXCIgZm9yPVwib3B0aW9uM0NoZWNrYm94XCJcbiAgICAgICAgICAgICAgICA+T3B0aW9uIDM8L2xhYmVsXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0tY2hlY2tcIj5cbiAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNoZWNrLWlucHV0XCJcbiAgICAgICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgICAgIGlkPVwib3B0aW9uNENoZWNrYm94XCJcbiAgICAgICAgICAgICAgICBuYW1lPVwib3B0aW9uNENoZWNrYm94XCJcbiAgICAgICAgICAgICAgICB2YWx1ZT1cIk9wdGlvbiA0XCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiZm9ybS1jaGVjay1sYWJlbFwiIGZvcj1cIm9wdGlvbjRDaGVja2JveFwiXG4gICAgICAgICAgICAgICAgPk9wdGlvbiA0PC9sYWJlbFxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteGwtMTIgcC0yXCI+XG4gICAgICAgICAgICA8bGFiZWw+NC4gUGxlYXNlIHVwbG9hZCB5b3VyIHNpZ25hdHVyZTwvbGFiZWw+XG4gICAgICAgICAgICA8dGV4dGFyZWEgY2xhc3M9XCJmb3JtLWNvbnRyb2wgbWItMlwiIHJvd3M9XCIzXCI+PC90ZXh0YXJlYT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjdXN0b20tZmlsZVwiPlxuICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cImZpbGVcIiAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTEyIHAtMiBwci0yXCI+XG4gICAgICAgICAgICA8bGFiZWw+NS4gSG93IHdvdWxkIHlvdSByYXRlIHRoZSBxdWFsaXR5IG9mIHlvdXIgY3VzdG9tZXIgc2VydmljZSBleHBlcmllbmNlPzwvbGFiZWw+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2xpZGVyLWNvbnRhaW5lciBjb2wteGwtMTIgcC0yIFwiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCIgY29sLXhsLTExXCI+XG4gICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJyYW5nZVwiIGNsYXNzPVwiZm9ybS1yYW5nZVwiIGlkPVwiY3VzdG9tZXJTZXJ2aWNlUmF0aW5nXCIgbWluPVwiMFwiIG1heD1cIjEwMFwiIHN0ZXA9XCIxXCJcbiAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cImN1c3RvbWVyU2VydmljZVJhdGluZ1wiIChpbnB1dCk9XCJ1cGRhdGVTbGlkZXJWYWx1ZSgkZXZlbnQpXCI+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiIGNvbC14bC0xIG1iLTIgdGV4dC1yaWdodFwiPlxuICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInNlbGVjdGVkLWNvdW50IG1iLTIgZm9udC13ZWlnaHQtYm9sZFwiPnt7IGN1c3RvbWVyU2VydmljZVJhdGluZyB9fTwvbGFiZWw+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIFxuICAgICAgICAgICAgICBcbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImQtZ3JpZCBnYXAtMiBkLW1kLWZsZXgganVzdGlmeS1jb250ZW50LW1kLWVuZFwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeSBtZS1tZC0yIHJvdW5kZWQtcGlsbFwiIHR5cGU9XCJidXR0b25cIj5cbiAgICAgICAgICAgICAgU3VibWl0XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuPC9kaXY+Il19
package/fesm2022/piserve-tech-form-submission.mjs CHANGED
@@ -28,11 +28,11 @@ class FormSubmissionComponent {
28
28
  this.customerServiceRating = event.target.valueAsNumber;
29
29
  }
30
30
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormSubmissionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
31
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormSubmissionComponent, selector: "lib-formSubmission", ngImport: i0, template: "<div class=\"outer-container\">\n <div class=\"registration-header\">\n <h2>Registration form</h2>\n </div>\n <div class=\"line\"></div>\n <div class=\"container\">\n <div class=\"inner-container mx-2 my-3 px-4 py-4 rounded\">\n <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link active\" id=\"basic-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#basic-details\" type=\"button\" role=\"tab\" aria-controls=\"basic-details\" aria-selected=\"true\">Basic Details</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"registration-form-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#registration-form\" type=\"button\" role=\"tab\" aria-controls=\"registration-form\" aria-selected=\"false\">Registration Form</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"add-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#add-details\" type=\"button\" role=\"tab\" aria-controls=\"add-details\" aria-selected=\"false\">Add Details</button>\n </li>\n </ul>\n <div class=\"tab-content mt-1 \">\n <div class=\"tab-pane fade show active mx-4 mb-4 px-3 py-1 border-top-0\" id=\"basic-details\" role=\"tabpanel\" aria-labelledby=\"basic-details-tab\">\n <div class=\"row\">\n <div class=\"col-xl-4 p-2\">\n <label>1. Email</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"johndeo@mail.com\"\n />\n </div>\n\n <div class=\"col-xl-4 p-2\">\n <label>2. Startup name</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"Finance\"\n />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. City</label>\n <select class=\"form-control mb-2\">\n <option value=\"New York\">Mumbai</option>\n <option value=\"Los Angeles\">Los Angeles</option>\n <option value=\"Chicago\">Chicago</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Have you applied previously?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"yesRadio\"\n value=\"yes\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Yes </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"noRadio\"\n value=\"no\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> No </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>a) Nationality</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Indian\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>b) Gender</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Male\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Application service link</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Logo</label>\n <div class=\"custom-file mb-2\">\n <input type=\"file\" class=\"custom-file-input\" id=\"logoFile\" />\n <label class=\"custom-file-label\" for=\"logoFile\"\n >Choose file</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>8. Description</label>\n <textarea class=\"form-control mb-2\" rows=\"6\">\n Imply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</textarea\n >\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Next | Basic Details\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"registration-form\" role=\"tabpanel\" aria-labelledby=\"registration-form-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. Password</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Enter your mobile number</label>\n <div class=\"input-group mb-2\">\n <select class=\"custom-select col-xl-1\" id=\"countryCode\">\n <option value=\"+1\">\uD83C\uDDFA\uD83C\uDDF8 +1</option>\n <option value=\"+44\">\uD83C\uDDEC\uD83C\uDDE7 +44</option>\n </select>\n <input\n type=\"text\"\n class=\"form-control col-xl-11 ml-2\"\n placeholder=\"Mobile Number\"\n aria-label=\"Mobile Number\"\n />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Enter your website URL?</label>\n <div class=\"input-group mb-2\">\n <input type=\"text\" class=\"form-control col-xl-11\" />\n <button type=\"button\" class=\"btn col-xl-1 ml-2 custom-button\">\n <svg\n width=\"30\"\n height=\"30\"\n viewBox=\"0 0 30 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.99561 16.2503C4.99561 21.7754 9.47462 26.2544 14.9998 26.2544C20.5249 26.2544 25.0039 21.7754 25.0039 16.2503C25.0039 10.7251 20.5249 6.24609 14.9998 6.24609H6.24613\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 2.49219L6.24609 6.24375\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 9.99766L6.24609 6.24609\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M17.7924 14.8125L14.3035 18.3015L12.2051 16.2106\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Enter your email?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Enter your id number?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n OK\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"add-details\" role=\"tabpanel\" aria-labelledby=\"add-details-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How old are you ?</label>\n <select class=\"form-control mb-2\">\n <option value=\"21\">21</option>\n <option value=\"18\">18</option>\n <option value=\"30\">30</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. Select gender</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"maleRadio\"\n value=\"Male\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Male </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"femaleRadio\"\n value=\"Female\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Female </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"otherRadio\"\n value=\"Other\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Other </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. What is a dropdown question?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option1Checkbox\"\n name=\"option1Checkbox\"\n value=\"Option 1\"\n />\n <label class=\"form-check-label\" for=\"option1Checkbox\"\n >Option 1</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option2Checkbox\"\n name=\"option2Checkbox\"\n value=\"Option 2\"\n />\n <label class=\"form-check-label\" for=\"option2Checkbox\"\n >Option 2</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option3Checkbox\"\n name=\"option3Checkbox\"\n value=\"Option 3\"\n />\n <label class=\"form-check-label\" for=\"option3Checkbox\"\n >Option 3</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option4Checkbox\"\n name=\"option4Checkbox\"\n value=\"Option 4\"\n />\n <label class=\"form-check-label\" for=\"option4Checkbox\"\n >Option 4</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Please upload your signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n <div class=\"custom-file\">\n <input type=\"file\" />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2 pr-2\">\n <label>5. How would you rate the quality of your customer service experience?</label>\n <div class=\"slider-container col-xl-12 p-2 \">\n <div class=\"row\">\n <div class=\" col-xl-11\">\n <input type=\"range\" class=\"form-range\" id=\"customerServiceRating\" min=\"0\" max=\"100\" step=\"1\"\n [(ngModel)]=\"customerServiceRating\" (input)=\"updateSliderValue($event)\">\n </div>\n <div class=\" col-xl-1 mb-2 text-right\">\n <label class=\"selected-count mb-2 font-weight-bold\">{{ customerServiceRating }}</label>\n </div>\n </div>\n \n \n </div>\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Submit\n </button>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>", styles: [".outer-container{background-color:#fff;padding:20px;position:relative}.registration-header{top:20px;left:50%;background-color:#fff;padding:0 8%}.line{margin-left:8%;margin-top:1%;margin-bottom:2%;width:85%;height:0px;left:1360px;top:94px;border:.5px solid #eaeaea;transform:rotate(180deg)}.container{position:relative;z-index:1}.inner-container{width:100%;background:#efefef;position:relative}.tab-content,.row{background-color:#fff}.nav-item{background-color:#fff;border-radius:5px}.custom-button{height:calc(1.5em + .75rem + 2px);border:1px solid #ced4da;background-color:transparent;padding:.375rem .75rem;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.selected-count{font-size:.8rem;color:#000}input[type=range]{-webkit-appearance:none;width:104%}input[type=range]::-webkit-slider-runnable-track{height:20%;background-color:#d9d9d9}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fcfcfc;border-radius:50%;border:1px solid #D9D9D9}input[type=range]{accent-color:green}\n"], dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.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: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
31
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormSubmissionComponent, selector: "lib-formSubmission", ngImport: i0, template: "<div class=\"outer-container\">\n <div class=\"registration-header\">\n <h2>Registration form</h2>\n </div>\n <div class=\"line\"></div>\n <div class=\"container\">\n <div class=\"inner-container mx-2 my-3 px-4 py-4 rounded\">\n <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link active\" id=\"basic-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#basic-details\" type=\"button\" role=\"tab\" aria-controls=\"basic-details\" aria-selected=\"true\">Basic Details</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"registration-form-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#registration-form\" type=\"button\" role=\"tab\" aria-controls=\"registration-form\" aria-selected=\"false\">Registration Form</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"add-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#add-details\" type=\"button\" role=\"tab\" aria-controls=\"add-details\" aria-selected=\"false\">Add Details</button>\n </li>\n </ul>\n <div class=\"tab-content mt-1 \">\n <div class=\"tab-pane fade show active mx-4 mb-4 px-3 py-1 border-top-0\" id=\"basic-details\" role=\"tabpanel\" aria-labelledby=\"basic-details-tab\">\n <div class=\"row\">\n <div class=\"col-xl-4 p-2\">\n <label>1. Email</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"johndeo@mail.com\"\n />\n </div>\n\n <div class=\"col-xl-4 p-2\">\n <label>2. Startup name</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"Finance\"\n />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. City</label>\n <select class=\"form-control mb-2\">\n <option value=\"New York\">Mumbai</option>\n <option value=\"Los Angeles\">Los Angeles</option>\n <option value=\"Chicago\">Chicago</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Have you applied previously?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"yesRadio\"\n value=\"yes\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Yes </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"noRadio\"\n value=\"no\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> No </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>a) Nationality</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Indian\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>b) Gender</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Male\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Application service link</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Logo</label>\n <div class=\"custom-file mb-2\">\n <input type=\"file\" class=\"custom-file-input\" id=\"logoFile\" />\n <label class=\"custom-file-label\" for=\"logoFile\"\n >Choose file</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>8. Description</label>\n <textarea class=\"form-control mb-2\" rows=\"6\">\n Imply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</textarea\n >\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Next | Basic Details\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"registration-form\" role=\"tabpanel\" aria-labelledby=\"registration-form-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. Password</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Enter your mobile number</label>\n <div class=\"input-group mb-2\">\n <select class=\"custom-select col-xl-1\" id=\"countryCode\">\n <option value=\"+1\">\uD83C\uDDFA\uD83C\uDDF8 +1</option>\n <option value=\"+44\">\uD83C\uDDEC\uD83C\uDDE7 +44</option>\n </select>\n <input\n type=\"text\"\n class=\"form-control col-xl-11 ml-2\"\n placeholder=\"Mobile Number\"\n aria-label=\"Mobile Number\"\n />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Enter your website URL?</label>\n <div class=\"input-group mb-2\">\n <input type=\"text\" class=\"form-control col-xl-11\" />\n <button type=\"button\" class=\"btn col-xl-1 ml-2 custom-button\">\n <svg\n width=\"30\"\n height=\"30\"\n viewBox=\"0 0 30 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.99561 16.2503C4.99561 21.7754 9.47462 26.2544 14.9998 26.2544C20.5249 26.2544 25.0039 21.7754 25.0039 16.2503C25.0039 10.7251 20.5249 6.24609 14.9998 6.24609H6.24613\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 2.49219L6.24609 6.24375\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 9.99766L6.24609 6.24609\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M17.7924 14.8125L14.3035 18.3015L12.2051 16.2106\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Enter your email?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Enter your id number?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n OK\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"add-details\" role=\"tabpanel\" aria-labelledby=\"add-details-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How old are you ?</label>\n <select class=\"form-control mb-2\">\n <option value=\"21\">21</option>\n <option value=\"18\">18</option>\n <option value=\"30\">30</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. Select gender</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"maleRadio\"\n value=\"Male\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Male </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"femaleRadio\"\n value=\"Female\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Female </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"otherRadio\"\n value=\"Other\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Other </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. What is a dropdown question?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option1Checkbox\"\n name=\"option1Checkbox\"\n value=\"Option 1\"\n />\n <label class=\"form-check-label\" for=\"option1Checkbox\"\n >Option 1</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option2Checkbox\"\n name=\"option2Checkbox\"\n value=\"Option 2\"\n />\n <label class=\"form-check-label\" for=\"option2Checkbox\"\n >Option 2</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option3Checkbox\"\n name=\"option3Checkbox\"\n value=\"Option 3\"\n />\n <label class=\"form-check-label\" for=\"option3Checkbox\"\n >Option 3</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option4Checkbox\"\n name=\"option4Checkbox\"\n value=\"Option 4\"\n />\n <label class=\"form-check-label\" for=\"option4Checkbox\"\n >Option 4</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Please upload your signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n <div class=\"custom-file\">\n <input type=\"file\" />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2 pr-2\">\n <label>5. How would you rate the quality of your customer service experience?</label>\n <div class=\"slider-container col-xl-12 p-2 \">\n <div class=\"row\">\n <div class=\" col-xl-11\">\n <input type=\"range\" class=\"form-range\" id=\"customerServiceRating\" min=\"0\" max=\"100\" step=\"1\"\n [(ngModel)]=\"customerServiceRating\" (input)=\"updateSliderValue($event)\">\n </div>\n <div class=\" col-xl-1 mb-2 text-right\">\n <label class=\"selected-count mb-2 font-weight-bold\">{{ customerServiceRating }}</label>\n </div>\n </div>\n \n \n </div>\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Submit\n </button>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;top:64px}.registration-header{top:20px;left:50%;background-color:#fff;padding:0 8%}.line{margin-left:8%;margin-top:1%;margin-bottom:2%;width:85%;height:0px;left:1360px;top:94px;border:.5px solid #eaeaea;transform:rotate(180deg)}.container{position:relative;z-index:1}.inner-container{width:100%;background:#efefef;position:relative}.tab-content,.row{background-color:#fff}.nav-item{background-color:#fff;border-radius:5px}.custom-button{height:calc(1.5em + .75rem + 2px);border:1px solid #ced4da;background-color:transparent;padding:.375rem .75rem;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.selected-count{font-size:.8rem;color:#000}input[type=range]{-webkit-appearance:none;width:104%}input[type=range]::-webkit-slider-runnable-track{height:20%;background-color:#d9d9d9}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fcfcfc;border-radius:50%;border:1px solid #D9D9D9}input[type=range]{accent-color:green}\n"], dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.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: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
32
32
  }
33
33
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormSubmissionComponent, decorators: [{
34
34
  type: Component,
35
- args: [{ selector: 'lib-formSubmission', template: "<div class=\"outer-container\">\n <div class=\"registration-header\">\n <h2>Registration form</h2>\n </div>\n <div class=\"line\"></div>\n <div class=\"container\">\n <div class=\"inner-container mx-2 my-3 px-4 py-4 rounded\">\n <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link active\" id=\"basic-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#basic-details\" type=\"button\" role=\"tab\" aria-controls=\"basic-details\" aria-selected=\"true\">Basic Details</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"registration-form-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#registration-form\" type=\"button\" role=\"tab\" aria-controls=\"registration-form\" aria-selected=\"false\">Registration Form</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"add-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#add-details\" type=\"button\" role=\"tab\" aria-controls=\"add-details\" aria-selected=\"false\">Add Details</button>\n </li>\n </ul>\n <div class=\"tab-content mt-1 \">\n <div class=\"tab-pane fade show active mx-4 mb-4 px-3 py-1 border-top-0\" id=\"basic-details\" role=\"tabpanel\" aria-labelledby=\"basic-details-tab\">\n <div class=\"row\">\n <div class=\"col-xl-4 p-2\">\n <label>1. Email</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"johndeo@mail.com\"\n />\n </div>\n\n <div class=\"col-xl-4 p-2\">\n <label>2. Startup name</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"Finance\"\n />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. City</label>\n <select class=\"form-control mb-2\">\n <option value=\"New York\">Mumbai</option>\n <option value=\"Los Angeles\">Los Angeles</option>\n <option value=\"Chicago\">Chicago</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Have you applied previously?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"yesRadio\"\n value=\"yes\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Yes </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"noRadio\"\n value=\"no\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> No </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>a) Nationality</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Indian\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>b) Gender</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Male\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Application service link</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Logo</label>\n <div class=\"custom-file mb-2\">\n <input type=\"file\" class=\"custom-file-input\" id=\"logoFile\" />\n <label class=\"custom-file-label\" for=\"logoFile\"\n >Choose file</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>8. Description</label>\n <textarea class=\"form-control mb-2\" rows=\"6\">\n Imply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</textarea\n >\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Next | Basic Details\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"registration-form\" role=\"tabpanel\" aria-labelledby=\"registration-form-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. Password</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Enter your mobile number</label>\n <div class=\"input-group mb-2\">\n <select class=\"custom-select col-xl-1\" id=\"countryCode\">\n <option value=\"+1\">\uD83C\uDDFA\uD83C\uDDF8 +1</option>\n <option value=\"+44\">\uD83C\uDDEC\uD83C\uDDE7 +44</option>\n </select>\n <input\n type=\"text\"\n class=\"form-control col-xl-11 ml-2\"\n placeholder=\"Mobile Number\"\n aria-label=\"Mobile Number\"\n />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Enter your website URL?</label>\n <div class=\"input-group mb-2\">\n <input type=\"text\" class=\"form-control col-xl-11\" />\n <button type=\"button\" class=\"btn col-xl-1 ml-2 custom-button\">\n <svg\n width=\"30\"\n height=\"30\"\n viewBox=\"0 0 30 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.99561 16.2503C4.99561 21.7754 9.47462 26.2544 14.9998 26.2544C20.5249 26.2544 25.0039 21.7754 25.0039 16.2503C25.0039 10.7251 20.5249 6.24609 14.9998 6.24609H6.24613\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 2.49219L6.24609 6.24375\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 9.99766L6.24609 6.24609\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M17.7924 14.8125L14.3035 18.3015L12.2051 16.2106\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Enter your email?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Enter your id number?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n OK\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"add-details\" role=\"tabpanel\" aria-labelledby=\"add-details-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How old are you ?</label>\n <select class=\"form-control mb-2\">\n <option value=\"21\">21</option>\n <option value=\"18\">18</option>\n <option value=\"30\">30</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. Select gender</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"maleRadio\"\n value=\"Male\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Male </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"femaleRadio\"\n value=\"Female\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Female </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"otherRadio\"\n value=\"Other\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Other </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. What is a dropdown question?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option1Checkbox\"\n name=\"option1Checkbox\"\n value=\"Option 1\"\n />\n <label class=\"form-check-label\" for=\"option1Checkbox\"\n >Option 1</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option2Checkbox\"\n name=\"option2Checkbox\"\n value=\"Option 2\"\n />\n <label class=\"form-check-label\" for=\"option2Checkbox\"\n >Option 2</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option3Checkbox\"\n name=\"option3Checkbox\"\n value=\"Option 3\"\n />\n <label class=\"form-check-label\" for=\"option3Checkbox\"\n >Option 3</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option4Checkbox\"\n name=\"option4Checkbox\"\n value=\"Option 4\"\n />\n <label class=\"form-check-label\" for=\"option4Checkbox\"\n >Option 4</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Please upload your signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n <div class=\"custom-file\">\n <input type=\"file\" />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2 pr-2\">\n <label>5. How would you rate the quality of your customer service experience?</label>\n <div class=\"slider-container col-xl-12 p-2 \">\n <div class=\"row\">\n <div class=\" col-xl-11\">\n <input type=\"range\" class=\"form-range\" id=\"customerServiceRating\" min=\"0\" max=\"100\" step=\"1\"\n [(ngModel)]=\"customerServiceRating\" (input)=\"updateSliderValue($event)\">\n </div>\n <div class=\" col-xl-1 mb-2 text-right\">\n <label class=\"selected-count mb-2 font-weight-bold\">{{ customerServiceRating }}</label>\n </div>\n </div>\n \n \n </div>\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Submit\n </button>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>", styles: [".outer-container{background-color:#fff;padding:20px;position:relative}.registration-header{top:20px;left:50%;background-color:#fff;padding:0 8%}.line{margin-left:8%;margin-top:1%;margin-bottom:2%;width:85%;height:0px;left:1360px;top:94px;border:.5px solid #eaeaea;transform:rotate(180deg)}.container{position:relative;z-index:1}.inner-container{width:100%;background:#efefef;position:relative}.tab-content,.row{background-color:#fff}.nav-item{background-color:#fff;border-radius:5px}.custom-button{height:calc(1.5em + .75rem + 2px);border:1px solid #ced4da;background-color:transparent;padding:.375rem .75rem;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.selected-count{font-size:.8rem;color:#000}input[type=range]{-webkit-appearance:none;width:104%}input[type=range]::-webkit-slider-runnable-track{height:20%;background-color:#d9d9d9}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fcfcfc;border-radius:50%;border:1px solid #D9D9D9}input[type=range]{accent-color:green}\n"] }]
35
+ args: [{ selector: 'lib-formSubmission', template: "<div class=\"outer-container\">\n <div class=\"registration-header\">\n <h2>Registration form</h2>\n </div>\n <div class=\"line\"></div>\n <div class=\"container\">\n <div class=\"inner-container mx-2 my-3 px-4 py-4 rounded\">\n <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link active\" id=\"basic-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#basic-details\" type=\"button\" role=\"tab\" aria-controls=\"basic-details\" aria-selected=\"true\">Basic Details</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"registration-form-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#registration-form\" type=\"button\" role=\"tab\" aria-controls=\"registration-form\" aria-selected=\"false\">Registration Form</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"add-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#add-details\" type=\"button\" role=\"tab\" aria-controls=\"add-details\" aria-selected=\"false\">Add Details</button>\n </li>\n </ul>\n <div class=\"tab-content mt-1 \">\n <div class=\"tab-pane fade show active mx-4 mb-4 px-3 py-1 border-top-0\" id=\"basic-details\" role=\"tabpanel\" aria-labelledby=\"basic-details-tab\">\n <div class=\"row\">\n <div class=\"col-xl-4 p-2\">\n <label>1. Email</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"johndeo@mail.com\"\n />\n </div>\n\n <div class=\"col-xl-4 p-2\">\n <label>2. Startup name</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"Finance\"\n />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. City</label>\n <select class=\"form-control mb-2\">\n <option value=\"New York\">Mumbai</option>\n <option value=\"Los Angeles\">Los Angeles</option>\n <option value=\"Chicago\">Chicago</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Have you applied previously?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"yesRadio\"\n value=\"yes\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Yes </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"noRadio\"\n value=\"no\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> No </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>a) Nationality</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Indian\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>b) Gender</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Male\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Application service link</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Logo</label>\n <div class=\"custom-file mb-2\">\n <input type=\"file\" class=\"custom-file-input\" id=\"logoFile\" />\n <label class=\"custom-file-label\" for=\"logoFile\"\n >Choose file</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>8. Description</label>\n <textarea class=\"form-control mb-2\" rows=\"6\">\n Imply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</textarea\n >\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Next | Basic Details\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"registration-form\" role=\"tabpanel\" aria-labelledby=\"registration-form-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. Password</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Enter your mobile number</label>\n <div class=\"input-group mb-2\">\n <select class=\"custom-select col-xl-1\" id=\"countryCode\">\n <option value=\"+1\">\uD83C\uDDFA\uD83C\uDDF8 +1</option>\n <option value=\"+44\">\uD83C\uDDEC\uD83C\uDDE7 +44</option>\n </select>\n <input\n type=\"text\"\n class=\"form-control col-xl-11 ml-2\"\n placeholder=\"Mobile Number\"\n aria-label=\"Mobile Number\"\n />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Enter your website URL?</label>\n <div class=\"input-group mb-2\">\n <input type=\"text\" class=\"form-control col-xl-11\" />\n <button type=\"button\" class=\"btn col-xl-1 ml-2 custom-button\">\n <svg\n width=\"30\"\n height=\"30\"\n viewBox=\"0 0 30 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.99561 16.2503C4.99561 21.7754 9.47462 26.2544 14.9998 26.2544C20.5249 26.2544 25.0039 21.7754 25.0039 16.2503C25.0039 10.7251 20.5249 6.24609 14.9998 6.24609H6.24613\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 2.49219L6.24609 6.24375\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 9.99766L6.24609 6.24609\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M17.7924 14.8125L14.3035 18.3015L12.2051 16.2106\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Enter your email?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Enter your id number?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n OK\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"add-details\" role=\"tabpanel\" aria-labelledby=\"add-details-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How old are you ?</label>\n <select class=\"form-control mb-2\">\n <option value=\"21\">21</option>\n <option value=\"18\">18</option>\n <option value=\"30\">30</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. Select gender</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"maleRadio\"\n value=\"Male\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Male </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"femaleRadio\"\n value=\"Female\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Female </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"otherRadio\"\n value=\"Other\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Other </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. What is a dropdown question?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option1Checkbox\"\n name=\"option1Checkbox\"\n value=\"Option 1\"\n />\n <label class=\"form-check-label\" for=\"option1Checkbox\"\n >Option 1</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option2Checkbox\"\n name=\"option2Checkbox\"\n value=\"Option 2\"\n />\n <label class=\"form-check-label\" for=\"option2Checkbox\"\n >Option 2</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option3Checkbox\"\n name=\"option3Checkbox\"\n value=\"Option 3\"\n />\n <label class=\"form-check-label\" for=\"option3Checkbox\"\n >Option 3</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option4Checkbox\"\n name=\"option4Checkbox\"\n value=\"Option 4\"\n />\n <label class=\"form-check-label\" for=\"option4Checkbox\"\n >Option 4</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Please upload your signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n <div class=\"custom-file\">\n <input type=\"file\" />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2 pr-2\">\n <label>5. How would you rate the quality of your customer service experience?</label>\n <div class=\"slider-container col-xl-12 p-2 \">\n <div class=\"row\">\n <div class=\" col-xl-11\">\n <input type=\"range\" class=\"form-range\" id=\"customerServiceRating\" min=\"0\" max=\"100\" step=\"1\"\n [(ngModel)]=\"customerServiceRating\" (input)=\"updateSliderValue($event)\">\n </div>\n <div class=\" col-xl-1 mb-2 text-right\">\n <label class=\"selected-count mb-2 font-weight-bold\">{{ customerServiceRating }}</label>\n </div>\n </div>\n \n \n </div>\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Submit\n </button>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;top:64px}.registration-header{top:20px;left:50%;background-color:#fff;padding:0 8%}.line{margin-left:8%;margin-top:1%;margin-bottom:2%;width:85%;height:0px;left:1360px;top:94px;border:.5px solid #eaeaea;transform:rotate(180deg)}.container{position:relative;z-index:1}.inner-container{width:100%;background:#efefef;position:relative}.tab-content,.row{background-color:#fff}.nav-item{background-color:#fff;border-radius:5px}.custom-button{height:calc(1.5em + .75rem + 2px);border:1px solid #ced4da;background-color:transparent;padding:.375rem .75rem;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.selected-count{font-size:.8rem;color:#000}input[type=range]{-webkit-appearance:none;width:104%}input[type=range]::-webkit-slider-runnable-track{height:20%;background-color:#d9d9d9}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fcfcfc;border-radius:50%;border:1px solid #D9D9D9}input[type=range]{accent-color:green}\n"] }]
36
36
  }] });
37
37
 
38
38
  class FormSubmissionModule {
package/fesm2022/piserve-tech-form-submission.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"piserve-tech-form-submission.mjs","sources":["../../../projects/form-submission/src/lib/form-submission.service.ts","../../../projects/form-submission/src/lib/form-submission.component.ts","../../../projects/form-submission/src/lib/form-submission.component.html","../../../projects/form-submission/src/lib/form-submission.module.ts","../../../projects/form-submission/src/public-api.ts","../../../projects/form-submission/src/piserve-tech-form-submission.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class FormSubmissionService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-formSubmission',\n templateUrl: './form-submission.component.html',\n styleUrls: ['./form-submission.component.scss'],\n})\nexport class FormSubmissionComponent {\n\n customerServiceRating: number = 0; // Initialize with default value\n\n updateSliderValue(event: Event) {\n // Cast event.target to HTMLInputElement to access the value property\n this.customerServiceRating = (event.target as HTMLInputElement).valueAsNumber;\n }\n \n}\n","<div class=\"outer-container\">\n <div class=\"registration-header\">\n <h2>Registration form</h2>\n </div>\n <div class=\"line\"></div>\n <div class=\"container\">\n <div class=\"inner-container mx-2 my-3 px-4 py-4 rounded\">\n <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link active\" id=\"basic-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#basic-details\" type=\"button\" role=\"tab\" aria-controls=\"basic-details\" aria-selected=\"true\">Basic Details</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"registration-form-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#registration-form\" type=\"button\" role=\"tab\" aria-controls=\"registration-form\" aria-selected=\"false\">Registration Form</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"add-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#add-details\" type=\"button\" role=\"tab\" aria-controls=\"add-details\" aria-selected=\"false\">Add Details</button>\n </li>\n </ul>\n <div class=\"tab-content mt-1 \">\n <div class=\"tab-pane fade show active mx-4 mb-4 px-3 py-1 border-top-0\" id=\"basic-details\" role=\"tabpanel\" aria-labelledby=\"basic-details-tab\">\n <div class=\"row\">\n <div class=\"col-xl-4 p-2\">\n <label>1. Email</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"johndeo@mail.com\"\n />\n </div>\n\n <div class=\"col-xl-4 p-2\">\n <label>2. Startup name</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"Finance\"\n />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. City</label>\n <select class=\"form-control mb-2\">\n <option value=\"New York\">Mumbai</option>\n <option value=\"Los Angeles\">Los Angeles</option>\n <option value=\"Chicago\">Chicago</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Have you applied previously?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"yesRadio\"\n value=\"yes\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Yes </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"noRadio\"\n value=\"no\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> No </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>a) Nationality</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Indian\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>b) Gender</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Male\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Application service link</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Logo</label>\n <div class=\"custom-file mb-2\">\n <input type=\"file\" class=\"custom-file-input\" id=\"logoFile\" />\n <label class=\"custom-file-label\" for=\"logoFile\"\n >Choose file</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>8. Description</label>\n <textarea class=\"form-control mb-2\" rows=\"6\">\n Imply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</textarea\n >\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Next | Basic Details\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"registration-form\" role=\"tabpanel\" aria-labelledby=\"registration-form-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. Password</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Enter your mobile number</label>\n <div class=\"input-group mb-2\">\n <select class=\"custom-select col-xl-1\" id=\"countryCode\">\n <option value=\"+1\">🇺🇸 +1</option>\n <option value=\"+44\">🇬🇧 +44</option>\n </select>\n <input\n type=\"text\"\n class=\"form-control col-xl-11 ml-2\"\n placeholder=\"Mobile Number\"\n aria-label=\"Mobile Number\"\n />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Enter your website URL?</label>\n <div class=\"input-group mb-2\">\n <input type=\"text\" class=\"form-control col-xl-11\" />\n <button type=\"button\" class=\"btn col-xl-1 ml-2 custom-button\">\n <svg\n width=\"30\"\n height=\"30\"\n viewBox=\"0 0 30 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.99561 16.2503C4.99561 21.7754 9.47462 26.2544 14.9998 26.2544C20.5249 26.2544 25.0039 21.7754 25.0039 16.2503C25.0039 10.7251 20.5249 6.24609 14.9998 6.24609H6.24613\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 2.49219L6.24609 6.24375\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 9.99766L6.24609 6.24609\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M17.7924 14.8125L14.3035 18.3015L12.2051 16.2106\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Enter your email?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Enter your id number?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n OK\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"add-details\" role=\"tabpanel\" aria-labelledby=\"add-details-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How old are you ?</label>\n <select class=\"form-control mb-2\">\n <option value=\"21\">21</option>\n <option value=\"18\">18</option>\n <option value=\"30\">30</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. Select gender</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"maleRadio\"\n value=\"Male\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Male </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"femaleRadio\"\n value=\"Female\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Female </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"otherRadio\"\n value=\"Other\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Other </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. What is a dropdown question?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option1Checkbox\"\n name=\"option1Checkbox\"\n value=\"Option 1\"\n />\n <label class=\"form-check-label\" for=\"option1Checkbox\"\n >Option 1</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option2Checkbox\"\n name=\"option2Checkbox\"\n value=\"Option 2\"\n />\n <label class=\"form-check-label\" for=\"option2Checkbox\"\n >Option 2</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option3Checkbox\"\n name=\"option3Checkbox\"\n value=\"Option 3\"\n />\n <label class=\"form-check-label\" for=\"option3Checkbox\"\n >Option 3</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option4Checkbox\"\n name=\"option4Checkbox\"\n value=\"Option 4\"\n />\n <label class=\"form-check-label\" for=\"option4Checkbox\"\n >Option 4</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Please upload your signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n <div class=\"custom-file\">\n <input type=\"file\" />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2 pr-2\">\n <label>5. How would you rate the quality of your customer service experience?</label>\n <div class=\"slider-container col-xl-12 p-2 \">\n <div class=\"row\">\n <div class=\" col-xl-11\">\n <input type=\"range\" class=\"form-range\" id=\"customerServiceRating\" min=\"0\" max=\"100\" step=\"1\"\n [(ngModel)]=\"customerServiceRating\" (input)=\"updateSliderValue($event)\">\n </div>\n <div class=\" col-xl-1 mb-2 text-right\">\n <label class=\"selected-count mb-2 font-weight-bold\">{{ customerServiceRating }}</label>\n </div>\n </div>\n \n \n </div>\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Submit\n </button>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>","import { NgModule } from '@angular/core';\nimport { FormSubmissionComponent } from './form-submission.component';\nimport { DropdownModule } from '@piserve-tech/drop-down';\nimport { FilePreviewModule } from '@piserve-tech/file-preview';\nimport { DocUploadModule } from '@piserve-tech/file-upload';\nimport { FormsModule } from '@angular/forms';\nimport {MatTabsModule} from '@angular/material/tabs';\n\n\n@NgModule({\n declarations: [\n FormSubmissionComponent\n ],\n imports: [\n DropdownModule,\n FilePreviewModule,\n DocUploadModule,\n FormsModule,\n MatTabsModule\n ],\n exports: [\n FormSubmissionComponent\n ]\n})\nexport class FormSubmissionModule { }\n","/*\n * Public API Surface of form-submission\n */\n\nexport * from './lib/form-submission.service';\nexport * from './lib/form-submission.component';\nexport * from './lib/form-submission.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAKa,qBAAqB,CAAA;AAEhC,IAAA,WAAA,GAAA,GAAiB;+GAFN,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,cAFpB,MAAM,EAAA,CAAA,CAAA,EAAA;;4FAEP,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAHjC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;MCGY,uBAAuB,CAAA;AALpC,IAAA,WAAA,GAAA;AAOE,QAAA,IAAA,CAAA,qBAAqB,GAAW,CAAC,CAAC;AAOnC,KAAA;AALC,IAAA,iBAAiB,CAAC,KAAY,EAAA;;QAE5B,IAAI,CAAC,qBAAqB,GAAI,KAAK,CAAC,MAA2B,CAAC,aAAa,CAAC;KAC/E;+GAPU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,0DCPpC,ozaAwVM,EAAA,MAAA,EAAA,CAAA,ilCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,8FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FDjVO,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,oBAAoB,EAAA,QAAA,EAAA,ozaAAA,EAAA,MAAA,EAAA,CAAA,ilCAAA,CAAA,EAAA,CAAA;;;MEqBnB,oBAAoB,CAAA;+GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAApB,oBAAoB,EAAA,YAAA,EAAA,CAb7B,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAGvB,cAAc;YACd,iBAAiB;YACjB,eAAe;YACf,WAAW;AACX,YAAA,aAAa,aAGb,uBAAuB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAV7B,cAAc;YACd,iBAAiB;YACjB,eAAe;YACf,WAAW;YACX,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAMJ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAfhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,uBAAuB;AACxB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,cAAc;wBACd,iBAAiB;wBACjB,eAAe;wBACf,WAAW;wBACX,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,uBAAuB;AACxB,qBAAA;AACF,iBAAA,CAAA;;;ACvBD;;AAEG;;ACFH;;AAEG;;;;"}
1
+ {"version":3,"file":"piserve-tech-form-submission.mjs","sources":["../../../projects/form-submission/src/lib/form-submission.service.ts","../../../projects/form-submission/src/lib/form-submission.component.ts","../../../projects/form-submission/src/lib/form-submission.component.html","../../../projects/form-submission/src/lib/form-submission.module.ts","../../../projects/form-submission/src/public-api.ts","../../../projects/form-submission/src/piserve-tech-form-submission.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class FormSubmissionService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-formSubmission',\n templateUrl: './form-submission.component.html',\n styleUrls: ['./form-submission.component.scss'],\n})\nexport class FormSubmissionComponent {\n\n customerServiceRating: number = 0; // Initialize with default value\n\n updateSliderValue(event: Event) {\n // Cast event.target to HTMLInputElement to access the value property\n this.customerServiceRating = (event.target as HTMLInputElement).valueAsNumber;\n }\n \n}\n","<div class=\"outer-container\">\n <div class=\"registration-header\">\n <h2>Registration form</h2>\n </div>\n <div class=\"line\"></div>\n <div class=\"container\">\n <div class=\"inner-container mx-2 my-3 px-4 py-4 rounded\">\n <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link active\" id=\"basic-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#basic-details\" type=\"button\" role=\"tab\" aria-controls=\"basic-details\" aria-selected=\"true\">Basic Details</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"registration-form-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#registration-form\" type=\"button\" role=\"tab\" aria-controls=\"registration-form\" aria-selected=\"false\">Registration Form</button>\n </li>\n <li class=\"nav-item mr-1\" role=\"presentation\">\n <button class=\"nav-link\" id=\"add-details-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#add-details\" type=\"button\" role=\"tab\" aria-controls=\"add-details\" aria-selected=\"false\">Add Details</button>\n </li>\n </ul>\n <div class=\"tab-content mt-1 \">\n <div class=\"tab-pane fade show active mx-4 mb-4 px-3 py-1 border-top-0\" id=\"basic-details\" role=\"tabpanel\" aria-labelledby=\"basic-details-tab\">\n <div class=\"row\">\n <div class=\"col-xl-4 p-2\">\n <label>1. Email</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"johndeo@mail.com\"\n />\n </div>\n\n <div class=\"col-xl-4 p-2\">\n <label>2. Startup name</label>\n <input\n type=\"text\"\n class=\"form-control mb-2\"\n placeholder=\"Finance\"\n />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. City</label>\n <select class=\"form-control mb-2\">\n <option value=\"New York\">Mumbai</option>\n <option value=\"Los Angeles\">Los Angeles</option>\n <option value=\"Chicago\">Chicago</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Have you applied previously?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"yesRadio\"\n value=\"yes\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Yes </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"noRadio\"\n value=\"no\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> No </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>a) Nationality</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Indian\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>b) Gender</label>\n <input type=\"text\" class=\"form-control mb-2\" placeholder=\"Male\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Application service link</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Logo</label>\n <div class=\"custom-file mb-2\">\n <input type=\"file\" class=\"custom-file-input\" id=\"logoFile\" />\n <label class=\"custom-file-label\" for=\"logoFile\"\n >Choose file</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>8. Description</label>\n <textarea class=\"form-control mb-2\" rows=\"6\">\n Imply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</textarea\n >\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Next | Basic Details\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"registration-form\" role=\"tabpanel\" aria-labelledby=\"registration-form-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. How do you hope people describe you?</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. Password</label>\n <textarea class=\"form-control mb-2\" rows=\"4\"></textarea>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Enter your mobile number</label>\n <div class=\"input-group mb-2\">\n <select class=\"custom-select col-xl-1\" id=\"countryCode\">\n <option value=\"+1\">🇺🇸 +1</option>\n <option value=\"+44\">🇬🇧 +44</option>\n </select>\n <input\n type=\"text\"\n class=\"form-control col-xl-11 ml-2\"\n placeholder=\"Mobile Number\"\n aria-label=\"Mobile Number\"\n />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>5. Enter your website URL?</label>\n <div class=\"input-group mb-2\">\n <input type=\"text\" class=\"form-control col-xl-11\" />\n <button type=\"button\" class=\"btn col-xl-1 ml-2 custom-button\">\n <svg\n width=\"30\"\n height=\"30\"\n viewBox=\"0 0 30 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.99561 16.2503C4.99561 21.7754 9.47462 26.2544 14.9998 26.2544C20.5249 26.2544 25.0039 21.7754 25.0039 16.2503C25.0039 10.7251 20.5249 6.24609 14.9998 6.24609H6.24613\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 2.49219L6.24609 6.24375\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M9.99766 9.99766L6.24609 6.24609\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M17.7924 14.8125L14.3035 18.3015L12.2051 16.2106\"\n stroke=\"#084FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>6. Enter your email?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>7. Enter your id number?</label>\n <input type=\"text\" class=\"form-control mb-2\" />\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n OK\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"tab-pane fade mx-4 mb-4 px-3 py-1 border-top-0\" id=\"add-details\" role=\"tabpanel\" aria-labelledby=\"add-details-tab\">\n \n <div class=\"row\">\n <div class=\"col-xl-12 p-2\">\n <label>1. How old are you ?</label>\n <select class=\"form-control mb-2\">\n <option value=\"21\">21</option>\n <option value=\"18\">18</option>\n <option value=\"30\">30</option>\n </select>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>2. Select gender</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"maleRadio\"\n value=\"Male\"\n />\n <label class=\"form-check-label\" for=\"yesRadio\"> Male </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"femaleRadio\"\n value=\"Female\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Female </label>\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"radio\"\n name=\"appliedPreviously\"\n id=\"otherRadio\"\n value=\"Other\"\n />\n <label class=\"form-check-label\" for=\"noRadio\"> Other </label>\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>3. What is a dropdown question?</label>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option1Checkbox\"\n name=\"option1Checkbox\"\n value=\"Option 1\"\n />\n <label class=\"form-check-label\" for=\"option1Checkbox\"\n >Option 1</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option2Checkbox\"\n name=\"option2Checkbox\"\n value=\"Option 2\"\n />\n <label class=\"form-check-label\" for=\"option2Checkbox\"\n >Option 2</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option3Checkbox\"\n name=\"option3Checkbox\"\n value=\"Option 3\"\n />\n <label class=\"form-check-label\" for=\"option3Checkbox\"\n >Option 3</label\n >\n </div>\n <div class=\"form-check\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n id=\"option4Checkbox\"\n name=\"option4Checkbox\"\n value=\"Option 4\"\n />\n <label class=\"form-check-label\" for=\"option4Checkbox\"\n >Option 4</label\n >\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2\">\n <label>4. Please upload your signature</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n <div class=\"custom-file\">\n <input type=\"file\" />\n </div>\n </div>\n\n <div class=\"col-xl-12 p-2 pr-2\">\n <label>5. How would you rate the quality of your customer service experience?</label>\n <div class=\"slider-container col-xl-12 p-2 \">\n <div class=\"row\">\n <div class=\" col-xl-11\">\n <input type=\"range\" class=\"form-range\" id=\"customerServiceRating\" min=\"0\" max=\"100\" step=\"1\"\n [(ngModel)]=\"customerServiceRating\" (input)=\"updateSliderValue($event)\">\n </div>\n <div class=\" col-xl-1 mb-2 text-right\">\n <label class=\"selected-count mb-2 font-weight-bold\">{{ customerServiceRating }}</label>\n </div>\n </div>\n \n \n </div>\n </div>\n\n <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\n <button class=\"btn btn-primary me-md-2 rounded-pill\" type=\"button\">\n Submit\n </button>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>","import { NgModule } from '@angular/core';\nimport { FormSubmissionComponent } from './form-submission.component';\nimport { DropdownModule } from '@piserve-tech/drop-down';\nimport { FilePreviewModule } from '@piserve-tech/file-preview';\nimport { DocUploadModule } from '@piserve-tech/file-upload';\nimport { FormsModule } from '@angular/forms';\nimport {MatTabsModule} from '@angular/material/tabs';\n\n\n@NgModule({\n declarations: [\n FormSubmissionComponent\n ],\n imports: [\n DropdownModule,\n FilePreviewModule,\n DocUploadModule,\n FormsModule,\n MatTabsModule\n ],\n exports: [\n FormSubmissionComponent\n ]\n})\nexport class FormSubmissionModule { }\n","/*\n * Public API Surface of form-submission\n */\n\nexport * from './lib/form-submission.service';\nexport * from './lib/form-submission.component';\nexport * from './lib/form-submission.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAKa,qBAAqB,CAAA;AAEhC,IAAA,WAAA,GAAA,GAAiB;+GAFN,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,cAFpB,MAAM,EAAA,CAAA,CAAA,EAAA;;4FAEP,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAHjC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;MCGY,uBAAuB,CAAA;AALpC,IAAA,WAAA,GAAA;AAOE,QAAA,IAAA,CAAA,qBAAqB,GAAW,CAAC,CAAC;AAOnC,KAAA;AALC,IAAA,iBAAiB,CAAC,KAAY,EAAA;;QAE5B,IAAI,CAAC,qBAAqB,GAAI,KAAK,CAAC,MAA2B,CAAC,aAAa,CAAC;KAC/E;+GAPU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,0DCPpC,ozaAwVM,EAAA,MAAA,EAAA,CAAA,0lCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,8FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FDjVO,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,oBAAoB,EAAA,QAAA,EAAA,ozaAAA,EAAA,MAAA,EAAA,CAAA,0lCAAA,CAAA,EAAA,CAAA;;;MEqBnB,oBAAoB,CAAA;+GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAApB,oBAAoB,EAAA,YAAA,EAAA,CAb7B,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAGvB,cAAc;YACd,iBAAiB;YACjB,eAAe;YACf,WAAW;AACX,YAAA,aAAa,aAGb,uBAAuB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAV7B,cAAc;YACd,iBAAiB;YACjB,eAAe;YACf,WAAW;YACX,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAMJ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAfhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,uBAAuB;AACxB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,cAAc;wBACd,iBAAiB;wBACjB,eAAe;wBACf,WAAW;wBACX,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,uBAAuB;AACxB,qBAAA;AACF,iBAAA,CAAA;;;ACvBD;;AAEG;;ACFH;;AAEG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@piserve-tech/form-submission",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.1.0",
6
6
  "@angular/core": "^16.1.0"