itc-components-library20 0.0.5 → 0.0.7

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.
@@ -1298,6 +1298,63 @@ class ApiSurveyService {
1298
1298
  // params: params,
1299
1299
  // });
1300
1300
  // }
1301
+ getSurveyGroupByParameters(id, patientId) {
1302
+ const params = new HttpParams().set('id', id).set('patientId', patientId);
1303
+ return this.http.get(`${this.endpoint}SurveyGroup`, {
1304
+ params: params,
1305
+ });
1306
+ }
1307
+ getSurveyGroupById(id) {
1308
+ const params = new HttpParams().set('id', id);
1309
+ return this.http.get(`${this.endpoint}SurveyGroup`, {
1310
+ params: params,
1311
+ });
1312
+ }
1313
+ getSurveyGroupByPatient(patientId) {
1314
+ const params = new HttpParams().set('patientId', patientId);
1315
+ return this.http.get(`${this.endpoint}SurveyGroup`, {
1316
+ params: params,
1317
+ });
1318
+ }
1319
+ getSurveyBodyPainAnswer() {
1320
+ return this.http.get(`${this.endpoint}SurveyBodyPainAnswer`);
1321
+ }
1322
+ getSurveyBodyPainAnswerByParameters(id, surveyId) {
1323
+ const params = new HttpParams().set('id', id).set('surveyId', surveyId);
1324
+ return this.http.get(`${this.endpoint}SurveyBodyPainAnswer`, {
1325
+ params: params,
1326
+ });
1327
+ }
1328
+ getSurveyBodyPainAnswerById(id) {
1329
+ const params = new HttpParams().set('id', id);
1330
+ return this.http.get(`${this.endpoint}SurveyBodyPainAnswer`, {
1331
+ params: params,
1332
+ });
1333
+ }
1334
+ getSurveyBodyPainAnswerBySurveyId(surveyId) {
1335
+ const params = new HttpParams().set('surveyId', surveyId);
1336
+ return this.http.get(`${this.endpoint}SurveyBodyPainAnswer`, {
1337
+ params: params,
1338
+ });
1339
+ }
1340
+ getBodyPartQuestion() {
1341
+ return this.http.get(`${this.endpoint}BodyPartQuestion`);
1342
+ }
1343
+ getBodyPartQuestionById(id) {
1344
+ const params = new HttpParams().set('id', id);
1345
+ return this.http.get(`${this.endpoint}BodyPartQuestion`, {
1346
+ params: params,
1347
+ });
1348
+ }
1349
+ getBodyPart() {
1350
+ return this.http.get(`${this.endpoint}BodyPart`);
1351
+ }
1352
+ getBodyPartById(id) {
1353
+ const params = new HttpParams().set('id', id);
1354
+ return this.http.get(`${this.endpoint}BodyPart`, {
1355
+ params: params,
1356
+ });
1357
+ }
1301
1358
  //##############
1302
1359
  //#### POST ####
1303
1360
  //##############
@@ -1347,22 +1404,12 @@ class SurveyRadio {
1347
1404
  this.filteredSurvey = res;
1348
1405
  });
1349
1406
  }
