survery-lib 2.1.33 → 2.1.34

package/fesm2022/survery-lib.mjs

@@ -186,7 +186,6 @@ class SurveyLibService {
     constructor(_Store) {
         this._Store = _Store;
         this.reloadSurveySubject = new Subject();
-        this.questionsWithErrors = [];
     }
     setSurveyData(survey) {
         var questionArr = [];
@@ -254,12 +253,6 @@ class SurveyLibService {
     }
     addQuestion(question, pageIndex, questionGroupId) {
         var questionArr = [];
-        if (question.surveyAnswers?.length == 0 || question.surveyAnswers == null) {
-            debugger;
-            this.questionsWithErrors.push(question);
-            console.error("Question has no erros", this.questionsWithErrors);
-            return questionArr;
-        }
         var questionNgrxModel = {
             surveyPageId: pageIndex,
             questionId: question.questionId,
@@ -867,6 +860,9 @@ class QuestionRadioButtonTemplateComponent {
                     isSelected: new FormControl(false)
                 }));
             });
+            if (value.isShow == true) {
+                this.fCtrls.isShow.setValue(value.isShow);
+            }
             if (value.isRequired == true) {
                 this.fCtrls.answer.addValidators([Validators.required]);
                 this.fCtrls.answer.updateValueAndValidity();
@@ -975,6 +971,9 @@ class QuestionCheckBoxTemplateComponent {
                     isSelected: new FormControl(false)
                 }));
             });
