nuxeo-development-framework 1.2.9 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/bundles/nuxeo-development-framework.umd.js +10 -7
  2. package/bundles/nuxeo-development-framework.umd.js.map +1 -1
  3. package/esm2015/lib/components/comments/components/edit-delete-modal/edit-delete-modal.component.js +2 -2
  4. package/esm2015/lib/components/documents/components/document-scan/document-scan.service.js +1 -1
  5. package/esm2015/lib/components/dynamic-form/components/form-wrappers/user-selector-wrapper/user-selector-wrapper.component.js +2 -2
  6. package/esm2015/lib/components/dynamic-view/custom-document-viewer/custom-document-viewer.component.js +2 -2
  7. package/esm2015/lib/components/dynamic-view/cutome-voc-viewer/cutome-voc-viewer.component.js +2 -2
  8. package/esm2015/lib/components/dynamic-view/dynamic-viewe.service.js +1 -1
  9. package/esm2015/lib/components/hijri-gregorian-datepicker/hijri-gregorian-datepicker/gregorian-datepicker/gregorian-datepicker.component.js +3 -2
  10. package/esm2015/lib/components/hijri-gregorian-datepicker/hijri-gregorian-datepicker/hijri-datepicker/hijri-datepicker.component.js +3 -2
  11. package/esm2015/lib/components/hijri-gregorian-datepicker/ngx-hijri-gregorian-datepicker.module.js +5 -1
  12. package/esm2015/lib/components/hijri-gregorian-datepicker/services/date-helper.service.js +2 -2
  13. package/esm2015/lib/directive/app-has-role/app-has-role.directive.js +1 -1
  14. package/fesm2015/nuxeo-development-framework.js +10 -7
  15. package/fesm2015/nuxeo-development-framework.js.map +1 -1
  16. package/lib/components/hijri-gregorian-datepicker/ngx-hijri-gregorian-datepicker.module.d.ts +3 -2
  17. package/package.json +1 -1
@@ -3064,7 +3064,7 @@
3064
3064
  return GregorianDatepickerComponent;
3065
3065
  }());
3066
3066
  GregorianDatepickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: GregorianDatepickerComponent, deps: [{ token: i1__namespace$4.NgbCalendar }, { token: i1__namespace$4.NgbDateParserFormatter }], target: i0__namespace.ɵɵFactoryTarget.Component });