1350
- getMatchingAnswer(surveyId, answerId) {
1351
- // console.log("resultArray: ", surveyId + answerId)
1352
- // this.question?.answers.forEach(answer => {
1353
- // if (answer.id == answerId){
1354
- // return true
1355
- // }
1356
- // return false
1357
- // });
1358
- return this.question.answers.some((item) => item.id === answerId);
1359
- }
1360
1407
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SurveyRadio, deps: [], target: i0.ɵɵFactoryTarget.Component });
1361
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: SurveyRadio, isStandalone: true, selector: "lib-survey-radio", inputs: { question: "question", typeSurvey: "typeSurvey", patientSurvey: "patientSurvey", patientId: "patientId" }, outputs: { questionAnswer: "questionAnswer" }, ngImport: i0, template: "<div class=\"survey-component group-radio\">\r\n <div class=\"group-radio-description\">\r\n <label>{{question?.text}}</label>\r\n </div>\r\n <div class=\"group-radio-radioList\"> \r\n @for (answer of question?.answers; track answer.id) {\r\n @if(patientSurvey != \"\"){\r\n @if (getMatchingAnswer(patientSurvey, answer.id)) {\r\n <input type=\"radio\" checked [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label> \r\n } @else {\r\n <input type=\"radio\" [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label> \r\n }\r\n } @else {\r\n <input type=\"radio\" [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label> \r\n }\r\n }\r\n </div>\r\n</div>", styles: [".group-radio{width:100%;display:flex;align-items:center;padding:0 1%}.group-radio-description{width:64%;line-height:1}.group-radio{display:flex;justify-content:space-between;margin:1% 0}.group-radio label{align-self:center;width:24%}.group-radio-radioList{display:flex;width:30%}input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1.8px solid var(--primary-blue-color);border-radius:50%;background-color:transparent;cursor:pointer;margin-right:4px;align-self:center}input[type=radio]:checked{background:var(--primary-blue-color);position:relative}input[type=radio]:checked:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] });
1408
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: SurveyRadio, isStandalone: true, selector: "lib-survey-radio", inputs: { question: "question", typeSurvey: "typeSurvey", patientSurvey: "patientSurvey", patientId: "patientId" }, outputs: { questionAnswer: "questionAnswer" }, ngImport: i0, template: "<div class=\"survey-component group-radio\">\r\n <div class=\"group-radio-description\">\r\n <label>{{question?.text}}</label>\r\n </div>\r\n <div class=\"group-radio-radioList\"> \r\n @for (answer of question?.answers; track answer.id) {\r\n @if(patientSurvey != \"\"){\r\n <!-- @if (getMatchingAnswer(patientSurvey, answer.id)) {\r\n <input type=\"radio\" checked [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label> \r\n } @else {\r\n <input type=\"radio\" [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label> \r\n } -->\r\n } @else {\r\n <input type=\"radio\" [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label> \r\n }\r\n }\r\n </div>\r\n</div>", styles: [".group-radio{width:100%;display:flex;align-items:center;padding:0 1%}.group-radio-description{width:64%;line-height:1}.group-radio{display:flex;justify-content:space-between;margin:1% 0}.group-radio label{align-self:center;width:24%}.group-radio-radioList{display:flex;width:30%}input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1.8px solid var(--primary-blue-color);border-radius:50%;background-color:transparent;cursor:pointer;margin-right:4px;align-self:center}input[type=radio]:checked{background:var(--primary-blue-color);position:relative}input[type=radio]:checked:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] });
1362
1409
  }
1363
1410
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SurveyRadio, decorators: [{
1364
1411
  type: Component,
1365
- args: [{ selector: 'lib-survey-radio', imports: [], template: "<div class=\"survey-component group-radio\">\r\n <div class=\"group-radio-description\">\r\n <label>{{question?.text}}</label>\r\n </div>\r\n <div class=\"group-radio-radioList\"> \r\n @for (answer of question?.answers; track answer.id) {\r\n @if(patientSurvey != \"\"){\r\n @if (getMatchingAnswer(patientSurvey, answer.id)) {\r\n <input type=\"radio\" checked [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label> \r\n } @else {\r\n <input type=\"radio\" [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label> \r\n }\r\n } @else {\r\n <input type=\"radio\" [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label> \r\n }\r\n }\r\n </div>\r\n</div>", styles: [".group-radio{width:100%;display:flex;align-items:center;padding:0 1%}.group-radio-description{width:64%;line-height:1}.group-radio{display:flex;justify-content:space-between;margin:1% 0}.group-radio label{align-self:center;width:24%}.group-radio-radioList{display:flex;width:30%}input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1.8px solid var(--primary-blue-color);border-radius:50%;background-color:transparent;cursor:pointer;margin-right:4px;align-self:center}input[type=radio]:checked{background:var(--primary-blue-color);position:relative}input[type=radio]:checked:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
1412
+ args: [{ selector: 'lib-survey-radio', imports: [], template: "<div class=\"survey-component group-radio\">\r\n <div class=\"group-radio-description\">\r\n <label>{{question?.text}}</label>\r\n </div>\r\n <div class=\"group-radio-radioList\"> \r\n @for (answer of question?.answers; track answer.id) {\r\n @if(patientSurvey != \"\"){\r\n <!-- @if (getMatchingAnswer(patientSurvey, answer.id)) {\r\n <input type=\"radio\" checked [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label> \r\n } @else {\r\n <input type=\"radio\" [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label> \r\n } -->\r\n } @else {\r\n <input type=\"radio\" [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label> \r\n }\r\n }\r\n </div>\r\n</div>", styles: [".group-radio{width:100%;display:flex;align-items:center;padding:0 1%}.group-radio-description{width:64%;line-height:1}.group-radio{display:flex;justify-content:space-between;margin:1% 0}.group-radio label{align-self:center;width:24%}.group-radio-radioList{display:flex;width:30%}input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1.8px solid var(--primary-blue-color);border-radius:50%;background-color:transparent;cursor:pointer;margin-right:4px;align-self:center}input[type=radio]:checked{background:var(--primary-blue-color);position:relative}input[type=radio]:checked:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
1366
1413
  }], propDecorators: { question: [{
1367
1414
  type: Input
1368
1415
  }], typeSurvey: [{
@@ -1478,11 +1525,11 @@ class SurveyValuebox {
1478
1525
  // console.log('selectedValues finale:', this.selectedValues);
1479
1526
  }
1480
1527
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SurveyValuebox, deps: [], target: i0.ɵɵFactoryTarget.Component });
1481
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: SurveyValuebox, isStandalone: true, selector: "lib-survey-valuebox", inputs: { question: "question", typeSurvey: "typeSurvey", indexQuestion: "indexQuestion", patientSurvey: "patientSurvey", patientId: "patientId" }, outputs: { sumOutput: "sumOutput", questionAnswer: "questionAnswer" }, ngImport: i0, template: "<p>survey-valuebox works!</p>\r\n<!-- <div class=\"survey-container\">\r\n <div class=\"survey-question\">\r\n {{question?.text}}\r\n </div>\r\n <div class=\"survey-answer-container group-radio\">\r\n <div class=\"survey-answer-list\">\r\n @for (answer of question?.answers; track $index) {\r\n <div class=\"survey-answer-group\">\r\n <div class=\"survey-answer\">\r\n <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label>\r\n </div>\r\n </div>\r\n } \r\n </div>\r\n <div class=\"survey-answer-value\">\r\n <span>{{ selectedValues[indexQuestion] !== undefined ? selectedValues[indexQuestion] : '--' }}</span>\r\n </div> \r\n </div>\r\n</div> -->\r\n\r\n<div class=\"survey-container\">\r\n <div class=\"survey-question\">\r\n {{ question?.text }}\r\n </div>\r\n <div class=\"survey-answer-container group-radio\">\r\n <div class=\"survey-answer-list\">\r\n @for (answer of question?.answers; track answer.id) {\r\n <div class=\"survey-answer-group\">\r\n <div class=\"survey-answer\">\r\n @if (patientSurvey && patientSurvey !== '') {\r\n @if (getMatchingAnswer(answer.id)) {\r\n <input type=\"radio\" checked [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n <label>{{ answer.text }}</label>\r\n } @else {\r\n <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?. id)\">\r\n <label>{{ answer.text }}</label>\r\n }\r\n } @else {\r\n <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n <label>{{ answer.text }}</label>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"survey-answer-value\">\r\n <span>{{ selectedValues[indexQuestion] !== undefined ? selectedValues[indexQuestion] : '--' }}</span>\r\n </div>\r\n </div>\r\n</div>", styles: [".survey-container{min-height:100%;width:100%;position:relative;display:flex;flex-direction:column}.survey-question{background-color:var(--primary-blue-color);color:#fff;min-height:3rem;display:flex;align-items:center;padding:10px 1%}.survey-answer-container{flex:1;width:100%;display:flex}.survey-answer-list{width:85%;display:flex;flex-direction:column;flex:1}.survey-answer{display:flex;min-height:fit-content;padding:10px 0;word-break:break-word}.survey-answer label{font-size:large;align-self:center;margin-left:10px}.survey-answer-value{align-items:center;width:15%;background-color:var(--primary-bg);display:flex;justify-content:center}.survey-answer-value span{font-size:xx-large}input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1.8px solid var(--primary-blue-color);border-radius:50%;background-color:transparent;cursor:pointer;margin-right:4px;align-self:center;flex:0 0 12px!important}input[type=radio]:checked{background:var(--primary-blue-color);position:relative}input[type=radio]:checked:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] });
1528
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: SurveyValuebox, isStandalone: true, selector: "lib-survey-valuebox", inputs: { question: "question", typeSurvey: "typeSurvey", indexQuestion: "indexQuestion", patientSurvey: "patientSurvey", patientId: "patientId" }, outputs: { sumOutput: "sumOutput", questionAnswer: "questionAnswer" }, ngImport: i0, template: "<p>survey-valuebox works!</p>\r\n<!-- <div class=\"survey-container\">\r\n <div class=\"survey-question\">\r\n {{question?.text}}\r\n </div>\r\n <div class=\"survey-answer-container group-radio\">\r\n <div class=\"survey-answer-list\">\r\n @for (answer of question?.answers; track $index) {\r\n <div class=\"survey-answer-group\">\r\n <div class=\"survey-answer\">\r\n <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label>\r\n </div>\r\n </div>\r\n } \r\n </div>\r\n <div class=\"survey-answer-value\">\r\n <span>{{ selectedValues[indexQuestion] !== undefined ? selectedValues[indexQuestion] : '--' }}</span>\r\n </div> \r\n </div>\r\n</div> -->\r\n\r\n<div class=\"survey-container\">\r\n <div class=\"survey-question\">\r\n {{ question?.text }}\r\n </div>\r\n <div class=\"survey-answer-container group-radio\">\r\n <div class=\"survey-answer-list\">\r\n @for (answer of question?.answers; track answer.id) {\r\n <div class=\"survey-answer-group\">\r\n <div class=\"survey-answer\">\r\n @if (patientSurvey && patientSurvey !== '') {\r\n @if (getMatchingAnswer(answer.id)) {\r\n <!-- <input type=\"radio\" checked [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\"> -->\r\n <label>{{ answer.text }}</label>\r\n } @else {\r\n <!-- <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?. id)\"> -->\r\n <label>{{ answer.text }}</label>\r\n }\r\n } @else {\r\n <!-- <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\"> -->\r\n <label>{{ answer.text }}</label>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"survey-answer-value\">\r\n <span>{{ selectedValues[indexQuestion] !== undefined ? selectedValues[indexQuestion] : '--' }}</span>\r\n </div>\r\n </div>\r\n</div>", styles: [".survey-container{min-height:100%;width:100%;position:relative;display:flex;flex-direction:column}.survey-question{background-color:var(--primary-blue-color);color:#fff;min-height:3rem;display:flex;align-items:center;padding:10px 1%}.survey-answer-container{flex:1;width:100%;display:flex}.survey-answer-list{width:85%;display:flex;flex-direction:column;flex:1}.survey-answer{display:flex;min-height:fit-content;padding:10px 0;word-break:break-word}.survey-answer label{font-size:large;align-self:center;margin-left:10px}.survey-answer-value{align-items:center;width:15%;background-color:var(--primary-bg);display:flex;justify-content:center}.survey-answer-value span{font-size:xx-large}input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1.8px solid var(--primary-blue-color);border-radius:50%;background-color:transparent;cursor:pointer;margin-right:4px;align-self:center;flex:0 0 12px!important}input[type=radio]:checked{background:var(--primary-blue-color);position:relative}input[type=radio]:checked:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] });
1482
1529
  }
1483
1530
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SurveyValuebox, decorators: [{
1484
1531
  type: Component,
1485
- args: [{ selector: 'lib-survey-valuebox', imports: [], template: "<p>survey-valuebox works!</p>\r\n<!-- <div class=\"survey-container\">\r\n <div class=\"survey-question\">\r\n {{question?.text}}\r\n </div>\r\n <div class=\"survey-answer-container group-radio\">\r\n <div class=\"survey-answer-list\">\r\n @for (answer of question?.answers; track $index) {\r\n <div class=\"survey-answer-group\">\r\n <div class=\"survey-answer\">\r\n <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label>\r\n </div>\r\n </div>\r\n } \r\n </div>\r\n <div class=\"survey-answer-value\">\r\n <span>{{ selectedValues[indexQuestion] !== undefined ? selectedValues[indexQuestion] : '--' }}</span>\r\n </div> \r\n </div>\r\n</div> -->\r\n\r\n<div class=\"survey-container\">\r\n <div class=\"survey-question\">\r\n {{ question?.text }}\r\n </div>\r\n <div class=\"survey-answer-container group-radio\">\r\n <div class=\"survey-answer-list\">\r\n @for (answer of question?.answers; track answer.id) {\r\n <div class=\"survey-answer-group\">\r\n <div class=\"survey-answer\">\r\n @if (patientSurvey && patientSurvey !== '') {\r\n @if (getMatchingAnswer(answer.id)) {\r\n <input type=\"radio\" checked [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n <label>{{ answer.text }}</label>\r\n } @else {\r\n <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?. id)\">\r\n <label>{{ answer.text }}</label>\r\n }\r\n } @else {\r\n <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n <label>{{ answer.text }}</label>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"survey-answer-value\">\r\n <span>{{ selectedValues[indexQuestion] !== undefined ? selectedValues[indexQuestion] : '--' }}</span>\r\n </div>\r\n </div>\r\n</div>", styles: [".survey-container{min-height:100%;width:100%;position:relative;display:flex;flex-direction:column}.survey-question{background-color:var(--primary-blue-color);color:#fff;min-height:3rem;display:flex;align-items:center;padding:10px 1%}.survey-answer-container{flex:1;width:100%;display:flex}.survey-answer-list{width:85%;display:flex;flex-direction:column;flex:1}.survey-answer{display:flex;min-height:fit-content;padding:10px 0;word-break:break-word}.survey-answer label{font-size:large;align-self:center;margin-left:10px}.survey-answer-value{align-items:center;width:15%;background-color:var(--primary-bg);display:flex;justify-content:center}.survey-answer-value span{font-size:xx-large}input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1.8px solid var(--primary-blue-color);border-radius:50%;background-color:transparent;cursor:pointer;margin-right:4px;align-self:center;flex:0 0 12px!important}input[type=radio]:checked{background:var(--primary-blue-color);position:relative}input[type=radio]:checked:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
1532
+ args: [{ selector: 'lib-survey-valuebox', imports: [], template: "<p>survey-valuebox works!</p>\r\n<!-- <div class=\"survey-container\">\r\n <div class=\"survey-question\">\r\n {{question?.text}}\r\n </div>\r\n <div class=\"survey-answer-container group-radio\">\r\n <div class=\"survey-answer-list\">\r\n @for (answer of question?.answers; track $index) {\r\n <div class=\"survey-answer-group\">\r\n <div class=\"survey-answer\">\r\n <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n <label>{{answer.text}}</label>\r\n </div>\r\n </div>\r\n } \r\n </div>\r\n <div class=\"survey-answer-value\">\r\n <span>{{ selectedValues[indexQuestion] !== undefined ? selectedValues[indexQuestion] : '--' }}</span>\r\n </div> \r\n </div>\r\n</div> -->\r\n\r\n<div class=\"survey-container\">\r\n <div class=\"survey-question\">\r\n {{ question?.text }}\r\n </div>\r\n <div class=\"survey-answer-container group-radio\">\r\n <div class=\"survey-answer-list\">\r\n @for (answer of question?.answers; track answer.id) {\r\n <div class=\"survey-answer-group\">\r\n <div class=\"survey-answer\">\r\n @if (patientSurvey && patientSurvey !== '') {\r\n @if (getMatchingAnswer(answer.id)) {\r\n <!-- <input type=\"radio\" checked [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\"> -->\r\n <label>{{ answer.text }}</label>\r\n } @else {\r\n <!-- <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?. id)\"> -->\r\n <label>{{ answer.text }}</label>\r\n }\r\n } @else {\r\n <!-- <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\"> -->\r\n <label>{{ answer.text }}</label>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"survey-answer-value\">\r\n <span>{{ selectedValues[indexQuestion] !== undefined ? selectedValues[indexQuestion] : '--' }}</span>\r\n </div>\r\n </div>\r\n</div>", styles: [".survey-container{min-height:100%;width:100%;position:relative;display:flex;flex-direction:column}.survey-question{background-color:var(--primary-blue-color);color:#fff;min-height:3rem;display:flex;align-items:center;padding:10px 1%}.survey-answer-container{flex:1;width:100%;display:flex}.survey-answer-list{width:85%;display:flex;flex-direction:column;flex:1}.survey-answer{display:flex;min-height:fit-content;padding:10px 0;word-break:break-word}.survey-answer label{font-size:large;align-self:center;margin-left:10px}.survey-answer-value{align-items:center;width:15%;background-color:var(--primary-bg);display:flex;justify-content:center}.survey-answer-value span{font-size:xx-large}input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1.8px solid var(--primary-blue-color);border-radius:50%;background-color:transparent;cursor:pointer;margin-right:4px;align-self:center;flex:0 0 12px!important}input[type=radio]:checked{background:var(--primary-blue-color);position:relative}input[type=radio]:checked:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
1486
1533
  }], propDecorators: { question: [{
1487
1534
  type: Input
1488
1535
  }], typeSurvey: [{