@piserve-tech/form-submission 1.0.2 → 1.0.4
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.
- package/esm2022/form-fields/check-box-fields/check-box-fields.component.mjs +3 -3
- package/esm2022/form-fields/date-time-fields/date-time-fields.component.mjs +3 -3
- package/esm2022/form-fields/drop-down-fields/drop-down-fields.component.mjs +3 -3
- package/esm2022/form-fields/file-picker-fields/file-picker-fields.component.mjs +3 -3
- package/esm2022/form-fields/location-fields/location-fields.component.mjs +3 -3
- package/esm2022/form-fields/mail-fields/mail-fields.component.mjs +3 -3
- package/esm2022/form-fields/mobile-fields/mobile-fields.component.mjs +3 -3
- package/esm2022/form-fields/number-fields/number-fields.component.mjs +3 -3
- package/esm2022/form-fields/password-fields/password-fields.component.mjs +3 -3
- package/esm2022/form-fields/radio-button-fields/radio-button-fields.component.mjs +3 -3
- package/esm2022/form-fields/rich-text-editor-fields/rich-text-editor-fields.component.mjs +3 -3
- package/esm2022/form-fields/selection-matrix-fields/selection-matrix-fields.component.mjs +3 -3
- package/esm2022/form-fields/signature-fields/signature-fields.component.mjs +3 -3
- package/esm2022/form-fields/slider-fields/slider-fields.component.mjs +3 -3
- package/esm2022/form-fields/terms-and-condition-fields/terms-and-condition-fields.component.mjs +3 -3
- package/esm2022/form-fields/text-area-fields/text-area-fields.component.mjs +3 -3
- package/esm2022/form-fields/text-fields/text-fields.component.mjs +3 -3
- package/esm2022/form-fields/toggle-switch-fields/toggle-switch-fields.component.mjs +3 -3
- package/esm2022/form-fields/url-fields/url-fields.component.mjs +3 -3
- package/esm2022/form-submission/submit-form/submit-form.component.mjs +3 -3
- package/esm2022/lib/form-submission.component.mjs +1 -1
- package/esm2022/services/form.service.mjs +1 -1
- package/fesm2022/piserve-tech-form-submission.mjs +40 -40
- package/fesm2022/piserve-tech-form-submission.mjs.map +1 -1
- package/package.json +1 -1
- package/services/form.service.d.ts +1 -2
|
@@ -382,11 +382,11 @@ class CheckBoxFieldsComponent {
|
|
|
382
382
|
!this.selectedOptions.includes(option));
|
|
383
383
|
}
|
|
384
384
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckBoxFieldsComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
385
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckBoxFieldsComponent, selector: "lib-check-box-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-5\">\n <label>{{ question.question }}</label>\n <div class=\"form-check\" *ngFor=\"let option of getOptions()\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n [id]=\"option.value + 'Checkbox'\"\n [name]=\"option.value + 'Checkbox'\"\n [value]=\"option.value\"\n (change)=\"onCheckboxChange(option, $event)\"\n [disabled]=\"isOptionDisabled(option)\"\n />\n <label class=\"form-check-label\" [for]=\"option.value + 'Checkbox'\">{{\n option.value\n }}</label>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
|
|
385
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckBoxFieldsComponent, selector: "lib-check-box-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-5 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"form-check\" *ngFor=\"let option of getOptions()\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n [id]=\"option.value + 'Checkbox'\"\n [name]=\"option.value + 'Checkbox'\"\n [value]=\"option.value\"\n (change)=\"onCheckboxChange(option, $event)\"\n [disabled]=\"isOptionDisabled(option)\"\n />\n <label class=\"form-check-label\" [for]=\"option.value + 'Checkbox'\">{{\n option.value\n }}</label>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
|
|
386
386
|
}
|
|
387
387
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckBoxFieldsComponent, decorators: [{
|
|
388
388
|
type: Component,
|
|
389
|
-
args: [{ selector: 'lib-check-box-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-5\">\n <label>{{ question.question }}</label>\n <div class=\"form-check\" *ngFor=\"let option of getOptions()\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n [id]=\"option.value + 'Checkbox'\"\n [name]=\"option.value + 'Checkbox'\"\n [value]=\"option.value\"\n (change)=\"onCheckboxChange(option, $event)\"\n [disabled]=\"isOptionDisabled(option)\"\n />\n <label class=\"form-check-label\" [for]=\"option.value + 'Checkbox'\">{{\n option.value\n }}</label>\n </div>\n</div>\n" }]
|
|
389
|
+
args: [{ selector: 'lib-check-box-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-5 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"form-check\" *ngFor=\"let option of getOptions()\">\n <input\n class=\"form-check-input\"\n type=\"checkbox\"\n [id]=\"option.value + 'Checkbox'\"\n [name]=\"option.value + 'Checkbox'\"\n [value]=\"option.value\"\n (change)=\"onCheckboxChange(option, $event)\"\n [disabled]=\"isOptionDisabled(option)\"\n />\n <label class=\"form-check-label\" [for]=\"option.value + 'Checkbox'\">{{\n option.value\n }}</label>\n </div>\n</div>\n" }]
|
|
390
390
|
}], ctorParameters: function () { return [{ type: FormService }]; }, propDecorators: { grid: [{
|
|
391
391
|
type: Input
|
|
392
392
|
}] } });
|
|
@@ -438,11 +438,11 @@ class DateTimeFieldsComponent {
|
|
|
438
438
|
return undefined; // Return undefined if no valid option
|
|
439
439
|
}
|
|
440
440
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimeFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
441
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateTimeFieldsComponent, selector: "lib-date-time-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n
|
|
441
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateTimeFieldsComponent, selector: "lib-date-time-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-5 px-4\">\n <label>{{ question.question }}</label>\n <ng-container *ngIf=\"dateType === 'DATE_ONLY'\">\n <!-- Date only picker -->\n <input\n class=\"form-control height\"\n #datepickerYMD=\"bsDatepicker\"\n bsDatepicker\n [minDate]=\"minDate ? minDate : todayDate\"\n [maxDate]=\"maxDate ? maxDate : todayDate\"\n [bsConfig]=\"{ dateInputFormat: format }\"\n />\n </ng-container>\n\n <ng-container *ngIf=\"dateType === 'TIME_ONLY'\">\n <!-- Time picker -->\n <input type=\"time\" class=\"form-control height\" />\n </ng-container>\n\n <ng-container *ngIf=\"dateType === 'DATE_AND_TIME'\">\n <!-- Date and time picker -->\n <input\n type=\"text\"\n class=\"form-control height\"\n [minDate]=\"minDate ? minDate : todayDate\"\n [maxDate]=\"maxDate ? maxDate : todayDate\"\n [bsConfig]=\"{\n withTimepicker: true,\n keepDatepickerOpened: true,\n rangeInputFormat: format,\n dateInputFormat: format\n }\"\n bsDatepicker\n />\n </ng-container>\n\n <ng-container *ngIf=\"dateType === 'DATE_RANGE'\">\n <!-- Date range picker -->\n <input\n type=\"text\"\n class=\"form-control height\"\n #daterangepicker=\"bsDaterangepicker\"\n bsDaterangepicker\n [minDate]=\"minDate ? minDate : todayDate\"\n [maxDate]=\"maxDate ? maxDate : todayDate\"\n [bsConfig]=\"{\n rangeInputFormat: format,\n dateInputFormat: format,\n showWeekNumbers: false\n }\"\n />\n </ng-container>\n</div>\n", styles: [".height{height:44px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.BsDatepickerDirective, selector: "[bsDatepicker]", inputs: ["placement", "triggers", "outsideClick", "container", "outsideEsc", "isDisabled", "minDate", "maxDate", "minMode", "daysDisabled", "datesDisabled", "datesEnabled", "dateCustomClasses", "dateTooltipTexts", "isOpen", "bsValue", "bsConfig"], outputs: ["onShown", "onHidden", "bsValueChange"], exportAs: ["bsDatepicker"] }, { kind: "directive", type: i2.BsDatepickerInputDirective, selector: "input[bsDatepicker]" }, { kind: "directive", type: i2.BsDaterangepickerDirective, selector: "[bsDaterangepicker]", inputs: ["placement", "triggers", "outsideClick", "container", "outsideEsc", "isOpen", "bsValue", "bsConfig", "isDisabled", "minDate", "maxDate", "dateCustomClasses", "daysDisabled", "datesDisabled", "datesEnabled"], outputs: ["onShown", "onHidden", "bsValueChange"], exportAs: ["bsDaterangepicker"] }, { kind: "directive", type: i2.BsDaterangepickerInputDirective, selector: "input[bsDaterangepicker]" }] }); }
|
|
442
442
|
}
|
|
443
443
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimeFieldsComponent, decorators: [{
|
|
444
444
|
type: Component,
|
|
445
|
-
args: [{ selector: 'lib-date-time-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n
|
|
445
|
+
args: [{ selector: 'lib-date-time-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-5 px-4\">\n <label>{{ question.question }}</label>\n <ng-container *ngIf=\"dateType === 'DATE_ONLY'\">\n <!-- Date only picker -->\n <input\n class=\"form-control height\"\n #datepickerYMD=\"bsDatepicker\"\n bsDatepicker\n [minDate]=\"minDate ? minDate : todayDate\"\n [maxDate]=\"maxDate ? maxDate : todayDate\"\n [bsConfig]=\"{ dateInputFormat: format }\"\n />\n </ng-container>\n\n <ng-container *ngIf=\"dateType === 'TIME_ONLY'\">\n <!-- Time picker -->\n <input type=\"time\" class=\"form-control height\" />\n </ng-container>\n\n <ng-container *ngIf=\"dateType === 'DATE_AND_TIME'\">\n <!-- Date and time picker -->\n <input\n type=\"text\"\n class=\"form-control height\"\n [minDate]=\"minDate ? minDate : todayDate\"\n [maxDate]=\"maxDate ? maxDate : todayDate\"\n [bsConfig]=\"{\n withTimepicker: true,\n keepDatepickerOpened: true,\n rangeInputFormat: format,\n dateInputFormat: format\n }\"\n bsDatepicker\n />\n </ng-container>\n\n <ng-container *ngIf=\"dateType === 'DATE_RANGE'\">\n <!-- Date range picker -->\n <input\n type=\"text\"\n class=\"form-control height\"\n #daterangepicker=\"bsDaterangepicker\"\n bsDaterangepicker\n [minDate]=\"minDate ? minDate : todayDate\"\n [maxDate]=\"maxDate ? maxDate : todayDate\"\n [bsConfig]=\"{\n rangeInputFormat: format,\n dateInputFormat: format,\n showWeekNumbers: false\n }\"\n />\n </ng-container>\n</div>\n", styles: [".height{height:44px}\n"] }]
|
|
446
446
|
}], propDecorators: { grid: [{
|
|
447
447
|
type: Input
|
|
448
448
|
}] } });
|
|
@@ -490,11 +490,11 @@ class DropDownFieldsComponent {
|
|
|
490
490
|
}
|
|
491
491
|
}
|
|
492
492
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropDownFieldsComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
493
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropDownFieldsComponent, selector: "lib-drop-down-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-5\">\n <label>{{ question.question }}</label>\n <select class=\"form-control mb-2\">\n <option *ngFor=\"let option of customOptions\">{{ option.value }}</option>\n </select>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] }); }
|
|
493
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropDownFieldsComponent, selector: "lib-drop-down-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-5 px-4\">\n <label>{{ question.question }}</label>\n <select class=\"form-control mb-2 height\">\n <option *ngFor=\"let option of customOptions\">{{ option.value }}</option>\n </select>\n</div>\n", styles: [".height{height:44px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] }); }
|
|
494
494
|
}
|
|
495
495
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropDownFieldsComponent, decorators: [{
|
|
496
496
|
type: Component,
|
|
497
|
-
args: [{ selector: 'lib-drop-down-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-5\">\n <label>{{ question.question }}</label>\n <select class=\"form-control mb-2\">\n <option *ngFor=\"let option of customOptions\">{{ option.value }}</option>\n </select>\n</div>\n" }]
|
|
497
|
+
args: [{ selector: 'lib-drop-down-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-5 px-4\">\n <label>{{ question.question }}</label>\n <select class=\"form-control mb-2 height\">\n <option *ngFor=\"let option of customOptions\">{{ option.value }}</option>\n </select>\n</div>\n", styles: [".height{height:44px}\n"] }]
|
|
498
498
|
}], ctorParameters: function () { return [{ type: FormService }]; }, propDecorators: { grid: [{
|
|
499
499
|
type: Input
|
|
500
500
|
}] } });
|
|
@@ -516,11 +516,11 @@ class FilePickerFieldsComponent {
|
|
|
516
516
|
this.count;
|
|
517
517
|
}
|
|
518
518
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilePickerFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
519
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilePickerFieldsComponent, selector: "lib-file-picker-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n <div class=\"fileInput\">\n <input type=\"file\" id=\"logoFile\" />\n Choose file\n </div>\n</div>\n", styles: [".fileInput{position:relative;height:
|
|
519
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilePickerFieldsComponent, selector: "lib-file-picker-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"fileInput\">\n <input type=\"file\" id=\"logoFile\" />\n Choose file\n </div>\n</div>\n", styles: [".fileInput{position:relative;height:44px;width:111px;background:#d3d3d3;border-radius:6px;padding:0 16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.fileInput input{opacity:0;position:absolute;left:0;top:0;width:100%;height:inherit}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
520
520
|
}
|
|
521
521
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilePickerFieldsComponent, decorators: [{
|
|
522
522
|
type: Component,
|
|
523
|
-
args: [{ selector: 'lib-file-picker-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n <div class=\"fileInput\">\n <input type=\"file\" id=\"logoFile\" />\n Choose file\n </div>\n</div>\n", styles: [".fileInput{position:relative;height:
|
|
523
|
+
args: [{ selector: 'lib-file-picker-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"fileInput\">\n <input type=\"file\" id=\"logoFile\" />\n Choose file\n </div>\n</div>\n", styles: [".fileInput{position:relative;height:44px;width:111px;background:#d3d3d3;border-radius:6px;padding:0 16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.fileInput input{opacity:0;position:absolute;left:0;top:0;width:100%;height:inherit}\n"] }]
|
|
524
524
|
}], propDecorators: { grid: [{
|
|
525
525
|
type: Input
|
|
526
526
|
}] } });
|
|
@@ -552,11 +552,11 @@ class LocationFieldsComponent {
|
|
|
552
552
|
this.region = this.question.formElement.validation.region;
|
|
553
553
|
}
|
|
554
554
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocationFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
555
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LocationFieldsComponent, selector: "lib-location-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n
|
|
555
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LocationFieldsComponent, selector: "lib-location-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n</div>\n", styles: [".height{height:44px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
556
556
|
}
|
|
557
557
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocationFieldsComponent, decorators: [{
|
|
558
558
|
type: Component,
|
|
559
|
-
args: [{ selector: 'lib-location-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n
|
|
559
|
+
args: [{ selector: 'lib-location-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n</div>\n", styles: [".height{height:44px}\n"] }]
|
|
560
560
|
}], propDecorators: { grid: [{
|
|
561
561
|
type: Input
|
|
562
562
|
}] } });
|
|
@@ -578,11 +578,11 @@ class MailFieldsComponent {
|
|
|
578
578
|
this.count;
|
|
579
579
|
}
|
|
580
580
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MailFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
581
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MailFieldsComponent, selector: "lib-mail-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n
|
|
581
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MailFieldsComponent, selector: "lib-mail-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <input\n type=\"email\"\n class=\"form-control mb-2 height\"\n [placeholder]=\"question.formElement.appearance.placeholder\"\n />\n</div>\n", styles: [".height{height:44px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
582
582
|
}
|
|
583
583
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MailFieldsComponent, decorators: [{
|
|
584
584
|
type: Component,
|
|
585
|
-
args: [{ selector: 'lib-mail-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n
|
|
585
|
+
args: [{ selector: 'lib-mail-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <input\n type=\"email\"\n class=\"form-control mb-2 height\"\n [placeholder]=\"question.formElement.appearance.placeholder\"\n />\n</div>\n", styles: [".height{height:44px}\n"] }]
|
|
586
586
|
}], propDecorators: { grid: [{
|
|
587
587
|
type: Input
|
|
588
588
|
}] } });
|
|
@@ -604,11 +604,11 @@ class MobileFieldsComponent {
|
|
|
604
604
|
this.count;
|
|
605
605
|
}
|
|
606
606
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MobileFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
607
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MobileFieldsComponent, selector: "lib-mobile-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n
|
|
607
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MobileFieldsComponent, selector: "lib-mobile-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"input-group mb-2\">\n <select class=\"custom-select col-xl-1 height\" 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 height\"\n placeholder=\"Mobile Number\"\n aria-label=\"Mobile Number\"\n />\n </div>\n</div>\n", styles: [".height{height:44px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] }); }
|
|
608
608
|
}
|
|
609
609
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MobileFieldsComponent, decorators: [{
|
|
610
610
|
type: Component,
|
|
611
|
-
args: [{ selector: 'lib-mobile-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n
|
|
611
|
+
args: [{ selector: 'lib-mobile-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"input-group mb-2\">\n <select class=\"custom-select col-xl-1 height\" 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 height\"\n placeholder=\"Mobile Number\"\n aria-label=\"Mobile Number\"\n />\n </div>\n</div>\n", styles: [".height{height:44px}\n"] }]
|
|
612
612
|
}], propDecorators: { grid: [{
|
|
613
613
|
type: Input
|
|
614
614
|
}] } });
|
|
@@ -630,11 +630,11 @@ class NumberFieldsComponent {
|
|
|
630
630
|
this.count;
|
|
631
631
|
}
|
|
632
632
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumberFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
633
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumberFieldsComponent, selector: "lib-number-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n
|
|
633
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumberFieldsComponent, selector: "lib-number-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <input\n type=\"number\"\n class=\"form-control mb-2 height\"\n [placeholder]=\"question.formElement.appearance.placeholder\"\n />\n</div>\n", styles: [".height{height:44px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
634
634
|
}
|
|
635
635
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumberFieldsComponent, decorators: [{
|
|
636
636
|
type: Component,
|
|
637
|
-
args: [{ selector: 'lib-number-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n
|
|
637
|
+
args: [{ selector: 'lib-number-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <input\n type=\"number\"\n class=\"form-control mb-2 height\"\n [placeholder]=\"question.formElement.appearance.placeholder\"\n />\n</div>\n", styles: [".height{height:44px}\n"] }]
|
|
638
638
|
}], propDecorators: { grid: [{
|
|
639
639
|
type: Input
|
|
640
640
|
}] } });
|
|
@@ -656,11 +656,11 @@ class PasswordFieldsComponent {
|
|
|
656
656
|
this.count;
|
|
657
657
|
}
|
|
658
658
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PasswordFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
659
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PasswordFieldsComponent, selector: "lib-password-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n
|
|
659
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PasswordFieldsComponent, selector: "lib-password-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <input\n type=\"password\"\n class=\"form-control mb-2 height\"\n [placeholder]=\"question.formElement.appearance.placeholder\"\n />\n</div>\n", styles: [".height{height:44px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
660
660
|
}
|
|
661
661
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PasswordFieldsComponent, decorators: [{
|
|
662
662
|
type: Component,
|
|
663
|
-
args: [{ selector: 'lib-password-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n
|
|
663
|
+
args: [{ selector: 'lib-password-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <input\n type=\"password\"\n class=\"form-control mb-2 height\"\n [placeholder]=\"question.formElement.appearance.placeholder\"\n />\n</div>\n", styles: [".height{height:44px}\n"] }]
|
|
664
664
|
}], propDecorators: { grid: [{
|
|
665
665
|
type: Input
|
|
666
666
|
}] } });
|
|
@@ -733,11 +733,11 @@ class RadioButtonFieldsComponent {
|
|
|
733
733
|
}
|
|
734
734
|
}
|
|
735
735
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonFieldsComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
736
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonFieldsComponent, selector: "lib-radio-button-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n <div class=\"form-check\" *ngFor=\"let option of getOptions()\">\n <input\n class=\"form-check-input red-radio-input\"\n type=\"radio\"\n [name]=\"question.id\"\n [id]=\"option.value\"\n [value]=\"option.value\"\n />\n <label class=\"form-check-label\" [for]=\"option.value\">{{\n option.label\n }}</label>\n </div>\n</div>\n", styles: [".red-radio-input:checked+.form-check-label:before{background-color:red}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
|
|
736
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonFieldsComponent, selector: "lib-radio-button-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"form-check\" *ngFor=\"let option of getOptions()\">\n <input\n class=\"form-check-input red-radio-input\"\n type=\"radio\"\n [name]=\"question.id\"\n [id]=\"option.value\"\n [value]=\"option.value\"\n />\n <label class=\"form-check-label\" [for]=\"option.value\">{{\n option.label\n }}</label>\n </div>\n</div>\n", styles: [".red-radio-input:checked+.form-check-label:before{background-color:red}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
|
|
737
737
|
}
|
|
738
738
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonFieldsComponent, decorators: [{
|
|
739
739
|
type: Component,
|
|
740
|
-
args: [{ selector: 'lib-radio-button-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n <div class=\"form-check\" *ngFor=\"let option of getOptions()\">\n <input\n class=\"form-check-input red-radio-input\"\n type=\"radio\"\n [name]=\"question.id\"\n [id]=\"option.value\"\n [value]=\"option.value\"\n />\n <label class=\"form-check-label\" [for]=\"option.value\">{{\n option.label\n }}</label>\n </div>\n</div>\n", styles: [".red-radio-input:checked+.form-check-label:before{background-color:red}\n"] }]
|
|
740
|
+
args: [{ selector: 'lib-radio-button-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"form-check\" *ngFor=\"let option of getOptions()\">\n <input\n class=\"form-check-input red-radio-input\"\n type=\"radio\"\n [name]=\"question.id\"\n [id]=\"option.value\"\n [value]=\"option.value\"\n />\n <label class=\"form-check-label\" [for]=\"option.value\">{{\n option.label\n }}</label>\n </div>\n</div>\n", styles: [".red-radio-input:checked+.form-check-label:before{background-color:red}\n"] }]
|
|
741
741
|
}], ctorParameters: function () { return [{ type: FormService }]; }, propDecorators: { grid: [{
|
|
742
742
|
type: Input
|
|
743
743
|
}] } });
|
|
@@ -764,11 +764,11 @@ class RichTextEditorFieldsComponent {
|
|
|
764
764
|
this.counts = this.question.formElement.validation.count;
|
|
765
765
|
}
|
|
766
766
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichTextEditorFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
767
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichTextEditorFieldsComponent, selector: "lib-rich-text-editor-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{question.question}}</label>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
767
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichTextEditorFieldsComponent, selector: "lib-rich-text-editor-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{question.question}}</label>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
768
768
|
}
|
|
769
769
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichTextEditorFieldsComponent, decorators: [{
|
|
770
770
|
type: Component,
|
|
771
|
-
args: [{ selector: 'lib-rich-text-editor-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{question.question}}</label>\n</div>\n" }]
|
|
771
|
+
args: [{ selector: 'lib-rich-text-editor-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{question.question}}</label>\n</div>\n" }]
|
|
772
772
|
}], propDecorators: { grid: [{
|
|
773
773
|
type: Input
|
|
774
774
|
}] } });
|
|
@@ -790,11 +790,11 @@ class SelectionMatrixFieldsComponent {
|
|
|
790
790
|
this.count;
|
|
791
791
|
}
|
|
792
792
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionMatrixFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
793
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectionMatrixFieldsComponent, selector: "lib-selection-matrix-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{question.question}}</label>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
793
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectionMatrixFieldsComponent, selector: "lib-selection-matrix-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{question.question}}</label>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
794
794
|
}
|
|
795
795
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionMatrixFieldsComponent, decorators: [{
|
|
796
796
|
type: Component,
|
|
797
|
-
args: [{ selector: 'lib-selection-matrix-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{question.question}}</label>\n</div>\n" }]
|
|
797
|
+
args: [{ selector: 'lib-selection-matrix-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{question.question}}</label>\n</div>\n" }]
|
|
798
798
|
}], propDecorators: { grid: [{
|
|
799
799
|
type: Input
|
|
800
800
|
}] } });
|
|
@@ -818,11 +818,11 @@ class SignatureFieldsComponent {
|
|
|
818
818
|
this.minFileSize = this.question.formElement.validation.minFileSize;
|
|
819
819
|
}
|
|
820
820
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SignatureFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
821
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SignatureFieldsComponent, selector: "lib-signature-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{question.question}}</label>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
821
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SignatureFieldsComponent, selector: "lib-signature-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{question.question}}</label>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
822
822
|
}
|
|
823
823
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SignatureFieldsComponent, decorators: [{
|
|
824
824
|
type: Component,
|
|
825
|
-
args: [{ selector: 'lib-signature-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{question.question}}</label>\n</div>\n" }]
|
|
825
|
+
args: [{ selector: 'lib-signature-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{question.question}}</label>\n</div>\n" }]
|
|
826
826
|
}], propDecorators: { grid: [{
|
|
827
827
|
type: Input
|
|
828
828
|
}] } });
|
|
@@ -857,11 +857,11 @@ class SliderFieldsComponent {
|
|
|
857
857
|
}
|
|
858
858
|
}
|
|
859
859
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderFieldsComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
860
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SliderFieldsComponent, selector: "lib-slider-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n <div class=\"sliderRow\">\n <div class=\"sliderLeft\">\n <mat-slider\n [min]=\"minValue\"\n [max]=\"maxValue\"\n [step]=\"stepValue\"\n [ngStyle]=\"{\n '--mdc-slider-active-track-color': changeSliderColor\n ? sliderColor\n : ''\n }\"\n >\n <input matSliderThumb [(ngModel)]=\"selectedValue\" />\n </mat-slider>\n </div>\n <div class=\"sliderRight\">\n <label class=\"selected-count font-weight-bold\">{{ selectedValue }}</label>\n </div>\n </div>\n</div>\n", styles: [".selected-count{font-size:.8rem;color:#000}mat-slider{width:100%}.mat-mdc-slider.mat-primary{--mdc-slider-handle-color: #fcfcfc;--mdc-slider-handle-width: 15px;--mdc-slider-handle-height: 15px;--mat-mdc-slider-focus-ripple-color: none;--mat-mdc-slider-hover-ripple-color: none;--mdc-slider-focus-handle-color: #fcfcfc;--mdc-slider-inactive-track-color: #9e9d9d}.mat-mdc-slider .mdc-slider__thumb-knob{outline:1px solid #ff0000!important}.mat-slider-thumb{background-color:none!important;border:none!important;box-shadow:none;outline:none}.sliderRow{display:flex;align-items:center;gap:32px;width:100%}.sliderLeft{flex:1}.sliderRight label{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatSlider, selector: "mat-slider", inputs: ["color", "disableRipple", "disabled", "discrete", "showTickMarks", "min", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }] }); }
|
|
860
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SliderFieldsComponent, selector: "lib-slider-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"sliderRow\">\n <div class=\"sliderLeft\">\n <mat-slider\n [min]=\"minValue\"\n [max]=\"maxValue\"\n [step]=\"stepValue\"\n [ngStyle]=\"{\n '--mdc-slider-active-track-color': changeSliderColor\n ? sliderColor\n : ''\n }\"\n >\n <input matSliderThumb [(ngModel)]=\"selectedValue\" />\n </mat-slider>\n </div>\n <div class=\"sliderRight\">\n <label class=\"selected-count font-weight-bold\">{{ selectedValue }}</label>\n </div>\n </div>\n</div>\n", styles: [".selected-count{font-size:.8rem;color:#000}mat-slider{width:100%}.mat-mdc-slider.mat-primary{--mdc-slider-handle-color: #fcfcfc;--mdc-slider-handle-width: 15px;--mdc-slider-handle-height: 15px;--mat-mdc-slider-focus-ripple-color: none;--mat-mdc-slider-hover-ripple-color: none;--mdc-slider-focus-handle-color: #fcfcfc;--mdc-slider-inactive-track-color: #9e9d9d}.mat-mdc-slider .mdc-slider__thumb-knob{outline:1px solid #ff0000!important}.mat-slider-thumb{background-color:none!important;border:none!important;box-shadow:none;outline:none}.sliderRow{display:flex;align-items:center;gap:32px;width:100%}.sliderLeft{flex:1}.sliderRight label{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatSlider, selector: "mat-slider", inputs: ["color", "disableRipple", "disabled", "discrete", "showTickMarks", "min", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }] }); }
|
|
861
861
|
}
|
|
862
862
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderFieldsComponent, decorators: [{
|
|
863
863
|
type: Component,
|
|
864
|
-
args: [{ selector: 'lib-slider-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n <div class=\"sliderRow\">\n <div class=\"sliderLeft\">\n <mat-slider\n [min]=\"minValue\"\n [max]=\"maxValue\"\n [step]=\"stepValue\"\n [ngStyle]=\"{\n '--mdc-slider-active-track-color': changeSliderColor\n ? sliderColor\n : ''\n }\"\n >\n <input matSliderThumb [(ngModel)]=\"selectedValue\" />\n </mat-slider>\n </div>\n <div class=\"sliderRight\">\n <label class=\"selected-count font-weight-bold\">{{ selectedValue }}</label>\n </div>\n </div>\n</div>\n", styles: [".selected-count{font-size:.8rem;color:#000}mat-slider{width:100%}.mat-mdc-slider.mat-primary{--mdc-slider-handle-color: #fcfcfc;--mdc-slider-handle-width: 15px;--mdc-slider-handle-height: 15px;--mat-mdc-slider-focus-ripple-color: none;--mat-mdc-slider-hover-ripple-color: none;--mdc-slider-focus-handle-color: #fcfcfc;--mdc-slider-inactive-track-color: #9e9d9d}.mat-mdc-slider .mdc-slider__thumb-knob{outline:1px solid #ff0000!important}.mat-slider-thumb{background-color:none!important;border:none!important;box-shadow:none;outline:none}.sliderRow{display:flex;align-items:center;gap:32px;width:100%}.sliderLeft{flex:1}.sliderRight label{margin-bottom:0}\n"] }]
|
|
864
|
+
args: [{ selector: 'lib-slider-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"sliderRow\">\n <div class=\"sliderLeft\">\n <mat-slider\n [min]=\"minValue\"\n [max]=\"maxValue\"\n [step]=\"stepValue\"\n [ngStyle]=\"{\n '--mdc-slider-active-track-color': changeSliderColor\n ? sliderColor\n : ''\n }\"\n >\n <input matSliderThumb [(ngModel)]=\"selectedValue\" />\n </mat-slider>\n </div>\n <div class=\"sliderRight\">\n <label class=\"selected-count font-weight-bold\">{{ selectedValue }}</label>\n </div>\n </div>\n</div>\n", styles: [".selected-count{font-size:.8rem;color:#000}mat-slider{width:100%}.mat-mdc-slider.mat-primary{--mdc-slider-handle-color: #fcfcfc;--mdc-slider-handle-width: 15px;--mdc-slider-handle-height: 15px;--mat-mdc-slider-focus-ripple-color: none;--mat-mdc-slider-hover-ripple-color: none;--mdc-slider-focus-handle-color: #fcfcfc;--mdc-slider-inactive-track-color: #9e9d9d}.mat-mdc-slider .mdc-slider__thumb-knob{outline:1px solid #ff0000!important}.mat-slider-thumb{background-color:none!important;border:none!important;box-shadow:none;outline:none}.sliderRow{display:flex;align-items:center;gap:32px;width:100%}.sliderLeft{flex:1}.sliderRight label{margin-bottom:0}\n"] }]
|
|
865
865
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { grid: [{
|
|
866
866
|
type: Input
|
|
867
867
|
}] } });
|
|
@@ -883,11 +883,11 @@ class TermsAndConditionFieldsComponent {
|
|
|
883
883
|
this.count;
|
|
884
884
|
}
|
|
885
885
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TermsAndConditionFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
886
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TermsAndConditionFieldsComponent, selector: "lib-terms-and-condition-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n </div>\n \n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
886
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TermsAndConditionFieldsComponent, selector: "lib-terms-and-condition-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n </div>\n \n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
887
887
|
}
|
|
888
888
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TermsAndConditionFieldsComponent, decorators: [{
|
|
889
889
|
type: Component,
|
|
890
|
-
args: [{ selector: 'lib-terms-and-condition-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n </div>\n \n" }]
|
|
890
|
+
args: [{ selector: 'lib-terms-and-condition-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n </div>\n \n" }]
|
|
891
891
|
}], propDecorators: { grid: [{
|
|
892
892
|
type: Input
|
|
893
893
|
}] } });
|
|
@@ -909,11 +909,11 @@ class TextAreaFieldsComponent {
|
|
|
909
909
|
this.count;
|
|
910
910
|
}
|
|
911
911
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
912
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextAreaFieldsComponent, selector: "lib-text-area-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
912
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextAreaFieldsComponent, selector: "lib-text-area-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
913
913
|
}
|
|
914
914
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaFieldsComponent, decorators: [{
|
|
915
915
|
type: Component,
|
|
916
|
-
args: [{ selector: 'lib-text-area-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n</div>\n" }]
|
|
916
|
+
args: [{ selector: 'lib-text-area-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <textarea class=\"form-control mb-2\" rows=\"3\"></textarea>\n</div>\n" }]
|
|
917
917
|
}], propDecorators: { grid: [{
|
|
918
918
|
type: Input
|
|
919
919
|
}] } });
|
|
@@ -935,11 +935,11 @@ class TextFieldsComponent {
|
|
|
935
935
|
this.count;
|
|
936
936
|
}
|
|
937
937
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
938
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextFieldsComponent, selector: "lib-text-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n
|
|
938
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextFieldsComponent, selector: "lib-text-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <input\n type=\"text\"\n class=\"form-control mb-2 height\"\n [placeholder]=\"question.formElement.appearance.placeholder\"\n />\n</div>\n", styles: [".height{height:44px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
939
939
|
}
|
|
940
940
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextFieldsComponent, decorators: [{
|
|
941
941
|
type: Component,
|
|
942
|
-
args: [{ selector: 'lib-text-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n
|
|
942
|
+
args: [{ selector: 'lib-text-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <input\n type=\"text\"\n class=\"form-control mb-2 height\"\n [placeholder]=\"question.formElement.appearance.placeholder\"\n />\n</div>\n", styles: [".height{height:44px}\n"] }]
|
|
943
943
|
}], propDecorators: { grid: [{
|
|
944
944
|
type: Input
|
|
945
945
|
}] } });
|
|
@@ -977,11 +977,11 @@ class ToggleSwitchFieldsComponent {
|
|
|
977
977
|
: this.question.formElement.appearance.labelOffColor;
|
|
978
978
|
}
|
|
979
979
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToggleSwitchFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
980
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToggleSwitchFieldsComponent, selector: "lib-toggle-switch-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-2\">\n <label>{{ question.question }}</label>\n <div class=\"mt-2\">\n <label class=\"switch\">\n <input type=\"checkbox\" id=\"togBtn\" (change)=\"toggleSliderColor($event)\" />\n <div\n class=\"slider round\"\n [ngStyle]=\"{ 'background-color': toggleBackgroundColor }\"\n >\n <span class=\"on action-btn-text\">{{ labelOffValue }}</span>\n <span class=\"off action-btn-text\">{{ labelOnValue }}</span>\n </div>\n </label>\n </div>\n</div>\n", styles: [".switch{position:relative;display:inline-block;width:120px;height:34px}.switch input{display:none}.slider{position:absolute;cursor:pointer;inset:0;transition:.4s}.slider:before{position:absolute;content:\"\";height:26px;width:26px;left:4px;right:59px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#00c48c}input:not(:checked)+.slider{background-color:#00c48c}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(86px)}.on{display:none}.on,.off{color:#fff;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;font-size:10px;font-family:Verdana,sans-serif}input:checked+.slider .on{display:block}input:checked+.slider .off{display:none}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
980
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToggleSwitchFieldsComponent, selector: "lib-toggle-switch-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-2 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"mt-2\">\n <label class=\"switch\">\n <input type=\"checkbox\" id=\"togBtn\" (change)=\"toggleSliderColor($event)\" />\n <div\n class=\"slider round\"\n [ngStyle]=\"{ 'background-color': toggleBackgroundColor }\"\n >\n <span class=\"on action-btn-text\">{{ labelOffValue }}</span>\n <span class=\"off action-btn-text\">{{ labelOnValue }}</span>\n </div>\n </label>\n </div>\n</div>\n", styles: [".switch{position:relative;display:inline-block;width:120px;height:34px}.switch input{display:none}.slider{position:absolute;cursor:pointer;inset:0;transition:.4s}.slider:before{position:absolute;content:\"\";height:26px;width:26px;left:4px;right:59px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#00c48c}input:not(:checked)+.slider{background-color:#00c48c}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(86px)}.on{display:none}.on,.off{color:#fff;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;font-size:10px;font-family:Verdana,sans-serif}input:checked+.slider .on{display:block}input:checked+.slider .off{display:none}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
981
981
|
}
|
|
982
982
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToggleSwitchFieldsComponent, decorators: [{
|
|
983
983
|
type: Component,
|
|
984
|
-
args: [{ selector: 'lib-toggle-switch-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-2\">\n <label>{{ question.question }}</label>\n <div class=\"mt-2\">\n <label class=\"switch\">\n <input type=\"checkbox\" id=\"togBtn\" (change)=\"toggleSliderColor($event)\" />\n <div\n class=\"slider round\"\n [ngStyle]=\"{ 'background-color': toggleBackgroundColor }\"\n >\n <span class=\"on action-btn-text\">{{ labelOffValue }}</span>\n <span class=\"off action-btn-text\">{{ labelOnValue }}</span>\n </div>\n </label>\n </div>\n</div>\n", styles: [".switch{position:relative;display:inline-block;width:120px;height:34px}.switch input{display:none}.slider{position:absolute;cursor:pointer;inset:0;transition:.4s}.slider:before{position:absolute;content:\"\";height:26px;width:26px;left:4px;right:59px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#00c48c}input:not(:checked)+.slider{background-color:#00c48c}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(86px)}.on{display:none}.on,.off{color:#fff;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;font-size:10px;font-family:Verdana,sans-serif}input:checked+.slider .on{display:block}input:checked+.slider .off{display:none}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}\n"] }]
|
|
984
|
+
args: [{ selector: 'lib-toggle-switch-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-2 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"mt-2\">\n <label class=\"switch\">\n <input type=\"checkbox\" id=\"togBtn\" (change)=\"toggleSliderColor($event)\" />\n <div\n class=\"slider round\"\n [ngStyle]=\"{ 'background-color': toggleBackgroundColor }\"\n >\n <span class=\"on action-btn-text\">{{ labelOffValue }}</span>\n <span class=\"off action-btn-text\">{{ labelOnValue }}</span>\n </div>\n </label>\n </div>\n</div>\n", styles: [".switch{position:relative;display:inline-block;width:120px;height:34px}.switch input{display:none}.slider{position:absolute;cursor:pointer;inset:0;transition:.4s}.slider:before{position:absolute;content:\"\";height:26px;width:26px;left:4px;right:59px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#00c48c}input:not(:checked)+.slider{background-color:#00c48c}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(86px)}.on{display:none}.on,.off{color:#fff;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;font-size:10px;font-family:Verdana,sans-serif}input:checked+.slider .on{display:block}input:checked+.slider .off{display:none}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}\n"] }]
|
|
985
985
|
}], propDecorators: { grid: [{
|
|
986
986
|
type: Input
|
|
987
987
|
}] } });
|
|
@@ -1009,11 +1009,11 @@ class UrlFieldsComponent {
|
|
|
1009
1009
|
window.open(textFieldValue, '_blank');
|
|
1010
1010
|
}
|
|
1011
1011
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UrlFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1012
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UrlFieldsComponent, selector: "lib-url-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n <div class=\"input-group\">\n <input
|
|
1012
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UrlFieldsComponent, selector: "lib-url-fields", inputs: { grid: "grid" }, ngImport: i0, template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"input-group\">\n <input\n id=\"textField\"\n type=\"text\"\n class=\"form-control col-11.5 rounded height\"\n />\n <button\n type=\"button\"\n class=\"btn col-.5 ml-2 custom-button rounded d-flex justify-content-center align-items-center\"\n (click)=\"handleClick()\"\n >\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", styles: [".custom-button{height:44px;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}.height{height:44px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1013
1013
|
}
|
|
1014
1014
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UrlFieldsComponent, decorators: [{
|
|
1015
1015
|
type: Component,
|
|
1016
|
-
args: [{ selector: 'lib-url-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4\">\n <label>{{ question.question }}</label>\n <div class=\"input-group\">\n <input
|
|
1016
|
+
args: [{ selector: 'lib-url-fields', template: "<div [ngClass]=\"'col-' + count\" class=\"mb-4 px-4\">\n <label>{{ question.question }}</label>\n <div class=\"input-group\">\n <input\n id=\"textField\"\n type=\"text\"\n class=\"form-control col-11.5 rounded height\"\n />\n <button\n type=\"button\"\n class=\"btn col-.5 ml-2 custom-button rounded d-flex justify-content-center align-items-center\"\n (click)=\"handleClick()\"\n >\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", styles: [".custom-button{height:44px;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}.height{height:44px}\n"] }]
|
|
1017
1017
|
}], propDecorators: { grid: [{
|
|
1018
1018
|
type: Input
|
|
1019
1019
|
}] } });
|
|
@@ -1094,11 +1094,11 @@ class SubmitFormComponent {
|
|
|
1094
1094
|
}
|
|
1095
1095
|
}
|
|
1096
1096
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubmitFormComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1097
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubmitFormComponent, selector: "lib-submit-form", inputs: { moduleName: "moduleName" }, ngImport: i0, template: "<div class=\"outer-container\">\r\n <div class=\"head container\">\r\n <div class=\"registration-header\">\r\n <h2>{{ name }}</h2>\r\n </div>\r\n <div class=\"line\"></div>\r\n </div>\r\n <div class=\"body container\">\r\n <div class=\"inner-container rounded\" *ngIf=\"navigation == 'TAB'\">\r\n <!-- Nav tabs -->\r\n <ul class=\"nav nav-tabs navTabs\" id=\"myTab\" role=\"tablist\">\r\n <li\r\n class=\"nav-item mr-1\"\r\n role=\"presentation\"\r\n *ngFor=\"let page of question?.pages; let i = index\"\r\n >\r\n <button\r\n class=\"nav-link\"\r\n [class.active]=\"i === 0\"\r\n id=\"tab-{{ i }}\"\r\n [attr.data-bs-toggle]=\"'tab'\"\r\n [attr.data-bs-target]=\"'#content-' + i\"\r\n type=\"button\"\r\n role=\"tab\"\r\n [attr.aria-controls]=\"'content-' + i\"\r\n [attr.aria-selected]=\"i === 0\"\r\n >\r\n {{ page.title }}\r\n </button>\r\n </li>\r\n </ul>\r\n\r\n <!-- Tab content -->\r\n <div class=\"tab-content pt-5 pb-3\">\r\n <div\r\n *ngFor=\"let page of question?.pages; let i = index\"\r\n class=\"tab-pane fade\"\r\n [class.show]=\"i === 0\"\r\n [class.active]=\"i === 0\"\r\n id=\"content-{{ i }}\"\r\n role=\"tabpanel\"\r\n [attr.aria-labelledby]=\"'tab-' + i\"\r\n >\r\n <!-- Form fields rendering -->\r\n\r\n <div *ngFor=\"let row of page.rows\">\r\n <div class=\"col\">\r\n <!-- Render each question in the row -->\r\n\r\n <div *ngFor=\"let grid of row.grid\">\r\n <ng-container *ngIf=\"grid.question\">\r\n <lib-check-box-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'CHECK_BOX'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-check-box-fields>\r\n <lib-date-time-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'DATE_TIME'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-date-time-fields>\r\n <lib-drop-down-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'DROP_DOWN'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-drop-down-fields>\r\n <lib-file-picker-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'FILE_PICKER'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-file-picker-fields>\r\n <lib-location-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'LOCATION'\"\r\n [grid]=\"grid\"\r\n ></lib-location-fields>\r\n\r\n <lib-mail-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MAIL'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mail-fields>\r\n <lib-mobile-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MOBILE'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mobile-fields>\r\n <lib-number-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'NUMBER'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-number-fields>\r\n <lib-password-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'PASSWORD'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-password-fields>\r\n <lib-radio-button-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'RADIO_BUTTON'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-radio-button-fields>\r\n <lib-rich-text-editor-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'RICH_TEXT_EDITOR'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-rich-text-editor-fields>\r\n <lib-selection-matrix-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'SELECTION_MATRIX'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-selection-matrix-fields>\r\n <lib-signature-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'SIGNATURE'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-signature-fields>\r\n <lib-slider-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'SLIDER'\"\r\n [grid]=\"grid\"\r\n ></lib-slider-fields>\r\n <lib-terms-and-condition-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'TERMS_AND_CONDITION'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-terms-and-condition-fields>\r\n <lib-text-area-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'TEXT_AREA'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-text-area-fields>\r\n <lib-text-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'TEXT_BOX'\"\r\n [grid]=\"grid\"\r\n ></lib-text-fields>\r\n <lib-toggle-switch-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'TOGGLE_SWITCH'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-toggle-switch-fields>\r\n <lib-url-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'URL'\"\r\n [grid]=\"grid\"\r\n ></lib-url-fields>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"inner-container rounded \"\r\n *ngIf=\"navigation == 'NEXT_AND_PREVIOUS_BUTTON'\"\r\n >\r\n <div class=\"tab-content pt-5 pb-3 row\">\r\n <div *ngFor=\"let row of currentPage.rows\">\r\n <div class=\"col\">\r\n <!-- Render each question in the row -->\r\n\r\n <div *ngFor=\"let grid of row.grid\">\r\n <ng-container *ngIf=\"grid.question\">\r\n <lib-check-box-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'CHECK_BOX'\"\r\n [grid]=\"grid\"\r\n ></lib-check-box-fields>\r\n <lib-date-time-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'DATE_TIME'\"\r\n [grid]=\"grid\"\r\n ></lib-date-time-fields>\r\n <lib-drop-down-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'DROP_DOWN'\"\r\n [grid]=\"grid\"\r\n ></lib-drop-down-fields>\r\n <lib-file-picker-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'FILE_PICKER'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-file-picker-fields>\r\n <lib-location-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'LOCATION'\"\r\n [grid]=\"grid\"\r\n ></lib-location-fields>\r\n\r\n <lib-mail-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MAIL'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mail-fields>\r\n <lib-mobile-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MOBILE'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mobile-fields>\r\n <lib-number-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'NUMBER'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-number-fields>\r\n <lib-password-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'PASSWORD'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-password-fields>\r\n <lib-radio-button-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'RADIO_BUTTON'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-radio-button-fields>\r\n <lib-rich-text-editor-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'RICH_TEXT_EDITOR'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-rich-text-editor-fields>\r\n <lib-selection-matrix-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'SELECTION_MATRIX'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-selection-matrix-fields>\r\n <lib-signature-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'SIGNATURE'\"\r\n [grid]=\"grid\"\r\n ></lib-signature-fields>\r\n <lib-slider-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'SLIDER'\"\r\n [grid]=\"grid\"\r\n ></lib-slider-fields>\r\n <lib-terms-and-condition-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'TERMS_AND_CONDITION'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-terms-and-condition-fields>\r\n <lib-text-area-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'TEXT_AREA'\"\r\n [grid]=\"grid\"\r\n ></lib-text-area-fields>\r\n <lib-text-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'TEXT_BOX'\"\r\n [grid]=\"grid\"\r\n ></lib-text-fields>\r\n <lib-toggle-switch-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'TOGGLE_SWITCH'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-toggle-switch-fields>\r\n <lib-url-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'URL'\"\r\n [grid]=\"grid\"\r\n ></lib-url-fields>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"footerButton\">\r\n <div class=\"d-flex justify-content-start col-6\">\r\n <button\r\n class=\"btn btn-primary me-md-2 rounded-pill\"\r\n type=\"button\"\r\n (click)=\"navigateToPreviousPage()\"\r\n *ngIf=\"0 < currentPageIndex\"\r\n >\r\n Previous | {{ previousPage.title }}\r\n </button>\r\n </div>\r\n <div class=\"d-flex justify-content-end col-6\">\r\n <button\r\n class=\"btn btn-primary me-md-2 rounded-pill\"\r\n type=\"button\"\r\n (click)=\"navigateToNextPage()\"\r\n *ngIf=\"currentPageIndex < pages.length - 1\"\r\n >\r\n Next | {{ nextPage.title }}\r\n </button>\r\n <button\r\n class=\"btn btn-primary me-md-2 rounded-pill\"\r\n type=\"button\"\r\n (click)=\"navigateToNextPage()\"\r\n *ngIf=\"currentPageIndex == pages.length - 1\"\r\n >\r\n Submit\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;top:64px}.head{background-color:#fff;padding:0!important}.registration-header{top:20px;left:50%}.line{margin-top:1%;margin-bottom:2%;width:100%;height:0px;border:1.5px solid #eaeaea;transform:rotate(180deg)}.body{position:relative;z-index:1;background:#efefef}.inner-container{width:100%;position:relative;padding:3rem}@media (max-width: 1024px){.inner-container{padding-left:1rem;padding-right:1rem}}.navTabs{overflow-x:auto;overflow-y:hidden;flex-wrap:unset;margin:0!important}.tab-content,.row{background-color:#fff}.nav-item{background-color:#fff;border-radius:5px}.nav-link{position:relative;margin-bottom:-2px}.nav-link:after{content:\"\";position:absolute;left:0;bottom:0;width:100%;height:7px;background:#efefef}.nav-link.active:after{display:none}.navTabs{margin-bottom:-1px!important}.footerButton{padding-bottom:16px;padding-right:20px;display:flex}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CheckBoxFieldsComponent, selector: "lib-check-box-fields", inputs: ["grid"] }, { kind: "component", type: DateTimeFieldsComponent, selector: "lib-date-time-fields", inputs: ["grid"] }, { kind: "component", type: DropDownFieldsComponent, selector: "lib-drop-down-fields", inputs: ["grid"] }, { kind: "component", type: FilePickerFieldsComponent, selector: "lib-file-picker-fields", inputs: ["grid"] }, { kind: "component", type: LocationFieldsComponent, selector: "lib-location-fields", inputs: ["grid"] }, { kind: "component", type: MailFieldsComponent, selector: "lib-mail-fields", inputs: ["grid"] }, { kind: "component", type: MobileFieldsComponent, selector: "lib-mobile-fields", inputs: ["grid"] }, { kind: "component", type: NumberFieldsComponent, selector: "lib-number-fields", inputs: ["grid"] }, { kind: "component", type: PasswordFieldsComponent, selector: "lib-password-fields", inputs: ["grid"] }, { kind: "component", type: RadioButtonFieldsComponent, selector: "lib-radio-button-fields", inputs: ["grid"] }, { kind: "component", type: RichTextEditorFieldsComponent, selector: "lib-rich-text-editor-fields", inputs: ["grid"] }, { kind: "component", type: SelectionMatrixFieldsComponent, selector: "lib-selection-matrix-fields", inputs: ["grid"] }, { kind: "component", type: SignatureFieldsComponent, selector: "lib-signature-fields", inputs: ["grid"] }, { kind: "component", type: SliderFieldsComponent, selector: "lib-slider-fields", inputs: ["grid"] }, { kind: "component", type: TermsAndConditionFieldsComponent, selector: "lib-terms-and-condition-fields", inputs: ["grid"] }, { kind: "component", type: TextAreaFieldsComponent, selector: "lib-text-area-fields", inputs: ["grid"] }, { kind: "component", type: TextFieldsComponent, selector: "lib-text-fields", inputs: ["grid"] }, { kind: "component", type: ToggleSwitchFieldsComponent, selector: "lib-toggle-switch-fields", inputs: ["grid"] }, { kind: "component", type: UrlFieldsComponent, selector: "lib-url-fields", inputs: ["grid"] }] }); }
|
|
1097
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubmitFormComponent, selector: "lib-submit-form", inputs: { moduleName: "moduleName" }, ngImport: i0, template: "<div class=\"outer-container\">\r\n <div class=\"head container\">\r\n <div class=\"registration-header\">\r\n <h2>{{ name }}</h2>\r\n </div>\r\n <div class=\"line\"></div>\r\n </div>\r\n <div class=\"body container\">\r\n <div class=\"inner-container rounded\" *ngIf=\"navigation == 'TAB'\">\r\n <!-- Nav tabs -->\r\n <ul class=\"nav nav-tabs navTabs\" id=\"myTab\" role=\"tablist\">\r\n <li\r\n class=\"nav-item mr-1\"\r\n role=\"presentation\"\r\n *ngFor=\"let page of question?.pages; let i = index\"\r\n >\r\n <button\r\n class=\"nav-link\"\r\n [class.active]=\"i === 0\"\r\n id=\"tab-{{ i }}\"\r\n [attr.data-bs-toggle]=\"'tab'\"\r\n [attr.data-bs-target]=\"'#content-' + i\"\r\n type=\"button\"\r\n role=\"tab\"\r\n [attr.aria-controls]=\"'content-' + i\"\r\n [attr.aria-selected]=\"i === 0\"\r\n >\r\n {{ page.title }}\r\n </button>\r\n </li>\r\n </ul>\r\n\r\n <!-- Tab content -->\r\n <div class=\"tab-content pt-5 pb-3 px-1\">\r\n <div\r\n *ngFor=\"let page of question?.pages; let i = index\"\r\n class=\"tab-pane fade\"\r\n [class.show]=\"i === 0\"\r\n [class.active]=\"i === 0\"\r\n id=\"content-{{ i }}\"\r\n role=\"tabpanel\"\r\n [attr.aria-labelledby]=\"'tab-' + i\"\r\n >\r\n <!-- Form fields rendering -->\r\n\r\n <div *ngFor=\"let row of page.rows\">\r\n <div class=\"col\">\r\n <!-- Render each question in the row -->\r\n\r\n <div *ngFor=\"let grid of row.grid\">\r\n <ng-container *ngIf=\"grid.question\">\r\n <lib-check-box-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'CHECK_BOX'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-check-box-fields>\r\n <lib-date-time-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'DATE_TIME'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-date-time-fields>\r\n <lib-drop-down-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'DROP_DOWN'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-drop-down-fields>\r\n <lib-file-picker-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'FILE_PICKER'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-file-picker-fields>\r\n <lib-location-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'LOCATION'\"\r\n [grid]=\"grid\"\r\n ></lib-location-fields>\r\n\r\n <lib-mail-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'EMAIL'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mail-fields>\r\n <lib-mobile-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MOBILE'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mobile-fields>\r\n <lib-number-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'NUMBER'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-number-fields>\r\n <lib-password-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'PASSWORD'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-password-fields>\r\n <lib-radio-button-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'RADIO_BUTTON'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-radio-button-fields>\r\n <lib-rich-text-editor-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'RICH_TEXT_EDITOR'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-rich-text-editor-fields>\r\n <lib-selection-matrix-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'SELECTION_MATRIX'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-selection-matrix-fields>\r\n <lib-signature-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'SIGNATURE'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-signature-fields>\r\n <lib-slider-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'SLIDER'\"\r\n [grid]=\"grid\"\r\n ></lib-slider-fields>\r\n <lib-terms-and-condition-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'TERMS_AND_CONDITION'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-terms-and-condition-fields>\r\n <lib-text-area-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'TEXT_AREA'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-text-area-fields>\r\n <lib-text-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'TEXT_BOX'\"\r\n [grid]=\"grid\"\r\n ></lib-text-fields>\r\n <lib-toggle-switch-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'TOGGLE_SWITCH'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-toggle-switch-fields>\r\n <lib-url-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'URL'\"\r\n [grid]=\"grid\"\r\n ></lib-url-fields>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"inner-container rounded\"\r\n *ngIf=\"navigation == 'NEXT_AND_PREVIOUS_BUTTON'\"\r\n >\r\n <div class=\"tab-content pt-5 pb-3 row\">\r\n <div *ngFor=\"let row of currentPage.rows\">\r\n <div class=\"col\">\r\n <!-- Render each question in the row -->\r\n\r\n <div *ngFor=\"let grid of row.grid\">\r\n <ng-container *ngIf=\"grid.question\">\r\n <lib-check-box-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'CHECK_BOX'\"\r\n [grid]=\"grid\"\r\n ></lib-check-box-fields>\r\n <lib-date-time-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'DATE_TIME'\"\r\n [grid]=\"grid\"\r\n ></lib-date-time-fields>\r\n <lib-drop-down-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'DROP_DOWN'\"\r\n [grid]=\"grid\"\r\n ></lib-drop-down-fields>\r\n <lib-file-picker-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'FILE_PICKER'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-file-picker-fields>\r\n <lib-location-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'LOCATION'\"\r\n [grid]=\"grid\"\r\n ></lib-location-fields>\r\n\r\n <lib-mail-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MAIL'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mail-fields>\r\n <lib-mobile-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MOBILE'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mobile-fields>\r\n <lib-number-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'NUMBER'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-number-fields>\r\n <lib-password-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'PASSWORD'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-password-fields>\r\n <lib-radio-button-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'RADIO_BUTTON'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-radio-button-fields>\r\n <lib-rich-text-editor-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'RICH_TEXT_EDITOR'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-rich-text-editor-fields>\r\n <lib-selection-matrix-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'SELECTION_MATRIX'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-selection-matrix-fields>\r\n <lib-signature-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'SIGNATURE'\"\r\n [grid]=\"grid\"\r\n ></lib-signature-fields>\r\n <lib-slider-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'SLIDER'\"\r\n [grid]=\"grid\"\r\n ></lib-slider-fields>\r\n <lib-terms-and-condition-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'TERMS_AND_CONDITION'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-terms-and-condition-fields>\r\n <lib-text-area-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'TEXT_AREA'\"\r\n [grid]=\"grid\"\r\n ></lib-text-area-fields>\r\n <lib-text-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'TEXT_BOX'\"\r\n [grid]=\"grid\"\r\n ></lib-text-fields>\r\n <lib-toggle-switch-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'TOGGLE_SWITCH'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-toggle-switch-fields>\r\n <lib-url-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'URL'\"\r\n [grid]=\"grid\"\r\n ></lib-url-fields>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"footerButton\">\r\n <div class=\"d-flex justify-content-start col-6\">\r\n <button\r\n class=\"btn btn-primary me-md-2 rounded-pill\"\r\n type=\"button\"\r\n (click)=\"navigateToPreviousPage()\"\r\n *ngIf=\"0 < currentPageIndex\"\r\n >\r\n Previous | {{ previousPage.title }}\r\n </button>\r\n </div>\r\n <div class=\"d-flex justify-content-end col-6\">\r\n <button\r\n class=\"btn btn-primary me-md-2 rounded-pill\"\r\n type=\"button\"\r\n (click)=\"navigateToNextPage()\"\r\n *ngIf=\"currentPageIndex < pages.length - 1\"\r\n >\r\n Next | {{ nextPage.title }}\r\n </button>\r\n <button\r\n class=\"btn btn-primary me-md-2 rounded-pill\"\r\n type=\"button\"\r\n (click)=\"navigateToNextPage()\"\r\n *ngIf=\"currentPageIndex == pages.length - 1\"\r\n >\r\n Submit\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;top:64px}.head{background-color:#fff;padding:0!important}.registration-header{top:20px;left:50%}.line{margin-top:1%;margin-bottom:2%;width:100%;height:0px;border:1.5px solid #eaeaea;transform:rotate(180deg)}.body{position:relative;z-index:1;background:#efefef}.inner-container{width:100%;position:relative;padding:3rem}@media (max-width: 1024px){.inner-container{padding-left:1rem;padding-right:1rem}}.navTabs{overflow-x:auto;overflow-y:hidden;flex-wrap:unset;margin:0!important}.tab-content,.row{background-color:#fff}.nav-item{background-color:#fff;border-radius:5px}.nav-link{position:relative;margin-bottom:-2px}.nav-link:after{content:\"\";position:absolute;left:0;bottom:0;width:101%;height:6px;background:#efefef}.nav-link.active:after{display:none}.navTabs{margin-bottom:-1px!important}.footerButton{padding-bottom:16px;padding-right:20px;display:flex}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CheckBoxFieldsComponent, selector: "lib-check-box-fields", inputs: ["grid"] }, { kind: "component", type: DateTimeFieldsComponent, selector: "lib-date-time-fields", inputs: ["grid"] }, { kind: "component", type: DropDownFieldsComponent, selector: "lib-drop-down-fields", inputs: ["grid"] }, { kind: "component", type: FilePickerFieldsComponent, selector: "lib-file-picker-fields", inputs: ["grid"] }, { kind: "component", type: LocationFieldsComponent, selector: "lib-location-fields", inputs: ["grid"] }, { kind: "component", type: MailFieldsComponent, selector: "lib-mail-fields", inputs: ["grid"] }, { kind: "component", type: MobileFieldsComponent, selector: "lib-mobile-fields", inputs: ["grid"] }, { kind: "component", type: NumberFieldsComponent, selector: "lib-number-fields", inputs: ["grid"] }, { kind: "component", type: PasswordFieldsComponent, selector: "lib-password-fields", inputs: ["grid"] }, { kind: "component", type: RadioButtonFieldsComponent, selector: "lib-radio-button-fields", inputs: ["grid"] }, { kind: "component", type: RichTextEditorFieldsComponent, selector: "lib-rich-text-editor-fields", inputs: ["grid"] }, { kind: "component", type: SelectionMatrixFieldsComponent, selector: "lib-selection-matrix-fields", inputs: ["grid"] }, { kind: "component", type: SignatureFieldsComponent, selector: "lib-signature-fields", inputs: ["grid"] }, { kind: "component", type: SliderFieldsComponent, selector: "lib-slider-fields", inputs: ["grid"] }, { kind: "component", type: TermsAndConditionFieldsComponent, selector: "lib-terms-and-condition-fields", inputs: ["grid"] }, { kind: "component", type: TextAreaFieldsComponent, selector: "lib-text-area-fields", inputs: ["grid"] }, { kind: "component", type: TextFieldsComponent, selector: "lib-text-fields", inputs: ["grid"] }, { kind: "component", type: ToggleSwitchFieldsComponent, selector: "lib-toggle-switch-fields", inputs: ["grid"] }, { kind: "component", type: UrlFieldsComponent, selector: "lib-url-fields", inputs: ["grid"] }] }); }
|
|
1098
1098
|
}
|
|
1099
1099
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubmitFormComponent, decorators: [{
|
|
1100
1100
|
type: Component,
|
|
1101
|
-
args: [{ selector: 'lib-submit-form', template: "<div class=\"outer-container\">\r\n <div class=\"head container\">\r\n <div class=\"registration-header\">\r\n <h2>{{ name }}</h2>\r\n </div>\r\n <div class=\"line\"></div>\r\n </div>\r\n <div class=\"body container\">\r\n <div class=\"inner-container rounded\" *ngIf=\"navigation == 'TAB'\">\r\n <!-- Nav tabs -->\r\n <ul class=\"nav nav-tabs navTabs\" id=\"myTab\" role=\"tablist\">\r\n <li\r\n class=\"nav-item mr-1\"\r\n role=\"presentation\"\r\n *ngFor=\"let page of question?.pages; let i = index\"\r\n >\r\n <button\r\n class=\"nav-link\"\r\n [class.active]=\"i === 0\"\r\n id=\"tab-{{ i }}\"\r\n [attr.data-bs-toggle]=\"'tab'\"\r\n [attr.data-bs-target]=\"'#content-' + i\"\r\n type=\"button\"\r\n role=\"tab\"\r\n [attr.aria-controls]=\"'content-' + i\"\r\n [attr.aria-selected]=\"i === 0\"\r\n >\r\n {{ page.title }}\r\n </button>\r\n </li>\r\n </ul>\r\n\r\n <!-- Tab content -->\r\n <div class=\"tab-content pt-5 pb-3\">\r\n <div\r\n *ngFor=\"let page of question?.pages; let i = index\"\r\n class=\"tab-pane fade\"\r\n [class.show]=\"i === 0\"\r\n [class.active]=\"i === 0\"\r\n id=\"content-{{ i }}\"\r\n role=\"tabpanel\"\r\n [attr.aria-labelledby]=\"'tab-' + i\"\r\n >\r\n <!-- Form fields rendering -->\r\n\r\n <div *ngFor=\"let row of page.rows\">\r\n <div class=\"col\">\r\n <!-- Render each question in the row -->\r\n\r\n <div *ngFor=\"let grid of row.grid\">\r\n <ng-container *ngIf=\"grid.question\">\r\n <lib-check-box-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'CHECK_BOX'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-check-box-fields>\r\n <lib-date-time-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'DATE_TIME'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-date-time-fields>\r\n <lib-drop-down-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'DROP_DOWN'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-drop-down-fields>\r\n <lib-file-picker-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'FILE_PICKER'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-file-picker-fields>\r\n <lib-location-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'LOCATION'\"\r\n [grid]=\"grid\"\r\n ></lib-location-fields>\r\n\r\n <lib-mail-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MAIL'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mail-fields>\r\n <lib-mobile-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MOBILE'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mobile-fields>\r\n <lib-number-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'NUMBER'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-number-fields>\r\n <lib-password-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'PASSWORD'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-password-fields>\r\n <lib-radio-button-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'RADIO_BUTTON'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-radio-button-fields>\r\n <lib-rich-text-editor-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'RICH_TEXT_EDITOR'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-rich-text-editor-fields>\r\n <lib-selection-matrix-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'SELECTION_MATRIX'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-selection-matrix-fields>\r\n <lib-signature-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'SIGNATURE'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-signature-fields>\r\n <lib-slider-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'SLIDER'\"\r\n [grid]=\"grid\"\r\n ></lib-slider-fields>\r\n <lib-terms-and-condition-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'TERMS_AND_CONDITION'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-terms-and-condition-fields>\r\n <lib-text-area-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'TEXT_AREA'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-text-area-fields>\r\n <lib-text-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'TEXT_BOX'\"\r\n [grid]=\"grid\"\r\n ></lib-text-fields>\r\n <lib-toggle-switch-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'TOGGLE_SWITCH'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-toggle-switch-fields>\r\n <lib-url-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'URL'\"\r\n [grid]=\"grid\"\r\n ></lib-url-fields>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"inner-container rounded \"\r\n *ngIf=\"navigation == 'NEXT_AND_PREVIOUS_BUTTON'\"\r\n >\r\n <div class=\"tab-content pt-5 pb-3 row\">\r\n <div *ngFor=\"let row of currentPage.rows\">\r\n <div class=\"col\">\r\n <!-- Render each question in the row -->\r\n\r\n <div *ngFor=\"let grid of row.grid\">\r\n <ng-container *ngIf=\"grid.question\">\r\n <lib-check-box-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'CHECK_BOX'\"\r\n [grid]=\"grid\"\r\n ></lib-check-box-fields>\r\n <lib-date-time-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'DATE_TIME'\"\r\n [grid]=\"grid\"\r\n ></lib-date-time-fields>\r\n <lib-drop-down-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'DROP_DOWN'\"\r\n [grid]=\"grid\"\r\n ></lib-drop-down-fields>\r\n <lib-file-picker-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'FILE_PICKER'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-file-picker-fields>\r\n <lib-location-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'LOCATION'\"\r\n [grid]=\"grid\"\r\n ></lib-location-fields>\r\n\r\n <lib-mail-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MAIL'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mail-fields>\r\n <lib-mobile-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MOBILE'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mobile-fields>\r\n <lib-number-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'NUMBER'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-number-fields>\r\n <lib-password-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'PASSWORD'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-password-fields>\r\n <lib-radio-button-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'RADIO_BUTTON'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-radio-button-fields>\r\n <lib-rich-text-editor-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'RICH_TEXT_EDITOR'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-rich-text-editor-fields>\r\n <lib-selection-matrix-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'SELECTION_MATRIX'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-selection-matrix-fields>\r\n <lib-signature-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'SIGNATURE'\"\r\n [grid]=\"grid\"\r\n ></lib-signature-fields>\r\n <lib-slider-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'SLIDER'\"\r\n [grid]=\"grid\"\r\n ></lib-slider-fields>\r\n <lib-terms-and-condition-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'TERMS_AND_CONDITION'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-terms-and-condition-fields>\r\n <lib-text-area-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'TEXT_AREA'\"\r\n [grid]=\"grid\"\r\n ></lib-text-area-fields>\r\n <lib-text-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'TEXT_BOX'\"\r\n [grid]=\"grid\"\r\n ></lib-text-fields>\r\n <lib-toggle-switch-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'TOGGLE_SWITCH'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-toggle-switch-fields>\r\n <lib-url-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'URL'\"\r\n [grid]=\"grid\"\r\n ></lib-url-fields>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"footerButton\">\r\n <div class=\"d-flex justify-content-start col-6\">\r\n <button\r\n class=\"btn btn-primary me-md-2 rounded-pill\"\r\n type=\"button\"\r\n (click)=\"navigateToPreviousPage()\"\r\n *ngIf=\"0 < currentPageIndex\"\r\n >\r\n Previous | {{ previousPage.title }}\r\n </button>\r\n </div>\r\n <div class=\"d-flex justify-content-end col-6\">\r\n <button\r\n class=\"btn btn-primary me-md-2 rounded-pill\"\r\n type=\"button\"\r\n (click)=\"navigateToNextPage()\"\r\n *ngIf=\"currentPageIndex < pages.length - 1\"\r\n >\r\n Next | {{ nextPage.title }}\r\n </button>\r\n <button\r\n class=\"btn btn-primary me-md-2 rounded-pill\"\r\n type=\"button\"\r\n (click)=\"navigateToNextPage()\"\r\n *ngIf=\"currentPageIndex == pages.length - 1\"\r\n >\r\n Submit\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;top:64px}.head{background-color:#fff;padding:0!important}.registration-header{top:20px;left:50%}.line{margin-top:1%;margin-bottom:2%;width:100%;height:0px;border:1.5px solid #eaeaea;transform:rotate(180deg)}.body{position:relative;z-index:1;background:#efefef}.inner-container{width:100%;position:relative;padding:3rem}@media (max-width: 1024px){.inner-container{padding-left:1rem;padding-right:1rem}}.navTabs{overflow-x:auto;overflow-y:hidden;flex-wrap:unset;margin:0!important}.tab-content,.row{background-color:#fff}.nav-item{background-color:#fff;border-radius:5px}.nav-link{position:relative;margin-bottom:-2px}.nav-link:after{content:\"\";position:absolute;left:0;bottom:0;width:100%;height:7px;background:#efefef}.nav-link.active:after{display:none}.navTabs{margin-bottom:-1px!important}.footerButton{padding-bottom:16px;padding-right:20px;display:flex}\n"] }]
|
|
1101
|
+
args: [{ selector: 'lib-submit-form', template: "<div class=\"outer-container\">\r\n <div class=\"head container\">\r\n <div class=\"registration-header\">\r\n <h2>{{ name }}</h2>\r\n </div>\r\n <div class=\"line\"></div>\r\n </div>\r\n <div class=\"body container\">\r\n <div class=\"inner-container rounded\" *ngIf=\"navigation == 'TAB'\">\r\n <!-- Nav tabs -->\r\n <ul class=\"nav nav-tabs navTabs\" id=\"myTab\" role=\"tablist\">\r\n <li\r\n class=\"nav-item mr-1\"\r\n role=\"presentation\"\r\n *ngFor=\"let page of question?.pages; let i = index\"\r\n >\r\n <button\r\n class=\"nav-link\"\r\n [class.active]=\"i === 0\"\r\n id=\"tab-{{ i }}\"\r\n [attr.data-bs-toggle]=\"'tab'\"\r\n [attr.data-bs-target]=\"'#content-' + i\"\r\n type=\"button\"\r\n role=\"tab\"\r\n [attr.aria-controls]=\"'content-' + i\"\r\n [attr.aria-selected]=\"i === 0\"\r\n >\r\n {{ page.title }}\r\n </button>\r\n </li>\r\n </ul>\r\n\r\n <!-- Tab content -->\r\n <div class=\"tab-content pt-5 pb-3 px-1\">\r\n <div\r\n *ngFor=\"let page of question?.pages; let i = index\"\r\n class=\"tab-pane fade\"\r\n [class.show]=\"i === 0\"\r\n [class.active]=\"i === 0\"\r\n id=\"content-{{ i }}\"\r\n role=\"tabpanel\"\r\n [attr.aria-labelledby]=\"'tab-' + i\"\r\n >\r\n <!-- Form fields rendering -->\r\n\r\n <div *ngFor=\"let row of page.rows\">\r\n <div class=\"col\">\r\n <!-- Render each question in the row -->\r\n\r\n <div *ngFor=\"let grid of row.grid\">\r\n <ng-container *ngIf=\"grid.question\">\r\n <lib-check-box-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'CHECK_BOX'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-check-box-fields>\r\n <lib-date-time-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'DATE_TIME'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-date-time-fields>\r\n <lib-drop-down-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'DROP_DOWN'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-drop-down-fields>\r\n <lib-file-picker-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'FILE_PICKER'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-file-picker-fields>\r\n <lib-location-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'LOCATION'\"\r\n [grid]=\"grid\"\r\n ></lib-location-fields>\r\n\r\n <lib-mail-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'EMAIL'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mail-fields>\r\n <lib-mobile-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MOBILE'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mobile-fields>\r\n <lib-number-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'NUMBER'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-number-fields>\r\n <lib-password-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'PASSWORD'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-password-fields>\r\n <lib-radio-button-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'RADIO_BUTTON'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-radio-button-fields>\r\n <lib-rich-text-editor-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'RICH_TEXT_EDITOR'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-rich-text-editor-fields>\r\n <lib-selection-matrix-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'SELECTION_MATRIX'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-selection-matrix-fields>\r\n <lib-signature-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'SIGNATURE'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-signature-fields>\r\n <lib-slider-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'SLIDER'\"\r\n [grid]=\"grid\"\r\n ></lib-slider-fields>\r\n <lib-terms-and-condition-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'TERMS_AND_CONDITION'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-terms-and-condition-fields>\r\n <lib-text-area-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'TEXT_AREA'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-text-area-fields>\r\n <lib-text-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'TEXT_BOX'\"\r\n [grid]=\"grid\"\r\n ></lib-text-fields>\r\n <lib-toggle-switch-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'TOGGLE_SWITCH'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-toggle-switch-fields>\r\n <lib-url-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'URL'\"\r\n [grid]=\"grid\"\r\n ></lib-url-fields>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"inner-container rounded\"\r\n *ngIf=\"navigation == 'NEXT_AND_PREVIOUS_BUTTON'\"\r\n >\r\n <div class=\"tab-content pt-5 pb-3 row\">\r\n <div *ngFor=\"let row of currentPage.rows\">\r\n <div class=\"col\">\r\n <!-- Render each question in the row -->\r\n\r\n <div *ngFor=\"let grid of row.grid\">\r\n <ng-container *ngIf=\"grid.question\">\r\n <lib-check-box-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'CHECK_BOX'\"\r\n [grid]=\"grid\"\r\n ></lib-check-box-fields>\r\n <lib-date-time-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'DATE_TIME'\"\r\n [grid]=\"grid\"\r\n ></lib-date-time-fields>\r\n <lib-drop-down-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'DROP_DOWN'\"\r\n [grid]=\"grid\"\r\n ></lib-drop-down-fields>\r\n <lib-file-picker-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'FILE_PICKER'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-file-picker-fields>\r\n <lib-location-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'LOCATION'\"\r\n [grid]=\"grid\"\r\n ></lib-location-fields>\r\n\r\n <lib-mail-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MAIL'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mail-fields>\r\n <lib-mobile-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'MOBILE'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-mobile-fields>\r\n <lib-number-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'NUMBER'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-number-fields>\r\n <lib-password-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'PASSWORD'\"\r\n [grid]=\"grid\"\r\n >\r\n </lib-password-fields>\r\n <lib-radio-button-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'RADIO_BUTTON'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-radio-button-fields>\r\n <lib-rich-text-editor-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'RICH_TEXT_EDITOR'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-rich-text-editor-fields>\r\n <lib-selection-matrix-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'SELECTION_MATRIX'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-selection-matrix-fields>\r\n <lib-signature-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'SIGNATURE'\"\r\n [grid]=\"grid\"\r\n ></lib-signature-fields>\r\n <lib-slider-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'SLIDER'\"\r\n [grid]=\"grid\"\r\n ></lib-slider-fields>\r\n <lib-terms-and-condition-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType ===\r\n 'TERMS_AND_CONDITION'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-terms-and-condition-fields>\r\n <lib-text-area-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'TEXT_AREA'\"\r\n [grid]=\"grid\"\r\n ></lib-text-area-fields>\r\n <lib-text-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'TEXT_BOX'\"\r\n [grid]=\"grid\"\r\n ></lib-text-fields>\r\n <lib-toggle-switch-fields\r\n *ngIf=\"\r\n grid.question.formElement.elementType === 'TOGGLE_SWITCH'\r\n \"\r\n [grid]=\"grid\"\r\n ></lib-toggle-switch-fields>\r\n <lib-url-fields\r\n *ngIf=\"grid.question.formElement.elementType === 'URL'\"\r\n [grid]=\"grid\"\r\n ></lib-url-fields>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"footerButton\">\r\n <div class=\"d-flex justify-content-start col-6\">\r\n <button\r\n class=\"btn btn-primary me-md-2 rounded-pill\"\r\n type=\"button\"\r\n (click)=\"navigateToPreviousPage()\"\r\n *ngIf=\"0 < currentPageIndex\"\r\n >\r\n Previous | {{ previousPage.title }}\r\n </button>\r\n </div>\r\n <div class=\"d-flex justify-content-end col-6\">\r\n <button\r\n class=\"btn btn-primary me-md-2 rounded-pill\"\r\n type=\"button\"\r\n (click)=\"navigateToNextPage()\"\r\n *ngIf=\"currentPageIndex < pages.length - 1\"\r\n >\r\n Next | {{ nextPage.title }}\r\n </button>\r\n <button\r\n class=\"btn btn-primary me-md-2 rounded-pill\"\r\n type=\"button\"\r\n (click)=\"navigateToNextPage()\"\r\n *ngIf=\"currentPageIndex == pages.length - 1\"\r\n >\r\n Submit\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;top:64px}.head{background-color:#fff;padding:0!important}.registration-header{top:20px;left:50%}.line{margin-top:1%;margin-bottom:2%;width:100%;height:0px;border:1.5px solid #eaeaea;transform:rotate(180deg)}.body{position:relative;z-index:1;background:#efefef}.inner-container{width:100%;position:relative;padding:3rem}@media (max-width: 1024px){.inner-container{padding-left:1rem;padding-right:1rem}}.navTabs{overflow-x:auto;overflow-y:hidden;flex-wrap:unset;margin:0!important}.tab-content,.row{background-color:#fff}.nav-item{background-color:#fff;border-radius:5px}.nav-link{position:relative;margin-bottom:-2px}.nav-link:after{content:\"\";position:absolute;left:0;bottom:0;width:101%;height:6px;background:#efefef}.nav-link.active:after{display:none}.navTabs{margin-bottom:-1px!important}.footerButton{padding-bottom:16px;padding-right:20px;display:flex}\n"] }]
|
|
1102
1102
|
}], ctorParameters: function () { return [{ type: FormService }]; }, propDecorators: { moduleName: [{
|
|
1103
1103
|
type: Input
|
|
1104
1104
|
}] } });
|