@colijnit/sharedcomponents 260.1.9 → 260.1.10

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.
@@ -17428,7 +17428,7 @@
17428
17428
  FormBuilderUserFormComponent.decorators = [
17429
17429
  { type: i0.Component, args: [{
17430
17430
  selector: 'co-form-builder-user-form',
17431
- template: "\n <co-dialog [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\" (closeClick)=\"handleCancelForm()\">\n <div class=\"main-content-wrapper\">\n <div class=\"section-wrapper mini-scrollbar\" #sectionWrapper>\n <co-form #coForm (validSubmit)=\"onValid()\" [keepInView]=\"sectionWrapper\">\n <ng-container *ngFor=\"let question of cloneForm.questions; let index = index\">\n <co-form-builder-question\n [questionIndex]=\"index\"\n [question]=\"question\"\n [active]=\"form.questions.indexOf(question) === form.questions.indexOf(activeQuestion)\"\n [readonly]=\"readonly\"\n [(formResponse)]=\"formResponse.formQuestionResponses\"\n (updateQuestion)=\"enabledNextQuestion($event.question, $event.answer)\">\n </co-form-builder-question>\n </ng-container>\n </co-form>\n </div>\n <div class=\"section-wrapper mini-scrollbar\" #sectionWrapper>\n <co-input-checkbox [model]=\"formResponse?.isFinal\" (modelChange)=\"handleDefinitiveChange($event)\" [label]=\"'DEFINITIVE' | sharedLocalize\"></co-input-checkbox>\n </div>\n </div>\n </co-dialog>\n <ng-template #headerTemplate>\n <div class=\"header-wrapper\">\n <span class=\"form-title\" [textContent]=\"form?.formName\"></span>\n </div>\n </ng-template>\n <ng-template #footerTemplate>\n <div class=\"footer-wrapper\">\n <div class=\"attachments-wrapper\">\n <div class=\"row\">\n <input type=\"file\" accept=\"image/*\" capture=\"environment\" (change)=\"handleDocumentsAdded($event)\">\n <co-files-upload #filesUploadComponent\n class=\"co-files-upload\"\n [documents]=\"formResponse.documents\"\n (documentsAdded)=\"handleDocumentsAdded($event)\"\n (documentChangeEvent)=\"handleDocumentChanged($event)\"\n (documentDeleted)=\"handleDocumentDeleted($event)\"\n ></co-files-upload>\n </div>\n </div>\n <div class=\"row\">\n <co-button class=\"save-button\" (click)=\"commitUserForm()\" [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"></co-button>\n <co-button class=\"close-button\" [iconData]=\"iconCacheService.getIcon(icons.CrossSkinny)\" (click)=\"handleCancelForm()\"></co-button>\n </div>\n </div>\n\n </ng-template>\n\n ",
17431
+ template: "\n <co-dialog [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\" (closeClick)=\"handleCancelForm()\">\n <div class=\"main-content-wrapper\">\n <div class=\"section-wrapper mini-scrollbar\" #sectionWrapper>\n <co-form #coForm (validSubmit)=\"onValid()\" [keepInView]=\"sectionWrapper\">\n <ng-container *ngFor=\"let question of cloneForm.questions; let index = index\">\n <co-form-builder-question\n [mode]=\"mode\"\n [questionIndex]=\"index\"\n [question]=\"question\"\n [active]=\"form.questions.indexOf(question) === form.questions.indexOf(activeQuestion)\"\n [readonly]=\"readonly\"\n [(formResponse)]=\"formResponse.formQuestionResponses\"\n (updateQuestion)=\"enabledNextQuestion($event.question, $event.answer)\">\n </co-form-builder-question>\n </ng-container>\n </co-form>\n </div>\n <div class=\"section-wrapper mini-scrollbar\" #sectionWrapper>\n <co-input-checkbox [model]=\"formResponse?.isFinal\" (modelChange)=\"handleDefinitiveChange($event)\" [label]=\"'DEFINITIVE' | sharedLocalize\"></co-input-checkbox>\n </div>\n </div>\n </co-dialog>\n <ng-template #headerTemplate>\n <div class=\"header-wrapper\">\n <span class=\"form-title\" [textContent]=\"form?.formName\"></span>\n </div>\n </ng-template>\n <ng-template #footerTemplate>\n <div class=\"footer-wrapper\">\n <div class=\"attachments-wrapper\">\n <div class=\"row\">\n <input type=\"file\" accept=\"image/*\" capture=\"environment\" (change)=\"handleDocumentsAdded($event)\">\n <co-files-upload #filesUploadComponent\n class=\"co-files-upload\"\n [documents]=\"formResponse.documents\"\n (documentsAdded)=\"handleDocumentsAdded($event)\"\n (documentChangeEvent)=\"handleDocumentChanged($event)\"\n (documentDeleted)=\"handleDocumentDeleted($event)\"\n ></co-files-upload>\n </div>\n </div>\n <div class=\"row\">\n <co-button class=\"save-button\" (click)=\"commitUserForm()\" [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"></co-button>\n <co-button class=\"close-button\" [iconData]=\"iconCacheService.getIcon(icons.CrossSkinny)\" (click)=\"handleCancelForm()\"></co-button>\n </div>\n </div>\n\n </ng-template>\n\n ",
17432
17432
  encapsulation: i0.ViewEncapsulation.None
17433
17433
  },] }
17434
17434
  ];