+            if (value.isShow == true) {
+                this.fCtrls.isShow.setValue(value.isShow);
+            }
             if (value.isRequired == true) {
                 this.fCtrls.answer.addValidators([Validators.required]);
                 this.fCtrls.answer.updateValueAndValidity();
@@ -1065,11 +1064,11 @@ class QuestionCheckBoxTemplateComponent {
         return element;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: QuestionCheckBoxTemplateComponent, deps: [{ token: i1.FormBuilder }, { token: SurveyLibService }, { token: i3.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: QuestionCheckBoxTemplateComponent, selector: "lib-question-check-box-template", inputs: { setQuestion: "setQuestion" }, ngImport: i0, template: "<div class=\"quastion\" [attr.id]=\"'question_'+fCtrls.id.value\"  [ngClass]=\"{'invalid-question': fCtrls.answer.invalid  , 'd-none':fCtrls.isShow.value != true}\">\r\n    <h3 class=\"quastion-title \">\r\n        <span [innerHTML]=\"fCtrls.title.value\"></span>\r\n        <span style=\"color: red;\" *ngIf=\"surveyQuestion.isRequired\">*</span>\r\n    </h3>\r\n\r\n    <div class=\"checkbox-button-quastion\">\r\n        <div class=\"form-check check-box-form-check\"  *ngFor=\"let item of fCtrls.answerArray.controls ;let i = index\">\r\n            <input type=\"checkbox\" class=\"form-check-input\" id=\"{{elemId}}__checkbox_{{i}}\"  [disabled]=\"fCtrls.isDisabled.value\"\r\n             (change)=\"onChangeAnswer(item ,$event)\" [checked]=\"item.value.isSelected == true? true : null\">\r\n            <label class=\"form-check-label  \" for=\"{{elemId}}__checkbox_{{i}}\" [innerHTML]=\"item.value.title\"></label>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: QuestionCheckBoxTemplateComponent, selector: "lib-question-check-box-template", inputs: { setQuestion: "setQuestion" }, ngImport: i0, template: "<div class=\"quastion\" [attr.id]=\"'question_'+fCtrls.id.value\"  \r\n[ngClass]=\"{'invalid-question': fCtrls.answer.invalid  , 'd-none':fCtrls.isShow.value != true}\">\r\n    <h3 class=\"quastion-title \">\r\n        <span [innerHTML]=\"fCtrls.title.value\"></span>\r\n        <span style=\"color: red;\" *ngIf=\"surveyQuestion.isRequired\">*</span>\r\n    </h3>\r\n\r\n    <div class=\"checkbox-button-quastion\">\r\n        <div class=\"form-check check-box-form-check\"  *ngFor=\"let item of fCtrls.answerArray.controls ;let i = index\">\r\n            <input type=\"checkbox\" class=\"form-check-input\" id=\"{{elemId}}__checkbox_{{i}}\"  [disabled]=\"fCtrls.isDisabled.value\"\r\n             (change)=\"onChangeAnswer(item ,$event)\" [checked]=\"item.value.isSelected == true? true : null\">\r\n            <label class=\"form-check-label  \" for=\"{{elemId}}__checkbox_{{i}}\" [innerHTML]=\"item.value.title\"></label>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: QuestionCheckBoxTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-question-check-box-template', template: "<div class=\"quastion\" [attr.id]=\"'question_'+fCtrls.id.value\"  [ngClass]=\"{'invalid-question': fCtrls.answer.invalid  , 'd-none':fCtrls.isShow.value != true}\">\r\n    <h3 class=\"quastion-title \">\r\n        <span [innerHTML]=\"fCtrls.title.value\"></span>\r\n        <span style=\"color: red;\" *ngIf=\"surveyQuestion.isRequired\">*</span>\r\n    </h3>\r\n\r\n    <div class=\"checkbox-button-quastion\">\r\n        <div class=\"form-check check-box-form-check\"  *ngFor=\"let item of fCtrls.answerArray.controls ;let i = index\">\r\n            <input type=\"checkbox\" class=\"form-check-input\" id=\"{{elemId}}__checkbox_{{i}}\"  [disabled]=\"fCtrls.isDisabled.value\"\r\n             (change)=\"onChangeAnswer(item ,$event)\" [checked]=\"item.value.isSelected == true? true : null\">\r\n            <label class=\"form-check-label  \" for=\"{{elemId}}__checkbox_{{i}}\" [innerHTML]=\"item.value.title\"></label>\r\n        </div>\r\n    </div>\r\n</div>\r\n" }]
+            args: [{ selector: 'lib-question-check-box-template', template: "<div class=\"quastion\" [attr.id]=\"'question_'+fCtrls.id.value\"  \r\n[ngClass]=\"{'invalid-question': fCtrls.answer.invalid  , 'd-none':fCtrls.isShow.value != true}\">\r\n    <h3 class=\"quastion-title \">\r\n        <span [innerHTML]=\"fCtrls.title.value\"></span>\r\n        <span style=\"color: red;\" *ngIf=\"surveyQuestion.isRequired\">*</span>\r\n    </h3>\r\n\r\n    <div class=\"checkbox-button-quastion\">\r\n        <div class=\"form-check check-box-form-check\"  *ngFor=\"let item of fCtrls.answerArray.controls ;let i = index\">\r\n            <input type=\"checkbox\" class=\"form-check-input\" id=\"{{elemId}}__checkbox_{{i}}\"  [disabled]=\"fCtrls.isDisabled.value\"\r\n             (change)=\"onChangeAnswer(item ,$event)\" [checked]=\"item.value.isSelected == true? true : null\">\r\n            <label class=\"form-check-label  \" for=\"{{elemId}}__checkbox_{{i}}\" [innerHTML]=\"item.value.title\"></label>\r\n        </div>\r\n    </div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: SurveyLibService }, { type: i3.Store }]; }, propDecorators: { setQuestion: [{
                 type: Input
             }] } });
@@ -1093,6 +1092,9 @@ class QuestionDropdownTemplateComponent {
                 isDisabled: value.questionAllInfo.isReadOnly,
                 isShow: value.questionAllInfo.isVisable
             });
+            if (value.isShow == true) {
+                this.fCtrls.isShow.setValue(value.isShow);
+            }
             if (value.isRequired == true) {
                 this.fCtrls.answer.addValidators([Validators.required]);
                 this.fCtrls.answer.updateValueAndValidity();
@@ -1197,6 +1199,9 @@ class QuestionMatrixTemplateComponent {
                     questionTitle: new FormControl(x.questionTitle),
                     answer: new FormControl(null),
                 });
+                if (value.isShow == true) {
+                    this.fCtrls.isShow.setValue(value.isShow);
+                }
                 if (value.isRequired == true) {
                     group.controls.answer.addValidators([Validators.required]);
                     group.controls.answer.updateValueAndValidity();
@@ -1315,6 +1320,9 @@ class QuestionBooleanTemplateComponent {
                     isSelected: new FormControl(false)
                 }));
             });