3067
- GregorianDatepickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: GregorianDatepickerComponent, selector: "gregorian-date-picker", inputs: { selectedDate: "selectedDate", readonly: "readonly", isRequired: "isRequired", disabled: "disabled", min: "min", max: "max", name: "name", range: "range", vertical: "vertical", placeHolder: "placeHolder" }, outputs: { selectedDateChange: "selectedDateChange" }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["d"], descendants: true }], ngImport: i0__namespace, template: "<div provideParentForm>\r\n <input class=\"form-control\" [ngClass]=\"{'hidden':range, 'input-filled' : selectedDate}\" [ngModel]=\"!range && selectedDate\"\r\n (ngModelChange)=\"!range && selectedDate=$event\"\r\n [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\" ngbDatepicker (click)=\"d.toggle()\"\r\n (dateSelect)=\"onDateSelection($event)\" #d=\"ngbDatepicker\" firstDayOfWeek=\"7\" [readonly]=\"readonly\"\r\n [autoClose]=\"range ? 'outside' : true\" [minDate]=\"min\" [maxDate]=\"max\" [required]=\"isRequired\"\r\n [displayMonths]=\"range ? 2 : 1\" [name]=\"name\" [startDate]=\"range ? selectedDate.from! : selectedDate!\" [dayTemplate]=\"t\"\r\n (blur)=\"onBlur()\" [footerTemplate]=\"footerTemplate\" [disabled]=\"disabled\" />\r\n <ng-container *ngIf=\"range\">\r\n <div class=\"form-group ranger\" [ngClass]=\"{'vertical':vertical}\">\r\n <div class=\"input-group\">\r\n <input #dpFromDate class=\"form-control\" (click)=\"d.toggle()\" [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\" name=\"dpFromDate\"\r\n [value]=\"formatter.format(selectedDate.from)\" (input)=\"fromDate = validateInput(selectedDate.from, dpFromDate.value)\">\r\n <div class=\"input-group-append\">\r\n <button class=\"btn btn-outline-secondary\" (click)=\"d.toggle()\" type=\"button\">\r\n <i class=\"bi bi-calendar-week icon\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"form-group ranger\" [ngClass]=\"{'vertical':vertical}\">\r\n <div class=\"input-group\">\r\n <input #dpToDate class=\"form-control\" (click)=\"d.toggle()\" [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\" name=\"dpToDate\"\r\n [value]=\"formatter.format(selectedDate.to)\" (input)=\"selectedDate.to = validateInput(selectedDate.to, dpToDate.value)\">\r\n <div class=\"input-group-append\">\r\n <button class=\"btn btn-outline-secondary\" (click)=\"d.toggle()\" type=\"button\">\r\n <i class=\"bi bi-calendar-week icon\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n<ng-template #t let-date let-focused=\"focused\">\r\n <span class=\"custom-day\" [class.focused]=\"focused || isToday(date)\" [class.range]=\"isRange(date) || isSelectedDate(date)\"\r\n [class.faded]=\"isHovered(date) || (isInside(date) && range)\" (mouseenter)=\"hoveredDate = date\"\r\n (mouseleave)=\"hoveredDate = null\">\r\n {{ date.day }}\r\n </span>\r\n</ng-template>\r\n\r\n\r\n<ng-template #footerTemplate>\r\n <hr class=\"my-0\">\r\n <button class=\"btn btn-secondary btn-sm m-2 float-right\" type=\"button\" (click)=\"d.close()\">Close</button>\r\n <button class=\"btn btn-primary btn-sm m-2 float-left\" type=\"button\" (click)=\"clear()\">Clear</button>\r\n</ng-template>\r\n", styles: [".date-input-container{position:relative}.date-input-container .date-input-wrapper{position:absolute;width:100%;height:100%;z-index:999999}.hijriInput{border-top-left-radius:0;border-bottom-left-radius:0}.input-filled{border-color:#1a96c6!important}.ngb-dp-weekday{width:2.1rem!important}.custom-day{text-align:center;padding:.185rem .25rem;display:inline-block;height:2rem;width:2rem}.custom-day.focused{background-color:#e6e6e6}.custom-day.range,.custom-day:hover{background-color:#0275d8;color:#fff}.custom-day.faded{background-color:#0275d880}.ranger{width:calc(50% - 5px);margin:0 2px;float:left}.ranger.vertical{width:calc(100% - 5px);margin:8px 2px}.ranger.vertical:nth-child(2){margin-top:0}.ranger.vertical:last-child{margin-bottom:0}.rtl .custom-select{background:#ffffff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") left .75rem center/8px 10px no-repeat}.rtl .ngb-dp-arrow-btn{transform:rotate(180deg)}.rtl .ranger{float:right}\n"], directives: [{ type: ProvideParentFormDirective, selector: "[provideParentForm]" }, { type: i1__namespace$4.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["disabled", "autoClose", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekdays", "showWeekNumbers", "startDate", "container", "positionTarget"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { type: i3__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
3067
+ GregorianDatepickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: GregorianDatepickerComponent, selector: "gregorian-date-picker", inputs: { selectedDate: "selectedDate", readonly: "readonly", isRequired: "isRequired", disabled: "disabled", min: "min", max: "max", name: "name", range: "range", vertical: "vertical", placeHolder: "placeHolder" }, outputs: { selectedDateChange: "selectedDateChange" }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["d"], descendants: true }], ngImport: i0__namespace, template: "<div provideParentForm>\r\n <input class=\"form-control\" [ngClass]=\"{'hidden':range, 'input-filled' : selectedDate}\" [ngModel]=\"!range && selectedDate\"\r\n (ngModelChange)=\"!range && selectedDate=$event\"\r\n [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\" ngbDatepicker (click)=\"d.toggle()\"\r\n (dateSelect)=\"onDateSelection($event)\" #d=\"ngbDatepicker\" firstDayOfWeek=\"7\" [readonly]=\"readonly\"\r\n [autoClose]=\"range ? 'outside' : true\" [minDate]=\"min\" [maxDate]=\"max\" [required]=\"isRequired\"\r\n [displayMonths]=\"range ? 2 : 1\" [name]=\"name\" [startDate]=\"range ? selectedDate.from! : selectedDate!\" [dayTemplate]=\"t\"\r\n (blur)=\"onBlur()\" [footerTemplate]=\"footerTemplate\" [disabled]=\"disabled\" />\r\n <ng-container *ngIf=\"range\">\r\n <div class=\"form-group ranger\" [ngClass]=\"{'vertical':vertical}\">\r\n <div class=\"input-group\">\r\n <input #dpFromDate class=\"form-control\" (click)=\"d.toggle()\" [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\" name=\"dpFromDate\"\r\n [value]=\"formatter.format(selectedDate.from)\" (input)=\"fromDate = validateInput(selectedDate.from, dpFromDate.value)\">\r\n <div class=\"input-group-append\">\r\n <button class=\"btn btn-outline-secondary\" (click)=\"d.toggle()\" type=\"button\">\r\n <i class=\"bi bi-calendar-week icon\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"form-group ranger\" [ngClass]=\"{'vertical':vertical}\">\r\n <div class=\"input-group\">\r\n <input #dpToDate class=\"form-control\" (click)=\"d.toggle()\" [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\" name=\"dpToDate\"\r\n [value]=\"formatter.format(selectedDate.to)\" (input)=\"selectedDate.to = validateInput(selectedDate.to, dpToDate.value)\">\r\n <div class=\"input-group-append\">\r\n <button class=\"btn btn-outline-secondary\" (click)=\"d.toggle()\" type=\"button\">\r\n <i class=\"bi bi-calendar-week icon\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n<ng-template #t let-date let-focused=\"focused\">\r\n <span class=\"custom-day\" [class.focused]=\"focused || isToday(date)\" [class.range]=\"isRange(date) || isSelectedDate(date)\"\r\n [class.faded]=\"isHovered(date) || (isInside(date) && range)\" (mouseenter)=\"hoveredDate = date\"\r\n (mouseleave)=\"hoveredDate = null\">\r\n {{ date.day }}\r\n </span>\r\n</ng-template>\r\n\r\n\r\n<ng-template #footerTemplate>\r\n <hr class=\"my-0\">\r\n <button class=\"btn btn-secondary btn-sm m-2 float-right\" type=\"button\" (click)=\"d.close()\">{{ \"BUTTONS.CLOSE\" | translate }}</button>\r\n <button class=\"btn btn-primary btn-sm m-2 float-left\" type=\"button\" (click)=\"clear()\">{{ \"BUTTONS.CLEAR\" | translate }}</button>\r\n</ng-template>\r\n", styles: [".date-input-container{position:relative}.date-input-container .date-input-wrapper{position:absolute;width:100%;height:100%;z-index:999999}.hijriInput{border-top-left-radius:0;border-bottom-left-radius:0}.input-filled{border-color:#1a96c6!important}.ngb-dp-weekday{width:2.1rem!important}.custom-day{text-align:center;padding:.185rem .25rem;display:inline-block;height:2rem;width:2rem}.custom-day.focused{background-color:#e6e6e6}.custom-day.range,.custom-day:hover{background-color:#0275d8;color:#fff}.custom-day.faded{background-color:#0275d880}.ranger{width:calc(50% - 5px);margin:0 2px;float:left}.ranger.vertical{width:calc(100% - 5px);margin:8px 2px}.ranger.vertical:nth-child(2){margin-top:0}.ranger.vertical:last-child{margin-bottom:0}.rtl .custom-select{background:#ffffff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") left .75rem center/8px 10px no-repeat}.rtl .ngb-dp-arrow-btn{transform:rotate(180deg)}.rtl .ranger{float:right}\n"], directives: [{ type: ProvideParentFormDirective, selector: "[provideParentForm]" }, { type: i1__namespace$4.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["disabled", "autoClose", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekdays", "showWeekNumbers", "startDate", "container", "positionTarget"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { type: i3__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace$1.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
3068
3068
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: GregorianDatepickerComponent, decorators: [{
3069
3069
  type: i0.Component,
3070
3070
  args: [{
@@ -3192,7 +3192,7 @@
3192
3192
  HijriDatepickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: HijriDatepickerComponent, selector: "hijri-date-picker", inputs: { selectedDate: "selectedDate", readonly: "readonly", isRequired: "isRequired", disabled: "disabled", min: "min", max: "max", name: "name", range: "range", vertical: "vertical", placeHolder: "placeHolder" }, outputs: { selectedDateChange: "selectedDateChange" }, providers: [
3193
3193
  { provide: i1$4.NgbCalendar, useClass: i1$4.NgbCalendarIslamicUmalqura },
3194
3194
  { provide: i1$4.NgbDatepickerI18n, useClass: IslamicI18n }
3195
- ], viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["d"], descendants: true }], ngImport: i0__namespace, template: "<div provideParentForm>\r\n <input class=\"form-control\" [ngClass]=\"{'hidden':range, 'input-filled' : selectedDate}\" [ngModel]=\"!range && selectedDate\"\r\n (ngModelChange)=\"!range && selectedDate=$event\"\r\n [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\" ngbDatepicker (click)=\"d.toggle()\"\r\n (dateSelect)=\"onDateSelection($event)\" #d=\"ngbDatepicker\" firstDayOfWeek=\"7\" [readonly]=\"readonly\"\r\n [autoClose]=\"range ? 'outside' : true\" [minDate]=\"min\" [maxDate]=\"max\" [required]=\"isRequired\"\r\n [displayMonths]=\"range ? 2 : 1\" [name]=\"name\" [startDate]=\"range ? selectedDate.from! : selectedDate!\" [dayTemplate]=\"t\"\r\n (blur)=\"onBlur()\" [footerTemplate]=\"footerTemplate\" [disabled]=\"disabled\" />\r\n <ng-container *ngIf=\"range\">\r\n <div class=\"form-group ranger\" [ngClass]=\"{'vertical':vertical}\">\r\n <div class=\"input-group\">\r\n <input #dpFromDate class=\"form-control\" (click)=\"d.toggle()\" [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\" name=\"dpFromDate\"\r\n [value]=\"formatter.format(selectedDate.from)\" (input)=\"fromDate = validateInput(selectedDate.from, dpFromDate.value)\">\r\n <div class=\"input-group-append\">\r\n <button class=\"btn btn-outline-secondary\" (click)=\"d.toggle()\" type=\"button\">\r\n <i class=\"bi bi-calendar-week icon\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"form-group ranger\" [ngClass]=\"{'vertical':vertical}\">\r\n <div class=\"input-group\">\r\n <input #dpToDate class=\"form-control\" (click)=\"d.toggle()\" [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\" name=\"dpToDate\"\r\n [value]=\"formatter.format(selectedDate.to)\" (input)=\"selectedDate.to = validateInput(selectedDate.to, dpToDate.value)\">\r\n <div class=\"input-group-append\">\r\n <button class=\"btn btn-outline-secondary\" (click)=\"d.toggle()\" type=\"button\">\r\n <i class=\"bi bi-calendar-week icon\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n<ng-template #t let-date let-focused=\"focused\">\r\n <span class=\"custom-day\" [class.focused]=\"focused && range\" [class.range]=\"isRange(date) && range\"\r\n [class.faded]=\"isHovered(date) || (isInside(date) && range)\" (mouseenter)=\"hoveredDate = date\"\r\n (mouseleave)=\"hoveredDate = null\">\r\n {{ date.day }}\r\n </span>\r\n</ng-template>\r\n\r\n\r\n<ng-template #footerTemplate>\r\n <hr class=\"my-0\">\r\n <button class=\"btn btn-secondary btn-sm m-2 float-right\" type=\"button\" (click)=\"d.close()\">Close</button>\r\n <button class=\"btn btn-primary btn-sm m-2 float-left\" type=\"button\" (click)=\"clear()\">Clear</button>\r\n</ng-template>\r\n", styles: [".date-input-container{position:relative}.date-input-container .date-input-wrapper{position:absolute;width:100%;height:100%;z-index:999999}.hijriInput{border-top-left-radius:0;border-bottom-left-radius:0}.input-filled{border-color:#1a96c6!important}.ngb-dp-weekday{width:2.1rem!important}.custom-day{text-align:center;padding:.185rem .25rem;display:inline-block;height:2rem;width:2rem}.custom-day.focused{background-color:#e6e6e6}.custom-day.range,.custom-day:hover{background-color:#0275d8;color:#fff}.custom-day.faded{background-color:#0275d880}.ranger{width:calc(50% - 5px);margin:0 2px;float:left}.ranger.vertical{width:calc(100% - 5px);margin:8px 2px}.ranger.vertical:nth-child(2){margin-top:0}.ranger.vertical:last-child{margin-bottom:0}.rtl .custom-select{background:#ffffff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") left .75rem center/8px 10px no-repeat}.rtl .ngb-dp-arrow-btn{transform:rotate(180deg)}.rtl .ranger{float:right}\n"], directives: [{ type: ProvideParentFormDirective, selector: "[provideParentForm]" }, { type: i1__namespace$4.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["disabled", "autoClose", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekdays", "showWeekNumbers", "startDate", "container", "positionTarget"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { type: i3__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
3195
+ ], viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["d"], descendants: true }], ngImport: i0__namespace, template: "<div provideParentForm>\r\n <input class=\"form-control\" [ngClass]=\"{'hidden':range, 'input-filled' : selectedDate}\" [ngModel]=\"!range && selectedDate\"\r\n (ngModelChange)=\"!range && selectedDate=$event\"\r\n [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\" ngbDatepicker (click)=\"d.toggle()\"\r\n (dateSelect)=\"onDateSelection($event)\" #d=\"ngbDatepicker\" firstDayOfWeek=\"7\" [readonly]=\"readonly\"\r\n [autoClose]=\"range ? 'outside' : true\" [minDate]=\"min\" [maxDate]=\"max\" [required]=\"isRequired\"\r\n [displayMonths]=\"range ? 2 : 1\" [name]=\"name\" [startDate]=\"range ? selectedDate.from! : selectedDate!\" [dayTemplate]=\"t\"\r\n (blur)=\"onBlur()\" [footerTemplate]=\"footerTemplate\" [disabled]=\"disabled\" />\r\n <ng-container *ngIf=\"range\">\r\n <div class=\"form-group ranger\" [ngClass]=\"{'vertical':vertical}\">\r\n <div class=\"input-group\">\r\n <input #dpFromDate class=\"form-control\" (click)=\"d.toggle()\" [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\" name=\"dpFromDate\"\r\n [value]=\"formatter.format(selectedDate.from)\" (input)=\"fromDate = validateInput(selectedDate.from, dpFromDate.value)\">\r\n <div class=\"input-group-append\">\r\n <button class=\"btn btn-outline-secondary\" (click)=\"d.toggle()\" type=\"button\">\r\n <i class=\"bi bi-calendar-week icon\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"form-group ranger\" [ngClass]=\"{'vertical':vertical}\">\r\n <div class=\"input-group\">\r\n <input #dpToDate class=\"form-control\" (click)=\"d.toggle()\" [placeholder]=\"placeHolder ?placeHolder : 'd/M/yyyy'\" name=\"dpToDate\"\r\n [value]=\"formatter.format(selectedDate.to)\" (input)=\"selectedDate.to = validateInput(selectedDate.to, dpToDate.value)\">\r\n <div class=\"input-group-append\">\r\n <button class=\"btn btn-outline-secondary\" (click)=\"d.toggle()\" type=\"button\">\r\n <i class=\"bi bi-calendar-week icon\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n<ng-template #t let-date let-focused=\"focused\">\r\n <span class=\"custom-day\" [class.focused]=\"focused && range\" [class.range]=\"isRange(date) && range\"\r\n [class.faded]=\"isHovered(date) || (isInside(date) && range)\" (mouseenter)=\"hoveredDate = date\"\r\n (mouseleave)=\"hoveredDate = null\">\r\n {{ date.day }}\r\n </span>\r\n</ng-template>\r\n\r\n\r\n<ng-template #footerTemplate>\r\n <hr class=\"my-0\">\r\n <button class=\"btn btn-secondary btn-sm m-2 float-right\" type=\"button\" (click)=\"d.close()\">{{ \"BUTTONS.CLOSE\" | translate }}</button>\r\n <button class=\"btn btn-primary btn-sm m-2 float-left\" type=\"button\" (click)=\"clear()\">{{ \"BUTTONS.CLEAR\" | translate }}</button>\r\n</ng-template>\r\n", styles: [".date-input-container{position:relative}.date-input-container .date-input-wrapper{position:absolute;width:100%;height:100%;z-index:999999}.hijriInput{border-top-left-radius:0;border-bottom-left-radius:0}.input-filled{border-color:#1a96c6!important}.ngb-dp-weekday{width:2.1rem!important}.custom-day{text-align:center;padding:.185rem .25rem;display:inline-block;height:2rem;width:2rem}.custom-day.focused{background-color:#e6e6e6}.custom-day.range,.custom-day:hover{background-color:#0275d8;color:#fff}.custom-day.faded{background-color:#0275d880}.ranger{width:calc(50% - 5px);margin:0 2px;float:left}.ranger.vertical{width:calc(100% - 5px);margin:8px 2px}.ranger.vertical:nth-child(2){margin-top:0}.ranger.vertical:last-child{margin-bottom:0}.rtl .custom-select{background:#ffffff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") left .75rem center/8px 10px no-repeat}.rtl .ngb-dp-arrow-btn{transform:rotate(180deg)}.rtl .ranger{float:right}\n"], directives: [{ type: ProvideParentFormDirective, selector: "[provideParentForm]" }, { type: i1__namespace$4.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["disabled", "autoClose", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekdays", "showWeekNumbers", "startDate", "container", "positionTarget"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { type: i3__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace$1.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
3196
3196
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: HijriDatepickerComponent, decorators: [{
3197
3197
  type: i0.Component,
3198
3198
  args: [{
@@ -3414,6 +3414,7 @@
3414
3414
  GregorianDatepickerComponent,
3415
3415
  ProvideParentFormDirective], imports: [i4.CommonModule,
3416
3416
  i3.ReactiveFormsModule,
3417
+ i1$1.TranslateModule,
3417
3418
  i3.FormsModule,
3418
3419
  i1$4.NgbModule], exports: [HijriGregorianDatepickerComponent] });
3419
3420
  NgxHijriGregorianDatepickerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: NgxHijriGregorianDatepickerModule, providers: [
@@ -3422,6 +3423,7 @@
3422
3423
  ], imports: [[
3423
3424
  i4.CommonModule,
3424
3425
  i3.ReactiveFormsModule,
3426
+ i1$1.TranslateModule,
3425
3427
  i3.FormsModule,
3426
3428
  i1$4.NgbModule
3427
3429
  ]] });
