nuxeo-development-framework 0.8.5 → 0.8.6

package/fesm2015/nuxeo-development-framework.js

@@ -9191,7 +9191,7 @@ class UserSelectorWrapperComponent {
     }
 }
 UserSelectorWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: UserSelectorWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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 } });
+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 } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: UserSelectorWrapperComponent, decorators: [{
             type: Component,
             args: [{
@@ -12207,7 +12207,7 @@ class CutomeVocViewerComponent {
     }
 }
 CutomeVocViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CutomeVocViewerComponent, deps: [{ token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
-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 } });
+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 } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CutomeVocViewerComponent, decorators: [{
             type: Component,
             args: [{
@@ -12260,7 +12260,7 @@ class CustomPpViewerComponent {
     }
 }
 CustomPpViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CustomPpViewerComponent, deps: [{ token: DynamicVieweService }, { token: CallApiService }, { token: TranslationService$1 }], target: i0.ɵɵFactoryTarget.Component });
-CustomPpViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CustomPpViewerComponent, selector: "lib-custom-pp-viewer", inputs: { pageProvider: "pageProvider", group: "group" }, ngImport: i0, template: "<span *ngIf=\"data\">\r\n    {{isArabic ? data['category:arabicTitle'] : data['dc:title']}}\r\n</span>", styles: [""], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+CustomPpViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: CustomPpViewerComponent, selector: "lib-custom-pp-viewer", inputs: { pageProvider: "pageProvider", group: "group" }, ngImport: i0, template: "<span *ngIf=\"data\">\n    {{isArabic ? data['category:arabicTitle'] : data['dc:title']}}\n</span>", styles: [""], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CustomPpViewerComponent, decorators: [{
             type: Component,
             args: [{
@@ -12313,7 +12313,7 @@ class CustomDocumentViewerComponent {
     }
 }
 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 });
-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"] }] });
+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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: CustomDocumentViewerComponent, decorators: [{
             type: Component,
             args: [{
@@ -16256,7 +16256,7 @@ class EditDeleteModalComponent {
     }
 }
 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 });
-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 } });
+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 } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: EditDeleteModalComponent, decorators: [{
             type: Component,
             args: [{
@@ -17865,12 +17865,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
  * </app-pdftron>
  */
 class PdftronComponent {
-    constructor(cdr, pdftronService, nuxeo, baseHref, securePipe, environment) {
+    constructor(cdr, pdftronService, nuxeo, baseHref, securePipe, translationService, environment) {
         this.cdr = cdr;
         this.pdftronService = pdftronService;
         this.nuxeo = nuxeo;
         this.baseHref = baseHref;
         this.securePipe = securePipe;
+        this.translationService = translationService;
         this.environment = environment;
         this.actionClicked = false; // used to know if there is action clicked outside to start edit mode or not
         this.DOCUMENT_TYPE = 'application/pdf';
@@ -17882,7 +17883,11 @@ class PdftronComponent {
         this.newSignCreation = false; // flage to indicate signature creation is created or choosed from stored ones
     }
     ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () { });
+        return __awaiter(this, void 0, void 0, function* () {
+            this.transelationSubscrition = this.translationService.isArabic.subscribe(res => {
+                this.isArabic = res;
+            });
+        });
     }
     ngAfterViewInit() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -17907,6 +17912,7 @@ class PdftronComponent {
                 licenseKey: this.environment.pdftronLicenceKey,
                 disabledElements: ['downloadButton', 'printButton'],
             }, this.viewerRef.nativeElement).then((instance) => __awaiter(this, void 0, void 0, function* () {
+                this.isArabic ? instance.setLanguage('ar') : instance.setLanguage('en');
                 this.pdftronService.instance = this.webViewerInstance = instance;
                 this.addPrintButton();
                 this.addDownloadButton();
@@ -18005,7 +18011,7 @@ class PdftronComponent {
             header.push({
                 type: 'actionButton',
                 img: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-file-earmark-arrow-down" viewBox="0 0 16 16"> <path d="M8.5 6.5a.5.5 0 0 0-1 0v3.793L6.354 9.146a.5.5 0 1 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 10.293V6.5z"/> <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/></svg>',
-                title: 'Download',
+                title: this.isArabic ? 'تنزيل' : 'Download',
                 onClick: () => __awaiter(this, void 0, void 0, function* () {
                     const { DocumentViewer, AnnotationManager, SaveOptions } = this.webViewerInstance.CoreControls;
                     // const xfdfString = await AnnotationManager.exportAnnotations();
@@ -18042,7 +18048,7 @@ class PdftronComponent {
             header.push({
                 type: 'actionButton',
                 img: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#abb0c4;}</style></defs><title>icon - header - print - line</title><path class="cls-1" d="M20,6H18V2H6V6H4A2,2,0,0,0,2,8v9a2,2,0,0,0,2,2H6v3H18V19h2a2,2,0,0,0,2-2V8A2,2,0,0,0,20,6ZM8,4h8V6H8Zm8,16H8V16h8Zm4-3H18V14H6v3H4V8H20Zm-4-7h2v2H16Zm-3,0h2v2H13Z"></path></svg>',
-                title: 'Print',
+                title: this.isArabic ? "طباعة" : 'Print',
                 onClick: () => {
                     this.pdftronService.instance.print();
                     this.events.next('print');
@@ -18189,9 +18195,10 @@ class PdftronComponent {
             });
             this.pdftronService.instance = this.webViewerInstance = null;
         }
+        this.transelationSubscrition ? this.transelationSubscrition.unsubscribe() : null;
     }
 }
-PdftronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PdftronComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: PdftronService }, { token: NuxeoService$1 }, { token: APP_BASE_HREF }, { token: SecurePipe }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Component });
+PdftronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PdftronComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: PdftronService }, { token: NuxeoService$1 }, { token: APP_BASE_HREF }, { token: SecurePipe }, { token: TranslationService$1 }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Component });
 PdftronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: PdftronComponent, selector: "app-pdftron", inputs: { editMode: "editMode", actionClicked: "actionClicked", fileTitle: "fileTitle", docId: "docId", DOCUMENT_TYPE: "DOCUMENT_TYPE", fileData: "fileData", fitMode: "fitMode", authHeader: "authHeader", fileURL: "fileURL", correspondance: "correspondance", secrecyProperty: "secrecyProperty", editingType: "editingType", userSignatures: "userSignatures" }, outputs: { events: "events", SignatureEvent: "SignatureEvent" }, providers: [SecurePipe], viewQueries: [{ propertyName: "viewerRef", first: true, predicate: ["fileViewer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #fileViewer style=\"width: 100%; height: 100%;\"></div>\r\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: PdftronComponent, decorators: [{
             type: Component,
@@ -18204,7 +18211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: PdftronService }, { type: NuxeoService$1 }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [APP_BASE_HREF]
-                }] }, { type: SecurePipe }, { type: undefined, decorators: [{
+                }] }, { type: SecurePipe }, { type: TranslationService$1 }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
                 }] }]; }, propDecorators: { viewerRef: [{