nuxeo-development-framework 1.1.6 → 1.1.9

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.
@@ -894,14 +894,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
894
894
 
895
895
  const TRANSLATION_PROVIDER$1 = new InjectionToken('Injection token for translation providers.');
896
896
  class TranslationService$1 {
897
- constructor(translate, rendererFactory, localStorage, userPreferencesService, nuxeoService, environment, providers) {
897
+ constructor(translate, rendererFactory, localStorage, userPreferencesService, appConfig, nuxeoService, environment, providers) {
898
898
  this.translate = translate;
899
899
  this.rendererFactory = rendererFactory;
900
900
  this.localStorage = localStorage;
901
+ this.appConfig = appConfig;
901
902
  this.nuxeoService = nuxeoService;
902
903
  this.environment = environment;
903
904
  this.isArabic = new BehaviorSubject(false);
904
905
  this.isArabic$ = this.isArabic.asObservable();
906
+ this.translationApiName = this.appConfig.myConfiguration['translationApi'] ? this.appConfig.myConfiguration['translationApi'] : null;
905
907
  this.customLoader = this.translate.currentLoader;
906
908
  this.renderer = rendererFactory.createRenderer(null, null);
907
909
  this.defaultLang = 'en';
@@ -1010,7 +1012,7 @@ class TranslationService$1 {
1010
1012
  }
1011
1013
  getOrCreateTranslationFile(lang) {
1012
1014
  return from(this.nuxeoService.nuxeoClient
1013
- .operation('AC_UA_Translation_GetOrCreate', {
1015
+ .operation(this.translationApiName ? this.translationApiName : 'AC_UA_Translation_GetOrCreate', {
1014
1016
  url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
1015
1017
  })
1016
1018
  .params({ language: lang })
@@ -1036,14 +1038,14 @@ class TranslationService$1 {
1036
1038
  }));
1037
1039
  }
1038
1040
  }
1039
- TranslationService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: TranslationService$1, deps: [{ token: i1$1.TranslateService }, { token: i0.RendererFactory2 }, { token: LocalStoragService$1 }, { token: UserPreferencesService$1 }, { token: NuxeoService$1 }, { token: 'environment' }, { token: TRANSLATION_PROVIDER$1, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
1041
+ TranslationService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: TranslationService$1, deps: [{ token: i1$1.TranslateService }, { token: i0.RendererFactory2 }, { token: LocalStoragService$1 }, { token: UserPreferencesService$1 }, { token: AppConfigService }, { token: NuxeoService$1 }, { token: 'environment' }, { token: TRANSLATION_PROVIDER$1, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
1040
1042
  TranslationService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: TranslationService$1, providedIn: 'root' });
1041
1043
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: TranslationService$1, decorators: [{
1042
1044
  type: Injectable,
1043
1045
  args: [{
1044
1046
  providedIn: 'root',
1045
1047
  }]
1046
- }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i0.RendererFactory2 }, { type: LocalStoragService$1 }, { type: UserPreferencesService$1 }, { type: NuxeoService$1 }, { type: undefined, decorators: [{
1048
+ }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i0.RendererFactory2 }, { type: LocalStoragService$1 }, { type: UserPreferencesService$1 }, { type: AppConfigService }, { type: NuxeoService$1 }, { type: undefined, decorators: [{
1047
1049
  type: Inject,
1048
1050
  args: ['environment']
1049
1051
  }] }, { type: undefined, decorators: [{
@@ -2059,14 +2061,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
2059
2061
 
2060
2062
  const TRANSLATION_PROVIDER = new InjectionToken('Injection token for translation providers.');
2061
2063
  class TranslationService {
2062
- constructor(translate, rendererFactory, localStorage, userPreferencesService, nuxeoService, environment, providers) {
2064
+ constructor(translate, rendererFactory, localStorage, userPreferencesService, appConfig, nuxeoService, environment, providers) {
2063
2065
  this.translate = translate;
2064
2066
  this.rendererFactory = rendererFactory;
2065
2067
  this.localStorage = localStorage;
2068
+ this.appConfig = appConfig;
2066
2069
  this.nuxeoService = nuxeoService;
2067
2070
  this.environment = environment;
2068
2071
  this.isArabic = new BehaviorSubject(false);
2069
2072
  this.isArabic$ = this.isArabic.asObservable();
2073
+ this.translationApiName = this.appConfig.myConfiguration['translationApi'] ? this.appConfig.myConfiguration['translationApi'] : null;
2070
2074
  this.customLoader = this.translate.currentLoader;
2071
2075
  this.renderer = rendererFactory.createRenderer(null, null);
2072
2076
  this.defaultLang = 'en';
@@ -2175,7 +2179,7 @@ class TranslationService {
2175
2179
  }
2176
2180
  getOrCreateTranslationFile(lang) {
2177
2181
  return from(this.nuxeoService.nuxeoClient
2178
- .operation('AC_UA_Translation_GetOrCreate', {
2182
+ .operation(this.translationApiName ? this.translationApiName : 'AC_UA_Translation_GetOrCreate', {
2179
2183
  url: `${this.environment.nuxeo}${this.environment.customAutomation}`,
2180
2184
  })
2181
2185
  .params({ language: lang })
@@ -2201,14 +2205,14 @@ class TranslationService {
2201
2205
  }));
2202
2206
  }
2203
2207
  }
2204
- TranslationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: TranslationService, deps: [{ token: i1$1.TranslateService }, { token: i0.RendererFactory2 }, { token: LocalStoragService }, { token: UserPreferencesService }, { token: NuxeoService }, { token: 'environment' }, { token: TRANSLATION_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
2208
+ TranslationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: TranslationService, deps: [{ token: i1$1.TranslateService }, { token: i0.RendererFactory2 }, { token: LocalStoragService }, { token: UserPreferencesService }, { token: AppConfigService }, { token: NuxeoService }, { token: 'environment' }, { token: TRANSLATION_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
2205
2209
  TranslationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: TranslationService, providedIn: 'root' });
2206
2210
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: TranslationService, decorators: [{
2207
2211
  type: Injectable,
2208
2212
  args: [{
2209
2213
  providedIn: 'root',
2210
2214
  }]
2211
- }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i0.RendererFactory2 }, { type: LocalStoragService }, { type: UserPreferencesService }, { type: NuxeoService }, { type: undefined, decorators: [{
2215
+ }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i0.RendererFactory2 }, { type: LocalStoragService }, { type: UserPreferencesService }, { type: AppConfigService }, { type: NuxeoService }, { type: undefined, decorators: [{
2212
2216
  type: Inject,
2213
2217
  args: ['environment']
2214
2218
  }] }, { type: undefined, decorators: [{
@@ -6065,7 +6069,7 @@ class DynamicFormTextItemComponent {
6065
6069
  pageSize: 40,
6066
6070
  pageProvider: this.autoComplete_pageProvider,
6067
6071
  };
6068
- params[this.autoComplete_propertyName] = `%${val}%`;
6072
+ params[this.autoComplete_propertyName] = (val) ? `%${val}%` : '';
6069
6073
  this.dynamicFormUpdateService
6070
6074
  .getTextBoxSuggestionResults(this.autoComplete_pageProvider, params, this.autoComplete_propertyKey, this.autoCompleteValueKey)
6071
6075
  .subscribe((data) => {
@@ -6078,6 +6082,9 @@ class DynamicFormTextItemComponent {
6078
6082
  openOptions(value) {
6079
6083
  if (this.autoComplete) {
6080
6084
  this.showsuggestedOptions = value;
6085
+ if (!this.documentList.length && value) {
6086
+ this.onSearchInputChange();
6087
+ }
6081
6088
  }
6082
6089
  }
6083
6090
  }
@@ -8862,7 +8869,8 @@ class DynamicFormComponent {
8862
8869
  if (event.data) {
8863
8870
  let myformValue = {
8864
8871
  valid: event.isValid,
8865
- data: this.formBuilderServic.adaptOutDynamicFields(event.data)
8872
+ data: this.formBuilderServic.adaptOutDynamicFields(event.data),
8873
+ originalEvent: event
8866
8874
  };
8867
8875
  this.change.emit(myformValue);
8868
8876
  }
@@ -9202,7 +9210,7 @@ class UserSelectorWrapperComponent {
9202
9210
  }
9203
9211
  }
9204
9212
  UserSelectorWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: UserSelectorWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9205
- UserSelectorWrapperComponent.ɵcmp = i0.ɵɵ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, 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1$1.TranslatePipe } });
9213
+ UserSelectorWrapperComponent.ɵcmp = i0.ɵɵ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, 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1$1.TranslatePipe } });
9206
9214
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: UserSelectorWrapperComponent, decorators: [{
9207
9215
  type: Component,
9208
9216
  args: [{
@@ -12218,7 +12226,7 @@ class CutomeVocViewerComponent {
12218
12226
  }
12219
12227
  }
12220
12228
  CutomeVocViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CutomeVocViewerComponent, deps: [{ token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
12221
- CutomeVocViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CutomeVocViewerComponent, selector: "lib-cutome-voc-viewer", inputs: { type: "type", group: "group" }, ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe } });
12229
+ CutomeVocViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CutomeVocViewerComponent, selector: "lib-cutome-voc-viewer", inputs: { type: "type", group: "group" }, ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe } });
12222
12230
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CutomeVocViewerComponent, decorators: [{
12223
12231
  type: Component,
12224
12232
  args: [{
@@ -12333,7 +12341,7 @@ class CustomDocumentViewerComponent {
12333
12341
  }
12334
12342
  }
12335
12343
  CustomDocumentViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CustomDocumentViewerComponent, deps: [{ token: CallApiService }, { token: DynamicVieweService }, { token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
12336
- CustomDocumentViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CustomDocumentViewerComponent, selector: "lib-custom-document-viewer", inputs: { pageProvider: "pageProvider", group: "group" }, ngImport: i0, template: "<span *ngIf=\"data\">\n {{isArabic ? data['documenttypee:arabicTitle'] : data['dc:title']}}\n</span>", styles: [""], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
12344
+ CustomDocumentViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CustomDocumentViewerComponent, selector: "lib-custom-document-viewer", inputs: { pageProvider: "pageProvider", group: "group" }, ngImport: i0, template: "<span *ngIf=\"data\">\r\n {{isArabic ? data['documenttypee:arabicTitle'] : data['dc:title']}}\r\n</span>", styles: [""], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
12337
12345
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CustomDocumentViewerComponent, decorators: [{
12338
12346
  type: Component,
12339
12347
  args: [{
@@ -16313,7 +16321,7 @@ class EditDeleteModalComponent {
16313
16321
  }
16314
16322
  }
16315
16323
  EditDeleteModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: EditDeleteModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$3.ToastrService }, { token: CommentApiService }, { token: NuxeoService$1 }, { token: i1$7.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
16316
- EditDeleteModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: EditDeleteModalComponent, selector: "lib-edit-delete-modal", ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1$1.TranslatePipe } });
16324
+ EditDeleteModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: EditDeleteModalComponent, selector: "lib-edit-delete-modal", ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1$1.TranslatePipe } });
16317
16325
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: EditDeleteModalComponent, decorators: [{
16318
16326
  type: Component,
16319
16327
  args: [{