@@ -3437,6 +3439,7 @@
3437
3439
  imports: [
3438
3440
  i4.CommonModule,
3439
3441
  i3.ReactiveFormsModule,
3442
+ i1$1.TranslateModule,
3440
3443
  i3.FormsModule,
3441
3444
  i1$4.NgbModule
3442
3445
  ],
@@ -10181,7 +10184,7 @@
10181
10184
  return UserSelectorWrapperComponent;
10182
10185
  }());
10183
10186
  UserSelectorWrapperComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: UserSelectorWrapperComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
10184
- UserSelectorWrapperComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: UserSelectorWrapperComponent, selector: "lib-user-selector-wrapper", inputs: { value: "value", multipleMode: "multipleMode", customOptions: "customOptions" }, outputs: { valueChange: "valueChange" }, ngImport: i0__namespace, template: "<cts-dynamic-form-select-users placeholder=\"{{ 'CREATE.PLACE_HOLDER' | translate }} {{'CREATE.USER' | translate}}\"\n [multiple]=\"multipleMode\"\n [searchable]=\"true\"\n [bindLabel]=\"'fullName'\"\n [closeOnSelect]=\"!multipleMode\"\n [searchable]=\"true\"\n [deptTitle]=\"'all'\"\n [preSelectedValues]=\"[]\"\n [usePreSelectedValue]=\"true\"\n (onSelectItems)=\"executeFunction($event)\"\n (ngModelChange)=\"checkChange($event)\"\n [(ngModel)]=\"bindedValue\" >\n</cts-dynamic-form-select-users>\n <!-- -->\n\n<!-- <div>{{customOptions | json}}</div>\n<div>{{multipleMode}}</div> -->", styles: [""], components: [{ type: DynamicFormSelectUsersComponent, selector: "cts-dynamic-form-select-users", inputs: ["deptTitle", "label", "bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "preSelectedValues", "usePreSelectedValue", "disabled", "filter"], outputs: ["onSelectItems"] }], directives: [{ type: i3__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
10187
+ UserSelectorWrapperComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: UserSelectorWrapperComponent, selector: "lib-user-selector-wrapper", inputs: { value: "value", multipleMode: "multipleMode", customOptions: "customOptions" }, outputs: { valueChange: "valueChange" }, ngImport: i0__namespace, template: "<cts-dynamic-form-select-users placeholder=\"{{ 'CREATE.PLACE_HOLDER' | translate }} {{'CREATE.USER' | translate}}\"\r\n [multiple]=\"multipleMode\"\r\n [searchable]=\"true\"\r\n [bindLabel]=\"'fullName'\"\r\n [closeOnSelect]=\"!multipleMode\"\r\n [searchable]=\"true\"\r\n [deptTitle]=\"'all'\"\r\n [preSelectedValues]=\"[]\"\r\n [usePreSelectedValue]=\"true\"\r\n (onSelectItems)=\"executeFunction($event)\"\r\n (ngModelChange)=\"checkChange($event)\"\r\n [(ngModel)]=\"bindedValue\" >\r\n</cts-dynamic-form-select-users>\r\n <!-- -->\r\n\r\n<!-- <div>{{customOptions | json}}</div>\r\n<div>{{multipleMode}}</div> -->", styles: [""], components: [{ type: DynamicFormSelectUsersComponent, selector: "cts-dynamic-form-select-users", inputs: ["deptTitle", "label", "bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "preSelectedValues", "usePreSelectedValue", "disabled", "filter"], outputs: ["onSelectItems"] }], directives: [{ type: i3__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
10185
10188
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: UserSelectorWrapperComponent, decorators: [{
10186
10189
  type: i0.Component,
10187
10190
  args: [{
@@ -13294,7 +13297,7 @@
13294
13297
  return CutomeVocViewerComponent;
13295
13298
  }());
13296
13299
  CutomeVocViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: CutomeVocViewerComponent, deps: [{ token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
13297
- CutomeVocViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CutomeVocViewerComponent, selector: "lib-cutome-voc-viewer", inputs: { type: "type", group: "group" }, ngImport: i0__namespace, template: "<span *ngIf=\"group\">\n <span *ngIf=\"type === 'vocabulary'\">\n {{\n \"vocabulary.\" + group.fetchedKey.directoryName + \".\" + group.key | translate\n }}\n </span>\n <span *ngIf=\"type === 'custom-voc'\">\n {{\n isArabic\n ? group.fetchedKey.properties.label_ar\n : group.fetchedKey.properties.label_en\n }}\n </span>\n</span>\n", styles: [""], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
13300
+ CutomeVocViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CutomeVocViewerComponent, selector: "lib-cutome-voc-viewer", inputs: { type: "type", group: "group" }, ngImport: i0__namespace, template: "<span *ngIf=\"group\">\r\n <span *ngIf=\"type === 'vocabulary'\">\r\n {{\r\n \"vocabulary.\" + group.fetchedKey.directoryName + \".\" + group.key | translate\r\n }}\r\n </span>\r\n <span *ngIf=\"type === 'custom-voc'\">\r\n {{\r\n isArabic\r\n ? group.fetchedKey.properties.label_ar\r\n : group.fetchedKey.properties.label_en\r\n }}\r\n </span>\r\n</span>\r\n", styles: [""], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
13298
13301
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: CutomeVocViewerComponent, decorators: [{
13299
13302
  type: i0.Component,
13300
13303
  args: [{
@@ -13416,7 +13419,7 @@
13416
13419
  return CustomDocumentViewerComponent;
13417
13420
  }());
13418
13421
  CustomDocumentViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: CustomDocumentViewerComponent, deps: [{ token: CallApiService }, { token: DynamicVieweService }, { token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
13419
- CustomDocumentViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CustomDocumentViewerComponent, selector: "lib-custom-document-viewer", inputs: { pageProvider: "pageProvider", group: "group" }, ngImport: i0__namespace, template: "<span *ngIf=\"data\">\n {{isArabic ? data['documenttypee:arabicTitle'] : data['dc:title']}}\n</span>", styles: [""], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
13422
+ CustomDocumentViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CustomDocumentViewerComponent, selector: "lib-custom-document-viewer", inputs: { pageProvider: "pageProvider", group: "group" }, ngImport: i0__namespace, template: "<span *ngIf=\"data\">\r\n {{isArabic ? data['documenttypee:arabicTitle'] : data['dc:title']}}\r\n</span>", styles: [""], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
13420
13423
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: CustomDocumentViewerComponent, decorators: [{
13421
13424
  type: i0.Component,
13422
13425
  args: [{
@@ -13641,7 +13644,7 @@
13641
13644
  function DateHelperService() {
13642
13645
  }
13643
13646
  DateHelperService.prototype.gregorianToHijri = function (dateString, format) {
13644
- if (format === void 0) { format = 'iYYYY-iMM-iD'; }
13647
+ if (format === void 0) { format = 'iYYYY-iMM-iDD'; }
13645
13648
  return momentHijri(dateString, '').locale('en').format(format);
13646
13649
  };
13647
13650
  DateHelperService.prototype.hijriToGregorian = function (dateString, format) {
@@ -17611,7 +17614,7 @@
17611
17614
  return EditDeleteModalComponent;
17612
17615
  }());
17613
17616
  EditDeleteModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: EditDeleteModalComponent, deps: [{ token: i1$7.MAT_DIALOG_DATA }, { token: i1__namespace$3.ToastrService }, { token: CommentApiService }, { token: NuxeoService$1 }, { token: i1__namespace$7.MatDialogRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
17614
- EditDeleteModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: EditDeleteModalComponent, selector: "lib-edit-delete-modal", ngImport: i0__namespace, template: "<div class=\"comment-control\">\n <div class=\"delete-modal\" *ngIf=\"operationType === 'delete'\">\n <div class=\"delete-message\">{{ \"comment.are-you-sure\" | translate }}</div>\n <div class=\"delete-buttons\">\n <button class=\"submission-button\" (click)=\"delete()\">{{ \"BUTTONS.Delete\" | translate }}</button>\n <button class=\"cancelation-button\"(click)=\"cancel()\">{{ \"BUTTONS.Cancel\" | translate }}</button>\n </div>\n </div>\n\n <div class=\"update-modal\" *ngIf=\"operationType === 'edit'\">\n <div class=\"text-update\">\n <textarea placeholder=\"Comment ...\" [(ngModel)]=\"comment.text\" rows=\"3\"></textarea>\n <div class=\"error\" *ngIf=\"(comment.text.trim()).length === 0\">\n {{ \"comment.comment-required\" | translate }}\n </div>\n </div>\n <div class=\"delete-buttons\">\n <button class=\"submission-button -mx-1\" [disabled]=\"(comment.text.trim()).length === 0\" (click)=\"update()\">{{ \"BUTTONS.UPDATE\" | translate }}</button>\n <button class=\"cancelation-button\" (click)=\"cancel()\">{{ \"BUTTONS.Cancel\" | translate }}</button>\n </div>\n </div>\n</div>", styles: [".comment-control{height:100%}.comment-control .delete-modal{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.comment-control .delete-modal .delete-message{text-align:center;font-size:16px;color:#000;margin-bottom:20px}.comment-control .delete-modal .delete-buttons{display:flex;align-items:center;justify-content:center}.comment-control .update-modal{height:100%;display:flex;justify-content:space-between;flex-direction:column}.comment-control .update-modal .text-update .error{font-size:14px;color:red}.comment-control .update-modal textarea{margin-bottom:0;border-radius:5px;padding:8px;width:100%;color:#465573;outline:none;border:1px solid #d9dce2;background-color:#8f98aa1a;resize:none}.comment-control .update-modal .delete-buttons{display:flex;justify-content:space-between}\n"], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
17617
+ EditDeleteModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: EditDeleteModalComponent, selector: "lib-edit-delete-modal", ngImport: i0__namespace, template: "<div class=\"comment-control\">\r\n <div class=\"delete-modal\" *ngIf=\"operationType === 'delete'\">\r\n <div class=\"delete-message\">{{ \"comment.are-you-sure\" | translate }}</div>\r\n <div class=\"delete-buttons\">\r\n <button class=\"submission-button\" (click)=\"delete()\">{{ \"BUTTONS.Delete\" | translate }}</button>\r\n <button class=\"cancelation-button\"(click)=\"cancel()\">{{ \"BUTTONS.Cancel\" | translate }}</button>\r\n </div>\r\n </div>\r\n\r\n <div class=\"update-modal\" *ngIf=\"operationType === 'edit'\">\r\n <div class=\"text-update\">\r\n <textarea placeholder=\"Comment ...\" [(ngModel)]=\"comment.text\" rows=\"3\"></textarea>\r\n <div class=\"error\" *ngIf=\"(comment.text.trim()).length === 0\">\r\n {{ \"comment.comment-required\" | translate }}\r\n </div>\r\n </div>\r\n <div class=\"delete-buttons\">\r\n <button class=\"submission-button -mx-1\" [disabled]=\"(comment.text.trim()).length === 0\" (click)=\"update()\">{{ \"BUTTONS.UPDATE\" | translate }}</button>\r\n <button class=\"cancelation-button\" (click)=\"cancel()\">{{ \"BUTTONS.Cancel\" | translate }}</button>\r\n </div>\r\n </div>\r\n</div>", styles: [".comment-control{height:100%}.comment-control .delete-modal{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.comment-control .delete-modal .delete-message{text-align:center;font-size:16px;color:#000;margin-bottom:20px}.comment-control .delete-modal .delete-buttons{display:flex;align-items:center;justify-content:center}.comment-control .update-modal{height:100%;display:flex;justify-content:space-between;flex-direction:column}.comment-control .update-modal .text-update .error{font-size:14px;color:red}.comment-control .update-modal textarea{margin-bottom:0;border-radius:5px;padding:8px;width:100%;color:#465573;outline:none;border:1px solid #d9dce2;background-color:#8f98aa1a;resize:none}.comment-control .update-modal .delete-buttons{display:flex;justify-content:space-between}\n"], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
17615
17618
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: EditDeleteModalComponent, decorators: [{
17616
17619
  type: i0.Component,
17617
17620
  args: [{