+            if (value.isShow == true) {
+                this.fCtrls.isShow.setValue(value.isShow);
+            }
             if (value.isRequired == true) {
                 this.fCtrls.answer.addValidators([Validators.required]);
                 this.fCtrls.answer.updateValueAndValidity();
@@ -1373,6 +1381,7 @@ class QuestionBooleanTemplateComponent {
             if (oldValue?.isDisabled != newValue?.isDisabled) {
                 this.fCtrls.isDisabled.setValue(newValue?.isDisabled);
             }
+            console.log("newValue?.isShow", newValue?.isShow);
             //updated isShow
             if (oldValue?.isShow != newValue?.isShow) {
                 this.fCtrls.isShow.setValue(newValue?.isShow);
@@ -1424,6 +1433,9 @@ class QuestionDropdownMultiTemplateComponent {
                     isSelected: new FormControl(false)
                 }));
             });
+            if (value.isShow == true) {
+                this.fCtrls.isShow.setValue(value.isShow);
+            }
             if (value.isRequired == true) {
                 this.fCtrls.answer.addValidators([Validators.required]);
                 this.fCtrls.answer.updateValueAndValidity();
@@ -1582,6 +1594,9 @@ class QuestionCascadeTemplateComponent {
     set setQuestion(value) {
         if (this.surveyQuestionArr?.length == 0) {
             this.setQuestions(value.questionAllInfo);
+            if (value.isShow == true) {
+                this.fCtrls.isShow.setValue(value.isShow);
+            }
             var childQuestion1 = this.pageQuestions$().find(x => x.parentQuestionId == value.questionId);
             if (childQuestion1) {
                 this.setQuestions(childQuestion1.questionAllInfo);
@@ -1606,6 +1621,7 @@ class QuestionCascadeTemplateComponent {
         this.surveyKey = null;
         this.applicantKey = null;
         this.rForm = this._formBuilder.group({
+            isShow: new FormControl(false),
             questionArr: this._formBuilder.array([])
         });
     }
@@ -1770,11 +1786,11 @@ class QuestionCascadeTemplateComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: QuestionCascadeTemplateComponent, deps: [{ token: i1.FormBuilder }, { token: SurveyLibService }, { token: ApiService }, { token: i3.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: QuestionCascadeTemplateComponent, selector: "lib-question-cascade-template", inputs: { pageId: "pageId", questionGroupId: "questionGroupId", isPre: "isPre", surveyLanguageId: "surveyLanguageId", surveyKey: "surveyKey", applicantKey: "applicantKey", setQuestion: "setQuestion" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of questionFormArray.controls; trackBy:identify ; let i = index\">\r\n    <lib-question-dropdown-template #questionDropdownTemplate\r\n        *ngIf=\"(pageQuestions$() |findQuestion :item.value.id)?.questionType != questionTypeEnum.TextInput\"\r\n        [setQuestion]=\"pageQuestions$() |findQuestion :item.value.id \" (emitter)=\"onUpdateAnswer($event)\">\r\n    </lib-question-dropdown-template>\r\n\r\n    <lib-question-text-template #questionTextTemplate\r\n        *ngIf=\"(pageQuestions$() |findQuestion :item.value.id)?.questionType == questionTypeEnum.TextInput\"\r\n        [setQuestion]=\"pageQuestions$() |findQuestion :item.value.id \"\r\n        [isArabicLang]=\"true\"></lib-question-text-template>\r\n\r\n</ng-container>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QuestionTextTemplateComponent, selector: "lib-question-text-template", inputs: ["isArabicLang", "setQuestion", "isDisabled"] }, { kind: "component", type: QuestionDropdownTemplateComponent, selector: "lib-question-dropdown-template", inputs: ["setQuestion"], outputs: ["emitter"] }, { kind: "pipe", type: FindQuestionPipe, name: "findQuestion" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: QuestionCascadeTemplateComponent, selector: "lib-question-cascade-template", inputs: { pageId: "pageId", questionGroupId: "questionGroupId", isPre: "isPre", surveyLanguageId: "surveyLanguageId", surveyKey: "surveyKey", applicantKey: "applicantKey", setQuestion: "setQuestion" }, ngImport: i0, template: "<div [ngClass]=\"{'d-none':fCtrls.isShow.value != true}\">\r\n    <ng-container *ngFor=\"let item of questionFormArray.controls; trackBy:identify ; let i = index\">\r\n        <lib-question-dropdown-template #questionDropdownTemplate\r\n            *ngIf=\"(pageQuestions$() |findQuestion :item.value.id)?.questionType != questionTypeEnum.TextInput\"\r\n            [setQuestion]=\"pageQuestions$() |findQuestion :item.value.id \" (emitter)=\"onUpdateAnswer($event)\">\r\n        </lib-question-dropdown-template>\r\n\r\n        <lib-question-text-template #questionTextTemplate\r\n            *ngIf=\"(pageQuestions$() |findQuestion :item.value.id)?.questionType == questionTypeEnum.TextInput\"\r\n            [setQuestion]=\"pageQuestions$() |findQuestion :item.value.id \"\r\n            [isArabicLang]=\"true\"></lib-question-text-template>\r\n\r\n    </ng-container>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QuestionTextTemplateComponent, selector: "lib-question-text-template", inputs: ["isArabicLang", "setQuestion", "isDisabled"] }, { kind: "component", type: QuestionDropdownTemplateComponent, selector: "lib-question-dropdown-template", inputs: ["setQuestion"], outputs: ["emitter"] }, { kind: "pipe", type: FindQuestionPipe, name: "findQuestion" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: QuestionCascadeTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-question-cascade-template', template: "<ng-container *ngFor=\"let item of questionFormArray.controls; trackBy:identify ; let i = index\">\r\n    <lib-question-dropdown-template #questionDropdownTemplate\r\n        *ngIf=\"(pageQuestions$() |findQuestion :item.value.id)?.questionType != questionTypeEnum.TextInput\"\r\n        [setQuestion]=\"pageQuestions$() |findQuestion :item.value.id \" (emitter)=\"onUpdateAnswer($event)\">\r\n    </lib-question-dropdown-template>\r\n\r\n    <lib-question-text-template #questionTextTemplate\r\n        *ngIf=\"(pageQuestions$() |findQuestion :item.value.id)?.questionType == questionTypeEnum.TextInput\"\r\n        [setQuestion]=\"pageQuestions$() |findQuestion :item.value.id \"\r\n        [isArabicLang]=\"true\"></lib-question-text-template>\r\n\r\n</ng-container>" }]
+            args: [{ selector: 'lib-question-cascade-template', template: "<div [ngClass]=\"{'d-none':fCtrls.isShow.value != true}\">\r\n    <ng-container *ngFor=\"let item of questionFormArray.controls; trackBy:identify ; let i = index\">\r\n        <lib-question-dropdown-template #questionDropdownTemplate\r\n            *ngIf=\"(pageQuestions$() |findQuestion :item.value.id)?.questionType != questionTypeEnum.TextInput\"\r\n            [setQuestion]=\"pageQuestions$() |findQuestion :item.value.id \" (emitter)=\"onUpdateAnswer($event)\">\r\n        </lib-question-dropdown-template>\r\n\r\n        <lib-question-text-template #questionTextTemplate\r\n            *ngIf=\"(pageQuestions$() |findQuestion :item.value.id)?.questionType == questionTypeEnum.TextInput\"\r\n            [setQuestion]=\"pageQuestions$() |findQuestion :item.value.id \"\r\n            [isArabicLang]=\"true\"></lib-question-text-template>\r\n\r\n    </ng-container>\r\n</div>" }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: SurveyLibService }, { type: ApiService }, { type: i3.Store }]; }, propDecorators: { pageId: [{
                 type: Input
             }], questionGroupId: [{
@@ -1822,6 +1838,9 @@ class QuestionFeedbackTemplateComponent {
                     this.fCtrls.inputTypeId.setValue(InputTypeEnum.Pagination);
                 }
             }
+            if (value.isShow == true) {
+                this.fCtrls.isShow.setValue(value.isShow);
+            }
             if (value.isRequired == true) {
                 this.fCtrls.answer.addValidators([Validators.required]);
                 this.fCtrls.answer.updateValueAndValidity();
@@ -1936,7 +1955,6 @@ class QuestionInstitutionsTemplateComponent {
                 isShow: value.isShow
             });
             value.questionAllInfo.surveySubQuestionLevels.forEach(surveySubQuestionLevel => {
-                console.log(surveySubQuestionLevel);
                 var question = this.pageQuestions$().find(x => x.questionId == value.questionId);
                 this.setQuestionFormGroup(surveySubQuestionLevel, question?.isRequired, question?.answerId);
             });