@@ -17565,6 +17565,9 @@
17565
17565
  this.formQuestionType = formQuestion_type.FormQuestionType;
17566
17566
  this.TableName = tableName_enum.TableName;
17567
17567
  this.icons = exports["ɵcd"];
17568
+ this.modes = exports.UserFormMode;
17569
+ this.formQuestionTypes = formQuestion_type.FormQuestionType;
17570
+ this.mode = exports.UserFormMode.Create;
17568
17571
  this.active = false;
17569
17572
  this.readonly = false;
17570
17573
  this.updateQuestion = new i0.EventEmitter();
@@ -17617,11 +17620,12 @@
17617
17620
  FormBuilderQuestionComponent.decorators = [
17618
17621
  { type: i0.Component, args: [{
17619
17622
  selector: 'co-form-builder-question',
17620
- template: "\n <div [class.active]=\"active\" class=\"headers-row\" fxLayout=\"column\"\n \n (keydown)=\"updateQuestion.emit({question: question})\">\n <span class=\"form-rubric-header\"\n [textContent]=\"question.sequence+ '. ' + (question.question)\"></span>\n <div class=\"answer-wrapper\" [ngSwitch]=\"question.questionType\">\n <co-input-text *ngSwitchCase=\"formQuestionType.ShortAnswer\"\n [(model)]=\"question.responseQuestion.response\"\n [required]=\"question.mandatory\"\n [readonly]=\"readonly\"\n [disabled]=\"question.disabled && questionIndex !== 0\"\n ></co-input-text>\n <co-input-textarea *ngSwitchCase=\"formQuestionType.LongAnswer\"\n [(model)]=\"question.responseQuestion.response\"\n [required]=\"question.mandatory\"\n [readonly]=\"readonly\"\n [disabled]=\"question.disabled && questionIndex !== 0\"\n ></co-input-textarea>\n <ng-container *ngSwitchCase=\"formQuestionType.MultipleChoiceSingleOption\"\n\n >\n <co-form>\n <co-input-radio-button *ngFor=\"let answer of question.formQuestionAnswers\"\n [label]=\"answer.answer\"\n [model]=\"answer.answerId == question.responseQuestion.response\"\n [disabled]=\"question.disabled && questionIndex !== 0\"\n (modelChange)=\"question.responseQuestion.response = answer.answerId + ''; updateQuestion.emit({question: question, answer: answer})\"\n ></co-input-radio-button>\n </co-form>\n </ng-container>\n <ng-container *ngSwitchCase=\"formQuestionType.MultipleChoiceMultipleOptions\">\n <co-input-checkbox *ngFor=\"let answer of question.formQuestionAnswers\"\n [label]=\"answer.answer\"\n [readonly]=\"readonly\"\n [model]=\"question.responseQuestion.response ? \n question.responseQuestion.response.indexOf(answer.answerId) > -1 : \n question.responseQuestion.response\"\n [disabled]=\"question.disabled && questionIndex !== 0\"\n (modelChange)=\"changeMultipleOption(answer.answerId, question.responseQuestion, $event); updateQuestion.emit({question: question, answer: answer})\"\n ></co-input-checkbox>\n </ng-container>\n <co-list-of-values *ngSwitchCase=\"formQuestionType.DropDownList\"\n [model]=\"dropDownModel\"\n [collection]=\"question.formQuestionAnswers\"\n [displayField]=\"'answer'\"\n [required]=\"question.mandatory\"\n [readonly]=\"readonly\"\n [disabled]=\"question.disabled && questionIndex !== 0\"\n (modelChange)=\"changeLovOption(question.responseQuestion, $event); updateQuestion.emit({question: question, answer: $event})\"\n ></co-list-of-values>\n <co-user-form-input-scale *ngSwitchCase=\"formQuestionType.LinearScale\"\n [label]=\"question.question\"\n [idField]=\"'answerId'\"\n [selected]=\"question.responseQuestion.response\"\n [scaleModel]=\"question.formQuestionAnswers\"\n [descriptionField]=\"'answer'\"\n [required]=\"question.mandatory\"\n [readonly]=\"readonly\"\n [disabled]=\"question.disabled && questionIndex !== 0\"\n (selectionChange)=\"question.responseQuestion.response = $event.answerId + ''\"\n ></co-user-form-input-scale>\n <co-input-date *ngSwitchCase=\"formQuestionType.Date\"\n [(model)]=\"question.responseQuestion.dateResponse\"\n [required]=\"question.mandatory\"\n [readonly]=\"readonly\"\n [disabled]=\"question.disabled && questionIndex !== 0\"\n ></co-input-date>\n <co-input-time *ngSwitchCase=\"formQuestionType.Time\"\n [model]=\"question.responseQuestion?.timeResponse ?? 1\"\n (modelChange)=\"changeTime(question.responseQuestion, $event)\"\n [required]=\"question.mandatory\"\n [readonly]=\"readonly\"\n [disabled]=\"question.disabled && questionIndex !== 0\"\n ></co-input-time>\n </div>\n </div>\n ",
17623
+ template: "\n <div [class.active]=\"active\" class=\"headers-row\" fxLayout=\"column\"\n \n (keydown)=\"updateQuestion.emit({question: question})\">\n <span class=\"form-rubric-header\"\n [textContent]=\"question.sequence+ '. ' + (question.question)\"></span>\n <div class=\"answer-wrapper\" [ngSwitch]=\"question.questionType\">\n <co-input-text *ngSwitchCase=\"formQuestionType.ShortAnswer\"\n [(model)]=\"question.responseQuestion.response\"\n [required]=\"question.mandatory\"\n [readonly]=\"readonly\"\n ></co-input-text>\n <co-input-textarea *ngSwitchCase=\"formQuestionType.LongAnswer\"\n [(model)]=\"question.responseQuestion.response\"\n [required]=\"question.mandatory\"\n [readonly]=\"readonly\"\n ></co-input-textarea>\n <ng-container *ngSwitchCase=\"formQuestionType.MultipleChoiceSingleOption\"\n\n >\n <co-form>\n <co-input-radio-button *ngFor=\"let answer of question.formQuestionAnswers\"\n [label]=\"answer.answer\"\n [model]=\"answer.answerId == question.responseQuestion.response\"\n (modelChange)=\"question.responseQuestion.response = answer.answerId + ''; updateQuestion.emit({question: question, answer: answer})\"\n ></co-input-radio-button>\n </co-form>\n </ng-container>\n <ng-container *ngSwitchCase=\"formQuestionType.MultipleChoiceMultipleOptions\">\n <co-input-checkbox *ngFor=\"let answer of question.formQuestionAnswers\"\n [label]=\"answer.answer\"\n [readonly]=\"readonly\"\n [model]=\"question.responseQuestion.response ? \n question.responseQuestion.response.indexOf(answer.answerId) > -1 : \n question.responseQuestion.response\"\n (modelChange)=\"changeMultipleOption(answer.answerId, question.responseQuestion, $event); updateQuestion.emit({question: question, answer: answer})\"\n ></co-input-checkbox>\n </ng-container>\n <co-list-of-values *ngSwitchCase=\"formQuestionType.DropDownList\"\n [model]=\"dropDownModel\"\n [collection]=\"question.formQuestionAnswers\"\n [displayField]=\"'answer'\"\n [required]=\"question.mandatory\"\n [readonly]=\"readonly\"\n (modelChange)=\"changeLovOption(question.responseQuestion, $event); updateQuestion.emit({question: question, answer: $event})\"\n ></co-list-of-values>\n <co-user-form-input-scale *ngSwitchCase=\"formQuestionType.LinearScale\"\n [label]=\"question.question\"\n [idField]=\"'answerId'\"\n [selected]=\"question.responseQuestion.response\"\n [scaleModel]=\"question.formQuestionAnswers\"\n [descriptionField]=\"'answer'\"\n [required]=\"question.mandatory\"\n [readonly]=\"readonly\"\n (selectionChange)=\"question.responseQuestion.response = $event.answerId + ''\"\n ></co-user-form-input-scale>\n <co-input-date *ngSwitchCase=\"formQuestionType.Date\"\n [(model)]=\"question.responseQuestion.dateResponse\"\n [required]=\"question.mandatory\"\n [readonly]=\"readonly\"\n ></co-input-date>\n <co-input-time *ngSwitchCase=\"formQuestionType.Time\"\n [model]=\"question.responseQuestion?.timeResponse ?? 1\"\n (modelChange)=\"changeTime(question.responseQuestion, $event)\"\n [required]=\"question.mandatory\"\n [readonly]=\"readonly\"\n ></co-input-time>\n </div>\n </div>\n ",
17621
17624
  encapsulation: i0.ViewEncapsulation.None
17622
17625
  },] }
17623
17626
  ];
17624
17627
  FormBuilderQuestionComponent.propDecorators = {
17628
+ mode: [{ type: i0.Input }],
17625
17629
  question: [{ type: i0.Input }],
17626
17630
  formResponse: [{ type: i0.Input }],
17627
17631
  questionIndex: [{ type: i0.Input }],