nuxeo-development-framework 3.8.3 → 3.8.5

package/bundles/nuxeo-development-framework.umd.js

@@ -2,7 +2,7 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/common/http'), require('@angular/forms'), require('rxjs/operators'), require('@angular/platform-browser'), require('rxjs'), require('@ngx-translate/core'), require('moment-es6'), require('keycloak-angular'), require('ngx-cookie-service'), require('moment-hijri'), require('@angular/material/icon'), require('@angular/material/progress-spinner'), require('@angular/material/tooltip'), require('ngx-infinite-scroll'), require('@angular/router'), require('@angular/material/list'), require('@angular/material/menu'), require('angular-ng-autocomplete'), require('@angular/material/core'), require('@angular/material/dialog'), require('ngx-toastr'), require('@angular/animations'), require('@angular/cdk/bidi'), require('ts-cacheable'), require('@ng-select/ng-select'), require('@angular/material/form-field'), require('@angular/material/chips'), require('@angular/material/expansion'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/datepicker'), require('@angular/material/input'), require('@angular/material/radio'), require('@angular/material/slide-toggle'), require('@busacca/ng-pick-datetime'), require('@mat-datetimepicker/core'), require('angular-formio'), require('ngx-treeview'), require('@ng-bootstrap/ng-bootstrap'), require('moment'), require('formiojs'), require('lodash'), require('@swimlane/ngx-datatable'), require('@angular/cdk/layout'), require('@angular/material/autocomplete'), require('dwt'), require('@angular/material/progress-bar'), require('chart.js'), require('chartjs-plugin-piechart-outlabels'), require('chartjs-plugin-labels'), require('devextreme-angular'), require('file-saver'), require('devextreme-angular/ui/nested'), require('devextreme-angular/core'), require('@pdftron/webviewer'), require('@angular/material/tabs'), require('@angular/material/divider'), require('@angular/common/locales/ar'), require('@angular/common/locales/en'), require('@rxweb/reactive-form-validators'), require('@angular/material/badge'), require('@angular/material/toolbar')) :
   typeof define === 'function' && define.amd ? define('nuxeo-development-framework', ['exports', '@angular/core', '@angular/common', '@angular/common/http', '@angular/forms', 'rxjs/operators', '@angular/platform-browser', 'rxjs', '@ngx-translate/core', 'moment-es6', 'keycloak-angular', 'ngx-cookie-service', 'moment-hijri', '@angular/material/icon', '@angular/material/progress-spinner', '@angular/material/tooltip', 'ngx-infinite-scroll', '@angular/router', '@angular/material/list', '@angular/material/menu', 'angular-ng-autocomplete', '@angular/material/core', '@angular/material/dialog', 'ngx-toastr', '@angular/animations', '@angular/cdk/bidi', 'ts-cacheable', '@ng-select/ng-select', '@angular/material/form-field', '@angular/material/chips', '@angular/material/expansion', '@angular/material/button', '@angular/material/checkbox', '@angular/material/datepicker', '@angular/material/input', '@angular/material/radio', '@angular/material/slide-toggle', '@busacca/ng-pick-datetime', '@mat-datetimepicker/core', 'angular-formio', 'ngx-treeview', '@ng-bootstrap/ng-bootstrap', 'moment', 'formiojs', 'lodash', '@swimlane/ngx-datatable', '@angular/cdk/layout', '@angular/material/autocomplete', 'dwt', '@angular/material/progress-bar', 'chart.js', 'chartjs-plugin-piechart-outlabels', 'chartjs-plugin-labels', 'devextreme-angular', 'file-saver', 'devextreme-angular/ui/nested', 'devextreme-angular/core', '@pdftron/webviewer', '@angular/material/tabs', '@angular/material/divider', '@angular/common/locales/ar', '@angular/common/locales/en', '@rxweb/reactive-form-validators', '@angular/material/badge', '@angular/material/toolbar'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["nuxeo-development-framework"] = {}, global.ng.core, global.ng.common, global.ng.common.http, global.ng.forms, global.rxjs.operators, global.ng.platformBrowser, global.rxjs, global.i1$1, global.moment$4, global.i2$1, global.i3, global.moment_, global.ng.material.icon, global.ng.material.progressSpinner, global.ng.material.tooltip, global.i9, global.ng.router, global.ng.material.list, global.ng.material.menu, global.i6$1, global.ng.material.core, global.ng.material.dialog, global.i1$4, global.ng.animations, global.ng.cdk.bidi, global.tsCacheable, global.i5, global.ng.material.formField, global.ng.material.chips, global.ng.material.expansion, global.ng.material.button, global.ng.material.checkbox, global.ng.material.datepicker, global.ng.material.input, global.ng.material.radio, global.ng.material.slideToggle, global.i6$4, global.core, global.i3$1, global.i1$6, global.i1$5, global.moment$5, global.formiojs, global._, global.i4$2, global.ng.cdk.layout, global.ng.material.autocomplete, global.Dynamsoft, global.ng.material.progressBar, global.chart_js, null, null, global.i3$2, global.FileSaver, global.i4$4, global.i5$3, global.WebViewer, global.ng.material.tabs, global.ng.material.divider, global.ng.common.locales.ar, global.ng.common.locales.en, global.reactiveFormValidators, global.ng.material.badge, global.ng.material.toolbar));
-})(this, (function (exports, i0, i4, i1, i6, operators, i2, rxjs, i1$1, moment$4, i2$1, i3, moment_, i2$3, i8, i2$6, i9, i1$2, i2$2, i2$4, i6$1, i2$5, i1$3, i1$4, animations, i4$1, tsCacheable, i5, i6$2, i7, i6$3, i1$7, i7$1, datepicker, i5$1, i2$8, i2$7, i6$4, core, i3$1, i1$6, i1$5, moment$5, formiojs, _, i4$2, i5$2, i7$2, Dynamsoft, i4$3, chart_js, chartjsPluginPiechartOutlabels, chartjsPluginLabels, i3$2, FileSaver, i4$4, i5$3, WebViewer, i1$8, i8$1, localeAr, localeEn, reactiveFormValidators, i5$4, toolbar) { 'use strict';
+})(this, (function (exports, i0, i4, i1, i6, operators, i2, rxjs, i1$1, moment$4, i2$1, i3, moment_, i2$3, i8, i2$6, i9, i1$2, i2$2, i2$4, i6$1, i2$5, i1$3, i1$4, animations, i4$1, tsCacheable, i5, i6$2, i7, i6$3, i1$7, i7$1, datepicker, i5$1, i2$8, i2$7, i6$4, core, i3$1, i1$6, i1$5, moment$5, formiojs, _, i4$2, i5$2, i7$2, Dynamsoft, i4$3, chart_js, chartjsPluginPiechartOutlabels, chartjsPluginLabels, i3$2, FileSaver, i4$4, i5$3, WebViewer, i1$8, i8$1, localeAr, localeEn, reactiveFormValidators, i6$5, toolbar) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -76,7 +76,7 @@
   var i8__namespace$1 = /*#__PURE__*/_interopNamespace(i8$1);
   var localeAr__default = /*#__PURE__*/_interopDefaultLegacy(localeAr);
   var localeEn__default = /*#__PURE__*/_interopDefaultLegacy(localeEn);
-  var i5__namespace$4 = /*#__PURE__*/_interopNamespace(i5$4);
+  var i6__namespace$5 = /*#__PURE__*/_interopNamespace(i6$5);
 
   var NuxeoDevelopmentFrameworkComponent = /** @class */ (function () {
       function NuxeoDevelopmentFrameworkComponent() {
@@ -702,7 +702,7 @@
       __disposeResources: __disposeResources,
   };
 
-  var LocalStoragService$1 = /** @class */ (function () {
+  var LocalStoragService = /** @class */ (function () {
       function LocalStoragService() {
           this.memoryStore = {};
           this.useLocalStorage = false;
@@ -819,9 +819,9 @@
       };
       return LocalStoragService;
   }());
-  LocalStoragService$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalStoragService$1, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  LocalStoragService$1.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalStoragService$1, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalStoragService$1, decorators: [{
+  LocalStoragService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalStoragService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  LocalStoragService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalStoragService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalStoragService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
@@ -833,7 +833,7 @@
       UserPreferenceValues["Locale"] = "locale";
       UserPreferenceValues["ExpandedSideNavStatus"] = "expandedSidenav";
   })(exports.UserPreferenceValues || (exports.UserPreferenceValues = {}));
-  var UserPreferencesService$1 = /** @class */ (function () {
+  var UserPreferencesService = /** @class */ (function () {
       function UserPreferencesService(translate, storage) {
           this.translate = translate;
           this.storage = storage;
@@ -992,14 +992,14 @@
       };
       return UserPreferencesService;
   }());
-  UserPreferencesService$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserPreferencesService$1, deps: [{ token: i1__namespace$1.TranslateService }, { token: LocalStoragService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  UserPreferencesService$1.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserPreferencesService$1, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserPreferencesService$1, decorators: [{
+  UserPreferencesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserPreferencesService, deps: [{ token: i1__namespace$1.TranslateService }, { token: LocalStoragService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  UserPreferencesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserPreferencesService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserPreferencesService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: LocalStoragService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: LocalStoragService }]; } });
 
   /**
    * Transforms date to localized date string
@@ -1067,7 +1067,7 @@
   }());
   LocalizedDatePipe.DEFAULT_LOCALE = 'en-US';
   LocalizedDatePipe.DEFAULT_DATE_FORMAT = 'dd MMMM yyyy hh:mm a';
-  LocalizedDatePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalizedDatePipe, deps: [{ token: UserPreferencesService$1 }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+  LocalizedDatePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalizedDatePipe, deps: [{ token: UserPreferencesService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
   LocalizedDatePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalizedDatePipe, name: "localizedDate", pure: false });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalizedDatePipe, decorators: [{
               type: i0.Pipe,
@@ -1075,7 +1075,7 @@
                       name: 'localizedDate',
                       pure: false
                   }]
-          }], ctorParameters: function () { return [{ type: UserPreferencesService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: UserPreferencesService }]; } });
 
   /**
    * Transforms html string into safe html to be rendered in the view
@@ -1163,14 +1163,14 @@
   }());
   TimeAgoPipe.DEFAULT_LOCALE = 'en-US';
   TimeAgoPipe.DEFAULT_DATE_TIME_FORMAT = 'dd/MM/yyyy HH:mm';
-  TimeAgoPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TimeAgoPipe, deps: [{ token: UserPreferencesService$1 }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+  TimeAgoPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TimeAgoPipe, deps: [{ token: UserPreferencesService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
   TimeAgoPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TimeAgoPipe, name: "timeAgo" });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TimeAgoPipe, decorators: [{
               type: i0.Pipe,
               args: [{
                       name: 'timeAgo'
                   }]
-          }], ctorParameters: function () { return [{ type: UserPreferencesService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: UserPreferencesService }]; } });
 
   /**
    * Transforms array of strings to single string seperated with seperator
@@ -1250,12 +1250,12 @@
                   }]
           }], ctorParameters: function () { return [{ type: i1__namespace.HttpClient }]; } });
 
-  var Nuxeo$3 = require('nuxeo');
-  var doFetch$3 = require('nuxeo/lib/deps/fetch');
-  var Unmarshallers$3 = require('nuxeo/lib/unmarshallers/unmarshallers');
-  var Authentication$3 = require('nuxeo/lib/auth/auth');
-  var qs$1 = require('querystring');
-  var NewNuxeoOverride$1 = /** @class */ (function (_super) {
+  var Nuxeo$1 = require('nuxeo');
+  var doFetch$1 = require('nuxeo/lib/deps/fetch');
+  var Unmarshallers$1 = require('nuxeo/lib/unmarshallers/unmarshallers');
+  var Authentication$1 = require('nuxeo/lib/auth/auth');
+  var qs = require('querystring');
+  var NewNuxeoOverride = /** @class */ (function (_super) {
       __extends(NewNuxeoOverride, _super);
       function NewNuxeoOverride(opts, environment, cookieService) {
           if (opts === void 0) { opts = {}; }
@@ -1282,7 +1282,7 @@
               else if (!_this._auth) {
                   fetchOptions.credentials = 'include';
               }
-              doFetch$3(options.url, fetchOptions)
+              doFetch$1(options.url, fetchOptions)
                   .then(function (res) {
                   _this._activeRequests -= 1;
                   if (res.status === 401 && !opts.refreshedAuthentication) {
@@ -1322,7 +1322,7 @@
                   var contentType = res.headers.get('content-type');
                   if (contentType && contentType.indexOf('application/json') === 0) {
                       options.nuxeo = _this;
-                      return resolve(res.json().then(function (json) { return Unmarshallers$3.unmarshall(json, options, res); }));
+                      return resolve(res.json().then(function (json) { return Unmarshallers$1.unmarshall(json, options, res); }));
                   }
                   return resolve(res);
               }).catch(function (error) {
@@ -1378,9 +1378,9 @@
               client_secret: clientSecret
           };
           // const url = baseURL.endsWith('/') ? baseURL : `${baseURL}/`;
-          return new Promise(function (resolve, reject) { return (doFetch$3(baseURL + "/oauth2/token", {
+          return new Promise(function (resolve, reject) { return (doFetch$1(baseURL + "/oauth2/token", {
               method: 'POST',
-              body: qs$1.stringify(body),
+              body: qs.stringify(body),
               headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
           })
               .then(function (res) { return res.json(); })
@@ -1394,16 +1394,16 @@
       };
       ;
       return NewNuxeoOverride;
-  }(Nuxeo$3));
-  NewNuxeoOverride$1 = __decorate([
+  }(Nuxeo$1));
+  NewNuxeoOverride = __decorate([
       __param(1, i0.Inject('environment'))
-  ], NewNuxeoOverride$1);
+  ], NewNuxeoOverride);
 
-  var Nuxeo$2 = require('nuxeo');
-  var doFetch$2 = require('nuxeo/lib/deps/fetch');
-  var Unmarshallers$2 = require('nuxeo/lib/unmarshallers/unmarshallers');
-  var Authentication$2 = require('nuxeo/lib/auth/auth');
-  var NuxeoOverride$1 = /** @class */ (function (_super) {
+  var Nuxeo = require('nuxeo');
+  var doFetch = require('nuxeo/lib/deps/fetch');
+  var Unmarshallers = require('nuxeo/lib/unmarshallers/unmarshallers');
+  var Authentication = require('nuxeo/lib/auth/auth');
+  var NuxeoOverride = /** @class */ (function (_super) {
       __extends(NuxeoOverride, _super);
       function NuxeoOverride(opts, keycloak) {
           if (opts === void 0) { opts = {}; }
@@ -1429,7 +1429,7 @@
               else if (!_this._auth) {
                   fetchOptions.credentials = 'include';
               }
-              doFetch$2(options.url, fetchOptions)
+              doFetch(options.url, fetchOptions)
                   .then(function (res) {
                   _this._activeRequests -= 1;
                   if (res.status === 401 && !opts.refreshedAuthentication) {
@@ -1463,7 +1463,7 @@
                   var contentType = res.headers.get('content-type');
                   if (contentType && contentType.indexOf('application/json') === 0) {
                       options.nuxeo = _this;
-                      return resolve(res.json().then(function (json) { return Unmarshallers$2.unmarshall(json, options, res); }));
+                      return resolve(res.json().then(function (json) { return Unmarshallers.unmarshall(json, options, res); }));
                   }
                   return resolve(res);
               }).catch(function (error) {
@@ -1485,9 +1485,9 @@
           });
       };
       return NuxeoOverride;
-  }(Nuxeo$2));
+  }(Nuxeo));
 
-  var RolesService$1 = /** @class */ (function () {
+  var RolesService = /** @class */ (function () {
       function RolesService(environment
       // , private globalAdmin : GlobalAdminService , private nuxeoService : NuxeoService
       ) {
@@ -1609,9 +1609,9 @@
       };
       return RolesService;
   }());
-  RolesService$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RolesService$1, deps: [{ token: "environment" }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  RolesService$1.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RolesService$1, providedIn: "root" });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RolesService$1, decorators: [{
+  RolesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RolesService, deps: [{ token: "environment" }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  RolesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RolesService, providedIn: "root" });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RolesService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: "root",
@@ -1623,7 +1623,7 @@
                       }] }];
       } });
 
-  var NuxeoService$1 = /** @class */ (function () {
+  var NuxeoService = /** @class */ (function () {
       function NuxeoService(http, keycloak, baseHref, environment, cookiesService, rolesService) {
           this.http = http;
           this.keycloak = keycloak;
@@ -1689,7 +1689,7 @@
       };
       // create nuxeo client using nuxeo token
       NuxeoService.prototype.createClientWithNuxeoToken = function (token) {
-          this.nuxeoClient = new NewNuxeoOverride$1({
+          this.nuxeoClient = new NewNuxeoOverride({
               baseURL: this.environment.nuxeoOptions.baseURL,
               auth: {
                   method: 'bearerToken',
@@ -1701,7 +1701,7 @@
       };
       // create nuxeo client using keycock token
       NuxeoService.prototype.createTokenClient = function (token) {
-          this.nuxeoClient = new NuxeoOverride$1({
+          this.nuxeoClient = new NuxeoOverride({
               baseURL: this.environment.nuxeo,
               auth: {
                   method: 'bearerToken',
@@ -1732,7 +1732,7 @@
           return simpleObservable;
       };
       NuxeoService.prototype.createBlob = function (file) {
-          return new NuxeoOverride$1.Blob({
+          return new NuxeoOverride.Blob({
               content: file
           });
       };
@@ -1768,9 +1768,9 @@
       };
       return NuxeoService;
   }());
-  NuxeoService$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoService$1, deps: [{ token: i1__namespace.HttpClient }, { token: i2__namespace$1.KeycloakService }, { token: i4.APP_BASE_HREF }, { token: 'environment' }, { token: i3__namespace.CookieService }, { token: RolesService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  NuxeoService$1.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoService$1, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoService$1, decorators: [{
+  NuxeoService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoService, deps: [{ token: i1__namespace.HttpClient }, { token: i2__namespace$1.KeycloakService }, { token: i4.APP_BASE_HREF }, { token: 'environment' }, { token: i3__namespace.CookieService }, { token: RolesService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  NuxeoService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
@@ -1782,11 +1782,11 @@
                       }] }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
-                      }] }, { type: i3__namespace.CookieService }, { type: RolesService$1 }];
+                      }] }, { type: i3__namespace.CookieService }, { type: RolesService }];
       } });
 
-  var TRANSLATION_PROVIDER$1 = new i0.InjectionToken('Injection token for translation providers.');
-  var TranslationService$1 = /** @class */ (function () {
+  var TRANSLATION_PROVIDER = new i0.InjectionToken('Injection token for translation providers.');
+  var TranslationService = /** @class */ (function () {
       function TranslationService(translate, rendererFactory, localStorage, userPreferencesService, appConfig, nuxeoService, environment, providers) {
           var e_1, _a;
           var _this = this;
@@ -1948,22 +1948,22 @@
       };
       return TranslationService;
   }());
-  TranslationService$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationService$1, deps: [{ token: i1__namespace$1.TranslateService }, { token: i0__namespace.RendererFactory2 }, { token: LocalStoragService$1 }, { token: UserPreferencesService$1 }, { token: AppConfigService }, { token: NuxeoService$1 }, { token: 'environment' }, { token: TRANSLATION_PROVIDER$1, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  TranslationService$1.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationService$1, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationService$1, decorators: [{
+  TranslationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationService, deps: [{ token: i1__namespace$1.TranslateService }, { token: i0__namespace.RendererFactory2 }, { token: LocalStoragService }, { token: UserPreferencesService }, { token: AppConfigService }, { token: NuxeoService }, { token: 'environment' }, { token: TRANSLATION_PROVIDER, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  TranslationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root',
                   }]
           }], ctorParameters: function () {
-          return [{ type: i1__namespace$1.TranslateService }, { type: i0__namespace.RendererFactory2 }, { type: LocalStoragService$1 }, { type: UserPreferencesService$1 }, { type: AppConfigService }, { type: NuxeoService$1 }, { type: undefined, decorators: [{
+          return [{ type: i1__namespace$1.TranslateService }, { type: i0__namespace.RendererFactory2 }, { type: LocalStoragService }, { type: UserPreferencesService }, { type: AppConfigService }, { type: NuxeoService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }, { type: undefined, decorators: [{
                           type: i0.Optional
                       }, {
                           type: i0.Inject,
-                          args: [TRANSLATION_PROVIDER$1]
+                          args: [TRANSLATION_PROVIDER]
                       }] }];
       } });
 
@@ -2013,7 +2013,7 @@
       };
       return FileSizePipe;
   }());
-  FileSizePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FileSizePipe, deps: [{ token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+  FileSizePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FileSizePipe, deps: [{ token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
   FileSizePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FileSizePipe, name: "FileSize", pure: false });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FileSizePipe, decorators: [{
               type: i0.Pipe,
@@ -2021,7 +2021,7 @@
                       name: 'FileSize',
                       pure: false
                   }]
-          }], ctorParameters: function () { return [{ type: TranslationService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: TranslationService }]; } });
 
   /**
    * Transforms and formats date into hijri
@@ -2234,14 +2234,14 @@
       };
       return SetRtlDirective;
   }());
-  SetRtlDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SetRtlDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }, { token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+  SetRtlDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SetRtlDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }, { token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
   SetRtlDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: SetRtlDirective, selector: "[SetRtl]", ngImport: i0__namespace });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SetRtlDirective, decorators: [{
               type: i0.Directive,
               args: [{
                       selector: '[SetRtl]',
                   }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }, { type: TranslationService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }, { type: TranslationService }]; } });
 
   var EvaluatorsService = /** @class */ (function () {
       function EvaluatorsService(nuxeoService, appConfigService) {
@@ -2502,12 +2502,12 @@
       };
       return EvaluatorsService;
   }());
-  EvaluatorsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvaluatorsService, deps: [{ token: NuxeoService$1 }, { token: AppConfigService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  EvaluatorsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvaluatorsService, deps: [{ token: NuxeoService }, { token: AppConfigService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   EvaluatorsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvaluatorsService, providedIn: "root" });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EvaluatorsService, decorators: [{
               type: i0.Injectable,
               args: [{ providedIn: "root" }]
-          }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: AppConfigService }]; } });
+          }], ctorParameters: function () { return [{ type: NuxeoService }, { type: AppConfigService }]; } });
 
   /**
    * Permission directive shows or hides an element,
@@ -2564,14 +2564,14 @@
       };
       return PermissionsDirective;
   }());
-  PermissionsDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionsDirective, deps: [{ token: NuxeoService$1 }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ViewContainerRef }, { token: i0__namespace.TemplateRef }, { token: AppConfigService }, { token: EvaluatorsService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+  PermissionsDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionsDirective, deps: [{ token: NuxeoService }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ViewContainerRef }, { token: i0__namespace.TemplateRef }, { token: AppConfigService }, { token: EvaluatorsService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
   PermissionsDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: PermissionsDirective, selector: "[permission]", inputs: { permission: "permission" }, ngImport: i0__namespace });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionsDirective, decorators: [{
               type: i0.Directive,
               args: [{
                       selector: '[permission]'
                   }]
-          }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: i0__namespace.ElementRef }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.TemplateRef }, { type: AppConfigService }, { type: EvaluatorsService }]; }, propDecorators: { permission: [{
+          }], ctorParameters: function () { return [{ type: NuxeoService }, { type: i0__namespace.ElementRef }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.TemplateRef }, { type: AppConfigService }, { type: EvaluatorsService }]; }, propDecorators: { permission: [{
                   type: i0.Input
               }] } });
 
@@ -2593,14 +2593,14 @@
       };
       return SetDirRtlDirective;
   }());
-  SetDirRtlDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SetDirRtlDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }, { token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+  SetDirRtlDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SetDirRtlDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }, { token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
   SetDirRtlDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: SetDirRtlDirective, selector: "[SetDirRtl]", ngImport: i0__namespace });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SetDirRtlDirective, decorators: [{
               type: i0.Directive,
               args: [{
                       selector: '[SetDirRtl]',
                   }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }, { type: TranslationService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }, { type: TranslationService }]; } });
 
   var AppHasRoleDirective = /** @class */ (function () {
       function AppHasRoleDirective(viewContainerRef, templateRef, nuxeoService) {
@@ -2650,14 +2650,14 @@
       };
       return AppHasRoleDirective;
   }());
-  AppHasRoleDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AppHasRoleDirective, deps: [{ token: i0__namespace.ViewContainerRef }, { token: i0__namespace.TemplateRef }, { token: NuxeoService$1 }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+  AppHasRoleDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AppHasRoleDirective, deps: [{ token: i0__namespace.ViewContainerRef }, { token: i0__namespace.TemplateRef }, { token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
   AppHasRoleDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: AppHasRoleDirective, selector: "[appHasRole]", inputs: { appHasRole: "appHasRole" }, usesOnChanges: true, ngImport: i0__namespace });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AppHasRoleDirective, decorators: [{
               type: i0.Directive,
               args: [{
                       selector: '[appHasRole]'
                   }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.ViewContainerRef }, { type: i0__namespace.TemplateRef }, { type: NuxeoService$1 }]; }, propDecorators: { appHasRole: [{
+          }], ctorParameters: function () { return [{ type: i0__namespace.ViewContainerRef }, { type: i0__namespace.TemplateRef }, { type: NuxeoService }]; }, propDecorators: { appHasRole: [{
                   type: i0.Input
               }] } });
 
@@ -3220,7 +3220,7 @@
       };
       return ViewerFilesService;
   }());
-  ViewerFilesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ViewerFilesService, deps: [{ token: AppConfigService }, { token: AdapterService }, { token: NuxeoService$1 }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  ViewerFilesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ViewerFilesService, deps: [{ token: AppConfigService }, { token: AdapterService }, { token: NuxeoService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   ViewerFilesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ViewerFilesService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ViewerFilesService, decorators: [{
               type: i0.Injectable,
@@ -3228,7 +3228,7 @@
                       providedIn: 'root',
                   }]
           }], ctorParameters: function () {
-          return [{ type: AppConfigService }, { type: AdapterService }, { type: NuxeoService$1 }, { type: undefined, decorators: [{
+          return [{ type: AppConfigService }, { type: AdapterService }, { type: NuxeoService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -3451,7 +3451,7 @@
       };
       return CommentApiService;
   }());
-  CommentApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CommentApiService, deps: [{ token: NuxeoService$1 }, { token: AdapterService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  CommentApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CommentApiService, deps: [{ token: NuxeoService }, { token: AdapterService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   CommentApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CommentApiService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CommentApiService, decorators: [{
               type: i0.Injectable,
@@ -3459,7 +3459,7 @@
                       providedIn: 'root',
                   }]
           }], ctorParameters: function () {
-          return [{ type: NuxeoService$1 }, { type: AdapterService }, { type: undefined, decorators: [{
+          return [{ type: NuxeoService }, { type: AdapterService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -3507,7 +3507,7 @@
       };
       return EditDeleteModalComponent;
   }());
-  EditDeleteModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EditDeleteModalComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$3.ToastrService }, { token: CommentApiService }, { token: NuxeoService$1 }, { token: i1__namespace$4.MatDialogRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  EditDeleteModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EditDeleteModalComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$3.ToastrService }, { token: CommentApiService }, { token: NuxeoService }, { token: i1__namespace$4.MatDialogRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
   EditDeleteModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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: i6__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: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EditDeleteModalComponent, decorators: [{
               type: i0.Component,
@@ -3520,7 +3520,7 @@
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
                           args: [i1$3.MAT_DIALOG_DATA]
-                      }] }, { type: i1__namespace$3.ToastrService }, { type: CommentApiService }, { type: NuxeoService$1 }, { type: i1__namespace$4.MatDialogRef }];
+                      }] }, { type: i1__namespace$3.ToastrService }, { type: CommentApiService }, { type: NuxeoService }, { type: i1__namespace$4.MatDialogRef }];
       } });
 
   /**
@@ -3579,7 +3579,7 @@
       };
       return CommentItemComponent;
   }());
-  CommentItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CommentItemComponent, deps: [{ token: TranslationService$1 }, { token: i1__namespace$4.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CommentItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CommentItemComponent, deps: [{ token: TranslationService }, { token: i1__namespace$4.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CommentItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CommentItemComponent, selector: "app-comment-item", inputs: { comment: "comment", loaderType: "loaderType", showCommentActions: "showCommentActions" }, outputs: { refreshCommentList: "refreshCommentList" }, ngImport: i0__namespace, template: "<div class=\"comment-item\" SetRtl>\r\n\r\n  <div class=\"comment-controls\" *ngIf=\"showCommentActions\">\r\n    <span class=\"bi bi-pencil contril-icon\" \r\n    *permission=\"{name: 'updateComment', entity: comment}\"\r\n    matTooltip=\"{{ 'BUTTONS.EDIT' | translate }}\"\r\n     (click)=\"executeFunction('edit')\"\r\n     ></span>\r\n\r\n    <span class=\"bi bi-trash contril-icon\" \r\n    *permission=\"{name: 'deleteComment', entity: comment}\"\r\n    matTooltip=\"{{ 'BUTTONS.Delete' | translate }}\"\r\n    (click)=\"executeFunction('delete')\"\r\n    ></span>\r\n  </div>\r\n\r\n  <app-user-card [user]=\"comment.Commenter\" [diameter]=\"12\">\r\n    <div class=\"lineOne\">\r\n      {{ comment.Commenter.properties.firstName }}\r\n      {{ comment.Commenter.properties.lastName }}\r\n    </div>\r\n    <div class=\"lineOnePart2\">\r\n      <span class=\"date\" matTooltip='{{ comment?.creationDate | localizedDate:\r\n        \"fullDate\"}}' matTooltipClass=\"tdf-tooltip\" TooltipPosition='below'>\r\n        <span class=\"date-sperator px-1\">|</span>{{ comment?.creationDate | timeAgo : lang }}</span>\r\n    </div>\r\n    <div class=\"lineTwo\">\r\n      <app-read-more class=\"comment-text\" [text]=\"comment?.text\" [wordCount]=\"loaderType === 'scroll' ? 20 : 60\">\r\n      </app-read-more>\r\n    </div>\r\n  </app-user-card>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.comment-item{border:1px solid #d9dce2;padding:8px 4px;display:flex;position:relative}.comment-item:hover{background:#f5f6f8}.comment-item .comment-controls{position:absolute;right:5px}.comment-item .comment-controls .contril-icon{padding:0 5px;cursor:pointer}.date{color:#3c3cf0}.comment-text{color:#8f98aa}.comment-avatar{align-items:top;padding:0 4px;display:flex}.comment-avatar .avatar{width:40px;height:40px;display:block}.rtl .comment-controls{left:5px;right:auto}\n"], components: [{ type: UserCardComponent, selector: "app-user-card", inputs: ["user", "diameter"] }, { type: ReadMoreComponent, selector: "app-read-more", inputs: ["text", "charCount", "wordCount", "lineBreaks"] }], directives: [{ type: SetRtlDirective, selector: "[SetRtl]" }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i2__namespace$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1__namespace$1.TranslatePipe, "localizedDate": LocalizedDatePipe, "timeAgo": TimeAgoPipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CommentItemComponent, decorators: [{
               type: i0.Component,
@@ -3588,7 +3588,7 @@
                       templateUrl: './comment-item.component.html',
                       styleUrls: ['./comment-item.component.scss']
                   }]
-          }], ctorParameters: function () { return [{ type: TranslationService$1 }, { type: i1__namespace$4.MatDialog }]; }, propDecorators: { comment: [{
+          }], ctorParameters: function () { return [{ type: TranslationService }, { type: i1__namespace$4.MatDialog }]; }, propDecorators: { comment: [{
                   type: i0.Input
               }], loaderType: [{
                   type: i0.Input
@@ -3713,7 +3713,7 @@
       };
       return CommentsDashletComponent;
   }());
-  CommentsDashletComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CommentsDashletComponent, deps: [{ token: i1__namespace$1.TranslateService }, { token: CommentApiService }, { token: NuxeoService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CommentsDashletComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CommentsDashletComponent, deps: [{ token: i1__namespace$1.TranslateService }, { token: CommentApiService }, { token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CommentsDashletComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CommentsDashletComponent, selector: "app-comments-dashlet", inputs: { entityId: "entityId", correspondence: "correspondence", row: "row", showaddcomment: "showaddcomment", showCommentActions: "showCommentActions" }, viewQueries: [{ propertyName: "commentsList", first: true, predicate: CommentsListComponent, descendants: true }], ngImport: i0__namespace, template: "<div class=\"comments-container\">\r\n  <div class=\"comments-title\">\r\n    {{ \"comment.comment\" | translate }} ({{ commentsList?.totalRecords }})\r\n  </div>\r\n  <div class=\"body\">\r\n    <div class=\"comments-list-container\">\r\n      <div class=\"adding-comment-section\" *ngIf=\"showaddcomment\">\r\n        <div class=\"comment-box\" *permission=\"{\r\n          name: 'comments',\r\n          entity: correspondence , user: nuxeoService.nuxeoClient.user\r\n        }\">\r\n          <div class=\"comment-input\">\r\n            <textarea\r\n              class=\"comment-area\"\r\n              name=\"description\"\r\n              id=\"description\"\r\n              type=\"text\"\r\n              rows=\"3\"\r\n              required\r\n              matTextareaAutosize\r\n              matAutosizeMinRows=\"5\"\r\n              matAutosizeMaxRows=\"10\"\r\n              [(ngModel)]=\"comment\"\r\n              [placeholder]=\"'comment.placeHolder' | translate\"\r\n              #commentText=\"ngModel\"\r\n            ></textarea>\r\n          </div>\r\n          <div class=\"add-container\">\r\n            <div class=\"button-wrapper\">\r\n              <cts-button\r\n                [disabled]=\"!((comment?.trim())?.length)\"\r\n                [loading]=\"saving\"\r\n                [theme]=\"'green'\"\r\n                [size]=\"'regular'\"\r\n                (click)=\"onPost()\"\r\n              >\r\n                {{ \"comment.add\" | translate }}\r\n              </cts-button>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"comment-list\"\r\n        [ngClass]=\"{ 'fix-height col-6': row, 'col-12': !row }\"\r\n      >\r\n        <app-comments-list\r\n          [loaderType]=\"row ? 'scroll' : 'button'\"\r\n          [pageSize]=\"row ? 4 : 9\"\r\n          [entityId]=\"entityId\"\r\n          [showCommentActions]=\"showCommentActions\"\r\n        >\r\n        </app-comments-list>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.comments-container{padding:16px}.comments-container .comments-title{font-size:16px;font-weight:500;padding:12px;border-bottom:1px solid #d9dce2}.comments-container .comments-list-container .comment-box{display:flex;flex-direction:column}.comments-container .comments-list-container .comment-box .comment-input{padding:8px 15px 0}.comments-container .comments-list-container .comment-box .comment-area{border-radius:5px;padding:8px;width:100%;color:#465573;outline:none;border:1px solid #d9dce2;background-color:#8f98aa1a;resize:none}.comments-container .comments-list-container .comment-box .add-container{margin-inline-start:15px;display:flex;justify-content:flex-start;border-bottom:1px solid #d9dce2;padding-bottom:15px;padding-inline-end:15px}.comments-container .comments-list-container .comment-box .extra-actions-container{display:flex;justify-content:space-between!important;flex-wrap:wrap}.comments-container .comments-list-container .comment-box .extra-actions-container .button-wrapper{margin-bottom:10px}.comments-container .comments-list-container .comment-box .extra-actions-container .extra-actions{display:flex}.comments-container .comments-list-container .comment-box .extra-actions-container .submission-button{width:auto!important;padding:0 10px;min-width:80px}.comments-container .comments-list-container .comment-box .button-wrapper{align-items:flex-end;width:18%}.comments-container .comments-list-container .comment-list{margin-top:8px}.comments-container .comments-list-container .comment-list .fix-height{height:200px}.comments-container .revers-sections{display:flex;flex-direction:column-reverse}\n"], components: [{ type: ButtonComponent, selector: "cts-button", inputs: ["disabled", "loading", "size", "theme", "spinnerTheming"], outputs: ["onClick"] }, { type: CommentsListComponent, selector: "app-comments-list", inputs: ["entityId", "pageSize", "loaderType", "showCommentActions"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i6__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: i6__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CommentsDashletComponent, decorators: [{
               type: i0.Component,
@@ -3722,7 +3722,7 @@
                       templateUrl: './comments-dashlet.component.html',
                       styleUrls: ['./comments-dashlet.component.scss'],
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: CommentApiService }, { type: NuxeoService$1 }]; }, propDecorators: { entityId: [{
+          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: CommentApiService }, { type: NuxeoService }]; }, propDecorators: { entityId: [{
                   type: i0.Input
               }], correspondence: [{
                   type: i0.Input
@@ -3831,7 +3831,7 @@
       };
       return CustomToastrComponent;
   }(i1$4.Toast));
-  CustomToastrComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomToastrComponent, deps: [{ token: i1__namespace$3.ToastrService }, { token: i1__namespace$3.ToastPackage }, { token: i1__namespace$1.TranslateService }, { token: UserPreferencesService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CustomToastrComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomToastrComponent, deps: [{ token: i1__namespace$3.ToastrService }, { token: i1__namespace$3.ToastPackage }, { token: i1__namespace$1.TranslateService }, { token: UserPreferencesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CustomToastrComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomToastrComponent, selector: "cts-custom-toastr", usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"toast-container {{type}}-container\" [style.display]=\"state.value === 'inactive' ? 'none' : ''\" [dir]=\"lang\"\r\n  [@simpleFadeAnimation]=\"'in'\">\r\n  <div class=\"icon-container rounded-s-md {{type}}\">\r\n    <ng-container [ngSwitch]=\"type\">\r\n      <ng-container *ngSwitchCase=\"'success'\">\r\n        <span class=\"bi bi-check2 toast-icon\"></span>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'error'\">\r\n        <span class=\"bi bi-x toast-icon\"></span>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'info'\">\r\n        <span class=\"bi bi-info-circle toast-icon\"></span>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'warning'\">\r\n        <span class=\"bi bi-exclamation-triangle toast-icon\"></span>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'notification'\">\r\n        <span class=\"bi bi-bell-fill notification-icon\"></span>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"toast-content-container\">\r\n    <div *ngIf=\"title\" [attr.aria-label]=\"title\" class=\"toast-content\">\r\n      {{ title | translate }}\r\n    </div>\r\n    <div *ngIf=\"message\" role=\"alert\" aria-live=\"polite\" [attr.aria-label]=\"message\" class=\"message msg-{{type}}\">\r\n      {{ message | translate : { value:value } }}\r\n    </div>\r\n  </div>\r\n  <div (click)=\"remove()\" class=\"remove\">\r\n    <span style=\"font-size: 26px; color: gray\" aria-hidden=\"true\">&times;</span>\r\n  </div>\r\n</div>", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.toast-container{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-left:16px;margin-right:16px;position:relative;width:400px;height:80px;box-shadow:0 0 4px #0000003b;background-color:#fff;border-radius:5px}.toast-container .error{background-color:#ff375e}.toast-container .success{background-color:#0dbab5}.toast-container .warning{background-color:#eca15f}.toast-container .info{background-color:#1a96c6}.toast-container .notification{background-color:#1a96c6}.toast-container .toast-icon{font-size:40px;color:#fff;-webkit-text-stroke:3px white}.toast-container .notification-icon{font-size:30px;color:#fff}.toast-container .msg-error{color:#ff375e}.toast-container .msg-success{color:#0dbab5}.toast-container .msg-warning{color:#eca15f}.toast-container .msg-info{color:#1a96c6}.toast-container .msg-notification{color:#1a96c6}.toast-container .icon-container{grid-column:span 1/span 1;display:flex;align-items:center;justify-content:center}.toast-container .toast-content-container{grid-column:span 3/span 3;display:flex;flex-direction:column;padding-top:4px;padding-bottom:4px;padding-inline-start:8px;overflow:hidden}.toast-container .toast-content-container .toast-content{font-size:18px;color:#8f98aa}.toast-container .toast-content-container .message{font-size:14px;line-height:20px}.toast-container .remove{grid-column:span 1/span 1;cursor:pointer;display:flex;justify-content:flex-end;padding-inline-end:8px}.toast-container .remove mat-icon{color:#8f98aa;font-size:20px;line-height:28px}.rounded-s-md{border-start-start-radius:6px;border-end-start-radius:6px}\n"], directives: [{ type: i4__namespace$1.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: i4__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace$1.TranslatePipe }, animations: [
           // the fade-in/fade-out animation.
           animations.trigger('simpleFadeAnimation', [
@@ -3861,7 +3861,7 @@
                           ]),
                       ],
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$3.ToastrService }, { type: i1__namespace$3.ToastPackage }, { type: i1__namespace$1.TranslateService }, { type: UserPreferencesService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: i1__namespace$3.ToastrService }, { type: i1__namespace$3.ToastPackage }, { type: i1__namespace$1.TranslateService }, { type: UserPreferencesService }]; } });
 
   var CustomToastrService = /** @class */ (function () {
       function CustomToastrService(translation, toastr, userPreferenceService) {
@@ -3906,14 +3906,14 @@
       };
       return CustomToastrService;
   }());
-  CustomToastrService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomToastrService, deps: [{ token: TranslationService$1 }, { token: i1__namespace$3.ToastrService }, { token: UserPreferencesService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  CustomToastrService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomToastrService, deps: [{ token: TranslationService }, { token: i1__namespace$3.ToastrService }, { token: UserPreferencesService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   CustomToastrService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomToastrService, providedIn: "root" });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomToastrService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: "root",
                   }]
-          }], ctorParameters: function () { return [{ type: TranslationService$1 }, { type: i1__namespace$3.ToastrService }, { type: UserPreferencesService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: TranslationService }, { type: i1__namespace$3.ToastrService }, { type: UserPreferencesService }]; } });
 
   /**
    * A material dialog confirm component that will ask the user for confirmation,
@@ -4063,7 +4063,7 @@
                       }] }, { type: i1__namespace$4.MatDialogRef }];
       } });
 
-  var CallApiService$1 = /** @class */ (function () {
+  var CallApiService = /** @class */ (function () {
       function CallApiService(nuxeoService) {
           this.nuxeoService = nuxeoService;
       }
@@ -4083,14 +4083,14 @@
       };
       return CallApiService;
   }());
-  CallApiService$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService$1, deps: [{ token: NuxeoService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  CallApiService$1.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService$1, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService$1, decorators: [{
+  CallApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService, deps: [{ token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  CallApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root',
                   }]
-          }], ctorParameters: function () { return [{ type: NuxeoService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
 
   var CorrespondenceRelationService = /** @class */ (function () {
       function CorrespondenceRelationService(nuxeoService, configService, callApi, environment) {
@@ -4233,7 +4233,7 @@
       };
       return CorrespondenceRelationService;
   }());
-  CorrespondenceRelationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceRelationService, deps: [{ token: NuxeoService$1 }, { token: AppConfigService }, { token: CallApiService$1 }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  CorrespondenceRelationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceRelationService, deps: [{ token: NuxeoService }, { token: AppConfigService }, { token: CallApiService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   CorrespondenceRelationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceRelationService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceRelationService, decorators: [{
               type: i0.Injectable,
@@ -4241,7 +4241,7 @@
                       providedIn: 'root',
                   }]
           }], ctorParameters: function () {
-          return [{ type: NuxeoService$1 }, { type: AppConfigService }, { type: CallApiService$1 }, { type: undefined, decorators: [{
+          return [{ type: NuxeoService }, { type: AppConfigService }, { type: CallApiService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -4478,7 +4478,7 @@
       };
       return VocabularyApiService;
   }());
-  VocabularyApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VocabularyApiService, deps: [{ token: NuxeoService$1 }, { token: i1__namespace$1.TranslateService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  VocabularyApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VocabularyApiService, deps: [{ token: NuxeoService }, { token: i1__namespace$1.TranslateService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   VocabularyApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VocabularyApiService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VocabularyApiService, decorators: [{
               type: i0.Injectable,
@@ -4486,7 +4486,7 @@
                       providedIn: 'root',
                   }]
           }], ctorParameters: function () {
-          return [{ type: NuxeoService$1 }, { type: i1__namespace$1.TranslateService }, { type: undefined, decorators: [{
+          return [{ type: NuxeoService }, { type: i1__namespace$1.TranslateService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -5117,7 +5117,7 @@
       };
       return DocumentsService;
   }());
-  DocumentsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DocumentsService, deps: [{ token: NuxeoService$1 }, { token: AdapterService }, { token: AppConfigService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  DocumentsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DocumentsService, deps: [{ token: NuxeoService }, { token: AdapterService }, { token: AppConfigService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   DocumentsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DocumentsService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DocumentsService, decorators: [{
               type: i0.Injectable,
@@ -5125,7 +5125,7 @@
                       providedIn: 'root',
                   }]
           }], ctorParameters: function () {
-          return [{ type: NuxeoService$1 }, { type: AdapterService }, { type: AppConfigService }, { type: undefined, decorators: [{
+          return [{ type: NuxeoService }, { type: AdapterService }, { type: AppConfigService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -5430,7 +5430,7 @@
       };
       return CorrespondenceRelationComponent;
   }());
-  CorrespondenceRelationComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceRelationComponent, deps: [{ token: i1__namespace$4.MatDialog }, { token: CorrespondenceRelationService }, { token: CustomToastrService }, { token: ViewerFilesService }, { token: DocumentsService }, { token: UserPreferencesService$1 }, { token: NuxeoService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CorrespondenceRelationComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceRelationComponent, deps: [{ token: i1__namespace$4.MatDialog }, { token: CorrespondenceRelationService }, { token: CustomToastrService }, { token: ViewerFilesService }, { token: DocumentsService }, { token: UserPreferencesService }, { token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CorrespondenceRelationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CorrespondenceRelationComponent, selector: "cts-correspondence-relation", inputs: { corr_id: "corr_id", correspondance: "correspondance" }, ngImport: i0__namespace, template: "<div class=\"relations-container\">\r\n  <div  class=\"mb-3 relations-reply\">\r\n    <div class=\"subheader\">\r\n      <div>{{ \"correspondence-relation.reply_relation\" | translate }}</div>\r\n    </div>\r\n    <cts-correspondence-relation-reply\r\n      [correspondence_id]=\"corr_id\"\r\n      (actionclicked)=\"handleActions($event)\"\r\n    ></cts-correspondence-relation-reply>\r\n  </div>\r\n\r\n  <div class=\"mb-2 relations-listing\">\r\n    <div class=\"subheader\">\r\n      <div>{{ \"correspondence-relation.title\" | translate }}</div>\r\n      <div class=\"\" *permission=\"{\r\n        name: 'AddRelatedCorrespondence',\r\n        entity: correspondance , user: nuxeoService.nuxeoClient.user\r\n      }\" (click)=\"openDialog()\"><mat-icon>add</mat-icon></div>\r\n    </div>\r\n    <cts-correspondence-relation-list\r\n      [correspondence_id]=\"corr_id\"\r\n      [reload]=\"reload\"\r\n    ></cts-correspondence-relation-list>\r\n  </div>\r\n\r\n\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.relations-container .subheader{padding:10px 0 0;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:bold}.relations-container .subheader mat-icon{font-size:25px;cursor:pointer;color:#465573}.relations-container .relations-title{display:flex;justify-content:space-between;align-items:center}.relations-container .relations-title a{font-size:30px;color:#789}.relations-container .relations-list{border:1px solid #00000026}.relations-container .relations-list .relation-item{display:flex;justify-content:space-between;align-items:center}\n"], components: [{ type: CorrespondenceRelationReplyComponent, selector: "cts-correspondence-relation-reply", inputs: ["correspondence_id"], outputs: ["actionclicked"] }, { type: i2__namespace$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: CorrespondenceRelationListComponent, selector: "cts-correspondence-relation-list", inputs: ["correspondence_id", "reload"] }], directives: [{ type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceRelationComponent, decorators: [{
               type: i0.Component,
@@ -5439,7 +5439,7 @@
                       templateUrl: './correspondence-relation.component.html',
                       styleUrls: ['./correspondence-relation.component.scss'],
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$4.MatDialog }, { type: CorrespondenceRelationService }, { type: CustomToastrService }, { type: ViewerFilesService }, { type: DocumentsService }, { type: UserPreferencesService$1 }, { type: NuxeoService$1 }]; }, propDecorators: { corr_id: [{
+          }], ctorParameters: function () { return [{ type: i1__namespace$4.MatDialog }, { type: CorrespondenceRelationService }, { type: CustomToastrService }, { type: ViewerFilesService }, { type: DocumentsService }, { type: UserPreferencesService }, { type: NuxeoService }]; }, propDecorators: { corr_id: [{
                   type: i0.Input
               }], correspondance: [{
                   type: i0.Input
@@ -5506,7 +5506,7 @@
       };
       return VersionsComponent;
   }());
-  VersionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VersionsComponent, deps: [{ token: ViewerFilesService }, { token: TranslationService$1 }, { token: DocumentsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  VersionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VersionsComponent, deps: [{ token: ViewerFilesService }, { token: TranslationService }, { token: DocumentsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   VersionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VersionsComponent, selector: "cts-versions", inputs: { selectedVersion: "selectedVersion", file: "file", actions: "actions", currentTranslation: "currentTranslation", originTranslation: "originTranslation", historyTranslation: "historyTranslation" }, outputs: { handleActions: "handleActions" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"flex flex-col\">\r\n<div class=\"viewer-attachments\">\r\n  <div class=\"subheader\">\r\n    <div> {{ currentTranslation | translate }}</div>\r\n\r\n  </div>\r\n  <div class=\"attachments-list\">\r\n    <mat-list>\r\n      <div class=\"mat-list-items\">\r\n        <cts-item-list [item]=\"file\" [title]=\"file.title\" [iconname]=\"'description'\" [moreclasses]=\"'text-danger'\"\r\n          [actions]=\"actions\" (itemClicked)=\"showVersion(file)\" (actionclicked)=\"handleAction($event)\">\r\n          <div class=\"description\">\r\n            {{getVersion(file)}}\r\n            -\r\n            {{ file.lastModified | localizedDate : '' : (isArabic? 'ar-AR' : 'en-US') }}\r\n          </div>\r\n        </cts-item-list>\r\n      </div>\r\n    </mat-list>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"viewer-attachments original-section\" *ngIf=\"versions.length > 0\">\r\n  <div class=\"subheader\">\r\n    <div>{{ originTranslation | translate }}</div>\r\n  </div>\r\n  <div class=\"attachments-list\">\r\n    <mat-list>\r\n      <div class=\"mat-list-items\">\r\n        <cts-item-list [item]=\"versions[versions.length -1]\" [title]=\"versions[versions.length -1].title\"\r\n          [iconname]=\"'description'\" [moreclasses]=\"'text-danger'\" [actions]=\"actions\"\r\n          (itemClicked)=\"showVersion(versions[versions.length -1])\" (actionclicked)=\"handleAction($event)\">\r\n\r\n        </cts-item-list>\r\n      </div>\r\n    </mat-list>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"viewer-attachments\" *permission=\"{name: 'viewVersions', entity: file}\">\r\n  <div class=\"subheader\">\r\n    <div> {{ historyTranslation | translate }}</div>\r\n\r\n  </div>\r\n  <div class=\"attachments-list\" *ngIf=\"versions.length > 0\">\r\n    <ng-container>\r\n\r\n\r\n      <mat-list>\r\n        <div class=\"mat-list-items\" *ngFor=\"let version of versions ;let cnt = count; let i = index\">\r\n          <cts-item-list [item]=\"version\" [title]=\"version.title + '-' + getVersion(version)\" [iconname]=\"'description'\"\r\n            [moreclasses]=\"'text-danger'\" (itemClicked)=\"showVersion(version)\" [actions]=\"actions\" (actionclicked)=\"handleAction($event)\">\r\n            <div class=\"description\">\r\n              {{getVersion(version)}}\r\n              -\r\n              {{ version.lastModified | localizedDate : '' : (isArabic? 'ar-AR' : 'en-US') }}\r\n              <span class=\"font-weight-bold\">\r\n\r\n                {{\r\n                version.properties.lastContributor.id === 'system' ?\r\n                ('SYSTEM_ADMIN' | translate) :\r\n                version.properties.lastContributor.properties.firstName +\r\n                \" \" +\r\n                version.properties.lastContributor.properties.lastName\r\n                }}\r\n              </span>\r\n            </div>\r\n          </cts-item-list>\r\n        </div>\r\n      </mat-list>\r\n    </ng-container>\r\n  </div>\r\n  <div *ngIf=\"versions.length === 0\">\r\n    <cts-no-data></cts-no-data>\r\n  </div>\r\n</div>\r\n</div>\r\n<ng-template #noEntry>\r\n\r\n</ng-template>", styles: [""], components: [{ type: i2__namespace$2.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: ItemListComponent, selector: "cts-item-list", inputs: ["item", "iconname", "title", "actions", "isselected", "moreclasses"], outputs: ["itemClicked", "actionclicked"] }, { type: NoDataComponent, selector: "cts-no-data", inputs: ["message", "border", "img"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1__namespace$1.TranslatePipe, "localizedDate": LocalizedDatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VersionsComponent, decorators: [{
               type: i0.Component,
@@ -5515,7 +5515,7 @@
                       templateUrl: './versions.component.html',
                       styleUrls: ['./versions.component.scss']
                   }]
-          }], ctorParameters: function () { return [{ type: ViewerFilesService }, { type: TranslationService$1 }, { type: DocumentsService }]; }, propDecorators: { selectedVersion: [{
+          }], ctorParameters: function () { return [{ type: ViewerFilesService }, { type: TranslationService }, { type: DocumentsService }]; }, propDecorators: { selectedVersion: [{
                   type: i0.Input
               }], file: [{
                   type: i0.Input
@@ -6372,14 +6372,14 @@
       };
       return DynamicFormUpdateService;
   }());
-  DynamicFormUpdateService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormUpdateService, deps: [{ token: CallApiService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  DynamicFormUpdateService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormUpdateService, deps: [{ token: CallApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   DynamicFormUpdateService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormUpdateService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormUpdateService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
                   }]
-          }], ctorParameters: function () { return [{ type: CallApiService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: CallApiService }]; } });
 
   /** @ignore */
   var DynamicFormBoolItemComponent = /** @class */ (function () {
@@ -7568,7 +7568,7 @@
       };
       return DynamicFormDateItemComponent;
   }());
-  DynamicFormDateItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormDateItemComponent, deps: [{ token: DynamicFormUpdateService }, { token: i2__namespace$5.DateAdapter }, { token: UserPreferencesService$1 }, { token: i1__namespace$1.TranslateService }, { token: i6__namespace.NgControl, optional: true, self: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DynamicFormDateItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormDateItemComponent, deps: [{ token: DynamicFormUpdateService }, { token: i2__namespace$5.DateAdapter }, { token: UserPreferencesService }, { token: i1__namespace$1.TranslateService }, { token: i6__namespace.NgControl, optional: true, self: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
   DynamicFormDateItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicFormDateItemComponent, selector: "app-dynamic-form-dateitem", inputs: { label: "label", disabled: "disabled", property: "property", editable: "editable", displayEmpty: "displayEmpty", min: "min", max: "max", startAt: "startAt", displayClearAction: "displayClearAction", pickerType: "pickerType", selectMode: "selectMode", isfilter: "isfilter", placeholder: "placeholder" }, providers: [
           { provide: i6$4.OWL_DATE_TIME_FORMATS, useValue: MY_MOMENT_FORMATS }
       ], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datetimePicker"], descendants: true }], ngImport: i0__namespace, template: "<div class=\"app-property-value\">\r\n  <div class=\"app-input-wrapper\">\r\n    <ng-container *ngIf=\"label\">\r\n      <label class=\"\" for=\"formGroupInputSmall\"\r\n        >{{ label | translate\r\n        }}<span *ngIf=\"isRequired()\" class=\"text-danger m-1\">*</span>\r\n      </label>\r\n    </ng-container>\r\n    <div class=\"input-container\">\r\n      <ng-container *ngIf=\"isEditable(); else readOnly\">\r\n\r\n        <button *ngIf=\"!isfilter && pickerType !== 'timer'\" type=\"button\" class=\"claendar-icon\" [owlDateTimeTrigger]=\"dt3\">\r\n          <i class=\"bi bi-calendar-week icon\"></i>        </button>\r\n\r\n          <button *ngIf=\"!isfilter && pickerType === 'timer'\" type=\"button\" class=\"claendar-icon\" [owlDateTimeTrigger]=\"dt3\">\r\n            <i class=\"bi bi-clock icon\"></i>        </button>\r\n        <input\r\n          class=\"form-control date\"\r\n          [disabled]=\"isDisabled() || null\"\r\n          (blur)=\"onTouched($event)\"\r\n          [min]=\"min\"\r\n          [max]=\"max\"\r\n          [selectMode]=\"selectMode\"\r\n          [required]=\"isRequired\"\r\n          [(ngModel)]=\"valueDate\"\r\n          (ngModelChange)=\"onDateChanged($event)\"\r\n          autocomplete=\"false\"\r\n          [owlDateTimeTrigger]=\"dt3\"\r\n          [owlDateTime]=\"dt3\"\r\n          placeholder=\"{{ placeholder }}\"\r\n        />\r\n        <input\r\n        class=\"form-control timer\"\r\n        [disabled]=\"true\"\r\n        [required]=\"isRequired\"\r\n        [(ngModel)]=\"displayedTime\"\r\n        placeholder=\"{{ placeholder }}\"\r\n      />\r\n\r\n        <button type=\"button\" *ngIf=\"valueDate\" (click)=\"onDateClear()\" class=\"relative mx-1 clear-date-btn\"\r\n        [ngClass]=\"{'d-none': isDisabled()}\">\r\n          <i class=\"clear-date-icon material-icons  flex mr-1\">&#xE14C;</i>\r\n        </button>\r\n        <owl-date-time\r\n          [startAt]=\"startAt\"\r\n          [pickerType]=\"pickerType\"\r\n          #dt3\r\n        ></owl-date-time>\r\n\r\n        <mat-error\r\n          [attr.data-automation-id]=\"'card-textitem-error-'\"\r\n          class=\"app-textitem-editable-error\"\r\n          *ngIf=\"hasErrors()\"\r\n        >\r\n          <ul>\r\n            <li *ngIf=\"control.errors.required\">\r\n             <span *ngIf=\"label\" class=\"mx-1\">{{ label | translate}}</span> {{ \"VALIDATORS.REQUIRED\" | translate }}\r\n            </li>\r\n          </ul>\r\n        </mat-error>\r\n      </ng-container>\r\n      <ng-template #readOnly>\r\n        {{ valueDate | date }}\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".clear-date-icon{color:#999;font-size:15px}.input-container{position:relative}.input-container .form-control{padding:0 35px}.clear-date-btn{align-items:center;background:transparent;border:0px;position:absolute;right:10px;left:auto;top:50%;margin-top:-9px}.claendar-icon{border:none;background-color:transparent;position:absolute;display:flex;justify-content:flex-start;padding-inline-end:45px;width:100%;height:40px;align-items:center}.claendar-icon .icon{font-size:20px;color:#495057}.claendar-icon:focus{outline:none}.rtl .clear-date-btn{left:10px;right:auto}.rtl .owl-dt-container-info{direction:rtl}\n"], components: [{ type: i6__namespace$4.OwlDateTimeComponent, selector: "owl-date-time", inputs: ["backdropClass", "panelClass", "startAt", "pickerType", "pickerMode", "disabled", "opened", "scrollStrategy"], outputs: ["afterPickerClosed", "afterPickerOpen", "yearSelected", "monthSelected"], exportAs: ["owlDateTime"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace$4.OwlDateTimeTriggerDirective, selector: "[owlDateTimeTrigger]", inputs: ["disabled", "owlDateTimeTrigger"] }, { type: i6__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: i6__namespace$4.OwlDateTimeInputDirective, selector: "input[owlDateTime]", inputs: ["rangeSeparator", "value", "owlDateTime", "owlDateTimeFilter", "_disabled", "min", "max", "selectMode", "values"], outputs: ["dateTimeChange", "dateTimeInput"], exportAs: ["owlDateTimeInput"] }, { type: i6__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i1__namespace$1.TranslatePipe, "date": i4__namespace.DatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
@@ -7584,7 +7584,7 @@
                       encapsulation: i0.ViewEncapsulation.None
                   }]
           }], ctorParameters: function () {
-          return [{ type: DynamicFormUpdateService }, { type: i2__namespace$5.DateAdapter }, { type: UserPreferencesService$1 }, { type: i1__namespace$1.TranslateService }, { type: i6__namespace.NgControl, decorators: [{
+          return [{ type: DynamicFormUpdateService }, { type: i2__namespace$5.DateAdapter }, { type: UserPreferencesService }, { type: i1__namespace$1.TranslateService }, { type: i6__namespace.NgControl, decorators: [{
                           type: i0.Self
                       }, {
                           type: i0.Optional
@@ -7687,14 +7687,14 @@
       };
       return owlDateTimeIntl;
   }(i6$4.OwlDateTimeIntl));
-  owlDateTimeIntl.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: owlDateTimeIntl, deps: [{ token: i1__namespace$1.TranslateService }, { token: UserPreferencesService$1 }, { token: i6__namespace$4.DateTimeAdapter }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  owlDateTimeIntl.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: owlDateTimeIntl, deps: [{ token: i1__namespace$1.TranslateService }, { token: UserPreferencesService }, { token: i6__namespace$4.DateTimeAdapter }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   owlDateTimeIntl.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: owlDateTimeIntl, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: owlDateTimeIntl, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root',
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: UserPreferencesService$1 }, { type: i6__namespace$4.DateTimeAdapter }]; } });
+          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: UserPreferencesService }, { type: i6__namespace$4.DateTimeAdapter }]; } });
 
   var DepartmentConstants = /** @class */ (function () {
       function DepartmentConstants() {
@@ -7906,7 +7906,7 @@
       };
       return DepartmentApiService;
   }());
-  DepartmentApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentApiService, deps: [{ token: CallApiService$1 }, { token: TranslationService$1 }, { token: NuxeoService$1 }, { token: AdapterService }, { token: GlobalAdminService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  DepartmentApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentApiService, deps: [{ token: CallApiService }, { token: TranslationService }, { token: NuxeoService }, { token: AdapterService }, { token: GlobalAdminService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   DepartmentApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentApiService, providedIn: 'root' });
   __decorate([
       tsCacheable.Cacheable({
@@ -7952,7 +7952,7 @@
                       providedIn: 'root',
                   }]
           }], ctorParameters: function () {
-          return [{ type: CallApiService$1 }, { type: TranslationService$1 }, { type: NuxeoService$1 }, { type: AdapterService }, { type: GlobalAdminService }, { type: undefined, decorators: [{
+          return [{ type: CallApiService }, { type: TranslationService }, { type: NuxeoService }, { type: AdapterService }, { type: GlobalAdminService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -8040,11 +8040,11 @@
       return DropdownTreeviewSelectI18n;
   }(i1$6.DefaultTreeviewI18n));
   _DropdownTreeviewSelectI18n_defaultSelection = new WeakMap();
-  DropdownTreeviewSelectI18n.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DropdownTreeviewSelectI18n, deps: [{ token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  DropdownTreeviewSelectI18n.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DropdownTreeviewSelectI18n, deps: [{ token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   DropdownTreeviewSelectI18n.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DropdownTreeviewSelectI18n });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DropdownTreeviewSelectI18n, decorators: [{
               type: i0.Injectable
-          }], ctorParameters: function () { return [{ type: TranslationService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: TranslationService }]; } });
 
   /**
    * A text field input that can be used inside reactive or template driven forms
@@ -8645,7 +8645,7 @@
       };
       return DepartmentManagementService;
   }());
-  DepartmentManagementService$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentManagementService$1, deps: [{ token: NuxeoService$1 }, { token: AdapterService }, { token: AppConfigService }, { token: i1__namespace$4.MatDialog }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  DepartmentManagementService$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentManagementService$1, deps: [{ token: NuxeoService }, { token: AdapterService }, { token: AppConfigService }, { token: i1__namespace$4.MatDialog }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   DepartmentManagementService$1.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentManagementService$1, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentManagementService$1, decorators: [{
               type: i0.Injectable,
@@ -8653,7 +8653,7 @@
                       providedIn: 'root',
                   }]
           }], ctorParameters: function () {
-          return [{ type: NuxeoService$1 }, { type: AdapterService }, { type: AppConfigService }, { type: i1__namespace$4.MatDialog }, { type: undefined, decorators: [{
+          return [{ type: NuxeoService }, { type: AdapterService }, { type: AppConfigService }, { type: i1__namespace$4.MatDialog }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -8927,7 +8927,7 @@
       };
       return TreeviewSelectComponent;
   }());
-  TreeviewSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TreeviewSelectComponent, deps: [{ token: i1__namespace$6.TreeviewI18n }, { token: TranslationService$1 }, { token: DepartmentApiService }, { token: DepartmentManagementService$1 }, { token: RolesService$1 }, { token: NuxeoService$1 }, { token: GlobalAdminService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  TreeviewSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TreeviewSelectComponent, deps: [{ token: i1__namespace$6.TreeviewI18n }, { token: TranslationService }, { token: DepartmentApiService }, { token: DepartmentManagementService$1 }, { token: RolesService }, { token: NuxeoService }, { token: GlobalAdminService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   TreeviewSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TreeviewSelectComponent, selector: "app-dynamic-form-treeview-select", inputs: { treeview: "treeview", treeViewAsFormControl: "treeViewAsFormControl", config: "config", items: "items", value: "value", multiple: "multiple", defaultSelect: "defaultSelect", pp_departmentNestedTree: "pp_departmentNestedTree", useCustomAddEditAction: "useCustomAddEditAction", customPrefix: "customPrefix", customParentProperty: "customParentProperty", placeholder: "placeholder", defaultSelection: "defaultSelection", displayDepTypee: "displayDepTypee", disabled: "disabled", displayIsAllowRecExternal: "displayIsAllowRecExternal" }, outputs: { valueChange: "valueChange", plusClicked: "plusClicked", actionClicked: "actionClicked" }, providers: [{ provide: i1$6.TreeviewI18n, useClass: DropdownTreeviewSelectI18n }], viewQueries: [{ propertyName: "dropdownTreeviewComponent", first: true, predicate: i1$6.DropdownTreeviewComponent, descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<ng-template\r\n  #itemTemplate\r\n  let-item=\"item\"\r\n  let-onCollapseExpand=\"onCollapseExpand\"\r\n  let-onCheckedChange=\"onCheckedChange\"\r\n>\r\n  <!-- single -->\r\n  <div *ngIf=\"!treeview && !multiple\">\r\n    <div\r\n      class=\"text-nowrap row-item\"\r\n      [ngClass]=\"{ active: item.value === this.value }\"\r\n    >\r\n      <i\r\n        *ngIf=\"item.children\"\r\n        (click)=\"onCollapseExpand()\"\r\n        aria-hidden=\"true\"\r\n        [ngSwitch]=\"item.collapsed\"\r\n      >\r\n        <span\r\n          *ngSwitchCase=\"true\"\r\n          class=\"bi bi-caret-{{ arabic ? 'left' : 'right' }}-fill caret-icon\"\r\n        ></span>\r\n        <span\r\n          *ngSwitchCase=\"false\"\r\n          class=\"bi bi-caret-down-fill caret-icon\"\r\n        ></span>\r\n      </i>\r\n      <!-- <label class=\"form-check-label\" (click)=\"select(item)\">{{\r\n        item.text\r\n      }}</label> -->\r\n      <label *ngIf=\"item.disabled\" class=\"form-check-label\">{{\r\n        item.text\r\n      }}</label>\r\n      <label *ngIf=\"!item.disabled\" class=\"form-check-label\" (click)=\"select(item)\">{{\r\n        item.text\r\n      }}</label>\r\n    </div>\r\n  </div>\r\n  <!-- Multiple -->\r\n  <div *ngIf=\"!treeview && multiple\">\r\n    <div\r\n      class=\"text-nowrap row-item\"\r\n      [ngClass]=\"{ active: item.value === this.value }\"\r\n    >\r\n      <i\r\n        *ngIf=\"item.children\"\r\n        (click)=\"onCollapseExpand()\"\r\n        aria-hidden=\"true\"\r\n        [ngSwitch]=\"item.collapsed\"\r\n      >\r\n        <span\r\n          *ngSwitchCase=\"true\"\r\n          class=\"bi bi-caret-{{ arabic ? 'left' : 'right' }}-fill caret-icon\"\r\n        ></span>\r\n        <span\r\n          *ngSwitchCase=\"false\"\r\n          class=\"bi bi-caret-down-fill caret-icon\"\r\n        ></span>\r\n      </i>\r\n      <!-- <input\r\n        class=\"multiple-checkBox\"\r\n        type=\"checkbox\"\r\n        [checked]=\"multipleSelection.includes(item.value)\"\r\n        (change)=\"selectMultiple($event.target.checked, item)\"\r\n      />\r\n\r\n      <label class=\"form-check-label\">{{ item.text }}</label> -->\r\n      <div class=\"multiple-treeview\">\r\n        <mat-checkbox\r\n          [checked]=\"multipleSelection.includes(item.value)\"\r\n          (change)=\"selectMultiple($event.checked, item)\"\r\n        >\r\n          <span> {{ item.text }} </span>\r\n        </mat-checkbox>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- treeView -->\r\n  <div *ngIf=\"treeview && !treeViewAsFormControl\" class=\"tree-view-container\">\r\n    <div\r\n      (mouseenter)=\"hoverField.style.display = 'flex'\"\r\n      (mouseleave)=\"hoverField.style.display = 'none'\"\r\n      class=\"text-nowrap row-item treeview-row\"\r\n      [ngClass]=\"{ selected: item.value == selectedItem }\"\r\n    >\r\n      <i\r\n        *ngIf=\"item.children\"\r\n        (click)=\"onCollapsed(item)\"\r\n        aria-hidden=\"true\"\r\n        [ngSwitch]=\"item.collapsed\"\r\n      >\r\n        <span\r\n          *ngSwitchCase=\"true\"\r\n          class=\"bi bi-caret-{{ arabic ? 'left' : 'right' }}-fill caret-icon\"\r\n        ></span>\r\n\r\n        <span\r\n          *ngSwitchCase=\"false\"\r\n          class=\"bi bi-caret-down-fill caret-icon\"\r\n        ></span>\r\n      </i>\r\n      <label class=\"form-check-label-treeview\" (click)=\"select(item)\"\r\n        >{{ item.text }}\r\n        <span #hoverField class=\"hoverField\">\r\n          <span\r\n            type=\"button\"\r\n            matTooltip=\"{{ 'department_management.form.edit' | translate }}\"\r\n            (click)=\"onAction($event, 'update', item)\"\r\n          >\r\n            <li class=\"bi bi-pencil\"></li>\r\n          </span>\r\n\r\n          <span\r\n            type=\"button\"\r\n            matTooltip=\"{{\r\n              'department_management.form.toolTip_message' | translate\r\n            }}\"\r\n            (click)=\"onAction($event, 'add', item)\"\r\n          >\r\n            <li class=\"bi bi-plus\"></li>\r\n          </span>\r\n        </span>\r\n      </label>\r\n    </div>\r\n  </div>\r\n    <!-- treeView as form control -->\r\n    <div *ngIf=\"treeview && treeViewAsFormControl\" class=\"tree-view-container\">\r\n      <div\r\n        class=\"text-nowrap row-item treeview-row-form-control\"\r\n        [ngClass]=\"{ 'selected-form-control': item.value == selectedItem }\"\r\n      >\r\n        <i\r\n          *ngIf=\"item.children\"\r\n          (click)=\"onCollapsed(item)\"\r\n          aria-hidden=\"true\"\r\n          [ngSwitch]=\"item.collapsed\"\r\n        >\r\n          <span\r\n            *ngSwitchCase=\"true\"\r\n            class=\"bi bi-caret-{{ arabic ? 'left' : 'right' }}-fill caret-icon\"\r\n          ></span>\r\n  \r\n          <span\r\n            *ngSwitchCase=\"false\"\r\n            class=\"bi bi-caret-down-fill caret-icon\"\r\n          ></span>\r\n        </i>\r\n        <label class=\"form-check-label-treeview\" (click)=\"select(item)\"\r\n          >{{ item.text }}\r\n        </label>\r\n      </div>\r\n    </div>\r\n</ng-template>\r\n<ng-template\r\n  #headerTemplate\r\n  let-config=\"config\"\r\n  let-item=\"item\"\r\n  let-onCollapseExpand=\"onCollapseExpand\"\r\n  let-onCheckedChange=\"onCheckedChange\"\r\n  let-onFilterTextChange=\"onFilterTextChange\"\r\n>\r\n  <div *ngIf=\"config.hasFilter\" class=\"row row-filter\">\r\n    <div class=\"col-12\">\r\n      <input\r\n        class=\"form-control\"\r\n        type=\"text\"\r\n        [placeholder]=\"i18n.getFilterPlaceholder(placeholder)\"\r\n        [(ngModel)]=\"filterText\"\r\n        (ngModelChange)=\"onFilterTextChange($event)\"\r\n      />\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"config.hasAllCheckBox || config.hasCollapseExpand\" class=\"row\">\r\n    <div class=\"col-12\">\r\n      <label *ngIf=\"config.hasAllCheckBox\" (click)=\"select(item)\">\r\n        <strong>{{ i18n.getAllCheckboxText() }}</strong>\r\n      </label>\r\n      <label\r\n        *ngIf=\"config.hasCollapseExpand\"\r\n        class=\"float-right\"\r\n        (click)=\"onCollapseExpand()\"\r\n      >\r\n        <i\r\n          [title]=\"i18n.getTooltipCollapseExpandText(item.collapsed)\"\r\n          aria-hidden=\"true\"\r\n          [ngSwitch]=\"item.collapsed\"\r\n        >\r\n          <span *ngSwitchCase=\"true\" class=\"bi bi-arrows-angle-expand\"></span>\r\n          <span\r\n            *ngSwitchCase=\"false\"\r\n            class=\"bi bi-arrows-angle-contract\"\r\n          ></span>\r\n        </i>\r\n      </label>\r\n    </div>\r\n  </div>\r\n  <a *ngIf=\"defaultSelect\" class=\"select-default\" (click)=\"selectDefault()\">{{'department_management.selectDefault'| translate}}</a>\r\n  <div *ngIf=\"config.hasDivider\" class=\"dropdown-divider\" [ngClass]=\"{'dropdown-divider-noMargin': defaultSelect}\"></div>\r\n</ng-template>\r\n\r\n<ng-container *ngIf=\"!treeview && !multiple\">\r\n  <div class=\"dropdown-wrapper\">\r\n    <ngx-dropdown-treeview\r\n      [config]=\"config\"\r\n      [headerTemplate]=\"headerTemplate\"\r\n      [items]=\"items\"\r\n      [itemTemplate]=\"itemTemplate\"\r\n    >\r\n  </ngx-dropdown-treeview>\r\n  <div class=\"disable-effect\" *ngIf=\"disabled\"></div>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"!treeview && multiple\">\r\n  <div class=\"multiple-tree-view dropdown-wrapper\">\r\n    <ngx-dropdown-treeview\r\n      [config]=\"config\"\r\n      [items]=\"items\"\r\n      [itemTemplate]=\"itemTemplate\"\r\n    >\r\n    </ngx-dropdown-treeview>\r\n  <div class=\"disable-effect\" *ngIf=\"disabled\"></div>\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"treeview && !treeViewAsFormControl\">\r\n  <div class=\"tree-view\">\r\n    <ngx-treeview\r\n      [config]=\"config\"\r\n      [headerTemplate]=\"headerTemplate\"\r\n      [items]=\"items\"\r\n      [itemTemplate]=\"itemTemplate\"\r\n    >\r\n    </ngx-treeview>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"treeview && treeViewAsFormControl\">\r\n  <div class=\"tree-view-form-control\">\r\n    <ngx-treeview\r\n      [config]=\"config\"\r\n      [headerTemplate]=\"headerTemplate\"\r\n      [items]=\"items\"\r\n      [itemTemplate]=\"itemTemplate\"\r\n    >\r\n    </ngx-treeview>\r\n  </div>\r\n</ng-container>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.caret-icon{color:#6c757d;font-size:14px}.dropdown-wrapper{position:relative}.dropdown-wrapper .disable-effect{position:absolute;top:0;bottom:0;left:0;right:0;z-index:99}.multiple-treeview .mat-checkbox-ripple .mat-ripple-element,.multiple-treeview .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#33e3b7!important}.multiple-treeview .mat-checkbox-ripple .mat-ripple-element{position:fixed;left:inherit;top:inherit;transform:translate(-3px,-3px)!important}.multiple-treeview mat-checkbox .mat-checkbox-background{background-color:#d9dce2!important}.form-check-label-treeview{display:flex;align-items:center;justify-content:space-between;width:100%}.form-check-label-treeview .hoverField{display:none;align-items:center;text-align:center}.form-check-label-treeview .hoverField span{display:flex;align-items:center;justify-content:center;margin:0 3px;border:none;background-color:snow;background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:30px;width:30px;color:#fff;border-radius:5px;list-style:none;margin-inline-end:4px}.form-check-label-treeview .hoverField span .bi-plus{font-size:28px;display:flex;justify-content:center}.form-check-label-treeview .hoverField .add-btn{width:164px;padding:1px;display:flex;justify-content:center;align-items:center;font-size:13px;background-color:#0dbab5;border-radius:5px;border:0;color:#fff;--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.form-check-label-treeview .hoverField .plus-btn{display:flex;font-size:28px;align-items:center}.selected{background-color:#f5f6f8}.selected .hoverField{display:flex!important}.selected-form-control{background-color:#d9dce2}.selected-form-control .hoverField{display:flex!important}.treeview-item .row-item{display:flex;align-items:center;padding:5px 10px}.treeview-item .row-item .multiple-checkBox{margin-inline-start:4px;margin-inline-end:4px}.treeview-item .active{background-color:#f5f6f8}.treeview-row{display:flex;align-items:center}.treeview-row:hover{background-color:#f5f6f8}.treeview-row-form-control{display:flex;align-items:center}.treeview-row-form-control:hover{background-color:#d9dce2}label{margin-bottom:0;cursor:pointer}.bi{cursor:pointer;margin-right:.3rem}ngx-treeview .treeview-container{max-height:200px!important;overflow-x:hidden;scrollbar-color:#b4bac6 transparent!important;scrollbar-width:thin!important;overflow-y:auto}ngx-treeview .select-default{display:flex;justify-content:start;font-size:13px;cursor:pointer;margin-bottom:3px;margin-top:4px}ngx-treeview .dropdown-divider-noMargin{margin-top:0!important}.tree-view ngx-treeview .treeview-container{max-height:500px!important;overflow-x:hidden}.tree-view-form-control ngx-treeview .treeview-container{max-height:300px!important;overflow-x:hidden}ngx-dropdown-treeview .dropdown .dropdown-menu{margin-top:0!important;width:100%}ngx-dropdown-treeview .dropdown .btn-outline-secondary{background-color:#8f98aa1a;border:none!important}ngx-dropdown-treeview .dropdown .btn-outline-secondary:hover{color:#6c757d!important}ngx-dropdown-treeview .dropdown .btn-outline-secondary:focus{box-shadow:none!important}ngx-dropdown-treeview .dropdown .btn-outline-secondary:active{background-color:#8f98aa1a!important;border:none!important;color:#6c757d!important}ngx-dropdown-treeview .dropdown:after{position:static!important}ngx-dropdown-treeview .show .dropdown-toggle{background-color:#8f98aa1a!important;border:none!important;color:#6c757d!important}.rtl .treeview-item .treeview-item{margin-right:2rem!important;margin-left:0!important}.rtl .row-all .col-12{text-align:right}.rtl .row-all .col-12 .pull-right{float:left!important}.rtl .form-check.form-check-inline{margin-right:0!important}.rtl .btn.dropdown-toggle{margin-right:0!important}.rtl .dropdown-menu:not(ngb-datepicker){right:0px;left:unset}.rtl .dropdown :after{margin-top:.6rem;left:.6rem;right:unset!important}.rtl ngx-treeview-item{text-align:right;direction:rtl}@media (min-width: 576px){.rtl .form-inline .form-check-input{margin:3px}}.rtl .form-inline .form-check-input{margin:3px;position:inherit}.rtl .dropdown button{text-align:right!important;direction:rtl}.rtl .fa.fa-caret-right{transform:rotate(180deg)}\n"], components: [{ type: i7__namespace$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i1__namespace$6.DropdownTreeviewComponent, selector: "ngx-dropdown-treeview", inputs: ["buttonClass", "config", "headerTemplate", "itemTemplate", "items"], outputs: ["selectedChange", "filterChange"] }, { type: i1__namespace$6.TreeviewComponent, selector: "ngx-treeview", inputs: ["config", "headerTemplate", "itemTemplate", "items"], outputs: ["selectedChange", "filterChange"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i6__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: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1__namespace$1.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TreeviewSelectComponent, decorators: [{
               type: i0.Component,
@@ -8938,7 +8938,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       providers: [{ provide: i1$6.TreeviewI18n, useClass: DropdownTreeviewSelectI18n }],
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$6.TreeviewI18n }, { type: TranslationService$1 }, { type: DepartmentApiService }, { type: DepartmentManagementService$1 }, { type: RolesService$1 }, { type: NuxeoService$1 }, { type: GlobalAdminService }]; }, propDecorators: { treeview: [{
+          }], ctorParameters: function () { return [{ type: i1__namespace$6.TreeviewI18n }, { type: TranslationService }, { type: DepartmentApiService }, { type: DepartmentManagementService$1 }, { type: RolesService }, { type: NuxeoService }, { type: GlobalAdminService }]; }, propDecorators: { treeview: [{
                   type: i0.Input
               }], treeViewAsFormControl: [{
                   type: i0.Input
@@ -9186,7 +9186,7 @@
       };
       return DynamicFormDepartmentComponent;
   }());
-  DynamicFormDepartmentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormDepartmentComponent, deps: [{ token: TranslationService$1 }, { token: DepartmentApiService }, { token: i6__namespace.NgControl, optional: true, self: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DynamicFormDepartmentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormDepartmentComponent, deps: [{ token: TranslationService }, { token: DepartmentApiService }, { token: i6__namespace.NgControl, optional: true, self: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
   DynamicFormDepartmentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicFormDepartmentComponent, selector: "app-dynamic-form-department", inputs: { treeview: "treeview", treeViewAsFormControl: "treeViewAsFormControl", placeholder: "placeholder", multiple: "multiple", searchable: "searchable", label: "label", defaultSelect: "defaultSelect", displayDepTypee: "displayDepTypee", displayIsAllowRecExternal: "displayIsAllowRecExternal", pp_departmentNestedTree: "pp_departmentNestedTree", pp_departmentTree: "pp_departmentTree", customPrefix: "customPrefix", useCustomAddEditAction: "useCustomAddEditAction", customParentProperty: "customParentProperty", customParams: "customParams", disabled: "disabled" }, outputs: { onSelecting: "onSelecting", actionClicked: "actionClicked" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"label\">\r\n  <div>\r\n    <label class=\"select-label\"\r\n      >{{ label | translate\r\n      }}<span *ngIf=\"isRequired()\" class=\"text-danger m-1\">*</span></label\r\n    >\r\n  </div>\r\n</ng-container>\r\n<app-dynamic-form-treeview-select\r\n  [treeview]=\"treeview\"\r\n  [treeViewAsFormControl]=\"treeViewAsFormControl\"\r\n  [defaultSelect]=\"defaultSelect\"\r\n  [multiple]=\"multiple\"\r\n  [items]=\"data\"\r\n  [placeholder]=\"placeholder\"\r\n  [displayDepTypee]=\"displayDepTypee\"\r\n  [displayIsAllowRecExternal]=\"displayIsAllowRecExternal\"\r\n  [pp_departmentNestedTree]=\"pp_departmentNestedTree\"\r\n  [useCustomAddEditAction]=\"useCustomAddEditAction\"\r\n  [customPrefix]=\"customPrefix\"\r\n  [customParentProperty]=\"customParentProperty\"\r\n  (valueChange)=\"getSelecteditems($event)\"\r\n  [(value)]=\"selection\"\r\n  (actionClicked)=\"onAction($event)\"\r\n  [disabled]=\"disabled\"\r\n  class=\"dropdown-wrapper\"\r\n  [ngClass]=\"{'input-filled' : selection && selection.length > 0 }\"\r\n>\r\n</app-dynamic-form-treeview-select>\r\n<mat-error\r\n  [attr.data-automation-id]=\"'card-textitem-error-'\"\r\n  class=\"app-textitem-editable-error\"\r\n  *ngIf=\"hasErrors()\"\r\n>\r\n  <ul>\r\n    <li *ngIf=\"control.errors.required\">\r\n      {{ \"VALIDATORS.REQUIRED\" | translate }}\r\n    </li>\r\n  </ul>\r\n</mat-error>\r\n", styles: ["app-dynamic-form-department .dropdown{border:1px solid #ccc!important;border-radius:5px!important}app-dynamic-form-department .input-filled .dropdown{border-color:#1a96c6!important}\n"], components: [{ type: TreeviewSelectComponent, selector: "app-dynamic-form-treeview-select", inputs: ["treeview", "treeViewAsFormControl", "config", "items", "value", "multiple", "defaultSelect", "pp_departmentNestedTree", "useCustomAddEditAction", "customPrefix", "customParentProperty", "placeholder", "defaultSelection", "displayDepTypee", "disabled", "displayIsAllowRecExternal"], outputs: ["valueChange", "plusClicked", "actionClicked"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i1__namespace$1.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormDepartmentComponent, decorators: [{
               type: i0.Component,
@@ -9197,7 +9197,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                   }]
           }], ctorParameters: function () {
-          return [{ type: TranslationService$1 }, { type: DepartmentApiService }, { type: i6__namespace.NgControl, decorators: [{
+          return [{ type: TranslationService }, { type: DepartmentApiService }, { type: i6__namespace.NgControl, decorators: [{
                           type: i0.Self
                       }, {
                           type: i0.Optional
@@ -9787,7 +9787,7 @@
       };
       return TagsApiService;
   }());
-  TagsApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TagsApiService, deps: [{ token: NuxeoService$1 }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  TagsApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TagsApiService, deps: [{ token: NuxeoService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   TagsApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TagsApiService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TagsApiService, decorators: [{
               type: i0.Injectable,
@@ -9795,7 +9795,7 @@
                       providedIn: 'root',
                   }]
           }], ctorParameters: function () {
-          return [{ type: NuxeoService$1 }, { type: undefined, decorators: [{
+          return [{ type: NuxeoService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -9954,14 +9954,14 @@
       };
       return UsersInDepartmentsApiService;
   }());
-  UsersInDepartmentsApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UsersInDepartmentsApiService, deps: [{ token: NuxeoService$1 }, { token: GlobalAdminService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  UsersInDepartmentsApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UsersInDepartmentsApiService, deps: [{ token: NuxeoService }, { token: GlobalAdminService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   UsersInDepartmentsApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UsersInDepartmentsApiService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UsersInDepartmentsApiService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root',
                   }]
-          }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: GlobalAdminService }]; } });
+          }], ctorParameters: function () { return [{ type: NuxeoService }, { type: GlobalAdminService }]; } });
 
   /**
    * @ignore
@@ -10443,7 +10443,7 @@
       };
       return DynamicFormSelectUsersComponent;
   }());
-  DynamicFormSelectUsersComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormSelectUsersComponent, deps: [{ token: UsersInDepartmentsApiService }, { token: i1__namespace$1.TranslateService }, { token: TranslationService$1 }, { token: i6__namespace.NgControl, optional: true, self: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DynamicFormSelectUsersComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormSelectUsersComponent, deps: [{ token: UsersInDepartmentsApiService }, { token: i1__namespace$1.TranslateService }, { token: TranslationService }, { token: i6__namespace.NgControl, optional: true, self: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
   DynamicFormSelectUsersComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicFormSelectUsersComponent, selector: "cts-dynamic-form-select-users", inputs: { deptTitle: "deptTitle", groupName: "groupName", label: "label", bindValue: "bindValue", bindLabel: "bindLabel", placeholder: "placeholder", multiple: "multiple", searchable: "searchable", closeOnSelect: "closeOnSelect", hideSelectedItems: "hideSelectedItems", preSelectedValues: "preSelectedValues", usePreSelectedValue: "usePreSelectedValue", disabled: "disabled", filter: "filter" }, outputs: { onSelectItems: "onSelectItems" }, viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: ["ngSelectComponent"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"label\">\r\n  <div>\r\n    <label class=\"select-label\"\r\n      >{{ label | translate\r\n      }}<span *ngIf=\"isRequired()\" class=\"text-danger m-1\">*</span></label\r\n    >\r\n  </div>\r\n</ng-container>\r\n<div class=\"user-select\" [ngClass]=\"{ 'multiple-wrapper': multiple }\" SetRtl>\r\n  <ng-select\r\n    #ngSelectComponent\r\n    [items]=\"buffer\"\r\n    [bindLabel]=\"bindLabel\"\r\n    [placeholder]=\"\r\n      multiple && (selection && selection.length > 0) ? selectionstrg : placeholder\r\n    \"\r\n    [multiple]=\"multiple\"\r\n    [searchable]=\"searchable\"\r\n    [closeOnSelect]=\"closeOnSelect\"\r\n    [hideSelected]=\"hideSelectedItems\"\r\n    [loading]=\"loading\"\r\n    (scrollToEnd)=\"onScrollToEnd()\"\r\n    [disabled]=\"disabled\"\r\n    [typeahead]=\"userNameInput$\"\r\n    [compareWith]=\"compareFn\"\r\n    [(ngModel)]=\"selection\"\r\n    (change)=\"emitSelection($event)\"\r\n  >\r\n    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n      <span\r\n        style=\"\r\n          display: flex;\r\n          align-items: center;\r\n          column-gap: 4px;\r\n          font-size: 16px;\r\n        \"\r\n      >\r\n        <div style=\"width: 30px; height: 30px\">\r\n          <cts-avatar [user]=\"item\"></cts-avatar>\r\n        </div>\r\n        <div class=\"user-name\">\r\n          {{ item?.id === 'system' ? ('SYSTEM_ADMIN' | translate) : item?.properties?.firstName + \" \" +item?.properties?.lastName }}\r\n\r\n\r\n        </div>\r\n        <div>\r\n          <span\r\n            class=\"ng-value-icon right\"\r\n            (click)=\"clear(item)\"\r\n            aria-hidden=\"true\"\r\n            >\u00D7</span\r\n          >\r\n        </div>\r\n      </span>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      ng-option-tmp\r\n      let-item=\"item\"\r\n      let-item$=\"item$\"\r\n      let-index=\"index\"\r\n    >\r\n      <span\r\n        style=\"\r\n          display: flex;\r\n          align-items: center;\r\n          column-gap: 4px;\r\n          font-size: 16px;\r\n        \"\r\n      >\r\n        <mat-checkbox\r\n          *ngIf=\"multiple\"\r\n          id=\"item-{{ index }}\"\r\n          [ngModel]=\"item$.selected\"\r\n          (click)=\"(false)\"\r\n        ></mat-checkbox>\r\n        <div style=\"width: 30px; height: 30px\">\r\n          <cts-avatar [user]=\"item\"></cts-avatar>\r\n        </div>\r\n        <div>\r\n          {{ item?.id === 'system' ? ('SYSTEM_ADMIN' | translate) : item?.properties?.firstName + \" \" +item?.properties?.lastName }}\r\n        </div>\r\n\r\n        <div></div>\r\n      </span>\r\n    </ng-template>\r\n  </ng-select>\r\n</div>\r\n<mat-error\r\n  [attr.data-automation-id]=\"'card-textitem-error-'\"\r\n  class=\"app-textitem-editable-error\"\r\n  *ngIf=\"hasErrors()\"\r\n>\r\n  <ul>\r\n    <li *ngIf=\"control.errors.required\">\r\n      {{ \"VALIDATORS.REQUIRED\" | translate }}\r\n    </li>\r\n  </ul>\r\n</mat-error>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.select-label{color:#8f98aa;font-size:12px;margin-bottom:0}.user-select .ng-select-container{border:1px solid #ccc!important;border-radius:5px!important;background-color:#8f98aa1a!important}.user-select .ng-select-container .ng-value-container{padding:5px 7px 0!important}.user-select .ng-select-container .ng-value-container .ng-placeholder{padding:0 5px;font-size:12px}.user-select .ng-select-container .ng-value-container .ng-value{color:#495057}.user-select .ng-select-container .ng-arrow-wrapper{padding:0 20px}.user-select .ng-select-container .ng-input{left:10px;right:10px;width:auto}.user-select .mat-checkbox-ripple .mat-ripple-element,.user-select .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#33e3b7!important}.user-select .mat-checkbox-ripple .mat-ripple-element{position:fixed;left:inherit;top:inherit;transform:translate(-3px,-3px)!important}.user-select mat-checkbox .mat-checkbox-background{background-color:#d9dce2!important}.multiple-wrapper .ng-select-container{overflow:visible!important}.multiple-wrapper .ng-select-container.ng-has-value{margin-bottom:65px}.multiple-wrapper .ng-select-container .ng-value-container{position:absolute;top:40px;width:100%;max-height:65px;overflow-y:auto}.multiple-wrapper .ng-select-container .ng-value-container .ng-placeholder{display:block;position:absolute;top:-26px!important}.multiple-wrapper .ng-select-container .ng-value-container .ng-value{padding:5px 10px}.multiple-wrapper .ng-select-container .ng-value-container .ng-value .user-name{font-size:12px}.multiple-wrapper .ng-select-container .ng-value-container .ng-input{position:absolute;top:-35px!important}.multiple-wrapper .ng-select-container .ng-clear-wrapper{display:none}.multiple-wrapper .ng-select-container .ng-arrow-wrapper{position:absolute;right:5px}.multiple-wrapper .ng-select-filtered .ng-value-container .ng-placeholder{display:none!important}.multiple-wrapper.rtl .ng-select-container .ng-value-container .ng-value{padding:5px 10px}.multiple-wrapper.rtl .ng-select-container .ng-value-container .ng-value .ng-value-icon{border-left:none!important;border-right:1px solid #b8dbff}.multiple-wrapper.rtl .ng-select-container .ng-arrow-wrapper{left:5px;right:auto}.ng-select-disabled .ng-select-container{background-color:#e9ecef!important}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper{position:relative}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper input{visibility:hidden;width:20px;height:20px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper .icon-wrapper{position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #2e62df;display:flex;justify-content:center;align-items:center}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper .icon-wrapper .icon{color:#2e62df;display:none;justify-content:center;align-items:center;font-weight:bold}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option-selected .option-wrapper .check-box-wrapper .icon-wrapper .icon{display:flex}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option-selected .option-wrapper .label-wrapper{color:#2e62df}.ng-select .ng-select-focused:not(.ng-select-opened) .ng-select-container{border-color:#ccc;box-shadow:none}\n"], components: [{ type: i5__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: AvatarComponent, selector: "cts-avatar", inputs: ["user"] }, { type: i7__namespace$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5__namespace.ɵh, selector: "[ng-label-tmp]" }, { type: i5__namespace.ɵf, selector: "[ng-option-tmp]" }, { type: i6__namespace$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i1__namespace$1.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   __decorate([
       tsCacheable.Cacheable({
@@ -10460,7 +10460,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                   }]
           }], ctorParameters: function () {
-          return [{ type: UsersInDepartmentsApiService }, { type: i1__namespace$1.TranslateService }, { type: TranslationService$1 }, { type: i6__namespace.NgControl, decorators: [{
+          return [{ type: UsersInDepartmentsApiService }, { type: i1__namespace$1.TranslateService }, { type: TranslationService }, { type: i6__namespace.NgControl, decorators: [{
                           type: i0.Self
                       }, {
                           type: i0.Optional
@@ -10905,7 +10905,7 @@
       };
       return FormBuilderService;
   }());
-  FormBuilderService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FormBuilderService, deps: [{ token: NuxeoService$1 }, { token: AppConfigService }, { token: FieldsAdapterService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  FormBuilderService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FormBuilderService, deps: [{ token: NuxeoService }, { token: AppConfigService }, { token: FieldsAdapterService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   FormBuilderService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FormBuilderService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FormBuilderService, decorators: [{
               type: i0.Injectable,
@@ -10913,7 +10913,7 @@
                       providedIn: 'root'
                   }]
           }], ctorParameters: function () {
-          return [{ type: NuxeoService$1 }, { type: AppConfigService }, { type: FieldsAdapterService }, { type: undefined, decorators: [{
+          return [{ type: NuxeoService }, { type: AppConfigService }, { type: FieldsAdapterService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -11289,7 +11289,7 @@
       };
       return DynamicFormViewerComponent;
   }());
-  DynamicFormViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormViewerComponent, deps: [{ token: i1__namespace$1.TranslateService }, { token: TranslationService$1 }, { token: AppConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DynamicFormViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormViewerComponent, deps: [{ token: i1__namespace$1.TranslateService }, { token: TranslationService }, { token: AppConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   DynamicFormViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicFormViewerComponent, selector: "cts-dynamic-form-viewer", inputs: { form: "form", data: "data", classType: "classType" }, ngImport: i0__namespace, template: "<div class=\"dynamic-fields-values\">\r\n  <div class=\"fields-title\">\r\n    {{ \"CREATE.CORRESP_FORM_VIEWER\" | translate }}\r\n  </div>\r\n  <div class=\"values-wrapper\">\r\n    <div class=\"mx-1 mb-2 class-type-title\" *ngIf=\"classType\">{{\"vocabulary.VOC_CorrespondenceClass.\" + classType |\r\n      translate}}</div>\r\n    <div class=\"single-field-value\" *ngFor=\"let item of list\">\r\n      <div class=\"title\" *ngIf=\"!isArabic\">{{ item.labelEn }}</div>\r\n      <div class=\"title\" *ngIf=\"isArabic\">{{ item.labelAr }}</div>\r\n      <ng-container [ngSwitch]=\"item?.type\">\r\n        <ng-container *ngSwitchCase=\"'vocabulary'\">\r\n            <div *ngIf=\"item.value!=undefined\" class=\"value\">{{ 'vocabulary.' + item.customOptions.vocId + '.' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'toggle'\">\r\n            <div class=\"value\">{{ '' + item.value | translate}}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'customdate'\">\r\n          <div class=\"value\">{{ item.value | localizedDate : dateFomrate : (isArabic? 'ar-AR' : 'en-US')}}</div>    \r\n      </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n            <div class=\"value\">{{ item.value}}</div>    \r\n        </ng-container>\r\n      </ng-container>\r\n      \r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".dynamic-fields-values .fields-title{font-size:14px;font-weight:bold}.dynamic-fields-values .values-wrapper{border:1px solid #d9dce2;padding:5px 10px}.dynamic-fields-values .values-wrapper .class-type-title{font-size:14px}.dynamic-fields-values .values-wrapper .single-field-value{padding:10px 0;display:flex;border-bottom:1px solid #e2e6ec}.dynamic-fields-values .values-wrapper .single-field-value .title{font-size:12px;font-weight:500;width:140px;word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value .value{font-size:12px;width:calc(100% - 140px);word-break:break-word}.dynamic-fields-values .values-wrapper .single-field-value:last-child{border-bottom:none}\n"], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "translate": i1__namespace$1.TranslatePipe, "localizedDate": LocalizedDatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormViewerComponent, decorators: [{
               type: i0.Component,
@@ -11298,7 +11298,7 @@
                       templateUrl: './dynamic-form-viewer.component.html',
                       styleUrls: ['./dynamic-form-viewer.component.scss']
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: TranslationService$1 }, { type: AppConfigService }]; }, propDecorators: { form: [{
+          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: TranslationService }, { type: AppConfigService }]; }, propDecorators: { form: [{
                   type: i0.Input
               }], data: [{
                   type: i0.Input
@@ -11662,7 +11662,7 @@
       };
       return CutomeVocViewerComponent;
   }());
-  CutomeVocViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CutomeVocViewerComponent, deps: [{ token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CutomeVocViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CutomeVocViewerComponent, deps: [{ token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CutomeVocViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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 } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CutomeVocViewerComponent, decorators: [{
               type: i0.Component,
@@ -11671,7 +11671,7 @@
                       templateUrl: './cutome-voc-viewer.component.html',
                       styleUrls: ['./cutome-voc-viewer.component.scss']
                   }]
-          }], ctorParameters: function () { return [{ type: TranslationService$1 }]; }, propDecorators: { type: [{
+          }], ctorParameters: function () { return [{ type: TranslationService }]; }, propDecorators: { type: [{
                   type: i0.Input
               }], group: [{
                   type: i0.Input
@@ -11787,7 +11787,7 @@
       };
       return CustomPpViewerComponent;
   }());
-  CustomPpViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomPpViewerComponent, deps: [{ token: DynamicVieweService }, { token: CallApiService$1 }, { token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CustomPpViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomPpViewerComponent, deps: [{ token: DynamicVieweService }, { token: CallApiService }, { token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CustomPpViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomPpViewerComponent, selector: "lib-custom-pp-viewer", inputs: { pageProvider: "pageProvider", group: "group", config: "config" }, ngImport: i0__namespace, template: "<span *ngIf=\"data\">\r\n    {{isArabic ? data[config.propertyAr ? config.propertyAr : defaultConfig.propertyAr] : data[config.propertyEn ? config.propertyEn : defaultConfig.propertyEn]}}\r\n</span>", styles: [""], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomPpViewerComponent, decorators: [{
               type: i0.Component,
@@ -11796,7 +11796,7 @@
                       templateUrl: './custom-pp-viewer.component.html',
                       styleUrls: ['./custom-pp-viewer.component.scss']
                   }]
-          }], ctorParameters: function () { return [{ type: DynamicVieweService }, { type: CallApiService$1 }, { type: TranslationService$1 }]; }, propDecorators: { pageProvider: [{
+          }], ctorParameters: function () { return [{ type: DynamicVieweService }, { type: CallApiService }, { type: TranslationService }]; }, propDecorators: { pageProvider: [{
                   type: i0.Input
               }], group: [{
                   type: i0.Input
@@ -11845,7 +11845,7 @@
       };
       return CustomDocumentViewerComponent;
   }());
-  CustomDocumentViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomDocumentViewerComponent, deps: [{ token: CallApiService$1 }, { token: DynamicVieweService }, { token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CustomDocumentViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomDocumentViewerComponent, deps: [{ token: CallApiService }, { token: DynamicVieweService }, { token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CustomDocumentViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomDocumentViewerComponent, decorators: [{
               type: i0.Component,
@@ -11854,7 +11854,7 @@
                       templateUrl: './custom-document-viewer.component.html',
                       styleUrls: ['./custom-document-viewer.component.scss']
                   }]
-          }], ctorParameters: function () { return [{ type: CallApiService$1 }, { type: DynamicVieweService }, { type: TranslationService$1 }]; }, propDecorators: { pageProvider: [{
+          }], ctorParameters: function () { return [{ type: CallApiService }, { type: DynamicVieweService }, { type: TranslationService }]; }, propDecorators: { pageProvider: [{
                   type: i0.Input
               }], group: [{
                   type: i0.Input
@@ -11922,7 +11922,7 @@
       };
       return DepartmentViewerComponent;
   }());
-  DepartmentViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentViewerComponent, deps: [{ token: TranslationService$1 }, { token: DepartmentApiService }, { token: DynamicVieweService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DepartmentViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentViewerComponent, deps: [{ token: TranslationService }, { token: DepartmentApiService }, { token: DynamicVieweService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   DepartmentViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DepartmentViewerComponent, selector: "cts-department-viewer", inputs: { label: "label", value: "value", dropdownId: "dropdownId", vertical: "vertical", withOutLabel: "withOutLabel", noStyle: "noStyle" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!noStyle\">\r\n  <div\r\n    class=\"my-dynamic-viewer\"\r\n    [ngClass]=\"{ vertical: vertical === true, 'with-out-label': withOutLabel }\"\r\n  >\r\n    <div class=\"my-label\" *ngIf=\"!withOutLabel\" matTooltip=\"{{label | translate}}\">{{ label | translate }}</div>\r\n    <div *ngIf=\"departmentName\" class=\"my-value\" matTooltip=\"{{departmentName}}\">\r\n      {{ departmentName }}\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"noStyle\">\r\n  {{ departmentName }}\r\n</ng-container>\r\n", styles: [""], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentViewerComponent, decorators: [{
               type: i0.Component,
@@ -11931,7 +11931,7 @@
                       templateUrl: './department-viewer.component.html',
                       styleUrls: ['./department-viewer.component.scss'],
                   }]
-          }], ctorParameters: function () { return [{ type: TranslationService$1 }, { type: DepartmentApiService }, { type: DynamicVieweService }]; }, propDecorators: { label: [{
+          }], ctorParameters: function () { return [{ type: TranslationService }, { type: DepartmentApiService }, { type: DynamicVieweService }]; }, propDecorators: { label: [{
                   type: i0.Input
               }], value: [{
                   type: i0.Input
@@ -12042,7 +12042,7 @@
       };
       return DynamicFilterComponent;
   }());
-  DynamicFilterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFilterComponent, deps: [{ token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DynamicFilterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFilterComponent, deps: [{ token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   DynamicFilterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicFilterComponent, selector: "cts-dynamic-filter", inputs: { title: "title", filters: "filters", selections: "selections", id: "id", entityType: "entityType", prefix: "prefix", department: "department", componentType: "componentType", customPageProvider: "customPageProvider", config: "config" }, outputs: { onFilterSelected: "onFilterSelected" }, ngImport: i0__namespace, template: "<div class=\"aggregation-container\">\r\n  <div class=\"search-title\">\r\n    {{ prefix + \".\" + title | translate }}\r\n  </div>\r\n  <ng-container *ngIf=\"filters && componentType != 'colorsCodes'\">\r\n    <ng-container *ngFor=\"let group of filters; index as i\">\r\n      <div *ngIf=\"i < 5 || more\" class=\"search-checkbox\">\r\n        <!-- <input\r\n          [checked]=\"_selections.includes(group.key)\"\r\n          type=\"checkbox\"\r\n          (change)=\"onFilterSelect(group.key, $event.target.checked)\"\r\n        /> -->\r\n        <!-- <div class=\"mx-8\">\r\n          <span [ngSwitch]=\"EntityType(group.fetchedKey)\">\r\n            <span *ngSwitchCase=\"'directoryEntry'\">\r\n              {{\r\n                \"vocabulary.\" + group.fetchedKey.directoryName + \".\" + group.key\r\n                  | translate\r\n              }}\r\n            </span>\r\n            <span *ngSwitchCase=\"'user'\">\r\n              {{\r\n                group.fetchedKey.properties.firstName +\r\n                  \" \" +\r\n                  group.fetchedKey.properties.lastName\r\n              }}\r\n            </span>\r\n            <span *ngSwitchDefault>\r\n              {{ prefix + \".\" + \"buckets.\" + group.key | translate }}\r\n            </span>\r\n          </span>\r\n          <bdi>({{ group.docCount }})</bdi>\r\n        </div> -->\r\n        <mat-checkbox\r\n          [checked]=\"_selections.includes(group.key)\"\r\n          (change)=\"onFilterSelect(group.key, $event.checked)\"\r\n        >\r\n          <span [ngSwitch]=\"componentType\" class=\"aggregation-label\">\r\n\r\n            <span *ngSwitchCase=\"'custom-voc'\">\r\n              <lib-cutome-voc-viewer [type]=\"componentType\" [group]=\"group\"></lib-cutome-voc-viewer>\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'vocabulary'\">\r\n              <lib-cutome-voc-viewer [type]=\"componentType\" [group]=\"group\"></lib-cutome-voc-viewer>\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'user'\">\r\n              {{\r\n                group.key === 'system' ? ('SYSTEM_ADMIN' | translate) : (group.fetchedKey.properties.firstName + \" \" + group.fetchedKey.properties.lastName)\r\n              }}\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'custom-pp'\">\r\n              <lib-custom-pp-viewer [pageProvider]=\"customPageProvider\" [config]=\"config\" [group]=\"group\"></lib-custom-pp-viewer>\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'custom-document'\">\r\n              <lib-custom-document-viewer [pageProvider]=\"customPageProvider\" [group]=\"group\"></lib-custom-document-viewer>\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'department'\">\r\n              <cts-department-viewer\r\n              [noStyle]=\"true\"\r\n              [value]=\"group.key\"\r\n            >\r\n            </cts-department-viewer>\r\n            <!-- {{group.key}} -->\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'custom-department'\">\r\n              {{isArabic ? group.fetchedKey.properties[config.propertyAr] : group.fetchedKey.properties[config.propertyEn]}}\r\n            </span>\r\n\r\n            <span *ngSwitchCase=\"'string'\">\r\n              <span>{{group.key}}</span>\r\n            </span>\r\n            <span *ngSwitchDefault>\r\n              {{ prefix + \".\" + \"buckets.\" + group.key | translate }}\r\n            </span>\r\n          </span>\r\n          <bdi>({{ group.docCount }})</bdi></mat-checkbox\r\n        >\r\n      </div>\r\n    </ng-container>\r\n    <div *ngIf=\"filters.length > 5\" class=\"more\">\r\n      <button class=\"btn-more\" (click)=\"more = !more\">\r\n        {{\r\n          more\r\n            ? (prefix + \".\" + \"viewless\" | translate)\r\n            : (prefix + \".\" + \"viewmore\" | translate)\r\n        }}\r\n      </button>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"filters && componentType == 'colorsCodes'\">\r\n    <div class=\"flex flex-wrap colorsContainer\">\r\n      <ng-container *ngFor=\"let group of filters; index as i\">\r\n          <div *ngIf=\"i < 24 || more\" class=\"color-search-checkbox flex items-end justify-start\" [style.backgroundColor]=\"group.key\"\r\n          matTooltip=\"{{'search.colorInOtherPhotos' | translate :{num:group.docCount} }}\" [matTooltipPosition]=\"'above'\" \r\n          (click)=\"onFilterSelect(group.key, (_selections.includes(group.key)) ? false : true)\">\r\n            <span class=\"checkIcon bi bi-check\" *ngIf=\"_selections.includes(group.key)\" [ngStyle]=\"{color: (isWhiteOrClosetToWhite(group.key)) ? 'black': 'white'}\"></span>\r\n          </div>\r\n        \r\n      </ng-container>\r\n    </div>\r\n    <div *ngIf=\"filters.length > 20\" class=\"more\">\r\n      <button class=\"btn-more mt-1\" (click)=\"more = !more\">\r\n        {{\r\n          more\r\n            ? (prefix + \".\" + \"viewless\" | translate)\r\n            : (prefix + \".\" + \"viewmore\" | translate)\r\n        }}\r\n      </button>\r\n    </div>\r\n  </ng-container>\r\n\r\n\r\n\r\n  \r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.mx-8{margin-left:8px;margin-right:8px}.aggregation-container{border-bottom:1px solid #b4bac6;padding-bottom:8px}.aggregation-container .search-title{margin-bottom:6px;margin-top:6px;border-bottom-width:2px;font-weight:700;--tw-text-opacity: 1;color:rgba(70,85,115,var(--tw-text-opacity))}.aggregation-container .search-checkbox{display:flex;align-items:center;margin-bottom:.5rem}.aggregation-container .colorsContainer{overflow:visible;width:max-content;max-width:252px;grid-gap:4px;gap:4px}.aggregation-container .color-search-checkbox{width:28px;height:28px;box-shadow:#00000059 3px 5px 10px;transition:all .2s ease-in-out;cursor:pointer;border-radius:10%/50%}.aggregation-container .color-search-checkbox .checkIcon{width:1rem;height:1rem;min-width:1rem;min-height:1rem;font-size:1rem;line-height:1rem;color:#fff}.aggregation-container .color-search-checkbox:hover{transform:scale(1.3)}.aggregation-container .mat-checkbox-ripple .mat-ripple-element,.aggregation-container .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#33e3b7!important}.aggregation-container .mat-checkbox-ripple .mat-ripple-element{position:fixed;left:inherit;top:inherit;transform:translate(-3px,-3px)!important}.aggregation-container mat-checkbox .mat-checkbox-background{background-color:#d9dce2!important}.aggregation-container mat-checkbox .mat-checkbox-inner-container{transform:scale(1.1)}.aggregation-container .justify-items-center{justify-items:center}.aggregation-container .more{display:flex;justify-content:center}.aggregation-container .btn-more{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgba(217,220,226,var(--tw-border-opacity));background:none;border:none;margin:0;padding:0;color:#00f}.rtl mat-checkbox .mat-checkbox-inner-container{margin-right:0!important;margin-left:8px!important}\n"], components: [{ type: i7__namespace$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: CutomeVocViewerComponent, selector: "lib-cutome-voc-viewer", inputs: ["type", "group"] }, { type: CustomPpViewerComponent, selector: "lib-custom-pp-viewer", inputs: ["pageProvider", "group", "config"] }, { type: CustomDocumentViewerComponent, selector: "lib-custom-document-viewer", inputs: ["pageProvider", "group"] }, { type: DepartmentViewerComponent, selector: "cts-department-viewer", inputs: ["label", "value", "dropdownId", "vertical", "withOutLabel", "noStyle"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i2__namespace$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "translate": i1__namespace$1.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFilterComponent, decorators: [{
               type: i0.Component,
@@ -12052,7 +12052,7 @@
                       styleUrls: ['./dynamic-filter.component.scss'],
                       encapsulation: i0.ViewEncapsulation.None,
                   }]
-          }], ctorParameters: function () { return [{ type: TranslationService$1 }]; }, propDecorators: { onFilterSelected: [{
+          }], ctorParameters: function () { return [{ type: TranslationService }]; }, propDecorators: { onFilterSelected: [{
                   type: i0.Output
               }], title: [{
                   type: i0.Input
@@ -12235,7 +12235,7 @@
       };
       return DateViewerComponent;
   }());
-  DateViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DateViewerComponent, deps: [{ token: AppConfigService }, { token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DateViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DateViewerComponent, deps: [{ token: AppConfigService }, { token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   DateViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DateViewerComponent, selector: "cts-date-viewer", inputs: { label: "label", value: "value", vertical: "vertical", format: "format", hijri: "hijri", withOutLabel: "withOutLabel" }, ngImport: i0__namespace, template: "<div class=\"my-dynamic-viewer\" [ngClass]=\"{'vertical' : vertical === true  , 'with-out-label': withOutLabel}\">\r\n    <div class=\"my-label\" *ngIf=\"!withOutLabel\" matTooltip=\"{{label | translate}}\">{{label | translate}}</div>\r\n    <div class=\"my-value\" *ngIf=\"!hijri\" matTooltip=\"{{value | localizedDate:format:(isArabic? 'ar-AR' : 'en-US')}}\"> {{value | localizedDate:format:(isArabic? 'ar-AR' : 'en-US')}}</div>\r\n    <div class=\"my-value\" *ngIf=\"hijri\" matTooltip=\"{{value | hijriDate}}\">{{value | hijriDate}}</div>\r\n</div>", styles: [""], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], pipes: { "translate": i1__namespace$1.TranslatePipe, "localizedDate": LocalizedDatePipe, "hijriDate": HijriDatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DateViewerComponent, decorators: [{
               type: i0.Component,
@@ -12244,7 +12244,7 @@
                       templateUrl: './date-viewer.component.html',
                       styleUrls: ['./date-viewer.component.scss']
                   }]
-          }], ctorParameters: function () { return [{ type: AppConfigService }, { type: TranslationService$1 }]; }, propDecorators: { label: [{
+          }], ctorParameters: function () { return [{ type: AppConfigService }, { type: TranslationService }]; }, propDecorators: { label: [{
                   type: i0.Input
               }], value: [{
                   type: i0.Input
@@ -13006,7 +13006,7 @@
       };
       return TableComponent;
   }());
-  TableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TableComponent, deps: [{ token: NuxeoService$1 }, { token: AppConfigService }, { token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  TableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TableComponent, deps: [{ token: NuxeoService }, { token: AppConfigService }, { token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   TableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TableComponent, selector: "cts-table", inputs: { rows: "rows", columns: "columns", responsiveColumns: "responsiveColumns", entityType: "entityType", prefix: "prefix", pageCount: "pageCount", totalRecords: "totalRecords", rowCursor: "rowCursor", fullWidth: "fullWidth", vocItemTranslationPrefix: "vocItemTranslationPrefix", tableMode: "tableMode", tableActions: "tableActions", format: "format", defultSort: "defultSort", highlightSelectedCard: "highlightSelectedCard", multiSelectRows: "multiSelectRows", customFirstRow: "customFirstRow", showActionsAsMenu: "showActionsAsMenu" }, outputs: { onRowSelected: "onRowSelected", onRowIndexSelected: "onRowIndexSelected", onIconSelected: "onIconSelected", actionOnRow: "actionOnRow", onSorting: "onSorting", onMultiRowSelected: "onMultiRowSelected" }, ngImport: i0__namespace, template: "<div class=\"iner-table-container\" [style]=\"'width:' + tableWidth\" *ngIf=\"tableMode === 'list' && !responsiveView\">\r\n  <ngx-datatable\r\n    [ngClass]=\"{'overflowVisible': customFirstRow}\"\r\n    class=\"large-table\"\r\n    [rows]=\"rows\"\r\n    [summaryRow]=\"customFirstRow\"\r\n    [columnMode]=\"'force'\"\r\n    [externalSorting]=\"true\"\r\n    (activate)=\"rowDetails($event)\"\r\n    (select)=\"onSelect($event)\"\r\n    (sort)=\"onSort($event)\"\r\n    (window:resize)=\"assignTableColumns($event)\"\r\n    [rowHeight]=\"'auto'\"\r\n    [selected]=\"selected\"\r\n    [selectionType]=\"multiSelectRows ? 'checkbox' : 'single'\"\r\n    [sorts]=\"[{ prop: defultSort?.name, dir: defultSort?.dir }]\"\r\n  >\r\n\r\n  <ngx-datatable-column\r\n  *ngIf=\"multiSelectRows\"\r\n  [width]=\"30\"\r\n  [sortable]=\"false\"\r\n  [prop]=\"''\"\r\n  [canAutoResize]=\"false\"\r\n  [draggable]=\"false\"\r\n  [resizeable]=\"false\"\r\n>\r\n  <ng-template\r\n    ngx-datatable-header-template\r\n    let-value=\"value\"\r\n    let-allRowsSelected=\"allRowsSelected\"\r\n    let-selectFn=\"selectFn\"\r\n  >\r\n    <!-- <input class=\"checkbox-input\" type=\"checkbox\" [checked]=\"allRowsSelected\" (change)=\"selectFn(!allRowsSelected)\" /> -->\r\n    <mat-checkbox color=\"primary\" [checked]=\"allRowsSelected\" (change)=\"selectFn(!allRowsSelected)\">\r\n  </mat-checkbox>\r\n  </ng-template>\r\n  <ng-template\r\n    ngx-datatable-cell-template\r\n    let-value=\"value\"\r\n    let-isSelected=\"isSelected\"\r\n    let-onCheckboxChangeFn=\"onCheckboxChangeFn\"\r\n  >\r\n    <!-- <input class=\"checkbox-input\" type=\"checkbox\" [checked]=\"isSelected\" (change)=\"onCheckboxChangeFn($event)\" /> -->\r\n    <mat-checkbox color=\"primary\" [checked]=\"isSelected\" (change)=\"onCheckboxChangeFn(!allRowsSelected)\">\r\n    </mat-checkbox>\r\n  </ng-template>\r\n</ngx-datatable-column>\r\n    <!-- | translate -->\r\n    <ng-container *ngFor=\"let column of tableColumns; let i = index\">\r\n      <ng-container *permission=\"{name: column.permission}\">\r\n        <ngx-datatable-column *ngIf=\"column.display\" [sortable]=\"column.sortable\"\r\n          [name]=\"prefix + column.name | translate\" [prop]=\"column.prop\" [resizeable]=\"false\" [draggable]=\"false\"\r\n          [maxWidth]=\"column.size\" [headerClass]=\"column.headerClass ? column.headerClass : ''\"\r\n          [summaryTemplate]=\"(customFirstRow) ? customRowTemplate : null\">\r\n          <ng-template let-row=\"row\" let-value=\"value\" let-index=\"index\" ngx-datatable-cell-template>\r\n            <ng-container *ngIf=\"column.type === 'text'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                {{ value ? value : \"--\" }}\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'vocabulary'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                <cts-dropdown-viewer [withOutLabel]=\"true\" [value]=\"value\" [dropdownId]=\"column.vocabularyId\">\r\n                </cts-dropdown-viewer>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'VocCell'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                {{ (value ? column.vocabularyId + '.' + value : \"--\") | translate }}\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'VocItem'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                {{ vocItemTranslationPrefix + value | translate }}\r\n              </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"column.type === 'department'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                <cts-department-viewer [noStyle]=\"true\" [value]=\"value\">\r\n                </cts-department-viewer>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'status'\">\r\n              <div class=\"status-wrapper\">\r\n                <span class=\"value {{ value }}\">\r\n                  <span *ngIf=\"statusIcons && statusIcons !== {}\" class=\"status-icon {{statusIcons[value]}}\"></span>\r\n                  {{\"STATS.\" + value | translate }}\r\n                </span>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'role'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                {{ \"role.\" + (value ? value : \"--\") | translate }}\r\n              </div>\r\n            </ng-container>\r\n\r\n          <ng-container *ngIf=\"column.type === 'actions' && rows.length !== 0\">\r\n            <div [ngClass]=\"disabledActions ? 'disabled-actions-wrapper' : 'actions-wrapper'\" *ngIf=\"!showActionsAsMenu\">\r\n              <!-- <span class=\"bi bi-trash delete-icon\" (click)=\"performAction(row , 'delete')\"></span> -->\r\n              <i\r\n                class=\"bi bi-pencil-square edit-icon\"\r\n                matTooltip=\"{{ 'UPDATE' | translate }}\"\r\n                (click)=\"performAction(row, 'edit')\"\r\n                *ngIf=\"entityType === 'voc-table'\"\r\n              ></i>\r\n              <i\r\n                class=\"bi bi-trash\"\r\n                matTooltip=\"{{ 'delete' | translate }}\"\r\n                (click)=\"performAction(row, 'delete')\"\r\n                *ngIf=\"\r\n                  entityType === 'voc-table' || entityType === 'department' ||\r\n                  entityType === 'signers'\r\n                \"></i>\r\n\r\n                <i class=\"bi bi-plus-square\" matTooltip=\"{{ 'USER_MANGMENT.addToDepartment' | translate }}\"\r\n                  (click)=\"performAction(row, 'delete')\" *ngIf=\"entityType === 'users' && row.isInitial\"></i>\r\n\r\n                <span *ngFor=\"let action of column.actions\">\r\n                  <i *permission=\"{ name: action.permission, entity: row , user: nuxeoService.nuxeoClient.user}\"\r\n                    class=\"{{ action.icon }}\" matTooltip=\"{{ action.tooltip | translate }}\"\r\n                    (click)=\"performAction(row, action.actionName)\"></i>\r\n                </span>\r\n\r\n                <!-- <i\r\n                *permission=\"{ name: 'registerCorrespondance', entity: row }\"\r\n                class=\"bi bi-box-arrow-in-right\"\r\n                matTooltip=\"{{ 'LISTING.REGISTER' | translate }}\"\r\n                (click)=\"performAction(row, 'register')\"\r\n              ></i>\r\n              <i\r\n                *permission=\"{ name: 'sendCorrespondance', entity: row }\"\r\n                class=\"bi bi-envelope\"\r\n                matTooltip=\"{{ 'LISTING.SEND' | translate }}\"\r\n                (click)=\"performAction(row, 'send')\"\r\n              ></i>\r\n              <i\r\n                *permission=\"{ name: 'closeCorrespondance', entity: row }\"\r\n                class=\"bi bi-x-circle\"\r\n                matTooltip=\"{{ 'LISTING.CLOSE' | translate }}\"\r\n                (click)=\"performAction(row, 'close')\"\r\n              ></i>\r\n              <i\r\n                *permission=\"{ name: 'archiveCorrespondance', entity: row }\"\r\n                class=\"bi bi-folder-symlink\"\r\n                matTooltip=\"{{ 'LISTING.ARCHIVE' | translate }}\"\r\n                (click)=\"performAction(row, 'archive')\"\r\n              ></i> -->\r\n              </div>\r\n              <div [ngClass]=\"disabledActions ? 'disabled-actions-wrapper' : 'actions-wrapper'\" *ngIf=\"showActionsAsMenu\">\r\n                <button class=\"action-menu-trigger\" [matMenuTriggerFor]=\"menu\" [disabled]=\"disabledActions\">\r\n                  <i class=\"bi bi-three-dots-vertical\"></i>\r\n                </button>\r\n                <mat-menu #menu=\"matMenu\" class=\"datatable-actions-menu\">\r\n                  <button mat-menu-item (click)=\"performAction(row, 'edit')\" *ngIf=\"entityType === 'voc-table'\">\r\n                    <i class=\"bi bi-pencil-square edit-icon\"></i>\r\n                    <span class=\"action-text\">{{ 'UPDATE' | translate }}</span>\r\n                  </button>\r\n                  <button mat-menu-item (click)=\"performAction(row, 'delete')\" *ngIf=\"\r\n                  entityType === 'voc-table' || entityType === 'department' ||\r\n                  entityType === 'signers'\r\n                \">\r\n                    <i class=\"bi bi-trash\"></i>\r\n                    <span class=\"action-text\">{{ 'delete' | translate }}</span>\r\n                  </button>\r\n                  <button mat-menu-item (click)=\"performAction(row, 'delete')\" *ngIf=\"entityType === 'users' && row.isInitial\">\r\n                    <i class=\"bi bi-plus-square\"></i>\r\n                    <span class=\"action-text\">{{ 'USER_MANGMENT.addToDepartment' | translate }}</span>\r\n                  </button>\r\n                  <ng-conttainer *ngFor=\"let action of column.actions\">\r\n                    <button (click)=\"performAction(row, action.actionName)\" *permission=\"{ name: action.permission, entity: row , user: nuxeoService.nuxeoClient.user}\">\r\n                      <i class=\"{{ action.icon }}\"></i>\r\n                      <span class=\"action-text\">{{ action.tooltip | translate }}</span>\r\n                    </button>\r\n                  </ng-conttainer>\r\n                </mat-menu>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'date'\">\r\n              <div class=\"cell-text-wrapper\">\r\n                <cts-date-viewer [withOutLabel]=\"true\" [value]=\"value\"></cts-date-viewer>\r\n              </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"column.type === 'custom'\">\r\n              <cts-dynamic-column [id]=\"column.template\" [column]=\"column\" [context]=\"row\">\r\n              </cts-dynamic-column>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"column.type === 'direction'\">\r\n              <div\r\n                (click)=\"iconSelected($event, row)\"\r\n                class=\"status-wrapper {{ value }} {{ row.state }}\"\r\n              >\r\n                <span class=\"iner-status-wrapper\" matTooltip=\"{{ 'STATS.' + row.state | translate }}\">\r\n                  <ng-container *permission=\"{ name: 'isFavorite', entity: row }\" >\r\n                    <span class=\"fav-icon-indicator bi bi-star-fill\"></span>\r\n                  </ng-container>\r\n                  <i\r\n                    class=\"{{directionIcons ? directionIcons['incoming'] : 'bi bi-box-arrow-down'}}\"\r\n                    *ngIf=\"row.type === 'IncomingCorrespondence'\"\r\n                  ></i>\r\n                  <i\r\n                    class=\"{{directionIcons ? directionIcons['outgoing'] : 'bi bi-box-arrow-up outgoing'}}\"\r\n                    *ngIf=\"row.type === 'OutgoingCorrespondence'\"\r\n                  ></i>\r\n                  <i\r\n                    class=\"{{directionIcons ? directionIcons['internal'] : 'bi bi-box-arrow-right internal'}}\"\r\n                    *ngIf=\"row.type === 'InternalCorrespondence'\"\r\n                  ></i>\r\n                </span>\r\n                <!-- <span class=\"value {{ value }}\">{{ \"STATS.\" + value | translate }}</span> -->\r\n              </div>\r\n            </ng-container>\r\n            \r\n          </ng-template>\r\n          <ng-template #customRowTemplate let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n            <div class=\"w-full flex items-center justify-center overflow-visible\">\r\n              <cts-dynamic-column [id]=\"column.custom1stCellTemplate\" [column]=\"column\" [context]=\"row\">\r\n              </cts-dynamic-column>\r\n            </div>\r\n          </ng-template>\r\n        </ngx-datatable-column>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ngx-datatable>\r\n</div>\r\n\r\n<div *ngIf=\"responsiveView && tableMode !== 'card'\" (window:resize)=\"assignTableColumns($event)\">\r\n  <div class=\"dynamic-cards-container\">\r\n    <div class=\"single-card\" [ngClass]=\"{'selected-card': highlightSelectedCard && row?.isSelected}\"\r\n      *ngFor=\"let row of rows\">\r\n      <div class=\"memo-title\">\r\n        <span>\r\n          {{ row.properties.referenceNumber }}\r\n        </span>\r\n        <span class=\"action-wrap\">\r\n          <!-- <div *ngIf=\"property.type === 'actions' && rows.length !== 0\" class=\"actions-wrapper\">\r\n            <i class=\"bi bi-pencil-square edit-icon\" matTooltip=\"{{ 'UPDATE' | translate }}\"\r\n              (click)=\"performAction(row, 'edit')\" *ngIf=\"entityType === 'voc-table'\"></i>\r\n            <i class=\"bi bi-trash\" matTooltip=\"{{ 'delete' | translate }}\" (click)=\"performAction(row, 'delete')\"\r\n              *ngIf=\"\r\n                entityType === 'voc-table' || entityType === 'department' ||\r\n                entityType === 'signers'\r\n              \"></i>\r\n\r\n            <i class=\"bi bi-plus-square\" matTooltip=\"{{ 'USER_MANGMENT.addToDepartment' | translate }}\"\r\n              (click)=\"performAction(row, 'delete')\" *ngIf=\"entityType === 'users' && row.isInitial\"></i>\r\n\r\n            <span *ngFor=\"let action of property.actions\">\r\n              <i *permission=\"{ name: action.permission, entity: row , user: nuxeoService.nuxeoClient.user}\"\r\n                class=\"{{ action.icon }}\" matTooltip=\"{{ action.tooltip | translate }}\"\r\n                (click)=\"performAction(row, action.actionName)\"></i>\r\n            </span>\r\n          </div> -->\r\n          <span  class=\"action\"  *ngFor=\"let action of tableActions\">\r\n            <i *permission=\"{ name: action.permission, entity: row , user: nuxeoService.nuxeoClient.user}\"\r\n              class=\"{{ action.icon }}\" matTooltip=\"{{ action.tooltip | translate }}\"\r\n              (click)=\"performAction(row, action.actionName)\"></i>\r\n          </span>\r\n        </span>\r\n      </div>\r\n      <div *ngIf=\"tableColumns.length > 1\">\r\n        <div class=\"memo-body\" *ngFor=\"let property of tableColumns\" (click)=\"cardSelected(row)\">\r\n          <div class=\"key\">{{ prefix + property.key | translate }}</div>\r\n          <div class=\"value\">\r\n            <div class=\"text\" *ngIf=\"property.type === 'text'\">\r\n              {{ row.properties[property.value]}}\r\n            </div>\r\n            <div class=\"text\" *ngIf=\"property.type === 'owner'\">\r\n              {{ row.properties[property.owner]?.[property.value] }}\r\n            </div>\r\n            <div class=\"text\" *ngIf=\"property.type === 'date'\">\r\n              {{ row.properties[property.value] | localizedDate:format:(isArabic? 'ar-AR' : 'en-US') }}\r\n              <!-- <cts-date-viewer [withOutLabel]=\"true\" [value]=\"row.properties[property.value]\" ></cts-date-viewer> -->\r\n            </div>\r\n            <div *ngIf=\"property.type === 'status'\" class=\"value {{ row[property.value]}}\">{{\r\n              \"STATS.\" + row[property.value] | translate\r\n              }}</div>\r\n            <div *ngIf=\"property.type === 'vocabulary'\" class=\"cell-text-wrapper\">\r\n              <cts-dropdown-viewer [withOutLabel]=\"true\" [value]=\"row.properties[property.value]\"\r\n                [dropdownId]=\"property.vocabularyId\">\r\n              </cts-dropdown-viewer>\r\n            </div>\r\n            <div *ngIf=\"property.type === 'direction'\" (click)=\"iconSelected($event, row)\"\r\n              class=\"status-wrapper {{ property.value }} {{ row.state }}\">\r\n              <span class=\"iner-status-wrapper\" matTooltip=\"{{ 'STATS.' + row.state | translate }}\">\r\n                <ng-container *permission=\"{ name: 'isFavorite', entity: row }\">\r\n                  <span class=\"fav-icon-indicator bi bi-star-fill\"></span>\r\n                </ng-container>\r\n                <i class=\"bi bi-box-arrow-down\" *ngIf=\"row.type === 'IncomingCorrespondence'\"></i>\r\n                <i class=\"bi bi-box-arrow-up outgoing\" *ngIf=\"row.type === 'OutgoingCorrespondence'\"></i>\r\n                <i class=\"bi bi-box-arrow-right internal\" *ngIf=\"row.type === 'InternalCorrespondence'\"></i>\r\n              </span>\r\n            </div>\r\n            <div *ngIf=\"property.type === 'custom'\">\r\n              <cts-dynamic-column [id]=\"property.template\" [column]=\"property\" [context]=\"row\">\r\n              </cts-dynamic-column>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"iner-card-container {{entityType}}\" (click)=\"cardSelected(row)\" *ngIf=\"tableColumns.length === 1\">\r\n      <cts-dynamic-column [id]=\"columns[0].template\" [column]=\"columns[0]\" [context]=\"row\">\r\n      </cts-dynamic-column>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div *ngIf=\"tableMode === 'card'\">\r\n  <div class=\"cards-container\">\r\n    <div class=\"single-card\" *ngFor=\"let row of rows; let i = index\">\r\n      <div class=\"memo-title\">\r\n        <span>\r\n          {{ row.properties.referenceNumber }}\r\n        </span>\r\n        <span class=\"action-wrap\">\r\n          <span class=\"action\" *ngFor=\"let action of tableActions\">\r\n            <i *permission=\"{ name: action.permission, entity: row , user: nuxeoService.nuxeoClient.user}\"\r\n              class=\"{{ action.icon }}\" matTooltip=\"{{ action.tooltip | translate }}\"\r\n              (click)=\"performAction(row, action.actionName)\"></i>\r\n          </span>\r\n          <button *permission=\"{ name: 'deleteMemo', entity: row , user: nuxeoService.nuxeoClient.user}\"\r\n            (click)=\"performAction(row, 'deleteMemo')\">\r\n            <i class=\"bi bi-trash\" matTooltip=\"{{ 'LISTING.ONLY_DELETE' | translate }}\"></i>\r\n          </button>\r\n          <button *permission=\"{ name: 'terminateDelegation', entity: row , user: nuxeoService.nuxeoClient.user}\"\r\n            (click)=\"performAction(row, 'terminateDelegation')\">\r\n            <i class=\"bi bi-trash\" matTooltip=\"{{ 'LISTING.CANCEL' | translate }}\"></i>\r\n          </button>\r\n          <span class=\"publish-state\"\r\n            *permission=\"{ name: 'memoPublished', entity: row , user: nuxeoService.nuxeoClient.user}\">\r\n            {{ \"MEMOS.PUBLISHED\" | translate }}\r\n          </span>\r\n          <span class=\"publish-state\"\r\n            *permission=\"{ name: 'delegationFinished', entity: row , user: nuxeoService.nuxeoClient.user}\">\r\n            {{ \"delegations.finished\" | translate }}\r\n          </span>\r\n          <span class=\"publish-state\"\r\n            *permission=\"{ name: 'delegationActive', entity: row , user: nuxeoService.nuxeoClient.user}\">\r\n            {{ \"delegations.active\" | translate }}\r\n          </span>\r\n        </span>\r\n      </div>\r\n      <div class=\"memo-body\" *ngFor=\"let property of columns\" (click)=\"cardSelected(row);cardFocused(i)\">\r\n        <div class=\"key\" *ngIf=\"property.type !== 'default'\">{{ prefix + property.key | translate }}</div>\r\n        <ng-container *ngIf=\"property.type === 'default'\">\r\n          <div class=\"key\"\r\n            *permission=\"{ name: 'internalIsEnabled', entity: row , user: nuxeoService.nuxeoClient.user}\">\r\n            {{ prefix + property.key | translate }}\r\n          </div>\r\n        </ng-container>\r\n        <div class=\"value\">\r\n          <div class=\"text\" *ngIf=\"property.type === 'text'\">\r\n            {{ row.properties[property.value] }}\r\n          </div>\r\n          <div class=\"text\" *ngIf=\"property.type === 'user'\">\r\n            {{ row.properties[property.value].fullName }}\r\n          </div>\r\n          <div class=\"text\" *ngIf=\"property.type === 'date'\">\r\n            {{row.properties[property.value] | localizedDate:format:(isArabic? 'ar-AR' : 'en-US')}}\r\n            <!-- <cts-date-viewer [withOutLabel]=\"true\" [value]=\"row.properties[property.value]\" ></cts-date-viewer> -->\r\n          </div>\r\n          <div class=\"text\" *ngIf=\"property.type === 'boolean'\">\r\n            {{ (row.properties[property.value] ? 'Yes':'No') | translate }}\r\n          </div>\r\n          <ng-container *ngIf=\"property.type === 'default'\">\r\n            <div class=\"text\"\r\n              *permission=\"{ name: 'internalIsEnabled', entity: row , user: nuxeoService.nuxeoClient.user}\">\r\n              {{ row.properties[property.value] }}\r\n            </div>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"property.type === 'custom'\">\r\n            <div class=\"text\" *ngFor=\"let item of row.properties[property.value]\">\r\n              {{ item | translate }} {{\", \" }}\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div *ngIf=\"tableMode === 'dynamicCard'\">\r\n  <div class=\"cards-container\">\r\n    <div class=\"single-card\" [ngClass]=\"{'selected-card': highlightSelectedCard && row?.isSelected}\"\r\n      *ngFor=\"let row of rows\">\r\n      <div *ngIf=\"columns.length > 1\">\r\n        <div class=\"memo-body\" *ngFor=\"let property of columns\" (click)=\"cardSelected(row)\">\r\n          <div class=\"key\">{{ prefix + property.key | translate }}</div>\r\n          <div class=\"value\">\r\n            <div class=\"text\" *ngIf=\"property.type === 'text'\">\r\n              {{ row.properties[property.value] }}\r\n            </div>\r\n            <div class=\"text\" *ngIf=\"property.type === 'date'\">\r\n              {{ row.properties[property.value] | localizedDate:format:(isArabic? 'ar-AR' : 'en-US') }}\r\n              <!-- <cts-date-viewer [withOutLabel]=\"true\" [value]=\"row.properties[property.value]\" ></cts-date-viewer> -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"iner-card-container {{entityType}}\" (click)=\"cardSelected(row)\" *ngIf=\"columns.length === 1\">\r\n        <cts-dynamic-column [id]=\"columns[0].template\" [column]=\"columns[0]\" [context]=\"row\">\r\n        </cts-dynamic-column>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.ngx-datatable{border:1px solid #eef1f5;border-radius:5px}.ngx-datatable .datatable-header{font-weight:bold;width:100%!important;height:50px!important;background-color:#eef1f5;color:#9aa4ac;font-size:14px}.ngx-datatable .datatable-header .datatable-header-inner{width:100%!important;height:100%;padding:0 20px}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center{width:100%!important;display:flex;justify-content:space-between;align-items:center}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .sort-btn{margin:5px 5px 0;width:16px;height:16px}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .sort-btn:before{content:\"\\f127\";display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .datatable-icon-up.sort-btn:before{content:\"\\f57b\";color:#000;font-size:16px}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .datatable-icon-down.sort-btn:before{content:\"\\f574\";color:#000;font-size:16px}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .datatable-header-cell-template-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;white-space:pre-wrap}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-wrapper{display:flex}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-wrapper .datatable-header-cell-label{text-align:center}.ngx-datatable .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell .datatable-header-cell-template-wrap .checkbox-input{z-index:99}.ngx-datatable .datatable-body .empty-row{text-align:center}.ngx-datatable .datatable-body .datatable-scroll{width:100%!important}.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row{display:flex!important;min-height:50px!important;overflow:visible!important}.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-row-center{overflow:visible!important}.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-row-center .datatable-body-cell{overflow:visible!important}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row{height:50px;font-size:14px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row{width:100%!important;height:100%}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center{width:100%!important;display:flex;justify-content:space-between;padding:0 20px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell{min-height:50px;display:flex;align-items:center;overflow:hidden}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label{width:100%;display:flex;justify-content:center}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label .checkbox-input,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label .checkbox-input{z-index:99}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label .cell-text-wrapper,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .datatable-body-cell-label .cell-text-wrapper{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .iner-status-wrapper,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .iner-status-wrapper{position:relative}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .iner-status-wrapper .fav-icon-indicator,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .iner-status-wrapper .fav-icon-indicator{font-size:12px;position:absolute;top:-5px;right:-10px;color:#ebb98e}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .value,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .value{display:flex;justify-content:center;align-items:center;border-radius:5px;width:100px;height:25px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .value .status-icon,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .value .status-icon{margin-inline-end:5px;font-size:16px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .draft,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .draft{background-color:#596973;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .inProgress,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .inProgress{background-color:#3c3cf0;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .registered,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .registered{background-color:#5a1496;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .archived,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .archived{background-color:#fbb62c;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .closed,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .closed{background-color:#00dca5;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .approved,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .approved{background-color:#06a57e;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .assigned,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .assigned{background-color:#fd6670;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .sent,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .sent{background-color:#3c3cf0;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .under_revision,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .under_revision{background:#689be7;color:#e9f1fd}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .rejected,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .rejected{background-color:#fd6670;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .under_sign,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .under_sign{background-color:#dda722;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .redirectSelection,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .redirectSelection{background-color:#28b994;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .redirect,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper .redirect{background-color:#e38888;color:#fff}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.Incoming,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.Incoming{color:#00dca5;font-size:30px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.Outgoing,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.Outgoing{color:#fbb62c;font-size:30px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.Internal,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.Internal{color:#3c3cf0;font-size:30px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.internal,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .status-wrapper.internal{color:#3c3cf0;font-size:30px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper{width:100%}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .bi,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .bi{font-size:25px;cursor:pointer;color:#465573;margin:0 5px!important}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .bi:hover,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .bi:hover{color:#2e62df!important;font-size:26px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button{display:flex;color:#5171a6;font-size:16px;height:45px;align-items:center;padding:0 10px;width:100%}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button i,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button i{font-size:20px;padding:0;display:flex;align-items:center}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button .action-text,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button .action-text{padding:0 5px}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button:hover,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .actions-wrapper .datatable-actions-menu button:hover{background-color:#e6ebf2}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .disabled-actions-wrapper,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .disabled-actions-wrapper{width:100%}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-center .datatable-body-cell .disabled-actions-wrapper .bi,.ngx-datatable .datatable-body .datatable-scroll .datatable-summary-row .datatable-body-row .datatable-row-center .datatable-body-cell .disabled-actions-wrapper .bi{font-size:25px;cursor:not-allowed;color:#465573;margin:0 5px!important;opacity:.7}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper:nth-child(even){background-color:#f4f6f8}.ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper:hover{background-color:#eef1f5}.cards-container{display:flex;flex-wrap:wrap;justify-content:center}.cards-container .single-card{padding:15px;border:1px solid rgba(180,186,198,.2);border-radius:3px;min-width:270px;width:24%;margin:0 5px 10px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;cursor:pointer}.cards-container .single-card .memo-title{font-size:14px;font-weight:bold;color:#465573;border-bottom:1px solid lightgray;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.cards-container .single-card .memo-title .action-wrap .action{margin:0 5px;cursor:pointer}.cards-container .single-card .memo-title .action-wrap .action i{font-size:16px}.cards-container .single-card .memo-title .action-wrap .action i:hover{color:#00f}.cards-container .single-card .memo-title .action-wrap .publish-state{font-size:12px;color:#00dca5;font-weight:bold}.cards-container .single-card .memo-title .action-wrap button{border:none;color:#465573;background-color:transparent}.cards-container .single-card .memo-title .action-wrap button i{font-size:16px}.cards-container .single-card .memo-title .action-wrap button i:hover{color:#00f}.cards-container .single-card .memo-body{display:flex;padding:0 10px}.cards-container .single-card .memo-body .key{width:50%;font-size:12px;color:#9aa4ac}.cards-container .single-card .memo-body .value{width:50%;font-size:12px}.cards-container .single-card .memo-body .value .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cards-container .single-card:hover{background-color:#f6f7f8}.cards-container .single-card:focus{background-color:#f6f7f8}.cards-container .selected-card{background-color:#f6f7f8}.rtl .ngx-datatable .datatable-body .status-wrapper .fav-icon-indicator{left:-10px;top:15px!important;right:auto!important}.dynamic-cards-container{display:flex;flex-wrap:wrap;justify-content:center}.dynamic-cards-container .single-card{padding:15px;border:1px solid rgba(180,186,198,.2);border-radius:3px;min-width:306px;width:24%;margin:0 5px 10px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;cursor:pointer}.dynamic-cards-container .single-card .memo-title{font-size:14px;font-weight:bold;color:#465573;border-bottom:1px solid lightgray;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.dynamic-cards-container .single-card .memo-title .action-wrap .action{cursor:pointer}.dynamic-cards-container .single-card .memo-title .action-wrap .action i{font-size:16px}.dynamic-cards-container .single-card .memo-title .action-wrap .action i:hover{color:#00f}.dynamic-cards-container .single-card .memo-title .action-wrap .publish-state{font-size:12px;color:#00dca5;font-weight:bold}.dynamic-cards-container .single-card .memo-title .action-wrap button{border:none;color:#465573;background-color:transparent}.dynamic-cards-container .single-card .memo-title .action-wrap button i{font-size:16px}.dynamic-cards-container .single-card .memo-title .action-wrap button i:hover{color:#00f}.dynamic-cards-container .single-card .memo-body{display:flex;padding:0 10px}.dynamic-cards-container .single-card .memo-body .key{width:58%;font-size:12px;color:#9aa4ac;margin-bottom:4px}.dynamic-cards-container .single-card .memo-body .value{width:58%;font-size:12px}.dynamic-cards-container .single-card .memo-body .value .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dynamic-cards-container .single-card .memo-body .draft{background-color:#596973;color:#fff;width:24%}.dynamic-cards-container .single-card .memo-body .inProgress{background-color:#3c3cf0;color:#fff;width:51%}.dynamic-cards-container .single-card .memo-body .registered{background-color:#5a1496;color:#fff;width:51%}.dynamic-cards-container .single-card .memo-body .archived{background-color:#fbb62c;color:#fff;width:40%}.dynamic-cards-container .single-card .memo-body .closed{background-color:#00dca5;color:#fff;width:31%}.dynamic-cards-container .single-card .memo-body .approved{background-color:#06a57e;color:#fff;width:43%}.dynamic-cards-container .single-card .memo-body .assigned{background-color:#fd6670;color:#fff;width:43%}.dynamic-cards-container .single-card .memo-body .sent{background-color:#3c3cf0;color:#fff;width:23%}.dynamic-cards-container .single-card .memo-body .under_revision{background:#689be7;color:#e9f1fd;width:65%}.dynamic-cards-container .single-card .memo-body .rejected{background-color:#fd6670;color:#fff;width:37%}.dynamic-cards-container .single-card .memo-body .under_sign{background-color:#dda722;color:#fff;width:51%}.dynamic-cards-container .single-card:hover{background-color:#f6f7f8}.dynamic-cards-container .single-card:focus{background-color:#f6f7f8}.dynamic-cards-container .selected-card{background-color:#f6f7f8}.overflowVisible{overflow:visible!important}\n"], components: [{ type: i4__namespace$2.DatatableComponent, selector: "ngx-datatable", inputs: ["selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "loadingIndicator", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "groupExpansionDefault", "selectAllRowsOnPage", "virtualization", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity", "rows", "groupedRows", "groupRowsBy", "columns", "limit", "count", "offset", "targetMarkerTemplate", "selectionType", "rowClass", "selectCheck", "displayCheck", "trackByProp", "treeFromRelation", "treeToRelation"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { type: i7__namespace$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: DropdownViewerComponent, selector: "cts-dropdown-viewer", inputs: ["label", "value", "dropdownId", "vertical", "withOutLabel"] }, { type: DepartmentViewerComponent, selector: "cts-department-viewer", inputs: ["label", "value", "dropdownId", "vertical", "withOutLabel", "noStyle"] }, { type: i2__namespace$4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i2__namespace$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: DateViewerComponent, selector: "cts-date-viewer", inputs: ["label", "value", "vertical", "format", "hijri", "withOutLabel"] }, { type: DynamicColumnComponent, selector: "cts-dynamic-column", inputs: ["id", "context", "column"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$2.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { type: i4__namespace$2.DataTableColumnHeaderDirective, selector: "[ngx-datatable-header-template]" }, { type: i4__namespace$2.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i2__namespace$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i2__namespace$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], pipes: { "translate": i1__namespace$1.TranslatePipe, "localizedDate": LocalizedDatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TableComponent, decorators: [{
               type: i0.Component,
@@ -13016,7 +13016,7 @@
                       styleUrls: ['./table.component.scss'],
                       encapsulation: i0.ViewEncapsulation.None,
                   }]
-          }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: AppConfigService }, { type: TranslationService$1 }]; }, propDecorators: { onRowSelected: [{
+          }], ctorParameters: function () { return [{ type: NuxeoService }, { type: AppConfigService }, { type: TranslationService }]; }, propDecorators: { onRowSelected: [{
                   type: i0.Output
               }], onRowIndexSelected: [{
                   type: i0.Output
@@ -13370,7 +13370,7 @@
       };
       return DynamicTableComponent;
   }());
-  DynamicTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTableComponent, deps: [{ token: AdapterService }, { token: CallApiService$1 }, { token: DynamicTableService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DynamicTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTableComponent, deps: [{ token: AdapterService }, { token: CallApiService }, { token: DynamicTableService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   DynamicTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicTableComponent, selector: "cts-dynamic-table", inputs: { columns: "columns", responsiveColumns: "responsiveColumns", entityType: "entityType", prefix: "prefix", headers: "headers", fields: "fields", pageProvider: "pageProvider", pageSize: "pageSize", sortingBy: "sortingBy", queryParam: "queryParam", quickFilter: "quickFilter", report: "report", rowCursor: "rowCursor", fullWidth: "fullWidth", tableMode: "tableMode", tableActions: "tableActions", defultSort: "defultSort", range: "range", isSearchPage: "isSearchPage", multiSelectRows: "multiSelectRows", customFirstRow: "customFirstRow", highlightSelectedCard: "highlightSelectedCard", showActionsAsMenu: "showActionsAsMenu", filterParams: "filterParams", format: "format" }, outputs: { onRowSelected: "onRowSelected", onRowIndexSelected: "onRowIndexSelected", actionOnRow: "actionOnRow", onGettingData: "onGettingData", onMultiRowSelected: "onMultiRowSelected", onLoading: "onLoading" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"wrapping\">\r\n  <div class=\"table-reposition\">\r\n    <cts-table\r\n      *ngIf=\"rows.length\"\r\n      [rows]=\"rows\"\r\n      [columns]=\"columns\"\r\n      [responsiveColumns]=\"responsiveColumns\"\r\n      [rowCursor]=\"rowCursor\"\r\n      [fullWidth]=\"fullWidth\"\r\n      [entityType]=\"entityType\"\r\n      [prefix]=\"prefix\"\r\n      [totalRecords]=\"totalRecords\"\r\n      [tableMode]=\"tableMode\"\r\n      [multiSelectRows]=\"multiSelectRows\"\r\n      [tableActions]=\"tableActions\"\r\n      [showActionsAsMenu]=\"showActionsAsMenu\"\r\n      [defultSort]=\"defultSort\"\r\n      [format]=\"format\"\r\n      [highlightSelectedCard]=\"highlightSelectedCard\"\r\n      [customFirstRow]=\"customFirstRow\"\r\n      (onRowSelected)=\"rowDetails($event)\"\r\n      (onRowIndexSelected)=\"indexDetails($event)\"\r\n      (onMultiRowSelected)=\"onMultiRowSelectValue($event)\"\r\n      (actionOnRow)=\"performAction($event)\"\r\n      (onSorting)=\"onSort($event)\"\r\n    ></cts-table>\r\n  </div>\r\n  <ng-container *ngIf=\"loading\">\r\n    <cts-spinner></cts-spinner>\r\n  </ng-container>\r\n  <div\r\n    class=\"pagination-iner-wraper d-flex justify-content-center align-items-center my-3\"\r\n    *ngIf=\"rows.length\"\r\n  >\r\n    <cts-pagination\r\n      [page]=\"pageNum\"\r\n      (change)=\"PaginationChange($event)\"\r\n      [size]=\"pageSize\"\r\n      [count]=\"totalRecords\"\r\n    ></cts-pagination>\r\n  </div>\r\n\r\n  <div class=\"empty-state\" *ngIf=\"(!loading && rows.length === 0)\">\r\n    <div class=\"text\">{{ ( prefix ?  ( prefix + 'noData' ) : ('noData')) | translate}}</div>\r\n  </div>\r\n  <div class=\"empty-state\" *ngIf=\"(loading && rows.length === 0)\">\r\n    <div class=\"text\">{{ ( prefix ?  ( prefix + 'gettingData' ) : ('gettingData')) | translate }}</div>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.wrapping{position:relative}.wrapping .table-reposition{overflow-y:hidden;scrollbar-color:#b4bac6 transparent!important;scrollbar-width:thin!important;overflow-x:auto}.empty-state{padding:200px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:bold}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#b4bac6}.dark-scroll::-webkit-scrollbar-thumb{background:#8f98aa}\n"], components: [{ type: TableComponent, selector: "cts-table", inputs: ["rows", "columns", "responsiveColumns", "entityType", "prefix", "pageCount", "totalRecords", "rowCursor", "fullWidth", "vocItemTranslationPrefix", "tableMode", "tableActions", "format", "defultSort", "highlightSelectedCard", "multiSelectRows", "customFirstRow", "showActionsAsMenu"], outputs: ["onRowSelected", "onRowIndexSelected", "onIconSelected", "actionOnRow", "onSorting", "onMultiRowSelected"] }, { type: SpinnerComponent, selector: "cts-spinner" }, { type: PaginationComponent, selector: "cts-pagination", inputs: ["size", "count", "page"], outputs: ["change"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace$1.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicTableComponent, decorators: [{
               type: i0.Component,
@@ -13380,7 +13380,7 @@
                       styleUrls: ['./dynamic-table.component.scss'],
                       encapsulation: i0.ViewEncapsulation.None
                   }]
-          }], ctorParameters: function () { return [{ type: AdapterService }, { type: CallApiService$1 }, { type: DynamicTableService }]; }, propDecorators: { onRowSelected: [{
+          }], ctorParameters: function () { return [{ type: AdapterService }, { type: CallApiService }, { type: DynamicTableService }]; }, propDecorators: { onRowSelected: [{
                   type: i0.Output
               }], onRowIndexSelected: [{
                   type: i0.Output
@@ -13825,7 +13825,7 @@
       };
       return DynamicSearchComponent;
   }());
-  DynamicSearchComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicSearchComponent, deps: [{ token: i1__namespace$2.ActivatedRoute }, { token: i1__namespace$2.Router }, { token: EvaluatorsService }, { token: NuxeoService$1 }, { token: GlobalAdminService }, { token: 'environment' }, { token: i5__namespace$2.BreakpointObserver }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DynamicSearchComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicSearchComponent, deps: [{ token: i1__namespace$2.ActivatedRoute }, { token: i1__namespace$2.Router }, { token: EvaluatorsService }, { token: NuxeoService }, { token: GlobalAdminService }, { token: 'environment' }, { token: i5__namespace$2.BreakpointObserver }], target: i0__namespace.ɵɵFactoryTarget.Component });
   DynamicSearchComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicSearchComponent, selector: "cts-dynamic-search", inputs: { columns: "columns", responsiveColumns: "responsiveColumns", entityType: "entityType", prefix: "prefix", headers: "headers", fields: "fields", pageProvider: "pageProvider", pageSize: "pageSize", sortingBy: "sortingBy", fullTextParamName: "fullTextParamName", filter: "filter", suggesterApi: "suggesterApi", onRowSelected: "onRowSelected", sortingArray: "sortingArray", customResponsiveStyle: "customResponsiveStyle", openCloseFilterFromOutside: "openCloseFilterFromOutside", theme: "theme" }, outputs: { actionOnRow: "actionOnRow" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!customResponsiveStyle\">\r\n  <div class=\"search-toolbar d-md-flex d-xl-none mx-3\">\r\n    <button (click)=\"onOpenFilter()\" class=\"my-button\">\r\n      <span> {{ \"FILTER\" | translate }}</span>\r\n      <i class=\"bi bi-filter\" *ngIf=\"!openFilter\"></i>\r\n      <i class=\"bi bi-x\" *ngIf=\"openFilter\"></i>\r\n    </button>\r\n    <div *ngIf=\"openFilter\">\r\n      <i class=\"bi bi-caret-up-fill arrow-up\"></i>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"customResponsiveStyle\">\r\n  <div class=\"customStyle -mt-12 px-8 flex flex-col\"\r\n    [ngClass]=\"{'bg-accent-200': theme === 'dgda','bg-accent-100': theme === 'ksreleif' || theme === 'comptechco'}\"\r\n    [@collapse]=\"!openFilter\">\r\n    <!-- <form\r\n        [formGroup]=\"searchForm\"\r\n        class=\"search-form\"\r\n        (ngSubmit)=\"submitForm()\"\r\n      >\r\n        <input\r\n          class=\"search-input\"\r\n          type=\"text\"\r\n          formControlName=\"text\"\r\n          [placeholder]=\"'search.search' | translate\"\r\n        />\r\n        <div (click)=\"submitForm()\" class=\"search-icon bi bi-search\"></div>\r\n      </form> -->\r\n    <div class=\"flex gap-x-18 flex-row mt-5 pb-3 overflow-x-auto\">\r\n      <ng-container *ngIf=\"aggregations; else progressSpinner\">\r\n        <ng-container *ngIf=\"aggregations.length; else noAggregations\">\r\n          <ng-container *ngFor=\"let aggregation of aggregations\">\r\n            <ng-container *ngIf=\"aggregation.buckets.length > 0\">\r\n              <cts-dynamic-filter [entityType]=\"entityType\" [filters]=\"aggregation.buckets\" [id]=\"aggregation.id\"\r\n                [selections]=\"aggregation.selection\" [title]=\"aggregation.field\" [prefix]=\"'search'\" [department]=\"\r\n                    aggregation.field === 'corr:to' ||\r\n                    aggregation.field === 'corr:from'\r\n                  \" [componentType]=\"aggregation.componentType ? aggregation.componentType : 'defult'\"\r\n                [customPageProvider]=\"aggregation.customPageProvider ? aggregation.customPageProvider : ''\"\r\n                [config]=\"aggregation.config ? aggregation.config : {}\" (onFilterSelected)=\"FilterSelected($event)\">\r\n              </cts-dynamic-filter>\r\n            </ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n\r\n<div class=\"row wrapper\">\r\n  <ng-container *ngIf=\"!customResponsiveStyle\">\r\n    <div class=\"popup-filter px-3 d-flex d-xl-none\" *ngIf=\"openFilter\">\r\n      <form [formGroup]=\"searchForm\" class=\"search-form\" (ngSubmit)=\"submitForm()\">\r\n        <input class=\"search-input\" type=\"text\" formControlName=\"text\" [matAutocomplete]=\"matAutocomplete1\" [placeholder]=\"'search.search' | translate\" />\r\n        <div (click)=\"submitForm()\" class=\"search-icon bi bi-search\"></div>\r\n      </form>\r\n      <mat-autocomplete\r\n      class=\"\r\n         auto-complete-iner-wrapper\r\n          auto-complete-wrapper\r\n      \"\r\n      [disableRipple]=\"true\"\r\n      #matAutocomplete1=\"matAutocomplete\"\r\n  >\r\n      <mat-option\r\n          class=\"no-text\"\r\n          *ngIf=\"resultSets && !resultSets.length\"\r\n      >\r\n          {{'no_result_found' | translate}}\r\n      </mat-option>\r\n      <ng-container *ngFor=\"let resultSet of resultSets\">\r\n          <mat-option  (click)=\"setOptionValue(resultSet.label)\">\r\n              <span\r\n                  class=\"option-iner-text\"\r\n                  >{{ resultSet.label }}</span\r\n              >\r\n          </mat-option >\r\n      </ng-container>\r\n      </mat-autocomplete>\r\n      <ng-container *ngIf=\"aggregations; else progressSpinner\">\r\n        <ng-container *ngIf=\"aggregations.length; else noAggregations\">\r\n          <div *ngFor=\"let aggregation of aggregations\">\r\n            <ng-container *ngIf=\"aggregation.buckets.length > 0\">\r\n              <cts-dynamic-filter [entityType]=\"entityType\" [filters]=\"aggregation.buckets\" [id]=\"aggregation.id\"\r\n                [selections]=\"aggregation.selection\" [title]=\"aggregation.field\" [prefix]=\"'search'\" [department]=\"\r\n                aggregation.field === 'corr:to' ||\r\n                aggregation.field === 'corr:from'\r\n              \" [componentType]=\"aggregation.componentType ? aggregation.componentType : 'defult'\"\r\n                [customPageProvider]=\"aggregation.customPageProvider ? aggregation.customPageProvider : ''\"\r\n                [config]=\"aggregation.config ? aggregation.config : {}\" (onFilterSelected)=\"FilterSelected($event)\">\r\n              </cts-dynamic-filter>\r\n            </ng-container>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div class=\"col-xl-3 search-sideMenu d-none d-xl-block\">\r\n    <form [formGroup]=\"searchForm\" class=\"search-form\" (ngSubmit)=\"submitForm()\">\r\n      <input class=\"search-input\" type=\"text\" formControlName=\"text\" [matAutocomplete]=\"matAutocomplete2\"\r\n        [placeholder]=\"'search.search' | translate\" />\r\n      <div (click)=\"submitForm()\" class=\"search-icon bi bi-search\"></div>\r\n    </form>\r\n    <mat-autocomplete class=\"\r\n       auto-complete-iner-wrapper\r\n        auto-complete-wrapper\r\n    \" [disableRipple]=\"true\" #matAutocomplete2=\"matAutocomplete\">\r\n      <mat-option class=\"no-text\" *ngIf=\"resultSets && !resultSets.length\">\r\n        {{'no_result_found' | translate}}\r\n      </mat-option>\r\n      <ng-container *ngFor=\"let resultSet of resultSets\">\r\n        <mat-option (click)=\"setOptionValue(resultSet.label)\">\r\n          <span class=\"option-iner-text\">{{ resultSet.label }}</span>\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n    <ng-container *ngIf=\"aggregations; else progressSpinner\">\r\n      <div *ngFor=\"let aggregation of aggregations\">\r\n        <ng-container *ngIf=\"aggregation.buckets.length > 0\">\r\n          <cts-dynamic-filter [entityType]=\"entityType\" [filters]=\"aggregation.buckets\" [id]=\"aggregation.id\"\r\n            [selections]=\"aggregation.selection\" [title]=\"aggregation.field\" [prefix]=\"'search'\" [department]=\"\r\n              aggregation.field === 'corr:to' ||\r\n              aggregation.field === 'corr:from'\r\n            \" [componentType]=\"aggregation.componentType ? aggregation.componentType : 'defult'\"\r\n            [customPageProvider]=\"aggregation.customPageProvider ? aggregation.customPageProvider : ''\"\r\n            [config]=\"aggregation.config ? aggregation.config : {}\" (onFilterSelected)=\"FilterSelected($event)\">\r\n          </cts-dynamic-filter>\r\n        </ng-container>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <div class=\"col-12 col-xl-9\">\r\n    <app-card>\r\n      <div class=\"title\">\r\n        <h3>\r\n          {{ \"search.header\" | translate }}\r\n        </h3>\r\n      </div>\r\n      <div class=\"body\">\r\n        <div *ngIf=\"aggregations\" class=\"table-toolbar\">\r\n          <div class=\"result-count\">\r\n            <span>\r\n              {{\r\n              \"search.\" + \"resultsNumber\"\r\n              | translate: { value: totalRecords ? totalRecords : 0 }\r\n              }}\r\n            </span>\r\n          </div>\r\n          <div>\r\n            <form class=\"d-flex justify-between\" [formGroup]=\"searchForm\" (ngSubmit)=\"submitForm()\">\r\n              <div *ngIf=\"useToggleFilters && !customResponsiveStyle\"></div>\r\n              <div *ngIf=\"customResponsiveStyle\">\r\n                <div class=\"search-form custom-responsive-search\">\r\n                  <input class=\"search-input\" type=\"text\" formControlName=\"text\" [matAutocomplete]=\"matAutocomplete\"\r\n                    [placeholder]=\"'search.search' | translate\" />\r\n                  <div (click)=\"submitForm()\" class=\"search-icon bi bi-search\"></div>\r\n                </div>\r\n                <mat-autocomplete\r\n                class=\"\r\n                   auto-complete-iner-wrapper\r\n                    auto-complete-wrapper\r\n                \"\r\n                [disableRipple]=\"true\"\r\n                #matAutocomplete=\"matAutocomplete\"\r\n            >\r\n                <mat-option\r\n                    class=\"no-text\"\r\n                    *ngIf=\"resultSets && !resultSets.length\"\r\n                >\r\n                    {{no_result_found | translate}}\r\n                </mat-option>\r\n                <ng-container *ngFor=\"let resultSet of resultSets\">\r\n                    <mat-option  (click)=\"setOptionValue(resultSet.label)\">\r\n                        <span\r\n                            class=\"option-iner-text\"\r\n                            >{{ resultSet.label }}</span\r\n                        >\r\n                    </mat-option >\r\n                </ng-container>\r\n                </mat-autocomplete>\r\n              </div>\r\n              <div class=\"d-flex\" *ngIf=\"useToggleFilters\">\r\n                <cts-dynamic-form-slide-toggleitem class=\"mx-2 small-font\" [label]=\"'search.PERSONAL_FILES'\"\r\n                  (onToggle)=\"submitForm()\" formControlName=\"personalFiles\">\r\n                </cts-dynamic-form-slide-toggleitem>\r\n                <cts-dynamic-form-slide-toggleitem class=\"mx-2 small-font\" [label]=\"'search.DEP_FILES'\"\r\n                  formControlName=\"depFiles\" (onToggle)=\"submitForm()\">\r\n                </cts-dynamic-form-slide-toggleitem>\r\n                <cts-dynamic-form-slide-toggleitem class=\"mx-2 small-font\" [label]=\"'search.WORKSPACE_FILES'\"\r\n                formControlName=\"workSpaceFiles\" (onToggle)=\"submitForm()\">\r\n              </cts-dynamic-form-slide-toggleitem>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <cts-dynamic-table [pageSize]=\"pageSize\" [columns]=\"columns\" [responsiveColumns]=\"responsiveColumns\"\r\n          [pageProvider]=\"pageProvider\" [quickFilter]=\"filter\" [entityType]=\"entityType\" [fields]=\"fields\"\r\n          [queryParam]=\"queryParams\" [headers]=\"headers\" [prefix]=\"prefix\" [sortingBy]=\"sortingBy\" [isSearchPage]=\"true\"\r\n          (onRowSelected)=\"onRowSelected($event)\" (actionOnRow)=\"performAction($event)\"\r\n          (onGettingData)=\"getTableData($event)\"></cts-dynamic-table>\r\n      </div>\r\n    </app-card>\r\n  </div>\r\n\r\n  <ng-template #progressSpinner>\r\n    <div class=\"progress-spinner\">\r\n      <mat-spinner color=\"warn\" [diameter]=\"25\"></mat-spinner>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #noAggregations>\r\n    <div class=\"progress-spinner\">\r\n      {{ \"search.noAggregations\" | translate }}\r\n    </div>\r\n  </ng-template>\r\n</div>", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.result-count{color:#8f98aa;font-size:14px}.search-sideMenu{background-color:#fff;padding-top:22px;padding-bottom:22px;border-radius:5px}.auto-complete-iner-wrapper{max-height:350px;border-radius:4px}.auto-complete-iner-wrapper .no-text{font-size:14px;color:#465573}.auto-complete-iner-wrapper .mat-option{text-align:start;color:#465573;font-weight:bold;font-size:14px}.auto-complete-iner-wrapper .mat-option .mat-option-text{text-align:flex-start}.search-form{display:flex;color:#6a768e;width:100%}.search-form .search-input{width:100%;border:1px solid #d9dce2;border-inline-end:0;border-start-start-radius:5px;border-end-start-radius:5px;border:1px solid #ccc;height:32px;font-size:16px;padding-inline-start:4px}.search-form .search-input::-webkit-input-placeholder{font-size:14px}.search-form .search-input:focus-visible{border:2px solid #465573;outline:transparent}.search-form .search-icon{background:#465573;color:#fff;width:12%;display:flex;align-items:center;justify-content:center;border-radius:0;cursor:pointer;border:1px solid #d9dce2;border-start-end-radius:6px;border-end-end-radius:6px;border-inline-start:0}.small-font{font-size:14px}.custom-responsive-search{width:300px!important;margin:0 35px}.search-toolbar{position:relative;display:flex;justify-content:flex-end;margin-bottom:16px}.search-toolbar .my-button{width:90px}.search-toolbar .arrow-up{position:absolute;top:26px;right:28px;font-size:25px;color:#8f98aab3}.wrapper{position:relative}.wrapper .popup-filter{flex-direction:column;position:absolute;right:0;z-index:9999;max-height:70vh;max-width:400px;background-color:#fff;overflow:scroll;box-shadow:0 1px 10px 2px #00000054;top:-4px;border-radius:5px}.wrapper .popup-filter .search-form{margin-top:10px!important}.wrapper .popup-filter .search-input{width:100%!important}.wrapper .search-container{background-color:#fff;border-radius:5px;border:0px;padding:16px;height:max-content}.wrapper .search-container .table-toolbar{display:flex;align-items:center;margin-bottom:8px;justify-content:space-between}.progress-spinner{margin-top:10px;margin-block-end:0;display:grid;place-items:center;width:100%}.rtl .popup-filter{left:0px;right:unset!important}.rtl .arrow-up{position:absolute;top:33px;left:28px;right:unset!important}@media (width: 1180px),(width: 820px){.customStyle cts-dynamic-filter .aggregation-container{width:176px!important}}.customStyle .search-form{display:flex;color:#6a768e;width:100%}.customStyle .search-form .search-input{width:288px;border:1px solid #d9dce2;border-inline-end:0;border-start-start-radius:5px;border-end-start-radius:5px;border:1px solid #ccc;height:32px;font-size:16px;padding-inline-start:4px}.customStyle .search-form .search-input::-webkit-input-placeholder{font-size:14px}.customStyle .search-form .search-input:focus-visible{border:2px solid #465573;outline:transparent}.customStyle .search-form .search-icon{background:#465573;color:#fff;width:40px;display:flex;align-items:center;justify-content:center;border-radius:0;cursor:pointer;border:1px solid #d9dce2;border-start-end-radius:6px;border-end-end-radius:6px;border-inline-start:0}\n"], components: [{ type: DynamicFilterComponent, selector: "cts-dynamic-filter", inputs: ["title", "filters", "selections", "id", "entityType", "prefix", "department", "componentType", "customPageProvider", "config"], outputs: ["onFilterSelected"] }, { type: i7__namespace$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i2__namespace$5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: CardComponent, selector: "app-card", inputs: ["noBody", "dark"] }, { type: DynamicFormSlideToggleitemComponent, selector: "cts-dynamic-form-slide-toggleitem", inputs: ["label", "disabled", "checked", "theme"], outputs: ["onToggle"] }, { type: DynamicTableComponent, selector: "cts-dynamic-table", inputs: ["columns", "responsiveColumns", "entityType", "prefix", "headers", "fields", "pageProvider", "pageSize", "sortingBy", "queryParam", "quickFilter", "report", "rowCursor", "fullWidth", "tableMode", "tableActions", "defultSort", "range", "isSearchPage", "multiSelectRows", "customFirstRow", "highlightSelectedCard", "showActionsAsMenu", "filterParams", "format"], outputs: ["onRowSelected", "onRowIndexSelected", "actionOnRow", "onGettingData", "onMultiRowSelected", "onLoading"] }, { type: i8__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__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: i7__namespace$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1__namespace$1.TranslatePipe }, animations: [
           animations.trigger('collapse', [
               animations.state('false', animations.style({ height: animations.AUTO_STYLE, visibility: animations.AUTO_STYLE })),
@@ -13851,7 +13851,7 @@
                       encapsulation: i0.ViewEncapsulation.None
                   }]
           }], ctorParameters: function () {
-          return [{ type: i1__namespace$2.ActivatedRoute }, { type: i1__namespace$2.Router }, { type: EvaluatorsService }, { type: NuxeoService$1 }, { type: GlobalAdminService }, { type: undefined, decorators: [{
+          return [{ type: i1__namespace$2.ActivatedRoute }, { type: i1__namespace$2.Router }, { type: EvaluatorsService }, { type: NuxeoService }, { type: GlobalAdminService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }, { type: i5__namespace$2.BreakpointObserver }];
@@ -14240,7 +14240,7 @@
       };
       return CreateEntityComponent;
   }());
-  CreateEntityComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreateEntityComponent, deps: [{ token: i1__namespace$2.Router }, { token: NuxeoService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CreateEntityComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreateEntityComponent, deps: [{ token: i1__namespace$2.Router }, { token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CreateEntityComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CreateEntityComponent, selector: "cts-create-entity", inputs: { createActions: "createActions" }, ngImport: i0__namespace, template: "<div class=\"entity-iner-wrapper\" SetRtl (clickOutside)=\"closeSideMenu($event)\">\r\n\r\n  <div class=\"entity-types\" [ngClass]=\"{'hide-menu': openMenu === false}\">\r\n    <div  *ngFor=\"let action of createActions\" (click)=\"actionCleciked(action)\">\r\n      <div class=\"single-entity\" *permission=\"{name: action.permission  , user: nuxeoService.nuxeoClient.user }\"> \r\n        <div class=\"entity-name\">{{action.title | translate}}</div>\r\n        <div class=\"entity-icon\">\r\n          <span class=\"{{action.iconName}}\"></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"add-close\" (click)=\"ToggleMenu()\">\r\n    <span class=\"bi bi-plus add\" id=\"trigger\" *ngIf=\"!openMenu\"></span>\r\n    <span class=\"bi bi-x close-icon\" *ngIf=\"openMenu\"></span>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.entity-iner-wrapper{display:flex;flex-direction:column;align-items:flex-end}.entity-iner-wrapper .entity-types{margin:0 8px;overflow:hidden;height:auto;transition:.2s ease-in-out;min-width:180px;display:flex;flex-direction:column;align-items:flex-end}.entity-iner-wrapper .entity-types.hide-menu{height:0px}.entity-iner-wrapper .entity-types .single-entity{display:flex;margin-bottom:15px}.entity-iner-wrapper .entity-types .single-entity .entity-name{min-width:125px;width:auto;padding:16px 14px;margin:4px -8px 4px 0;border-radius:5px;background-color:#9a9a9a;color:#fff;font-size:14px;opacity:1;box-shadow:-3px 0 11px -5px #666;text-overflow:ellipsis;height:23px;align-items:center;display:flex;cursor:pointer}.entity-iner-wrapper .entity-types .single-entity .entity-icon{background-color:#1a96c6;border:2px solid white;cursor:pointer;display:inline-block;min-width:64px;min-width:0;border-radius:50%;width:40px;height:40px;padding:0;color:#fff;display:flex;justify-content:center;align-items:center}.entity-iner-wrapper .entity-types .single-entity .entity-icon .bi{margin:0}.entity-iner-wrapper .add-close{background-color:#1a96c6;width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:25px;color:#fff;font-weight:bold;cursor:pointer}.entity-iner-wrapper .add-close .bi{margin:0!important}.rtl .entity-types .single-entity .entity-name{background-image:radial-gradient(circle at -15px 16px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 25px,#9a9a9a 27px);margin:4px 0 4px -8px}\n"], directives: [{ type: SetRtlDirective, selector: "[SetRtl]" }, { type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace$1.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreateEntityComponent, decorators: [{
               type: i0.Component,
@@ -14250,7 +14250,7 @@
                       styleUrls: ['./create-entity.component.scss'],
                       encapsulation: i0.ViewEncapsulation.None
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$2.Router }, { type: NuxeoService$1 }]; }, propDecorators: { createActions: [{
+          }], ctorParameters: function () { return [{ type: i1__namespace$2.Router }, { type: NuxeoService }]; }, propDecorators: { createActions: [{
                   type: i0.Input
               }] } });
 
@@ -14405,7 +14405,7 @@
       };
       return CorrespondenceTagsComponent;
   }());
-  CorrespondenceTagsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceTagsComponent, deps: [{ token: TagsApiService }, { token: NuxeoService$1 }, { token: EvaluatorsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CorrespondenceTagsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceTagsComponent, deps: [{ token: TagsApiService }, { token: NuxeoService }, { token: EvaluatorsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CorrespondenceTagsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CorrespondenceTagsComponent, selector: "cts-correspondence-tags", inputs: { alwaysShowRemoveBtn: "alwaysShowRemoveBtn", correspondence: "correspondence", customClass: "customClass", addCustomApiName: "addCustomApiName", deleteCustomApiName: "deleteCustomApiName", useParams: "useParams", accordionMode: "accordionMode", systemTags: "systemTags", accordionOpen: "accordionOpen", title: "title", multiple: "multiple" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"{{customClass}}\">\r\n  <div class=\"tags-header\" [ngClass]=\"{'border-b': !open}\">\r\n    <div class=\"tag-header-title\">{{ title | translate }}</div>\r\n    <div class=\"flex gap-x-2\">\r\n      <ng-container *ngIf=\"!systemTags\">\r\n        <div\r\n      \r\n        class=\"allowEdit-tag-btn\"\r\n        *permission=\"{ name: 'addTag', entity: correspondence, user: nuxeoService.nuxeoClient.user }\"\r\n        (click)=\"removable = !removable\"\r\n        >\r\n          <span class=\"bi bi-plus-lg detailed-menu\" [matTooltip]=\"'Tags.toolTip' | translate\" *ngIf=\"!removable\"></span>\r\n          <span class=\"tags-close-icon bi bi-x detailed-menu\" [matTooltip]=\"'Tags.Close' | translate\" *ngIf=\"removable\"></span>\r\n        </div>\r\n      </ng-container>\r\n      <button (click)=\"toggleAccrdion()\" *ngIf=\"accordionMode\">\r\n        <mat-icon svgIcon=\"mat_solid:keyboard_arrow_up\" *ngIf=\"open\"></mat-icon>\r\n        <mat-icon svgIcon=\"mat_solid:keyboard_arrow_down\" *ngIf=\"!open\"></mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"tags-wrapper\" [@collapse]=\"!open\">\r\n    <ng-container *ngIf=\"removable && !systemTags\">\r\n      <div class=\"add-tag-container\">\r\n        <div class=\"tag-form-container\">\r\n          <form [formGroup]=\"tagsFrom\">\r\n            <cts-dynamic-form-select-tag\r\n             formControlName=\"tag\"\r\n             [multiple]=\"multiple\">\r\n            </cts-dynamic-form-select-tag>\r\n          </form>\r\n        </div>\r\n        <div class=\"add-tag-btn\">\r\n          <cts-button\r\n            [disabled]=\"this.tagsFrom.invalid\"\r\n            [loading]=\"loading\"\r\n            (onClick)=\"addTag()\"\r\n            class=\"detailed-menu\"\r\n            >{{ \"BUTTONS.ADD\" | translate }}</cts-button\r\n          >\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"tagsList.length > 0; else noEntry\">\r\n      <div class=\"tags-list-container row\">\r\n        <mat-chip-list *ngFor=\"let tag of tagsList\">\r\n          <mat-chip [removable]=\"removable || (canRemoveTag && alwaysShowRemoveBtn)\" (removed)=\"deleteTag(tag)\"\r\n            >{{ tag }} \r\n            <mat-icon matChipRemove class=\"cancelBtn\" *ngIf=\"(removable && !systemTags) || (canRemoveTag && alwaysShowRemoveBtn)\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </mat-chip-list>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n</div>\r\n\r\n<ng-template #noEntry>\r\n  <cts-no-data [message]=\"'Tags.noEntry'\" [border]=\"false\"></cts-no-data>\r\n</ng-template>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.tags-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;font-size:14px}.tags-header .allowEdit-tag-btn{cursor:pointer}.tags-header .allowEdit-tag-btn span{color:#1a96c6;font-size:18px}.tags-header .allowEdit-tag-btn .tags-close-icon{display:flex;font-size:30px}.tags-wrapper{padding:5px 16px;border:1px solid #d9dce2;display:flex;flex-direction:column;grid-row-gap:8px;row-gap:8px}.tags-wrapper .add-tag-container{display:flex;justify-content:space-between;grid-column-gap:6px;column-gap:6px}.tags-wrapper .add-tag-container .tag-form-container{width:80%}.tags-wrapper .add-tag-container .add-tag-btn{width:20%}.tags-wrapper .tags-list-container{display:flex;grid-column-gap:4px;column-gap:4px;grid-row-gap:8px;row-gap:8px;margin:0}\n"], components: [{ type: i2__namespace$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DynamicFormSelectTagComponent, selector: "cts-dynamic-form-select-tag", inputs: ["label", "multiple", "selectedTagsCustomTemplate"] }, { type: ButtonComponent, selector: "cts-button", inputs: ["disabled", "loading", "size", "theme", "spinnerTheming"], outputs: ["onClick"] }, { type: i7__namespace.MatChipList, selector: "mat-chip-list", inputs: ["aria-orientation", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "selectable", "tabIndex", "errorStateMatcher"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: NoDataComponent, selector: "cts-no-data", inputs: ["message", "border", "img"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i2__namespace$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i7__namespace.MatChipRemove, selector: "[matChipRemove]" }], pipes: { "translate": i1__namespace$1.TranslatePipe }, animations: [
           animations.trigger('collapse', [
               animations.state('false', animations.style({ height: animations.AUTO_STYLE, visibility: animations.AUTO_STYLE })),
@@ -14430,7 +14430,7 @@
                       ],
                       encapsulation: i0.ViewEncapsulation.None,
                   }]
-          }], ctorParameters: function () { return [{ type: TagsApiService }, { type: NuxeoService$1 }, { type: EvaluatorsService }]; }, propDecorators: { alwaysShowRemoveBtn: [{
+          }], ctorParameters: function () { return [{ type: TagsApiService }, { type: NuxeoService }, { type: EvaluatorsService }]; }, propDecorators: { alwaysShowRemoveBtn: [{
                   type: i0.Input
               }], correspondence: [{
                   type: i0.Input
@@ -14656,7 +14656,7 @@
       };
       return AttachmentsListComponent;
   }());
-  AttachmentsListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AttachmentsListComponent, deps: [{ token: NuxeoService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  AttachmentsListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AttachmentsListComponent, deps: [{ token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   AttachmentsListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AttachmentsListComponent, selector: "cts-attachments-list", inputs: { ancestorId: "ancestorId", provider: "provider", items: "items", batchList: "batchList", dontDelete: "dontDelete", canDelete: "canDelete", item: "item" }, outputs: { deleteSuccess: "deleteSuccess", documentsCount: "documentsCount", documentSelect: "documentSelect" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container>\r\n  <div class=\"doc-list\">\r\n    <ng-container>\r\n      <form [formGroup]=\"attachmentForm\">\r\n        <div formArrayName=\"attachmentCard\">\r\n          <div\r\n            class=\"doc-item\"\r\n            *ngFor=\"\r\n              let attachmentCardControl of attachmentForm.get('attachmentCard')[\r\n                'controls'\r\n              ];\r\n              let i = index\r\n            \"\r\n          >\r\n            <!-- (click)=\"preview(item.uid)\" -->\r\n            <div class=\"file-icon\">\r\n              <mat-icon>file_copy</mat-icon>\r\n            </div>\r\n            <div\r\n              [formGroupName]=\"i\"\r\n              class=\"attachmentForm-container row no-gutters\"\r\n            >\r\n              <div class=\"formControl-wrapper col-12 col-xl-6\">\r\n                <app-dynamic-form-textitem\r\n                  placeholder=\"{{ 'Title' | translate }}\"\r\n                  class=\"textitem\"\r\n                  formControlName=\"title\"\r\n                  \r\n                >\r\n                </app-dynamic-form-textitem>\r\n                <app-dynamic-form-textitem\r\n                  placeholder=\"{{\r\n                    'CREATE.ATTACHMENTS.REMARKS_PLACE_HOLDER' | translate\r\n                  }}\"\r\n                  class=\"textitem\"\r\n                  formControlName=\"remarks\"\r\n                >\r\n                </app-dynamic-form-textitem>\r\n              </div>\r\n              <div class=\"formControl-wrapper col-12 col-xl-6\">\r\n                <app-dynamic-form-vocabulary-item\r\n                  class=\"voc-form-control\"\r\n                  [bindLabel]=\"'label'\"\r\n                  [bindValue]=\"'id'\"\r\n                  placeholder=\"{{ 'VOCABULARY.TYPE' | translate }}\"\r\n                  [multiple]=\"false\"\r\n                  [searchable]=\"false\"\r\n                  [closeOnSelect]=\"true\"\r\n                  [hideSelectedItems]=\"false\"\r\n                  [vocabularyType]=\"'VOC_CorrespondenceAttachmentType'\"\r\n                  formControlName=\"category\"\r\n                >\r\n                </app-dynamic-form-vocabulary-item>\r\n                <app-dynamic-form-vocabulary-item\r\n                  class=\"voc-form-control\"\r\n                  [bindLabel]=\"'label'\"\r\n                  [bindValue]=\"'id'\"\r\n                  placeholder=\"{{ 'VOCABULARY.CLASSIFICATION' | translate }}\"\r\n                  [multiple]=\"false\"\r\n                  [searchable]=\"false\"\r\n                  [closeOnSelect]=\"true\"\r\n                  [hideSelectedItems]=\"false\"\r\n                  [vocabularyType]=\"'VOC_CorrespondenceAttachClassification'\"\r\n                  formControlName=\"classification\"\r\n                >\r\n                </app-dynamic-form-vocabulary-item>\r\n              </div>\r\n              <!-- <div class=\"formControl-toggleitem col-2 col-xl-2\">\r\n                <cts-dynamic-form-slide-toggleitem\r\n                  label=\"{{ 'CREATE.ATTACHMENTS.ISOBJECT' | translate }}\"\r\n                  formControlName=\"isObject\"\r\n                ></cts-dynamic-form-slide-toggleitem>\r\n              </div> -->\r\n            </div>\r\n            <div class=\"btn-wrapper\">\r\n              <button\r\n                (click)=\"delInput(i)\"\r\n                class=\"btn btn-outline-danger btn-no-border\"\r\n              >\r\n                <!-- deleteDocument($event, attachmentCardControl.value.item) -->\r\n                <mat-icon>delete</mat-icon>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n<ng-template #spinner>\r\n  <mat-spinner class=\"centered-spinner\"></mat-spinner>\r\n</ng-template>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.doc-item{display:flex;flex:1;padding-top:6px;padding-bottom:6px;justify-content:space-between;align-items:center;padding-inline-end:4px;cursor:pointer;border:1px solid;border-color:#d9dce2}.doc-item .item-content{display:flex;align-items:center;justify-content:space-between}.doc-item .file-icon{margin:4px;color:#465573;display:flex;align-items:center}.attachmentForm-container{width:100%;grid-row-gap:6px;row-gap:6px}.attachmentForm-container .formControl-wrapper{display:flex;align-items:center;justify-content:space-between;grid-column-gap:10px;column-gap:10px;padding-inline-end:5px;padding-inline-start:5px}.attachmentForm-container .formControl-wrapper .voc-form-control{width:50%}.attachmentForm-container .formControl-wrapper .textitem{width:100%}.attachmentForm-container .formControl-toggleitem{display:flex;align-items:center;justify-content:center}.btn-wrapper{display:flex;justify-content:flex-end}\n"], components: [{ type: i2__namespace$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DynamicFormTextItemComponent, selector: "app-dynamic-form-textitem", inputs: ["autoComplete", "nativeAutoComplete", "autoComplete_pageProvider", "autoComplete_propertyName", "autoComplete_propertyKey", "autoCompleteValueKey", "autoCompleteType", "tenantId", "emitFullObject", "outsideParams", "type", "property", "label", "editable", "placeholder", "disabled", "displayEmpty", "preventSpace", "id", "maxCharsNum"] }, { type: DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues"], outputs: ["onSelecting"] }, { type: i8__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__namespace.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AttachmentsListComponent, decorators: [{
               type: i0.Component,
@@ -14665,7 +14665,7 @@
                       templateUrl: './attachments-list.component.html',
                       styleUrls: ['./attachments-list.component.scss'],
                   }]
-          }], ctorParameters: function () { return [{ type: NuxeoService$1 }]; }, propDecorators: { ancestorId: [{
+          }], ctorParameters: function () { return [{ type: NuxeoService }]; }, propDecorators: { ancestorId: [{
                   type: i0.Input
               }], provider: [{
                   type: i0.Input
@@ -14955,7 +14955,7 @@
       };
       return DocumentsListComponent;
   }());
-  DocumentsListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DocumentsListComponent, deps: [{ token: DocumentsService }, { token: NuxeoService$1 }, { token: CustomToastrService }, { token: i1__namespace$4.MatDialog }, { token: i1__namespace$2.Router }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DocumentsListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DocumentsListComponent, deps: [{ token: DocumentsService }, { token: NuxeoService }, { token: CustomToastrService }, { token: i1__namespace$4.MatDialog }, { token: i1__namespace$2.Router }], target: i0__namespace.ɵɵFactoryTarget.Component });
   DocumentsListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DocumentsListComponent, selector: "app-documents-list", inputs: { ancestorId: "ancestorId", provider: "provider", disablePagination: "disablePagination", containerClasses: "containerClasses", itemsClasses: "itemsClasses", items: "items", notifier: "notifier", canPreview: "canPreview", batchList: "batchList", dontDelete: "dontDelete", canDelete: "canDelete", quickFilters: "quickFilters", memoView: "memoView" }, outputs: { deleteSuccess: "deleteSuccess", documentsCount: "documentsCount", documentSelect: "documentSelect" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!isFetching; else spinner\">\r\n  <div *ngIf=\"items.length; else noEntry\">\r\n    <div class=\"doc-list\">\r\n      <div class=\"doc-item\" (click)=\"preview(item.uid)\" *ngFor=\"\r\n          let item of items\r\n          ;\r\n          let last = last\r\n        \">\r\n        <div class=\"item-content\">\r\n          <mat-icon class=\"file-icon\">file_copy</mat-icon>\r\n          {{ item.title }}\r\n        </div>\r\n        <button *ngIf=\"canDelete && isCreator(item)\" (click)=\"deleteDocument($event, item)\"\r\n          class=\"btn btn-outline-danger btn-no-border\">\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div  [ngClass]=\"{ 'hidden': disablePagination }\" class=\"wrapping-pagination my-3\">\r\n      <cts-pagination [page]=\"p\" (change)=\"onChange($event)\"\r\n      [size]=\"count\" [count]=\"totalRecords\">\r\n      </cts-pagination>\r\n    </div>\r\n  </div>\r\n  <ng-template #noEntry>\r\n    <!-- <app-no-entry [msg]=\"'documents.noEntry'\"></app-no-entry> -->\r\n    <!-- <cts-no-data\r\n      [message]=\"'documents.noEntry'\"\r\n ></cts-no-data> -->\r\n  </ng-template>\r\n</ng-container>\r\n<ng-template #spinner>\r\n  <mat-spinner class=\"centered-spinner\"></mat-spinner>\r\n</ng-template>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.doc-list{flex:1;justify-content:space-between;cursor:pointer;margin-bottom:14px;border:2px solid #d9dce2;margin-top:2px;border-radius:5px}.wrapping-pagination{display:flex;justify-content:center;align-items:center}.doc-item{display:flex;flex:1;justify-content:space-between;cursor:pointer;padding:8px;border-bottom:1px solid;border-color:#d9dce2}.doc-item:last-child{border-width:0px}.doc-item .item-content{display:flex;align-items:center;justify-content:space-between}.doc-item .file-icon{margin:8px;color:#465573}.pagination{justify-self:center}\n"], components: [{ type: i2__namespace$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: PaginationComponent, selector: "cts-pagination", inputs: ["size", "count", "page"], outputs: ["change"] }, { type: i8__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DocumentsListComponent, decorators: [{
               type: i0.Component,
@@ -14964,7 +14964,7 @@
                       templateUrl: './documents-list.component.html',
                       styleUrls: ['./documents-list.component.scss'],
                   }]
-          }], ctorParameters: function () { return [{ type: DocumentsService }, { type: NuxeoService$1 }, { type: CustomToastrService }, { type: i1__namespace$4.MatDialog }, { type: i1__namespace$2.Router }]; }, propDecorators: { ancestorId: [{
+          }], ctorParameters: function () { return [{ type: DocumentsService }, { type: NuxeoService }, { type: CustomToastrService }, { type: i1__namespace$4.MatDialog }, { type: i1__namespace$2.Router }]; }, propDecorators: { ancestorId: [{
                   type: i0.Input
               }], provider: [{
                   type: i0.Input
@@ -16462,7 +16462,7 @@
       };
       return DocumentTemplatesService;
   }());
-  DocumentTemplatesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DocumentTemplatesService, deps: [{ token: NuxeoService$1 }, { token: AdapterService }, { token: i1__namespace.HttpClient }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  DocumentTemplatesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DocumentTemplatesService, deps: [{ token: NuxeoService }, { token: AdapterService }, { token: i1__namespace.HttpClient }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   DocumentTemplatesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DocumentTemplatesService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DocumentTemplatesService, decorators: [{
               type: i0.Injectable,
@@ -16470,7 +16470,7 @@
                       providedIn: 'root',
                   }]
           }], ctorParameters: function () {
-          return [{ type: NuxeoService$1 }, { type: AdapterService }, { type: i1__namespace.HttpClient }, { type: undefined, decorators: [{
+          return [{ type: NuxeoService }, { type: AdapterService }, { type: i1__namespace.HttpClient }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -17017,14 +17017,14 @@
       };
       return ChartDataService;
   }());
-  ChartDataService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ChartDataService, deps: [{ token: i1__namespace$1.TranslateService }, { token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  ChartDataService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ChartDataService, deps: [{ token: i1__namespace$1.TranslateService }, { token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   ChartDataService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ChartDataService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ChartDataService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root',
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: TranslationService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: TranslationService }]; } });
 
   /** @ignore */
   var DynamicChartComponent = /** @class */ (function () {
@@ -17423,7 +17423,7 @@
       };
       return DynamicChartComponent;
   }());
-  DynamicChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicChartComponent, deps: [{ token: i1__namespace$1.TranslateService }, { token: i0__namespace.ChangeDetectorRef }, { token: CallApiService$1 }, { token: i1__namespace$2.Router }, { token: ChartDataService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DynamicChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicChartComponent, deps: [{ token: i1__namespace$1.TranslateService }, { token: i0__namespace.ChangeDetectorRef }, { token: CallApiService }, { token: i1__namespace$2.Router }, { token: ChartDataService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   DynamicChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicChartComponent, selector: "cts-dynamic-chart", inputs: { prefix: "prefix", chartType: "chartType", randomColors: "randomColors", pageProvider: "pageProvider", headers: "headers", observable: "observable", aggregations: "aggregations", quickFilters: "quickFilters", systemCurrentLifeCycleState: "systemCurrentLifeCycleState", range: "range", label: "label", selectedRange: "selectedRange", tenantId: "tenantId", colors: "colors", randomColor: "randomColor", fetchedKey: "fetchedKey", pageProviderTwo: "pageProviderTwo", quickFilterTwo: "quickFilterTwo", quickFilterThree: "quickFilterThree", combinedData: "combinedData", statusOne: "statusOne", statusTwo: "statusTwo", statusThree: "statusThree", min: "min", max: "max", width: "width", height: "height", card: "card", cardTitle: "cardTitle", inputChartData: "inputChartData", isInternalActive: "isInternalActive" }, viewQueries: [{ propertyName: "chart", first: true, predicate: ["revenueLineChart"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"card-continer\" *ngIf=\"card; else test\">\r\n  <div class=\"chart-card-header\">\r\n    <div class=\"chart-card-title\">{{ cardTitle | translate }}</div>\r\n    <button class=\"chart-card-button\" (click)=\"previewCorrespondences()\">\r\n      {{ \"report.Preview\" | translate }}\r\n    </button>\r\n  </div>\r\n  <ng-container *ngIf=\"isFetching\">\r\n    <cts-spinner></cts-spinner>\r\n  </ng-container>\r\n  <div class=\"stat\" [style.height.px]=\"height\">\r\n    <div [hidden]=\"data.data?.length == 0 || data.length == 0\">\r\n      <canvas #revenueLineChart [height]=\"height\" [width]=\"width\"></canvas>\r\n    </div>\r\n    <div class=\"no-stats\" *ngIf=\"data.data?.length == 0 || data.length == 0\">\r\n      <span>{{ \"STATS.noData\" | translate }}</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #test>\r\n  <div class=\"stat\">\r\n    <canvas #revenueLineChart [height]=\"height\" [width]=\"width\"></canvas>\r\n  </div>\r\n</ng-template>\r\n\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.no-stats{width:100%;height:100%;display:grid;place-items:center}.card-continer{background:#ffffff;border-radius:5px;width:100%;padding:16px 20px;box-shadow:0 1px 1px #00000017}.card-continer .chart-card-header{display:flex;justify-content:space-between;align-items:center}.card-continer .chart-card-header .chart-card-title{font-weight:500}.card-continer .chart-card-header .chart-card-button{all:unset;background:#3341551a;color:#465573;padding:6px 18px;border-radius:24px;font-size:16px;cursor:pointer}.card-continer .chart-card-header .chart-card-button:hover{background:#8f98aa;color:#fff}\n"], components: [{ type: SpinnerComponent, selector: "cts-spinner" }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicChartComponent, decorators: [{
               type: i0.Component,
@@ -17432,7 +17432,7 @@
                       templateUrl: "./dynamic-chart.component.html",
                       styleUrls: ["./dynamic-chart.component.scss"],
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: i0__namespace.ChangeDetectorRef }, { type: CallApiService$1 }, { type: i1__namespace$2.Router }, { type: ChartDataService }]; }, propDecorators: { chart: [{
+          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: i0__namespace.ChangeDetectorRef }, { type: CallApiService }, { type: i1__namespace$2.Router }, { type: ChartDataService }]; }, propDecorators: { chart: [{
                   type: i0.ViewChild,
                   args: ['revenueLineChart', { static: false }]
               }], prefix: [{
@@ -18084,14 +18084,14 @@
       };
       return MainfolderService;
   }());
-  MainfolderService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MainfolderService, deps: [{ token: NuxeoService$1 }, { token: AppConfigService }, { token: UserPreferencesService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  MainfolderService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MainfolderService, deps: [{ token: NuxeoService }, { token: AppConfigService }, { token: UserPreferencesService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   MainfolderService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MainfolderService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MainfolderService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root',
                   }]
-          }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: AppConfigService }, { type: UserPreferencesService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: NuxeoService }, { type: AppConfigService }, { type: UserPreferencesService }]; } });
 
   var RecentlyViewedService = /** @class */ (function () {
       function RecentlyViewedService(userPreference, callApiService) {
@@ -18139,14 +18139,14 @@
       };
       return RecentlyViewedService;
   }());
-  RecentlyViewedService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecentlyViewedService, deps: [{ token: UserPreferencesService$1 }, { token: CallApiService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  RecentlyViewedService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecentlyViewedService, deps: [{ token: UserPreferencesService }, { token: CallApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   RecentlyViewedService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecentlyViewedService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RecentlyViewedService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
                   }]
-          }], ctorParameters: function () { return [{ type: UserPreferencesService$1 }, { type: CallApiService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: UserPreferencesService }, { type: CallApiService }]; } });
 
   var _FileManagerService_instances, _FileManagerService_initPagination;
   var FileManagerService = /** @class */ (function () {
@@ -19166,7 +19166,7 @@
       enable: false,
       pageSize: 50,
   };
-  FileManagerService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FileManagerService, deps: [{ token: CallApiService$1 }, { token: AdapterService }, { token: "environment" }, { token: FileManagerAdapter }, { token: AppConfigService }, { token: NuxeoService$1 }, { token: EvaluatorsService }, { token: MainfolderService }, { token: i1__namespace.HttpClient }, { token: TranslationService$1 }, { token: CustomToastrService }, { token: i1__namespace$4.MatDialog }, { token: i1__namespace$2.Router }, { token: RecentlyViewedService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  FileManagerService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FileManagerService, deps: [{ token: CallApiService }, { token: AdapterService }, { token: "environment" }, { token: FileManagerAdapter }, { token: AppConfigService }, { token: NuxeoService }, { token: EvaluatorsService }, { token: MainfolderService }, { token: i1__namespace.HttpClient }, { token: TranslationService }, { token: CustomToastrService }, { token: i1__namespace$4.MatDialog }, { token: i1__namespace$2.Router }, { token: RecentlyViewedService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   FileManagerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FileManagerService, providedIn: "root" });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FileManagerService, decorators: [{
               type: i0.Injectable,
@@ -19174,10 +19174,10 @@
                       providedIn: "root",
                   }]
           }], ctorParameters: function () {
-          return [{ type: CallApiService$1 }, { type: AdapterService }, { type: undefined, decorators: [{
+          return [{ type: CallApiService }, { type: AdapterService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ["environment"]
-                      }] }, { type: FileManagerAdapter }, { type: AppConfigService }, { type: NuxeoService$1 }, { type: EvaluatorsService }, { type: MainfolderService }, { type: i1__namespace.HttpClient }, { type: TranslationService$1 }, { type: CustomToastrService }, { type: i1__namespace$4.MatDialog }, { type: i1__namespace$2.Router }, { type: RecentlyViewedService }];
+                      }] }, { type: FileManagerAdapter }, { type: AppConfigService }, { type: NuxeoService }, { type: EvaluatorsService }, { type: MainfolderService }, { type: i1__namespace.HttpClient }, { type: TranslationService }, { type: CustomToastrService }, { type: i1__namespace$4.MatDialog }, { type: i1__namespace$2.Router }, { type: RecentlyViewedService }];
       } });
 
   var AddToCollectionComponent = /** @class */ (function () {
@@ -19361,14 +19361,14 @@
       };
       return UserService;
   }());
-  UserService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserService, deps: [{ token: UserPreferencesService$1 }, { token: CallApiService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  UserService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserService, deps: [{ token: UserPreferencesService }, { token: CallApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   UserService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
                   }]
-          }], ctorParameters: function () { return [{ type: UserPreferencesService$1 }, { type: CallApiService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: UserPreferencesService }, { type: CallApiService }]; } });
 
   var DisplaySuitableIconComponent = /** @class */ (function () {
       function DisplaySuitableIconComponent(iconService) {
@@ -19644,7 +19644,7 @@
       };
       return ClipboardComponent;
   }());
-  ClipboardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClipboardComponent, deps: [{ token: FileManagerService }, { token: UserService }, { token: CustomToastrService }, { token: UserPreferencesService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  ClipboardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClipboardComponent, deps: [{ token: FileManagerService }, { token: UserService }, { token: CustomToastrService }, { token: UserPreferencesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   ClipboardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ClipboardComponent, selector: "lib-clipboard", inputs: { clipboardItems: "clipboardItems", myCurrecntFolderData: "myCurrecntFolderData", preventedGroups: "preventedGroups", directory: "directory" }, outputs: { onClipboardClose: "onClipboardClose", onRefreshFolderTree: "onRefreshFolderTree" }, ngImport: i0__namespace, template: "<div class=\"clipboard-side-section relative\">\r\n\r\n    <div class=\"p-3 h-full\">\r\n        <div class=\"clipboard-header flex justify-between items-center border-b-2\">\r\n            <span class=\"flex text-gray-500 font-bold items-center\">\r\n                <span class=\"text-4xl bi bi-clipboard\"></span>\r\n                <span class=\"mx-2 text-xl\">{{'clipboard' | translate}}</span>\r\n            </span>\r\n            <mat-icon class=\"close-icon text-gray-500 cursor-pointer\" (click)=\"closeClipboard()\"\r\n                [matTooltip]=\"'BUTTONS.CLOSE' | translate\">close</mat-icon>\r\n        </div>\r\n        <!-- <div class=\"h-full font-bold d-flex justify-center items-center\" *ngIf=\"clipboardLoading\">\r\n            {{ \"loading\" | translate }}\r\n        </div> -->\r\n        <div class=\"w-full h-px bg-gray-200 mb-3\" *ngIf=\"clipboardLoading\">\r\n            <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n        </div>\r\n        <div class=\"clipboard-content flex flex-col justify-between items-between\">\r\n            <div class=\"h-full flex justify-center items-center text-gray-500\"\r\n                *ngIf=\"clipboardDocments.length === 0\">{{'no_clipboard_items' | translate}}</div>\r\n\r\n            <div class=\"px-2 h-5/6 overflow-y-auto\" *ngIf=\"clipboardDocments.length > 0\">\r\n                <div class=\"border-b-2\" *ngFor=\"let document of clipboardDocments\">\r\n                    <div class=\"py-1 w-82 flex  items-center justify-between\">\r\n                        <div class=\"flex items-center w-5/6\">\r\n                            <mat-checkbox [(ngModel)]=\"document.isSelected\" (change)=\"checking()\"> </mat-checkbox>\r\n                            <div class=\"flex w-full\">\r\n                                <!-- <title-with-icon class=\"w-1/6 -my-1.5\" [context]=\"document\"\r\n                                    [showTitle]=\"false\"></title-with-icon> -->\r\n                            <app-display-suitable-icon class=\"mx-1\" [data]=\"document\" [size]=\"'40px'\"></app-display-suitable-icon>\r\n\r\n                                <!--  -->\r\n                                <div *ngIf=\"document.isFile === 'File'\"\r\n                                    class=\"justify-center flex flex-col flex-1 flex-grow-0 w-5/6\">\r\n                                    <div class=\"text-base text-gray-500 font-bold truncate\"\r\n                                        [title]=\"document.properties?.['file:content']?.['name']\"\r\n                                        [alt]=\"document.properties?.['file:content']?.['name']\">\r\n                                        {{document['title']}}\r\n                                    </div>\r\n                                    <div class=\"text-gray-500 text-sm text-nowrap\">\r\n                                        {{((document.properties?.['file:content']?.['length']) / (1024 *\r\n                                        1024)).toFixed(2) }}\r\n                                        MB\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"\r\n                                     d-flex\r\n                                     items-center\r\n                                     text-base text-gray-500\r\n                                     font-bold\r\n                                 \" *ngIf=\"document.isFile === 'Folder'\">\r\n                                    {{ document?.title }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <span [matTooltip]=\"'BUTTONS.REMOVE_CLIPBOARD' | translate\"\r\n                            class=\"cursor-pointer w-5 h-5 rounded-full border-2 flex justify-center items-center border-gray-500 \"\r\n                            (click)=\"deletefromClipboard(document)\">\r\n                            <span class=\"text-gray-500 bi bi-x text-lg flex items-center\"></span>\r\n                        </span>\r\n                    </div>\r\n                    <div class=\"text-md text-gray-500 text-center my-2\">\r\n                        <span *ngIf=\"document.canCopyToTarget && !document.canMoveToTarget\">{{'can_copy_only' |\r\n                            translate}}</span>\r\n                        <span *ngIf=\"!document.canCopyToTarget && document.canMoveToTarget\">{{'can_move_only' |\r\n                            translate}}</span>\r\n                        <span *ngIf=\"document.canCopyToTarget && document.canMoveToTarget\">{{'can_copy_and_move' |\r\n                            translate}}</span>\r\n                        <span\r\n                            *ngIf=\"!document.canCopyToTarget && !document.canMoveToTarget\">{{'can_not_copy_and_move'\r\n                            | translate}}</span>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"h-1/6 flex w-full justify-center items-center\">\r\n                <button class=\"submission-button mx-2\" [disabled]=\"!enableCopy\"\r\n                    (click)=\"copyFromInsideClipboard()\">{{'BUTTONS.COPY' | translate}}</button>\r\n                <button class=\"submission-button mx-2\" [disabled]=\"!enableMove\"\r\n                    (click)=\"moveFromInsideClipboard()\">{{'BUTTONS.MOVE' | translate}}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"bg-transparent absolute top-0 bottom-0 left-0 right-0 \" *ngIf=\"clipboardLoading\">\r\n\r\n    </div>\r\n</div>", styles: [".clipboard-side-section{width:0px;overflow-x:hidden;height:91vh;background-color:#fff;overflow:hidden;border:1px solid lightgray;z-index:999;transition:.1s ease-in-out;border-bottom:none}.clipboard-side-section .clipboard-header{height:60px}.clipboard-side-section .clipboard-content{height:calc(100% - 60px)}\n"], components: [{ type: i2__namespace$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4__namespace$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i7__namespace$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: DisplaySuitableIconComponent, selector: "app-display-suitable-icon", inputs: ["data", "size", "dataType", "archive"] }], directives: [{ type: i2__namespace$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1__namespace$1.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClipboardComponent, decorators: [{
               type: i0.Component,
@@ -19654,7 +19654,7 @@
                       styleUrls: ['./clipboard.component.scss'],
                       encapsulation: i0.ViewEncapsulation.None
                   }]
-          }], ctorParameters: function () { return [{ type: FileManagerService }, { type: UserService }, { type: CustomToastrService }, { type: UserPreferencesService$1 }]; }, propDecorators: { onClipboardClose: [{
+          }], ctorParameters: function () { return [{ type: FileManagerService }, { type: UserService }, { type: CustomToastrService }, { type: UserPreferencesService }]; }, propDecorators: { onClipboardClose: [{
                   type: i0.Output
               }], onRefreshFolderTree: [{
                   type: i0.Output
@@ -19888,14 +19888,14 @@
       };
       return UploadFileService;
   }());
-  UploadFileService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UploadFileService, deps: [{ token: NuxeoService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  UploadFileService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UploadFileService, deps: [{ token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   UploadFileService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UploadFileService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UploadFileService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
                   }]
-          }], ctorParameters: function () { return [{ type: NuxeoService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
 
   var DialogMangmentService = /** @class */ (function () {
       function DialogMangmentService(dialog) {
@@ -20150,7 +20150,7 @@
       };
       return UploadManagmentService;
   }());
-  UploadManagmentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UploadManagmentService, deps: [{ token: UploadFileService }, { token: UserService }, { token: 'environment' }, { token: NuxeoService$1 }, { token: DialogMangmentService }, { token: GlobalPdfTron }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  UploadManagmentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UploadManagmentService, deps: [{ token: UploadFileService }, { token: UserService }, { token: 'environment' }, { token: NuxeoService }, { token: DialogMangmentService }, { token: GlobalPdfTron }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   UploadManagmentService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UploadManagmentService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UploadManagmentService, decorators: [{
               type: i0.Injectable,
@@ -20161,7 +20161,7 @@
           return [{ type: UploadFileService }, { type: UserService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
-                      }] }, { type: NuxeoService$1 }, { type: DialogMangmentService }, { type: GlobalPdfTron }];
+                      }] }, { type: NuxeoService }, { type: DialogMangmentService }, { type: GlobalPdfTron }];
       } });
 
   var moment = moment__namespace;
@@ -20421,7 +20421,7 @@
       };
       return DynamicFormService;
   }());
-  DynamicFormService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormService, deps: [{ token: NuxeoService$1 }, { token: 'environment' }, { token: AppConfigService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  DynamicFormService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormService, deps: [{ token: NuxeoService }, { token: 'environment' }, { token: AppConfigService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   DynamicFormService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormService, decorators: [{
               type: i0.Injectable,
@@ -20429,7 +20429,7 @@
                       providedIn: 'root'
                   }]
           }], ctorParameters: function () {
-          return [{ type: NuxeoService$1 }, { type: undefined, decorators: [{
+          return [{ type: NuxeoService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }, { type: AppConfigService }];
@@ -20590,7 +20590,7 @@
       };
       return TranslatedVocabularySelectComponent;
   }());
-  TranslatedVocabularySelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslatedVocabularySelectComponent, deps: [{ token: i1__namespace$1.TranslateService }, { token: TranslationService$1 }, { token: VocabularyApiService }, { token: i6__namespace.NgControl, optional: true, self: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  TranslatedVocabularySelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslatedVocabularySelectComponent, deps: [{ token: i1__namespace$1.TranslateService }, { token: TranslationService }, { token: VocabularyApiService }, { token: i6__namespace.NgControl, optional: true, self: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
   TranslatedVocabularySelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TranslatedVocabularySelectComponent, selector: "app-translated-vocabulary-select", inputs: { label: "label", bindValue: "bindValue", arbBindLabel: "arbBindLabel", engBindLabel: "engBindLabel", placeholder: "placeholder", multiple: "multiple", searchable: "searchable", closeOnSelect: "closeOnSelect", hideSelectedItems: "hideSelectedItems", disabled: "disabled", clear: "clear", filter: "filter", useFilter: "useFilter", vocbularyId: "vocbularyId", mapingResponse: "mapingResponse", params: "params" }, outputs: { onSelectItems: "onSelectItems" }, viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: i5.NgSelectComponent, descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"translated-vocbulary-wrapper\" [ngClass]=\"{'rtl-translated-vocbulary-wrapper' : isArabic === true}\">\r\n        <div class=\"vocabulary-title text-base font-bold text-accent-900 mb-0\">\r\n            {{label | translate}}\r\n            <span *ngIf=\"isRequired()\" class=\"required-flage\">*</span>\r\n        </div>\r\n        <ng-select\r\n            [bindLabel]=\"bindLabel\"\r\n            [bindValue]=\"bindValue\"\r\n            [placeholder]=\"placeholder\"\r\n            [multiple]=\"multiple\"\r\n            [clearable]=\"clear\"\r\n            [searchable]=\"searchable\"\r\n            [closeOnSelect]=\"closeOnSelect\"\r\n            [hideSelected]=\"hideSelectedItems\"\r\n            [loading]=\"loading\"\r\n            (scrollToEnd)=\"onScrollToEnd()\"\r\n            (change)=\"emitSelection($event)\"\r\n            [disabled]=\"disabled\"\r\n            [(ngModel)]=\"selection\"\r\n        >\r\n        <ng-option *ngFor=\"let option of buffer\" [value]=\"option[bindValue]\">{{isArabic ? option[bindLabel] : option[bindLabel]}}</ng-option>\r\n        </ng-select>\r\n</div>\r\n", styles: [".translated-vocbulary-wrapper .vocabulary-title .required-flage{color:#ef4444}.rtl-translated-vocbulary-wrapper{direction:rtl}\n"], components: [{ type: i5__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i5__namespace.ɵr, selector: "ng-option", inputs: ["disabled", "value"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslatedVocabularySelectComponent, decorators: [{
               type: i0.Component,
@@ -20600,7 +20600,7 @@
                       styleUrls: ['./translated-vocabulary-select.component.scss'],
                   }]
           }], ctorParameters: function () {
-          return [{ type: i1__namespace$1.TranslateService }, { type: TranslationService$1 }, { type: VocabularyApiService }, { type: i6__namespace.NgControl, decorators: [{
+          return [{ type: i1__namespace$1.TranslateService }, { type: TranslationService }, { type: VocabularyApiService }, { type: i6__namespace.NgControl, decorators: [{
                           type: i0.Self
                       }, {
                           type: i0.Optional
@@ -20849,7 +20849,7 @@
       };
       return AttachmentItemComponent;
   }());
-  AttachmentItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AttachmentItemComponent, deps: [{ token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  AttachmentItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AttachmentItemComponent, deps: [{ token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   AttachmentItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AttachmentItemComponent, selector: "app-attachment-item", inputs: { item: "item", type: "type", showRemoveButton: "showRemoveButton", source: "source", personImageLink: "personImageLink" }, outputs: { onRemovingItem: "onRemovingItem" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"source != 'faceRecognition'\">\r\n    <div SetRtl class=\"p-2 w-72 h-15 relative border-2 flex items-center text-lg cursor-pointer hover:bg-primary-100\" \r\n    [ngClass]=\"{'border-gray-200': item.progress === undefined , \r\n    'border-primary-300': (item.progress === 'done' && item['generalValidationValid'] !== false) , \r\n    'border-red-500': (item.progress === 'error' || item['generalValidationValid'] === false) }\">\r\n        <mat-icon class=\"cursor-pointer  top-1  absolute text-gray-900 text-xl\" \r\n        [ngClass]=\"{'left-1' : isArabic , 'right-1' : !isArabic}\" (click)=\"removeItem()\" \r\n        *ngIf=\"showRemoveButton\">close</mat-icon>\r\n        <span class=\"my-icon-wrap\">\r\n            <app-display-suitable-icon [data]=\"item\" [dataType]=\"'file'\"></app-display-suitable-icon>\r\n        </span>\r\n        <div class=\"file-title mx-2 whitespace-nowrap overflow-hidden overflow-ellipsis text-lg\" matTooltip=\"{{item.batch.title ? item.batch.title : item.title}}\" *ngIf=\"type === 'batch'\">{{item.batch.title ? item.batch.title : item.title}}</div>\r\n        <div class=\"file-title mx-2 whitespace-nowrap overflow-hidden overflow-ellipsis text-lg\" matTooltip=\"{{item.name}}\" *ngIf=\"type === 'file'\">{{item.name}}</div>\r\n        <div class=\"viewer-loader absolute bottom-0 w-11/12\">\r\n            <mat-progress-bar *ngIf=\"item.progress === 'inProgress'\" mode=\"indeterminate\"></mat-progress-bar>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"source == 'faceRecognition'\">\r\n    <div class=\"w-52 h-52 relative border flex flex-col items-center cursor-pointer hover:bg-primary-100\" \r\n    [ngClass]=\"{'border-gray-200': item.progress === undefined, 'border-primary-300': item.progress === 'done', 'border-red-500': item.progress === 'error'}\">\r\n        \r\n        <div class=\"flex items-center justify-center opacity-70 cursor-pointer bg-accent-100 rounded-full top-1  absolute text-gray-900 text-xl\" \r\n        [ngClass]=\"{'left-1' : isArabic , 'right-1' : !isArabic}\" (click)=\"removeItem()\">\r\n            <mat-icon class=\"icon-size-5\">close</mat-icon>\r\n        </div>\r\n        <span class=\"h-3/4 w-full\">\r\n            <img [src]=\"personImageLink || './assets/images/Photos/loadingImg.png'\" class=\"w-full h-full\" alt=\"personPhoto\">\r\n        </span>\r\n        <div class=\"w-full h-1/4 overflow-hidden text-lg\" [ngClass]=\"{'shortTitle': item.name.length < 25,'longTitle': item.name.length > 25}\">{{item.name}}</div>\r\n        <div class=\"viewer-loader absolute bottom-0 w-full\">\r\n            <mat-progress-bar *ngIf=\"item.progress === 'inProgress'\" mode=\"indeterminate\"></mat-progress-bar>\r\n        </div>\r\n    </div>\r\n</ng-container>", styles: [".my-icon-wrap{width:40px;height:40px}.file-title{width:calc(100% - 60px)}.shortTitle{display:flex;align-items:center;justify-content:center;text-overflow:ellipsis}.longTitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}\n"], components: [{ type: i2__namespace$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DisplaySuitableIconComponent, selector: "app-display-suitable-icon", inputs: ["data", "size", "dataType", "archive"] }, { type: i4__namespace$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AttachmentItemComponent, decorators: [{
               type: i0.Component,
@@ -20858,7 +20858,7 @@
                       templateUrl: './attachment-item.component.html',
                       styleUrls: ['./attachment-item.component.scss']
                   }]
-          }], ctorParameters: function () { return [{ type: TranslationService$1 }]; }, propDecorators: { item: [{
+          }], ctorParameters: function () { return [{ type: TranslationService }]; }, propDecorators: { item: [{
                   type: i0.Input
               }], type: [{
                   type: i0.Input
@@ -21474,7 +21474,7 @@
       };
       return CreateModalComponent;
   }());
-  CreateModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreateModalComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$4.MatDialogRef }, { token: UploadManagmentService }, { token: DialogMangmentService }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }, { token: AdapterService }, { token: FileManagerService }, { token: AppConfigService }, { token: DateHelperService }, { token: TranslationService$1 }, { token: UserService }, { token: NuxeoService$1 }, { token: 'environment' }, { token: DynamicFormService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CreateModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreateModalComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$4.MatDialogRef }, { token: UploadManagmentService }, { token: DialogMangmentService }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }, { token: AdapterService }, { token: FileManagerService }, { token: AppConfigService }, { token: DateHelperService }, { token: TranslationService }, { token: UserService }, { token: NuxeoService }, { token: 'environment' }, { token: DynamicFormService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CreateModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CreateModalComponent, selector: "app-create-modal", host: { listeners: { "document:keyup.enter": "KeyUpEvent($event)" } }, ngImport: i0__namespace, template: "<div class=\"relative w-full h-full\">\r\n    <div class=\"iner-wrapper\" [ngClass]=\"{ 'd-flex': addingProperties }\">\r\n        <div *ngIf=\"addingProperties\" class=\"properties-section p-3 overflow-x-hidden overflow-y-auto\">\r\n            <div class=\"\" *ngIf=\"selectedFile && source === 'fileManger' && showStaticForm\">\r\n                <div class=\"mb-5\">\r\n                    <div class=\"label-style\">\r\n                        {{ \"CREATE.FILE_TYPE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-base text-gray-900\">{{ isArabic ? fileType.arabicText : fileType.englishText }}\r\n                    </div>\r\n                </div>\r\n                <div class=\"file-fields mt-3\" SetRtl>\r\n                    <form [formGroup]=\"fileForm\">\r\n                        <!-- -----------------old static form ---------------------- -->\r\n                        <div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.TITLE\" | translate\r\n                                    }}<span class=\"text-red-500\">*</span>\r\n                                </div>\r\n                                <input class=\"\r\n                                 field-style\r\n                                     \" formControlName=\"title\" placeholder=\" {{ 'CREATE.TITLE' | translate}}\" />\r\n                            </div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.DESCRIPTION\" | translate }}\r\n                                </div>\r\n                                <input class=\"field-style\" formControlName=\"description\"\r\n                                    placeholder=\" {{ 'CREATE.DESCRIPTION' | translate}}\" />\r\n                            </div>\r\n                        </div>\r\n                        <!-- ---------------------------------- -->\r\n\r\n                        <!------------------ new statis form  ---------------------------->\r\n                        <div *ngIf=\"usingExtraFields\">\r\n                            <app-dynamic-fields-renderer [form]=\"fileForm\" [agencyNameFilter]=\"agencyNameFilter\"\r\n                                [countryNameFilter]=\"countryNameFilter\"></app-dynamic-fields-renderer>\r\n                        </div>\r\n                    </form>\r\n\r\n                    <div class=\"dynamic-part\" *ngIf=\"showRenderer\">\r\n                        <app-dynamic-form [form]=\"selectedFile.dynamicForm\" [data]=\"temporaryDyanmicData\"\r\n                            (change)=\"ondynamicFormChange($event)\"></app-dynamic-form>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"\r\n                    w-full\r\n                    h-full\r\n                    p-3\r\n                    flex\r\n                    justify-center\r\n                    items-center\r\n                    text-lg text-gray-900\"\r\n                    *ngIf=\"!selectedFile\">\r\n                {{ \"CREATE.SELECT_TOSTART_ADDING\" | translate }}\r\n            </div>\r\n            \r\n        </div>\r\n        <div class=\"attachment-tab-body overflow-hidden\" [ngClass]=\"{ 'attachment-iner-small-body': addingProperties }\">\r\n            <app-attachments [multiple]=\"true\" (onSelectingItem)=\"selectFile($event)\"></app-attachments>\r\n        </div>\r\n    </div>\r\n    <div class=\"w-full text-red-500 text-base text-start px-3\" *ngIf=\"!uploadMangmentService.GeneralFormValidation\">\r\n\r\n        {{ \"CREATE.FILL_REQUIRED_FIELD\" | translate }}\r\n    </div>\r\n    <div class=\"actions-iner-wrapper w-full flex justify-between items-center absolute bottom-0\">\r\n        <div class=\"flex\">\r\n            <button *ngIf=\"\r\n                    (uploadMangmentService.uploadedFilesStatus\r\n                        .uploadInProgress ||\r\n                        uploadMangmentService.uploadedFilesStatus.uploadedFiles\r\n                            .length > 0) &&\r\n                    !addingProperties\r\n                \" (click)=\"startAddingProperties()\" class=\"submission-button\">\r\n                {{ \"BUTTONS.ADD_PROPERTIES\" | translate }}\r\n            </button>\r\n            <button *ngIf=\"\r\n                    addingProperties &&\r\n                    uploadMangmentService.uploadedFilesStatus.uploadedFiles\r\n                        .length +\r\n                        uploadMangmentService.uploadedFilesStatus.allfiles\r\n                            .length >\r\n                        1\r\n                \" (click)=\"ApplyChangesToAll()\" [disabled]=\"!selectedFile || !selectedFile.staticFormValid\" [ngClass]=\"{\r\n                    'opacity-30 cursor-not-allowed':\r\n                        !selectedFile || !selectedFile.staticFormValid,\r\n                    'cursor-pointer hover:text-white hover:bg-gray-900': !(\r\n                        !selectedFile || !selectedFile.staticFormValid\r\n                    )\r\n                }\" class=\"submission-button mx-2\">\r\n                {{ \"BUTTONS.APPLY_TO_ALL\" | translate }}\r\n            </button>\r\n\r\n            <ng-container *ngIf=\"\r\n            addingProperties &&\r\n            !uploadMangmentService.uploadedFilesStatus.uploadInProgress &&\r\n            uploadMangmentService.failedFiles.length === 0\r\n        \">\r\n                <button (click)=\"createDocument()\" class=\"submission-button relative\" [disabled]=\"creating\">\r\n                    <span *ngIf=\"!creating; else loader\">{{ \"BUTTONS.CREATE\" | translate }}</span>\r\n                </button>\r\n                <ng-template #loader>\r\n                    <mat-spinner [value]=\"90\" [strokeWidth]=\"3\" overlay=\"true\" [diameter]=\"25\" color=\"warn\">\r\n                    </mat-spinner>\r\n                </ng-template>\r\n            </ng-container>\r\n\r\n            <button *ngIf=\"\r\n            addingProperties &&\r\n            !uploadMangmentService.uploadedFilesStatus.uploadInProgress &&\r\n            uploadMangmentService.failedFiles.length > 0\r\n        \" (click)=\"tryAgainCreateDocument()\" class=\"submission-button\">\r\n                {{ \"BUTTONS.TRY_AGAIN\" | translate }}\r\n            </button>\r\n\r\n            <button [disabled]=\"!fileForm?.valid || disableCreateWhenFinishBtn\" *ngIf=\"\r\n                    addingProperties &&\r\n                    uploadMangmentService.uploadedFilesStatus.uploadInProgress\r\n                \" (click)=\"createWhenFinish()\" class=\"submission-button w-44\">\r\n                {{ \"BUTTONS.CREATE_WHEN_FINSH\" | translate }}\r\n            </button>\r\n        </div>\r\n        <div class=\"flex\">\r\n            <button class=\"cancelation-button mx-2\" (click)=\"minimizDialog()\" *ngIf=\"\r\n                    uploadMangmentService.uploadedFilesStatus\r\n                        .uploadInProgress ||\r\n                    uploadMangmentService.uploadedFilesStatus\r\n                        .numberOfUploadedFiles !== 0 ||\r\n                    addingProperties\r\n                \">\r\n                {{ \"BUTTONS.MINIMIZED\" | translate }}\r\n            </button>\r\n            <button class=\"cancelation-button\" (click)=\"closeDialog()\">\r\n                {{ \"BUTTONS.CANCEL\" | translate }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".dynamic-part{margin-left:-15px;margin-right:-15px}.iner-wrapper{height:calc(100% - 70px)}.iner-wrapper .properties-section{width:calc(100% - 270px);height:calc(100% - 15px)}.iner-wrapper .attachment-tab-body{height:calc(100% - -20px);overflow-y:auto;overflow-x:hidden}.iner-wrapper .attachment-iner-small-body{width:350px}.rtl .actions-iner-wrapper{direction:ltr}.actions-iner-wrapper{direction:rtl}\n"], components: [{ type: DynamicFieldsRendererComponent, selector: "app-dynamic-fields-renderer", inputs: ["form", "agencyNameFilter", "countryNameFilter", "mode", "fields"] }, { type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["form", "data", "readOnly"], outputs: ["change"] }, { type: AttachmentsComponent, selector: "app-attachments", inputs: ["allowedTypes", "params", "path", "maxSize", "docParams", "multiple", "createDocument", "allowedMaxNumberOfFiles", "source"], outputs: ["uploadSuccess", "uploadError", "onSelectingItem", "itemRemoved"] }, { type: i8__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__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: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreateModalComponent, decorators: [{
               type: i0.Component,
@@ -21487,7 +21487,7 @@
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
                           args: [i1$3.MAT_DIALOG_DATA]
-                      }] }, { type: i1__namespace$4.MatDialogRef }, { type: UploadManagmentService }, { type: DialogMangmentService }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }, { type: AdapterService }, { type: FileManagerService }, { type: AppConfigService }, { type: DateHelperService }, { type: TranslationService$1 }, { type: UserService }, { type: NuxeoService$1 }, { type: undefined, decorators: [{
+                      }] }, { type: i1__namespace$4.MatDialogRef }, { type: UploadManagmentService }, { type: DialogMangmentService }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }, { type: AdapterService }, { type: FileManagerService }, { type: AppConfigService }, { type: DateHelperService }, { type: TranslationService }, { type: UserService }, { type: NuxeoService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }, { type: DynamicFormService }];
@@ -21686,7 +21686,7 @@
       };
       return FolderModalComponent;
   }());
-  FolderModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FolderModalComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$4.MatDialogRef }, { token: FileManagerService }, { token: DynamicFormService }, { token: TranslationService$1 }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  FolderModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FolderModalComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$4.MatDialogRef }, { token: FileManagerService }, { token: DynamicFormService }, { token: TranslationService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }], target: i0__namespace.ɵɵFactoryTarget.Component });
   FolderModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FolderModalComponent, selector: "app-folder-modal", host: { listeners: { "document:keyup.enter": "KeyUpEvent($event)" } }, viewQueries: [{ propertyName: "folderForm", first: true, predicate: ["folderForm"], descendants: true }], ngImport: i0__namespace, template: "<div class=\"create-folder-modal d-flex justify-center w-full relative h-full\">\r\n    <div class=\"folder-wrapper\" SetRtl>\r\n      <div class=\"mb-5\">\r\n        <div class=\"label-style\">\r\n          {{ \"FOLDERS.TYPE\" | translate }}\r\n        </div>\r\n        <div class=\"text-base text-gray-900\">\r\n          {{ isArabic ? folderType.arabicText : folderType.englishText }}\r\n        </div>\r\n      </div>\r\n      <form #folderForm=\"ngForm\">\r\n        <div class=\"mb-3\">\r\n          <div class=\"label-style\">\r\n            {{ \"FOLDERS.TITLE\" | translate }}\r\n          </div>\r\n          <input\r\n            class=\"field-style\"\r\n            [ngClass]=\"{ 'border-red-500': staticForm.title === '..' }\"\r\n            required\r\n            [(ngModel)]=\"staticForm.title\"\r\n            id=\"folderTitle\"\r\n            name=\"folderTitle\"\r\n          />\r\n          <div class=\"text-red-500 text-base\" *ngIf=\"staticForm.title === '..'\">\r\n            Invalid Folder Title\r\n          </div>\r\n        </div>\r\n        <div class=\"mb-3\">\r\n          <div class=\"label-style\">\r\n            {{ \"FOLDERS.DESCRIPTION\" | translate }}\r\n          </div>\r\n          <input\r\n            class=\"field-style\"\r\n            [(ngModel)]=\"staticForm.description\"\r\n            id=\"folderDescription\"\r\n            name=\"folderDescription\"\r\n          />\r\n        </div>\r\n      </form>\r\n  \r\n      <div class=\"dynamic-part -mx-4\" *ngIf=\"dynamicForm && showRenderer\">\r\n        <app-dynamic-form\r\n          [form]=\"dynamicForm\"\r\n          [data]=\"temporaryDyanmicData\"\r\n          (change)=\"ondynamicFormChange($event)\"\r\n        ></app-dynamic-form>\r\n      </div>\r\n    </div>\r\n    <!--  -->\r\n    <!-- actions and buttons  -->\r\n    <div\r\n      class=\"w-full d-flex justify-between absolute bottom-0 actionsBtnWrapper\"\r\n    >\r\n      <ng-container *ngIf=\"!creating\">\r\n        <button\r\n          (click)=\"createDocument()\"\r\n          [disabled]=\"\r\n            !dynamicData.valid || folderForm.invalid || staticForm.title === '..'\r\n          \"\r\n          [ngClass]=\"{\r\n            'opacity-30 cursor-not-allowed':\r\n              !dynamicData.valid ||\r\n              folderForm.invalid ||\r\n              staticForm.title === '..'\r\n          }\"\r\n          class=\"submission-button\"\r\n        >\r\n          {{ \"BUTTONS.CREATE\" | translate }}\r\n        </button>\r\n      </ng-container>\r\n      <span class=\"submission-button\" *ngIf=\"creating\">\r\n        <mat-spinner\r\n          [value]=\"90\"\r\n          [strokeWidth]=\"3\"\r\n          overlay=\"true\"\r\n          [diameter]=\"25\"\r\n          color=\"warn\"\r\n        >\r\n        </mat-spinner>\r\n      </span>\r\n  \r\n      <button class=\"cancelation-button\" (click)=\"closeDialog()\">\r\n        {{ \"BUTTONS.CANCEL\" | translate }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n  ", styles: [".folder-wrapper{height:calc(100% - 50px);overflow-y:auto;overflow-x:hidden;padding:0 10px;width:100%}.rtl .actionsBtnWrapper{direction:ltr}.actionsBtnWrapper{direction:rtl}\n"], components: [{ type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["form", "data", "readOnly"], outputs: ["change"] }, { type: i8__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__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: i6__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FolderModalComponent, decorators: [{
               type: i0.Component,
@@ -21699,7 +21699,7 @@
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
                           args: [i1$3.MAT_DIALOG_DATA]
-                      }] }, { type: i1__namespace$4.MatDialogRef }, { type: FileManagerService }, { type: DynamicFormService }, { type: TranslationService$1 }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }];
+                      }] }, { type: i1__namespace$4.MatDialogRef }, { type: FileManagerService }, { type: DynamicFormService }, { type: TranslationService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }];
       }, propDecorators: { folderForm: [{
                   type: i0.ViewChild,
                   args: ['folderForm']
@@ -22078,7 +22078,7 @@
       };
       return PublishingDocumentService;
   }());
-  PublishingDocumentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PublishingDocumentService, deps: [{ token: NuxeoService$1 }, { token: 'environment' }, { token: CallApiService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  PublishingDocumentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PublishingDocumentService, deps: [{ token: NuxeoService }, { token: 'environment' }, { token: CallApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   PublishingDocumentService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PublishingDocumentService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PublishingDocumentService, decorators: [{
               type: i0.Injectable,
@@ -22086,10 +22086,10 @@
                       providedIn: 'root'
                   }]
           }], ctorParameters: function () {
-          return [{ type: NuxeoService$1 }, { type: undefined, decorators: [{
+          return [{ type: NuxeoService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
-                      }] }, { type: CallApiService$1 }];
+                      }] }, { type: CallApiService }];
       } });
 
   var PublishDialogComponent = /** @class */ (function () {
@@ -22593,7 +22593,7 @@
       };
       return ScanModalComponent;
   }());
-  ScanModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ScanModalComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$4.MatDialogRef }, { token: UploadManagmentService }, { token: DialogMangmentService }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }, { token: DynamicFormService }, { token: DateHelperService }, { token: AdapterService }, { token: TranslationService$1 }, { token: NuxeoService$1 }, { token: UserService }, { token: AppConfigService }, { token: 'environment' }, { token: DocumentScanService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  ScanModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ScanModalComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$4.MatDialogRef }, { token: UploadManagmentService }, { token: DialogMangmentService }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }, { token: DynamicFormService }, { token: DateHelperService }, { token: AdapterService }, { token: TranslationService }, { token: NuxeoService }, { token: UserService }, { token: AppConfigService }, { token: 'environment' }, { token: DocumentScanService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   ScanModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ScanModalComponent, selector: "app-scan-modal", ngImport: i0__namespace, template: "<div class=\"scanner-modal-body relative h-full\">\r\n    <!--  -->\r\n    <!-- tabs -->\r\n    <div\r\n        class=\"scanner-tabs d-flex justify-around items-center border-b-2 border-gray-200 mb-5 text-gray-900 text-lg\"\r\n    >\r\n        <div\r\n            class=\"scanner-single-tab cursor-pointer w-1/2 text-center py-2 border-gray-900 hover:bg-gray-100\"\r\n            (click)=\"changTabTo('scan')\"\r\n            [ngClass]=\"{ 'font-bold border-b-4': activeTab === 'scan' }\"\r\n        >\r\n            {{\"CREATE.SCAN\" | translate}}\r\n        </div>\r\n        <div\r\n            class=\"scanner-single-tab cursor-pointer w-1/2 text-center py-2 border-gray-900 hover:bg-gray-100\"\r\n            (click)=\"changTabTo('form')\"\r\n            [ngClass]=\"{ 'font-bold border-b-4': activeTab === 'form' }\"\r\n        >\r\n        {{\"CREATE.DETAILS\" | translate}}\r\n        </div>\r\n    </div>\r\n    <div class=\"tabs-body-wrapper\">\r\n        <!-- uploader indicator loading -->\r\n        <div\r\n            class=\"upload-loader mx-2\"\r\n            *ngIf=\"uploadMangmentService.uploadedFilesStatus.uploadInProgress\"\r\n        >\r\n            <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n        </div>\r\n\r\n        <!-- scanner -->\r\n        <div class=\"\" [ngClass]=\"{ 'd-none': activeTab === 'form' }\">\r\n            <app-document-scan\r\n                [hideUploadButton]=\"true\"\r\n                [useStoredFile]=\"true\"\r\n            ></app-document-scan>\r\n        </div>\r\n\r\n        <!-- forms and properties  -->\r\n        <div\r\n            class=\"forms-section\"\r\n            [ngClass]=\"{ 'd-none': activeTab === 'scan' }\"\r\n        >\r\n            <div class=\"w-2/3\">\r\n                <div class=\"mb-5\">\r\n                    <div class=\"label-style\">\r\n                        {{ \"CREATE.FILE_TYPE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-base text-gray-900\">\r\n                        {{ isArabic ?  fileType.arabicText : fileType.englishText }}\r\n                    </div>\r\n                </div>\r\n                <div class=\"file-fields mt-3\" SetRtl>\r\n                    <form [formGroup]=\"fileForm\" *ngIf=\"fileForm\">\r\n                        <div class=\"single-field mb-3\">\r\n                            <div class=\"label-style\">\r\n                                {{ \"CREATE.TITLE\" | translate\r\n                                }}<span class=\"text-red-500\">*</span>\r\n                            </div>\r\n                            <input\r\n                                class=\"field-style\"\r\n                                formControlName=\"title\"\r\n                                placeholder=\" {{ 'CREATE.TITLE' | translate }}\"\r\n                            />\r\n                        </div>\r\n                        <div class=\"single-field mb-3\">\r\n                            <div class=\"label-style\">\r\n                                {{ \"CREATE.DESCRIPTION\" | translate }}\r\n                            </div>\r\n                            <input\r\n                                class=\"field-style\"\r\n                                formControlName=\"description\"\r\n                                placeholder=\" {{\r\n                                    'CREATE.DESCRIPTION' | translate\r\n                                }}\"\r\n                            />\r\n                        </div>\r\n\r\n                        <!------------------ new statis form  ---------------------------->\r\n                        <div *ngIf=\"usingExtraFields\">\r\n                            \r\n                            <app-dynamic-fields-renderer [form]=\"fileForm\" [agencyNameFilter]=\"agencyNameFilter\" [countryNameFilter]=\"countryNameFilter\"></app-dynamic-fields-renderer>\r\n\r\n                            <!-- <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.DOCUMENT_SUBJECT\" | translate\r\n                                    }}<span class=\"text-red-500\">*</span>\r\n                                </div>\r\n                                <input\r\n                                    class=\"field-style\"\r\n                                    formControlName=\"subject\"\r\n                                    placeholder=\" {{\r\n                                        'CREATE.DOCUMENT_SUBJECT' | translate\r\n                                    }}\"\r\n                                />\r\n                            </div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.DOCUMENT_NUMBER\" | translate }}\r\n                                </div>\r\n                                <input\r\n                                    class=\"field-style\"\r\n                                    formControlName=\"documentNumber\"\r\n                                    placeholder=\" {{\r\n                                        'CREATE.DOCUMENT_NUMBER' | translate\r\n                                    }}\"\r\n                                />\r\n                            </div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <cts-dynamic-form-hijri-dateitem\r\n                                    formControlName=\"gdocumentDate\"\r\n                                    label=\"CREATE.DOCUMENT_DATE\"\r\n                                >\r\n                                </cts-dynamic-form-hijri-dateitem>\r\n                            </div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <app-dynamic-form-vocabulary-item\r\n                                    [label]=\"'CREATE.SCRECY_LEVEL'\"\r\n                                    [bindLabel]=\"'label'\"\r\n                                    [bindValue]=\"'id'\"\r\n                                    placeholder=\"{{\r\n                                        'VOCABULARY.SELECT_ITEM' | translate\r\n                                    }}\"\r\n                                    [multiple]=\"false\"\r\n                                    [searchable]=\"false\"\r\n                                    [closeOnSelect]=\"true\"\r\n                                    [hideSelectedItems]=\"false\"\r\n                                    [vocabularyType]=\"'VOC_SecrecyLevel'\"\r\n                                    formControlName=\"secrecyLevel\"\r\n                                >\r\n                                </app-dynamic-form-vocabulary-item>\r\n                            </div>\r\n                            <div class=\"single-field mb-3\">\r\n                                <app-dynamic-form-vocabulary-item\r\n                                    [label]=\"'CREATE.IMPORTANCE_LEVEL'\"\r\n                                    [bindLabel]=\"'label'\"\r\n                                    [bindValue]=\"'id'\"\r\n                                    placeholder=\"{{\r\n                                        'VOCABULARY.SELECT_ITEM' | translate\r\n                                    }}\"\r\n                                    [multiple]=\"false\"\r\n                                    [searchable]=\"false\"\r\n                                    [closeOnSelect]=\"true\"\r\n                                    [hideSelectedItems]=\"false\"\r\n                                    [vocabularyType]=\"'VOC_Importance'\"\r\n                                    formControlName=\"importanceLevel\"\r\n                                >\r\n                                </app-dynamic-form-vocabulary-item>\r\n                            </div>\r\n\r\n                            <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.DEPARTMENT_CODE\" | translate }}\r\n                                </div>\r\n                                <app-dynamic-form-department\r\n                                    formControlName=\"departmentCode\"\r\n                                    [placeholder]=\"'please select department'\"\r\n                                    [pp_departmentNestedTree]=\"\r\n                                        'PP_OS_Departments'\r\n                                    \"\r\n                                    [pp_departmentTree]=\"'PP_OS_Departments'\"\r\n                                    [customPrefix]=\"'osdept'\"\r\n                                    [customParentProperty]=\"\r\n                                        'osdepartment_parentDepartmentCode'\r\n                                    \"\r\n                                    [useCustomAddEditAction]=\"true\"\r\n                                >\r\n                                </app-dynamic-form-department>\r\n                            </div>\r\n\r\n                            <div class=\"single-field mb-3\">\r\n                                <app-translated-vocabulary-select\r\n                                    [label]=\"'CREATE.AGENCY_CATEGORY_CODE'\"\r\n                                    [arbBindLabel]=\"'label_ar'\"\r\n                                    [engBindLabel]=\"'label_en'\"\r\n                                    [bindValue]=\"'id'\"\r\n                                    placeholder=\"{{\r\n                                        'VOCABULARY.SELECT_ITEM' | translate\r\n                                    }}\"\r\n                                    [multiple]=\"false\"\r\n                                    [searchable]=\"true\"\r\n                                    [closeOnSelect]=\"true\"\r\n                                    [hideSelectedItems]=\"false\"\r\n                                    formControlName=\"agencyCategoryCode\"\r\n                                    [vocbularyId]=\"'VOC_AgencyCategory'\"\r\n                                    [useFilter]=\"false\"\r\n                                >\r\n                                </app-translated-vocabulary-select>\r\n                            </div>\r\n\r\n                            <div class=\"single-field mb-3\">\r\n                                <app-translated-vocabulary-select\r\n                                    [label]=\"'CREATE.AGENCY_NAME'\"\r\n                                    [arbBindLabel]=\"'label_ar'\"\r\n                                    [engBindLabel]=\"'label_en'\"\r\n                                    [bindValue]=\"'id'\"\r\n                                    placeholder=\"{{\r\n                                        'VOCABULARY.SELECT_ITEM' | translate\r\n                                    }}\"\r\n                                    [multiple]=\"false\"\r\n                                    [searchable]=\"true\"\r\n                                    [closeOnSelect]=\"true\"\r\n                                    [hideSelectedItems]=\"false\"\r\n                                    formControlName=\"agencyName\"\r\n                                    [vocbularyId]=\"'VOC_Agency'\"\r\n                                    [filter]=\"agencyNameFilter\"\r\n                                    [useFilter]=\"true\"\r\n                                >\r\n                                </app-translated-vocabulary-select>\r\n                            </div>\r\n\r\n                            <div class=\"single-field mb-3\">\r\n                                <app-translated-vocabulary-select\r\n                                    [label]=\"'CREATE.COUNTRY_CATEGORY_CODE'\"\r\n                                    [arbBindLabel]=\"'label_ar'\"\r\n                                    [engBindLabel]=\"'label_en'\"\r\n                                    [bindValue]=\"'id'\"\r\n                                    placeholder=\"{{\r\n                                        'VOCABULARY.SELECT_ITEM' | translate\r\n                                    }}\"\r\n                                    [multiple]=\"false\"\r\n                                    [searchable]=\"true\"\r\n                                    [closeOnSelect]=\"true\"\r\n                                    [hideSelectedItems]=\"false\"\r\n                                    formControlName=\"countryCategoryCode\"\r\n                                    [vocbularyId]=\"'VOC_CountryCategory'\"\r\n                                    [useFilter]=\"false\"\r\n                                >\r\n                                </app-translated-vocabulary-select>\r\n                            </div>\r\n\r\n                            <div class=\"single-field mb-3\">\r\n                                <app-translated-vocabulary-select\r\n                                    [label]=\"'CREATE.COUNTRY_NAME'\"\r\n                                    [arbBindLabel]=\"'label_ar'\"\r\n                                    [engBindLabel]=\"'label_en'\"\r\n                                    [bindValue]=\"'id'\"\r\n                                    placeholder=\"{{\r\n                                        'VOCABULARY.SELECT_ITEM' | translate\r\n                                    }}\"\r\n                                    [multiple]=\"false\"\r\n                                    [searchable]=\"true\"\r\n                                    [closeOnSelect]=\"true\"\r\n                                    [hideSelectedItems]=\"false\"\r\n                                    formControlName=\"countryName\"\r\n                                    [vocbularyId]=\"'VOC_Country'\"\r\n                                    [filter]=\"countryNameFilter\"\r\n                                    [useFilter]=\"true\"\r\n                                >\r\n                                </app-translated-vocabulary-select>\r\n                            </div>\r\n\r\n                            <div class=\"single-field mb-3\">\r\n                                <div class=\"label-style\">\r\n                                    {{ \"CREATE.REMARKS\" | translate }}\r\n                                </div>\r\n                                <input\r\n                                    class=\"field-style\"\r\n                                    formControlName=\"remarks\"\r\n                                    placeholder=\" {{\r\n                                        'CREATE.REMARKS' | translate\r\n                                    }}\"\r\n                                />\r\n                            </div> -->\r\n                        </div>\r\n\r\n                        <!-- ----------------------------------------------------------- -->\r\n                    </form>\r\n                    <!-- *ngIf=\"\" -->\r\n                    <div\r\n                        class=\"dynamic-part -mx-4\"\r\n                        *ngIf=\"selectedFile.dynamicForm && showRenderer\"\r\n                    >\r\n                        <app-dynamic-form\r\n                            [form]=\"selectedFile.dynamicForm\"\r\n                            [data]=\"temporaryDyanmicData\"\r\n                            (change)=\"ondynamicFormChange($event)\"\r\n                        ></app-dynamic-form>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <!-- actions and buttons  -->\r\n    <div\r\n        class=\"w-full d-flex justify-between scanner-actions-wrapper absolute bottom-0\"\r\n    >\r\n        <div class=\"flex\">\r\n            <button class=\"cancelation-button\" (click)=\"closeDialog()\">\r\n                {{ \"BUTTONS.CANCEL\" | translate }}\r\n            </button>\r\n            <button class=\"cancelation-button mx-2\" (click)=\"minimizDialog()\">\r\n                {{ \"BUTTONS.MINIMIZED\" | translate }}\r\n            </button>\r\n        </div>\r\n\r\n        <!--  -->\r\n        <div class=\"d-flex\">\r\n            <!-- <button\r\n                *ngIf=\"creationFailed\"\r\n                [disabled]=\"\r\n                    scannerUploadButton.disabled ||\r\n                    !selectedFile.dynamicData.valid ||\r\n                    fileForm.invalid\r\n                \"\r\n                [ngClass]=\"{\r\n                    'opacity-30 cursor-not-allowed':\r\n                        scannerUploadButton.disabled ||\r\n                        !selectedFile.dynamicData.valid ||\r\n                        fileForm.invalid\r\n                }\"\r\n                (click)=\"createDocument()\"\r\n                class=\"submission-button\"\r\n            >\r\n                {{ \"BUTTONS.TRY_AGAIN\" | translate }}\r\n            </button> -->\r\n            <button\r\n                (click)=\"createDocument()\"\r\n                [disabled]=\"\r\n                    scannerUploadButton.disabled ||\r\n                    !selectedFile.dynamicData.valid ||\r\n                    fileForm.invalid\r\n                \"\r\n                [ngClass]=\"{\r\n                    'opacity-30 cursor-not-allowed':\r\n                        scannerUploadButton.disabled ||\r\n                        !selectedFile.dynamicData.valid ||\r\n                        fileForm.invalid\r\n                }\"\r\n                class=\"submission-button\"\r\n            >\r\n                {{ uploadMangmentService.scanCreationFailed ?  (\"BUTTONS.TRY_AGAIN\" | translate) : (\"BUTTONS.CREATE\" | translate) }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".forms-section{display:flex;justify-content:center}.tabs-body-wrapper{height:calc(100% - 125px);overflow-y:auto;overflow-x:hidden}\n"], components: [{ type: i4__namespace$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: ScanComponent, selector: "app-document-scan", inputs: ["useStoredFile", "hideUploadButton"], outputs: ["file"] }, { type: DynamicFieldsRendererComponent, selector: "app-dynamic-fields-renderer", inputs: ["form", "agencyNameFilter", "countryNameFilter", "mode", "fields"] }, { type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["form", "data", "readOnly"], outputs: ["change"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__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: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ScanModalComponent, decorators: [{
               type: i0.Component,
@@ -22606,7 +22606,7 @@
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
                           args: [i1$3.MAT_DIALOG_DATA]
-                      }] }, { type: i1__namespace$4.MatDialogRef }, { type: UploadManagmentService }, { type: DialogMangmentService }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }, { type: DynamicFormService }, { type: DateHelperService }, { type: AdapterService }, { type: TranslationService$1 }, { type: NuxeoService$1 }, { type: UserService }, { type: AppConfigService }, { type: undefined, decorators: [{
+                      }] }, { type: i1__namespace$4.MatDialogRef }, { type: UploadManagmentService }, { type: DialogMangmentService }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }, { type: DynamicFormService }, { type: DateHelperService }, { type: AdapterService }, { type: TranslationService }, { type: NuxeoService }, { type: UserService }, { type: AppConfigService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }, { type: DocumentScanService }];
@@ -22732,14 +22732,14 @@
       };
       return SharedDocsService;
   }());
-  SharedDocsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SharedDocsService, deps: [{ token: NuxeoService$1 }, { token: i1__namespace$4.MatDialog }, { token: AdapterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  SharedDocsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SharedDocsService, deps: [{ token: NuxeoService }, { token: i1__namespace$4.MatDialog }, { token: AdapterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   SharedDocsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SharedDocsService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SharedDocsService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
                   }]
-          }], ctorParameters: function () { return [{ type: NuxeoService$1 }, { type: i1__namespace$4.MatDialog }, { type: AdapterService }]; } });
+          }], ctorParameters: function () { return [{ type: NuxeoService }, { type: i1__namespace$4.MatDialog }, { type: AdapterService }]; } });
 
   var DepartmentManagementService = /** @class */ (function () {
       function DepartmentManagementService(nuxeoService) {
@@ -22756,14 +22756,14 @@
       };
       return DepartmentManagementService;
   }());
-  DepartmentManagementService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentManagementService, deps: [{ token: NuxeoService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  DepartmentManagementService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentManagementService, deps: [{ token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   DepartmentManagementService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentManagementService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentManagementService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root',
                   }]
-          }], ctorParameters: function () { return [{ type: NuxeoService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
 
   var SelectUsersByDepartmentsComponent = /** @class */ (function () {
       function SelectUsersByDepartmentsComponent(departmentManagment, control) {
@@ -23138,7 +23138,7 @@
       };
       return ShareDialogComponent;
   }());
-  ShareDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ShareDialogComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$4.MatDialogRef }, { token: i1__namespace$4.MatDialog }, { token: i6__namespace.FormBuilder }, { token: SharedDocsService }, { token: CustomToastrService }, { token: TranslationService$1 }, { token: NuxeoService$1 }, { token: UserPreferencesService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  ShareDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ShareDialogComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$4.MatDialogRef }, { token: i1__namespace$4.MatDialog }, { token: i6__namespace.FormBuilder }, { token: SharedDocsService }, { token: CustomToastrService }, { token: TranslationService }, { token: NuxeoService }, { token: UserPreferencesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   ShareDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ShareDialogComponent, selector: "app-share-dialog", ngImport: i0__namespace, template: "<form [formGroup]=\"shareForm\" class=\"h-full p-5 overflow-auto\" SetRtl>\r\n\r\n  <div class=\"flex flex-col justify-between h-full\">\r\n    <!--Form Section-->\r\n    <div class=\"add-permsion-wrapper\">\r\n      <span class=\"text-gray-900 text-lg\">\r\n        {{ \"share.shareDialogTitle\" | translate }}\r\n      </span>\r\n      <div class=\"mt-5 selectorsWrapper\">\r\n        <app-select-users-by-departments\r\n          formControlName=\"depAnditsUsers\"\r\n          [allowMultipleUsers]= \"true\"\r\n          [userLabel]=\"'share.users'  | translate\"\r\n          [depLabel]=\"'share.Dep'  | translate\"\r\n          [display]=\"'column'\">\r\n        </app-select-users-by-departments>\r\n      </div>\r\n      <div *ngIf=\"forbiddenUsers.length\" class=\"flex\">\r\n        <ng-container *ngFor=\"let p of forbiddenUsers; let i as index\">\r\n          <span class=\"text-red-500 text-base\">\r\n            {{p}}&nbsp;\r\n          </span>\r\n        </ng-container>\r\n        <span class=\"text-red-500 text-base\">\r\n           <p *ngIf=\"forbiddenUsers.length == 1\">\r\n            {{ \"share.single_forbidden\" | translate }}\r\n           </p>\r\n           <p *ngIf=\"forbiddenUsers.length > 1\">\r\n            {{ \"share.multi_forbidden\" | translate }}\r\n           </p>\r\n        </span>\r\n      </div>\r\n      <div *ngIf=\"sameCurrentUser\">\r\n        <span class=\"text-red-500 text-base\">\r\n          {{ \"share.shareWithLoggedInUser\" | translate }}\r\n        </span>\r\n      </div>\r\n      <div *ngIf=\"isSharedBefore.length\" class=\"flex\">\r\n          <span class=\"text-red-500 text-base\">\r\n            {{ \"share.share_exists\" | translate }}\r\n            <ng-container *ngFor=\"let p of isSharedBefore\">\r\n              {{p}}\r\n            </ng-container>\r\n            {{ \"share.before\" | translate }}\r\n          </span>\r\n      </div>\r\n      <div class=\"mt-4 rightsSelector\">\r\n        <label class=\"text-base font-bold mb-0\">\r\n          {{ \"share.Rights\" | translate }}\r\n          <span class=\"text-danger\">*</span>\r\n        </label>\r\n        <ng-select \r\n          [items]=\"rights\" \r\n          bindLabel=\"label\"\r\n          bindValue=\"value\"\r\n          [placeholder]=\"'permission.rightsPlaceholder' | translate\"\r\n          formControlName=\"rights\"\r\n          (change)=\"setRight($event)\"\r\n        >\r\n        </ng-select>\r\n      </div>\r\n      <div *ngIf=\"sharedList.length\" class=\"mt-4\">\r\n        <div>\r\n          <label class=\"text-base font-bold mb-0\">\r\n            {{ \"share.fileUrl\" | translate }}\r\n          </label>\r\n          <div class=\"flex relative\">\r\n            <input \r\n              #fileUrl\r\n              [value]=\"shareableUrl\"\r\n              disabled\r\n              class=\"appearance-none block w-full  bg-accent-100 text-gray-700 border border-gray-200 rounded py-2.5 px-4 \r\n              leading-tight focus:outline-none focus:bg-white focus:border-gray-500\"\r\n              type=\"text\"\r\n            >\r\n            <button class=\"absolute pt-2.5 bg-accent-100\"\r\n              [matTooltip] = \"'BUTTONS.COPY' | translate\"\r\n              [ngClass]=\"(locale === 'en')  ? 'right-2' : 'left-2'\"\r\n              [cdkCopyToClipboard]=\"fileUrl.value\"\r\n              (click)=\"copy()\">\r\n              <mat-icon svgIcon=\"mat_solid:content_copy\" class=\"icon-size-6\"></mat-icon>\r\n            </button>\r\n            <div *ngIf=\"copied\" class=\"flex absolute justify-around w-24 -mt-10 border \r\n            border-red-700 h-7 rounded bg-gray-200\"\r\n            [ngClass]=\"(locale === 'en')  ? 'right-0' : 'left-0'\">\r\n              <div class=\"w-3 h-3 justify-center bg-gray-200 transform rotate-45 border\r\n               mt-5 borders-color\">\r\n              </div>\r\n              <span class=\"absolute font-extralight\">{{ \"share.copied\" | translate }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--Shares Section-->\r\n    <div *ngIf=\"sharedList.length\">\r\n      <div class=\"flex flex-row justify-between h-7 border-b-2 border-accent-100 mt-2\">\r\n        <span class=\"text-base font-bold\">\r\n          {{ \"share.shares\" | translate }}\r\n        </span>\r\n        <button mat-icon-button *permission=\"{name: 'canRemoveShare', entity: selectedItem.entity}\"\r\n          matTooltip=\"{{'share.Rm_All_shares' | translate}}\" (click)=\"openDialog('Rem_ALL_shares')\">\r\n          <mat-icon [svgIcon]=\"'heroicons_outline:trash'\"\r\n          [ngClass]=\"(locale === 'en')  ? 'mr-2' : 'ml-2'\"></mat-icon>\r\n        </button>\r\n      </div>\r\n      <div class=\"h-52 overflow-y-auto\">\r\n        <div class=\"flex flex-row justify-between mt-2.5\">\r\n          <span class=\"w-1/2 text-base font-bold\">{{\"share.shareWith\" | translate}}</span>\r\n          <span class=\"w-1/4 text-base font-bold\">{{\"share.share_date\" | translate}}</span>\r\n          <span class=\"w-1/4 text-base font-bold\">{{\"share.permission\" | translate}}</span>\r\n          <span>&nbsp;</span>\r\n        </div>\r\n        <ng-container *ngFor=\"let d of sharedList\">\r\n          <div class=\"flex flex-row justify-between mt-2.5\">\r\n            <div class=\"flex flex-row w-1/2\">\r\n              <div class=\"flex-0 w-8 h-8 rounded-full overflow-hidden\">\r\n                <cts-avatar [user]=\"{\r\n                properties: {\r\n                  firstName: d.user.properties?.firstName,\r\n                  lastName: d.user.properties?.lastName\r\n                }\r\n              }\">\r\n                </cts-avatar>\r\n              </div>\r\n              <div class=\"flex flex-col -mt-2 px-2 break-all\">\r\n                <span>{{d.user.fullName}}</span>\r\n                <span>{{d.user.properties.email}}</span>\r\n              </div>\r\n            </div>\r\n            <div class=\"w-1/4 mt-1.5 break-all px-2.5\">\r\n              <span>{{d.sharedDate  | localizedDate:\"dd MMMM yyyy\":(isArabic? 'ar-AR' : 'en-US')}}</span>\r\n            </div>\r\n            <div class=\"w-1/4 mt-1.5 break-all px-4\">\r\n              <span>{{\"rights.\" + d.sharedMode | translate}}</span>\r\n            </div>\r\n            <div class=\"mt-1.5\">\r\n              <button mat-icon-button *permission=\"{name: 'canRemoveShare', entity: selectedItem.entity}\"\r\n                matTooltip=\"{{'share.Rm_custom_share' | translate}}\"\r\n                (click)=\"openDialog('Rem_custom_share',d.user.properties.username,d.sharedMode)\">\r\n                <i class=\"ms-Icon ms-Icon--ChromeClose\" aria-hidden=\"true\"\r\n                [ngClass]=\"(locale === 'en')  ? 'mr-2.5' : 'ml-2.5'\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <!--Buttons Section-->\r\n    <div class=\"flex flex-row justify-between mt-2 py-1\">\r\n      <button class=\"submission-button\" [disabled]=\"disabled\" (click)=\"share()\">\r\n        {{ \"share.shareButton\" | translate }}\r\n      </button>\r\n      <button class=\"cancelation-button\" (click)=\"close()\">\r\n        {{ \"BUTTONS.Cancel\" | translate }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</form>", styles: [".share-dialog-wrapper .mat-dialog-container{overflow:hidden;padding:0!important}.share-dialog-wrapper .borders-color{--tw-border-opacity: 1;border-bottom-color:rgba(185,28,28,var(--tw-border-opacity))!important;border-right-color:rgba(185,28,28,var(--tw-border-opacity))!important}.share-dialog-wrapper .rightsSelector .ng-select-container .ng-value-container .ng-placeholder{font-size:12px;margin-top:3px}.share-dialog-wrapper .selectorsWrapper .dep-label,.share-dialog-wrapper .selectorsWrapper .users-label{@apply text-base font-bold mb-0;}\n"], components: [{ type: SelectUsersByDepartmentsComponent, selector: "app-select-users-by-departments", inputs: ["display", "depLabel", "userLabel", "allowMultipleUsers"], outputs: ["formChanged"] }, { type: i5__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i2__namespace$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: AvatarComponent, selector: "cts-avatar", inputs: ["user"] }], directives: [{ type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }], pipes: { "translate": i1__namespace$1.TranslatePipe, "localizedDate": LocalizedDatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ShareDialogComponent, decorators: [{
               type: i0.Component,
@@ -23152,7 +23152,7 @@
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
                           args: [i1$3.MAT_DIALOG_DATA]
-                      }] }, { type: i1__namespace$4.MatDialogRef }, { type: i1__namespace$4.MatDialog }, { type: i6__namespace.FormBuilder }, { type: SharedDocsService }, { type: CustomToastrService }, { type: TranslationService$1 }, { type: NuxeoService$1 }, { type: UserPreferencesService$1 }];
+                      }] }, { type: i1__namespace$4.MatDialogRef }, { type: i1__namespace$4.MatDialog }, { type: i6__namespace.FormBuilder }, { type: SharedDocsService }, { type: CustomToastrService }, { type: TranslationService }, { type: NuxeoService }, { type: UserPreferencesService }];
       } });
 
   var UpdateModalComponent = /** @class */ (function () {
@@ -23484,7 +23484,7 @@
       };
       return UpdateModalComponent;
   }());
-  UpdateModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UpdateModalComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: 'environment' }, { token: i1__namespace$4.MatDialogRef }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }, { token: AppConfigService }, { token: DynamicFormService }, { token: AdapterService }, { token: TranslationService$1 }, { token: DateHelperService }, { token: DocumentsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  UpdateModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UpdateModalComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: 'environment' }, { token: i1__namespace$4.MatDialogRef }, { token: FileManagerService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }, { token: AppConfigService }, { token: DynamicFormService }, { token: AdapterService }, { token: TranslationService }, { token: DateHelperService }, { token: DocumentsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   UpdateModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: UpdateModalComponent, selector: "app-update-modal", host: { listeners: { "document:keyup.enter": "KeyUpEvent($event)" } }, ngImport: i0__namespace, template: "<div class=\"create-folder-modal d-flex justify-center w-full relative h-full\">\r\n    <div class=\"folder-wrapper\" SetRtl>\r\n        <div class=\"mb-5\">\r\n            <div class=\"label-style\">\r\n                {{ \"FOLDERS.TYPE_ONLY\" | translate }}\r\n                <span class=\"text-red-500\">*</span>\r\n            </div>\r\n            <div *ngIf=\"!isDirectory\">{{ translatedDocumentType ? (isArabic ? (translatedDocumentType.arabicName) : (translatedDocumentType.englishTitle)) : type}}</div>\r\n            <div *ngIf=\"isDirectory\">{{ type === 'DmsFolder' ? (isArabic ? '\u0645\u062C\u0644\u062F' : 'Folder') : type}}</div>\r\n\r\n        </div>\r\n        <form [formGroup]=\"fileForm\" *ngIf=\"fileForm\">\r\n            <div class=\"mb-3\">\r\n                <div class=\"label-style\">\r\n                    {{ \"FOLDERS.TITLE_ONLY\" | translate }}\r\n                </div>\r\n                <input\r\n                    class=\"field-style \"\r\n                    [ngClass]=\"{'border-red-500' : fileForm.value.title === '..'}\"\r\n                    required\r\n                    formControlName=\"title\" \r\n                    placeholder=\" {{ 'CREATE.TITLE' | translate}}\"\r\n                />\r\n                <div class=\"text-red-500 text-base\" *ngIf=\"fileForm.value.title === '..'\">\r\n                    {{ \"FOLDERS.INVALID_TITLE_ONLY\" | translate }}\r\n                </div>\r\n            </div>\r\n            <div class=\"mb-3\">\r\n                <div class=\"label-style\">\r\n                    {{ \"FOLDERS.DESCRIPTION_ONLY\" | translate }}\r\n                </div>\r\n                <input\r\n                    class=\"field-style \"\r\n                    formControlName=\"description\" \r\n                    placeholder=\" {{ 'CREATE.DESCRIPTION' | translate}}\"\r\n                />\r\n            </div>\r\n\r\n             <!------------------ new statis form  ---------------------------->\r\n                        <div *ngIf=\"usingExtraFields && !isDirectory\">\r\n                            <app-dynamic-fields-renderer \r\n                                [mode]=\"'edit'\"\r\n                                [fields]=\"fields\" \r\n                                [form]=\"fileForm\" \r\n                                [agencyNameFilter]=\"agencyNameFilter\" \r\n                                [countryNameFilter]=\"countryNameFilter\"\r\n                            >\r\n                            </app-dynamic-fields-renderer>\r\n                        </div>\r\n\r\n                        <!-- ----------------------------------------------------------- -->\r\n\r\n\r\n        </form>\r\n        <div class=\"dynamic-part -mx-4\" *ngIf=\"dynamicForm && showRenderer\">\r\n            <app-dynamic-form\r\n                [form]=\"dynamicForm\"\r\n                [data]=\"temporaryDyanmicData\"\r\n                (change)=\"ondynamicFormChange($event)\"\r\n            ></app-dynamic-form>\r\n        </div>\r\n    </div>\r\n    <!-- actions and buttons  -->\r\n    <div\r\n        class=\"\r\n            w-full\r\n            d-flex\r\n            justify-between\r\n            absolute\r\n            bottom-0\r\n        \"\r\n    >\r\n        <div class=\"flex\">\r\n            <button\r\n                class=\"cancelation-button\"\r\n                (click)=\"closeDialog()\"\r\n            >\r\n                {{ \"BUTTONS.CANCEL\" | translate }}\r\n            </button>\r\n        </div>\r\n\r\n        <!--  -->\r\n        <div class=\"d-flex\">\r\n            <button\r\n                (click)=\"UpdateDocument()\"\r\n                [disabled]=\"\r\n                    (dynamicData['data'] && !dynamicData.valid) ||\r\n                    fileForm.invalid ||\r\n                    fileForm.value.title === '..'\r\n                \"\r\n                [ngClass]=\"{\r\n                    'opacity-30 cursor-not-allowed':\r\n                    (dynamicData['data'] && !dynamicData.valid) ||\r\n                    fileForm.invalid ||\r\n                    fileForm.value.title === '..'\r\n                }\"\r\n                class=\"submission-button\"\r\n            >\r\n                {{ \"BUTTONS.UPDATE\" | translate }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".folder-wrapper{height:calc(100% - 50px);overflow-y:auto;overflow-x:hidden;padding:0 10px;width:100%}\n"], components: [{ type: DynamicFieldsRendererComponent, selector: "app-dynamic-fields-renderer", inputs: ["form", "agencyNameFilter", "countryNameFilter", "mode", "fields"] }, { type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["form", "data", "readOnly"], outputs: ["change"] }], directives: [{ type: SetRtlDirective, selector: "[SetRtl]" }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__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: i6__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UpdateModalComponent, decorators: [{
               type: i0.Component,
@@ -23500,7 +23500,7 @@
                       }] }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
-                      }] }, { type: i1__namespace$4.MatDialogRef }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }, { type: AppConfigService }, { type: DynamicFormService }, { type: AdapterService }, { type: TranslationService$1 }, { type: DateHelperService }, { type: DocumentsService }];
+                      }] }, { type: i1__namespace$4.MatDialogRef }, { type: FileManagerService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }, { type: AppConfigService }, { type: DynamicFormService }, { type: AdapterService }, { type: TranslationService }, { type: DateHelperService }, { type: DocumentsService }];
       }, propDecorators: { KeyUpEvent: [{
                   type: i0.HostListener,
                   args: ['document:keyup.enter', ['$event']]
@@ -23564,14 +23564,14 @@
       };
       return ActivitiesLogService;
   }());
-  ActivitiesLogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActivitiesLogService, deps: [{ token: NuxeoService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  ActivitiesLogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActivitiesLogService, deps: [{ token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   ActivitiesLogService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActivitiesLogService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActivitiesLogService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
                   }]
-          }], ctorParameters: function () { return [{ type: NuxeoService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
 
   var ActivityLineComponent = /** @class */ (function () {
       function ActivityLineComponent(element, translate, router, renderer) {
@@ -23956,7 +23956,7 @@
       };
       return PermissionService;
   }());
-  PermissionService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionService, deps: [{ token: NuxeoService$1 }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  PermissionService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionService, deps: [{ token: NuxeoService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   PermissionService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionService, decorators: [{
               type: i0.Injectable,
@@ -23964,7 +23964,7 @@
                       providedIn: 'root'
                   }]
           }], ctorParameters: function () {
-          return [{ type: NuxeoService$1 }, { type: undefined, decorators: [{
+          return [{ type: NuxeoService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -24124,7 +24124,7 @@
       };
       return AddPermissionsDialogComponent;
   }());
-  AddPermissionsDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AddPermissionsDialogComponent, deps: [{ token: i1__namespace$4.MatDialogRef }, { token: PermissionService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }, { token: TranslationService$1 }, { token: i1$3.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  AddPermissionsDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AddPermissionsDialogComponent, deps: [{ token: i1__namespace$4.MatDialogRef }, { token: PermissionService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }, { token: TranslationService }, { token: i1$3.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
   AddPermissionsDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AddPermissionsDialogComponent, selector: "app-add-permissions-dialog", ngImport: i0__namespace, template: "<form [formGroup]=\"permissionForm\" class=\"h-full\" SetRtl>\r\n\r\n  <div class=\"flex flex-col h-full\">\r\n    <div class=\"add-permsion-wrapper\">\r\n      <span class=\"text-gray-900 text-lg\" *ngIf=\"state == 'update'\">\r\n        {{ \"permission.edit_permission\" | translate }}\r\n      </span>\r\n      <span class=\"text-gray-900 text-lg\" *ngIf=\"state !== 'update'\">\r\n        {{ \"permission.add_new_permission\" | translate }}\r\n      </span>\r\n  \r\n      <div class=\"user-select mt-5\" *ngIf=\"state != 'update'\">\r\n        <label class=\"text-base font-bold mb-0\">\r\n          {{ 'permission.username' | translate}}\r\n          <span  class=\"text-danger\">*</span>\r\n        </label>\r\n        <ng-select \r\n          [items]=\"permissionService.departmentUsers\"\r\n          [placeholder]=\"'permission.placeholder' | translate\"\r\n          [multiple]=\"true\"\r\n          [loading]=\"refreshUsers\"\r\n          bindLabel=\"displayLabel\"\r\n          bindValue=\"properties.username\"\r\n          formControlName=\"users\"\r\n        >\r\n        <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\r\n          <div class=\"ng-option disabled\">\r\n              {{'permission.ngSelect_resultNotFound' | translate}}\r\n          </div>\r\n        </ng-template>\r\n          <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\r\n            <div class=\"flex flex-col h-full\">\r\n              <div class=\"flex flex-row\">\r\n                <div class=\"flex-0 w-8 h-8 rounded-full overflow-hidden\" >\r\n                  <cts-avatar [user]=\"{\r\n                    properties: {\r\n                      firstName: item.properties.firstName,\r\n                      lastName: item.properties.lastName\r\n                    }\r\n                  }\">\r\n                  </cts-avatar>\r\n                </div>\r\n                <div class=\"flex flex-col  pt-0 px-2\">\r\n                  <span>{{item.displayLabel}}</span>\r\n                  <span>{{item.properties.email}}-{{item.properties.username}}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </ng-select>\r\n      </div>\r\n      <div class=\"mt-3 rights-select\">\r\n        <label class=\"text-base font-bold mb-0\">\r\n          {{ \"permission.Rights\" | translate }}\r\n          <span class=\"text-danger\">*</span>\r\n        </label>\r\n        <ng-select \r\n          [items]=\"rights\"\r\n          [placeholder]=\"'permission.rightsPlaceholder' | translate\"\r\n          bindLabel=\"label\"\r\n          bindValue=\"value\"\r\n          formControlName=\"permission\" \r\n          [(ngModel)]=\"editableRight\"\r\n        >\r\n        </ng-select>\r\n      </div>\r\n  \r\n      <!--<div class=\"flex flex-row mt-5\">\r\n        <span class=\"text-gray-900 text-base font-bold\">\r\n          {{ \"permission.timeframe\" | translate }}\r\n          <span class=\"text-danger\">*</span>:</span>\r\n        <div class=\"mx-2\">\r\n          <label class=\"inline-flex items-center\">\r\n            <input type=\"radio\" class=\"form-radio\" name=\"radio\" value=\"Permanent\" [checked]=\"timeFrame == 'Permanent'\"\r\n              (click)=\"timeFrame = 'Permanent'\" />\r\n            <span class=\"mx-2 mt-1 text-gray-900 text-sm font-bold\">{{\r\n              \"permission.permanent\" | translate\r\n              }}</span>\r\n          </label>\r\n        </div>\r\n        <div rtl>\r\n          <label class=\"inline-flex items-center\">\r\n            <input type=\"radio\" class=\"form-radio\" name=\"radio\" value=\"Date-Based\" [checked]=\"timeFrame == 'Date-Based'\"\r\n              (click)=\"timeFrame = 'Date-Based'\" />\r\n            <span class=\"mx-2 mt-1 text-gray-900 text-sm font-bold\">{{\r\n              \"permission.Date_based\" | translate\r\n              }}</span>\r\n          </label>\r\n        </div>\r\n      </div>\r\n      <div class=\"flex flex-col mt-2\">\r\n        <label class=\"text-base font-bold text-gray-900 mb-0\">{{ \"permission.from\" | translate }}</label>\r\n        <cts-dynamic-form-hijri-dateitem \r\n          formControlName=\"begin\" \r\n          [isDisabled]=\"timeFrame == 'Permanent'\"\r\n          [(ngModel)]=\"editableBegin\">\r\n        </cts-dynamic-form-hijri-dateitem>\r\n        <label class=\"text-base font-bold text-gray-900 mb-0\">{{ \"permission.to\" | translate }}</label>\r\n        <cts-dynamic-form-hijri-dateitem \r\n          formControlName=\"end\" \r\n          [isDisabled]=\"timeFrame == 'Permanent'\"\r\n          [(ngModel)]=\"editableEnd\">\r\n        </cts-dynamic-form-hijri-dateitem>\r\n        <div *ngIf=\"permissionForm?.errors?.notValid\">\r\n          <span class=\"text-red-500 text-base -mt-3 \">{{\r\n            \"permission.endStartError\" | translate\r\n            }}</span>\r\n        </div>\r\n      </div>-->\r\n    </div>\r\n\r\n    <div class=\"flex flex-row justify-between mt-5 flex-wrap\">\r\n      <div class=\"d-flex\">\r\n        <button *ngIf=\"state != 'update'\" [disabled]=\"createAndAdd\" class=\"submission-button\"\r\n          (click)=\"create(permissionForm.value)\">\r\n          <span *ngIf=\"!creating;else loader\">{{ \"permission.create\" | translate }}</span>\r\n        </button>\r\n        <button class=\"submission-button\" (click)=\"edit(permissionForm.value)\" *ngIf=\"state == 'update'\">\r\n          <span *ngIf=\"!updating;else loader\">{{ \"permission.update\" | translate }}</span>\r\n        </button>\r\n        <button *ngIf=\"state != 'update'\" class=\"submission-button w-44\" (click)=\"\r\n                      createandAddAnother(permissionForm, permissionForm.value)\r\n                  \">\r\n          <span *ngIf=\"!createAndAdd;else loader\">{{ \"permission.createAndAdd\" | translate }}</span>\r\n        </button>\r\n      </div>\r\n      <div>\r\n        <button class=\"cancelation-button mb-3\" (click)=\"cancel(false)\">\r\n          {{ \"BUTTONS.Cancel\" | translate }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n\r\n<ng-template #loader>\r\n  <mat-spinner [value]=\"90\" [strokeWidth]=\"3\" overlay=\"true\" [diameter]=\"25\" color=\"warn\">\r\n  </mat-spinner>\r\n</ng-template>\r\n", styles: [".form-radio{appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;border-radius:100%;height:1em;width:1em;color:#4299e1;background-color:#fff;border-color:#e2e8f0;border-width:1px}.form-radio:checked{background-image:url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media not print{.form-radio::-ms-check{border-width:1px;color:transparent;background:inherit;border-color:inherit;border-radius:inherit}}.form-radio:focus{outline:none;box-shadow:0 0 0 3px #4299e180;border-color:#63b3ed}.select-label{color:#8f98aa;font-size:12px;margin-bottom:0}.user-select .ng-select-container,.rights-select .ng-select-container{border:1px solid #ccc!important;border-radius:5px!important;background-color:#8f98aa1a!important}.user-select .ng-select-container .ng-value-container,.rights-select .ng-select-container .ng-value-container{padding:unset!important}.user-select .ng-select-container .ng-value-container .ng-placeholder,.rights-select .ng-select-container .ng-value-container .ng-placeholder{font-size:12px}.user-select .ng-select-container .ng-value-container .ng-value,.rights-select .ng-select-container .ng-value-container .ng-value{color:#495057}.user-select .ng-select-container .ng-arrow-wrapper,.rights-select .ng-select-container .ng-arrow-wrapper{padding:0 20px}.user-select .ng-select-container .ng-input,.rights-select .ng-select-container .ng-input{left:10px;right:10px;width:auto}.user-select .ng-select-container .ng-value-container .ng-placeholder{padding-top:4px!important}.ng-select-disabled .ng-select-container{background-color:#e9ecef!important}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper{position:relative}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper input{visibility:hidden;width:20px;height:20px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper .icon-wrapper{position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid blue;display:flex;justify-content:center;align-items:center}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-wrapper .check-box-wrapper .icon-wrapper .icon{color:#00f;display:none;justify-content:center;align-items:center;font-weight:bold}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option-selected .option-wrapper .check-box-wrapper .icon-wrapper .icon{display:flex}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option-selected .option-wrapper .label-wrapper{color:#00f}.ng-select .ng-select-focused:not(.ng-select-opened) .ng-select-container{border-color:#ccc;box-shadow:none}.add-permsion-wrapper{height:calc(100% - 50px);overflow:auto}\n"], components: [{ type: i5__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: AvatarComponent, selector: "cts-avatar", inputs: ["user"] }, { type: i8__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i6__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: SetRtlDirective, selector: "[SetRtl]" }, { type: i6__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i5__namespace.ɵl, selector: "[ng-notfound-tmp]" }, { type: i5__namespace.ɵf, selector: "[ng-option-tmp]" }], pipes: { "translate": i1__namespace$1.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AddPermissionsDialogComponent, decorators: [{
               type: i0.Component,
@@ -24135,7 +24135,7 @@
                       encapsulation: i0.ViewEncapsulation.None
                   }]
           }], ctorParameters: function () {
-          return [{ type: i1__namespace$4.MatDialogRef }, { type: PermissionService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }, { type: TranslationService$1 }, { type: undefined, decorators: [{
+          return [{ type: i1__namespace$4.MatDialogRef }, { type: PermissionService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }, { type: TranslationService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: [i1$3.MAT_DIALOG_DATA]
                       }] }];
@@ -24469,7 +24469,7 @@
       };
       return PermissionsComponent;
   }());
-  PermissionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionsComponent, deps: [{ token: PermissionService }, { token: i1__namespace$4.MatDialog }, { token: CustomToastrService }, { token: TranslationService$1 }, { token: NuxeoService$1 }, { token: UserService }, { token: EvaluatorsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  PermissionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionsComponent, deps: [{ token: PermissionService }, { token: i1__namespace$4.MatDialog }, { token: CustomToastrService }, { token: TranslationService }, { token: NuxeoService }, { token: UserService }, { token: EvaluatorsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   PermissionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PermissionsComponent, selector: "app-permissions", inputs: { documentId: "documentId", document: "document", allowAddAndBlock: "allowAddAndBlock", sourcePage: "sourcePage" }, ngImport: i0__namespace, template: "<div class=\"h-auto mt-3 px-0 pb-4\" *ngIf=\"!loading; else loader\">\r\n    <!--LocalPermission List Items-->\r\n    <div *ngIf=\"sourcePage != 'myFiles'\">\r\n        <div class=\"flex flex-row justify-between\">\r\n            <span class=\"font-bold text-gray-500 text-base\">{{\r\n                \"permission.local\" | translate\r\n            }}</span>\r\n            <span *ngIf=\"allowAdd_Block_DeletePermission && !inheritedPermissions.length\">\r\n                <button\r\n                    *ngIf=\"allowAddAndBlock\"\r\n                    class=\"hover:text-blue-700 text-blue-500 mb-1 text-base\"\r\n                    (click)=\"addNewLocalPermissions()\"\r\n                    [disabled]=\"!permissionsType\"\r\n                >\r\n                    {{ \"permission.new\" | translate }}\r\n                </button>\r\n            </span>\r\n        </div>\r\n        <mat-divider class=\"mat-divider\"></mat-divider>\r\n        <app-permissions-template\r\n            [documentId]=\"documentId\"\r\n            [userVisiblePermissions]=\"userVisiblePermissions\"\r\n            (getPermissions)=\"getPermissions()\"\r\n            [allowDeleteAndEdit]=\"allowAdd_Block_DeletePermission\"\r\n            [permissionsArray]=\"localPermissions\"\r\n            *ngIf=\"localPermissions.length > 0; else nolocalPermissions\"\r\n        >\r\n        </app-permissions-template>\r\n    </div>\r\n    <ng-template #nolocalPermissions>\r\n        <div class=\"single-permssion p-3 text-center\">\r\n            {{ \"permission.noLocal\" | translate }}\r\n        </div>\r\n    </ng-template>\r\n    <!--InheritedPermission List Items-->\r\n    <div>\r\n        <div class=\"flex flex-row justify-between mt-3\">\r\n            <span class=\"font-bold text-gray-500 text-base\">{{\r\n                \"permission.inherited\" | translate\r\n            }}</span>\r\n            <span *ngIf=\"allowAdd_Block_DeletePermission\">\r\n                <button\r\n                    class=\"hover:text-blue-700 text-blue-500 mb-1 text-base\"\r\n                    *ngIf=\"status != null && allowAddAndBlock\"\r\n                >\r\n                    <span\r\n                        *ngIf=\"status == 'block'; else unblock\"\r\n                        (click)=\"unblockPermissionInheritance()\"\r\n                    >\r\n                        {{ \"permission.unblock\" | translate }}\r\n                    </span>\r\n                    <ng-template #unblock>\r\n                        <span (click)=\"blockPermissionInheritance()\">\r\n                            {{ \"permission.block\" | translate }}\r\n                        </span>\r\n                    </ng-template>\r\n                </button>\r\n            </span>\r\n        </div>\r\n        <mat-divider class=\"mat-divider\" *ngIf=\"!blockOrUnblock\"></mat-divider>\r\n        <mat-progress-bar mode=\"indeterminate\" *ngIf=\"blockOrUnblock\"></mat-progress-bar>\r\n        <app-permissions-template\r\n            *ngIf=\"inheritedPermissions.length > 0; else noinheritedPermissions\"\r\n            [documentId]=\"documentId\"\r\n            [userVisiblePermissions]=\"userVisiblePermissions\"\r\n            [permissionsArray]=\"inheritedPermissions\"\r\n            (getPermissions)=\"getPermissions()\"\r\n        >\r\n        </app-permissions-template>\r\n    </div>\r\n    <ng-template #noinheritedPermissions>\r\n        <div class=\"single-permssion p-3 text-center\">\r\n            {{\"permission.noInherited\" | translate }}</div>\r\n    </ng-template>\r\n    <!--departmentPermissions List Items-->\r\n    <div *ngIf=\"departmentPermissions.length > 0\">\r\n        <div class=\"flex flex-row justify-between\">\r\n            <span class=\"font-bold text-gray-500 text-base\">{{\r\n                \"permission.departmentPermissions\" | translate\r\n            }}</span>\r\n        </div>\r\n        <mat-divider class=\"mat-divider\"></mat-divider>\r\n        <app-permissions-template\r\n            [documentId]=\"documentId\"\r\n            [userVisiblePermissions]=\"userVisiblePermissions\"\r\n            (getPermissions)=\"getPermissions()\"\r\n            [permissionsArray]=\"departmentPermissions\"\r\n        >\r\n        </app-permissions-template>\r\n    </div>\r\n    <!--sharePermissions List Items-->\r\n    <div *ngIf=\"sharePermissions.length > 0\">\r\n        <div class=\"flex flex-row justify-between\">\r\n            <span class=\"font-bold text-gray-500 text-base\">{{\r\n                \"permission.sharePermissions\" | translate\r\n            }}</span>\r\n        </div>\r\n        <mat-divider class=\"mat-divider\"></mat-divider>\r\n        <app-permissions-template\r\n            [documentId]=\"documentId\"\r\n            [userVisiblePermissions]=\"userVisiblePermissions\"\r\n            (getPermissions)=\"getPermissions()\"\r\n            [permissionsArray]=\"sharePermissions\"\r\n        >\r\n        </app-permissions-template>\r\n    </div>\r\n    <!--workflowPermissions List Items-->\r\n    <div *ngIf=\"workflowPermissions.length > 0\">\r\n        <div class=\"flex flex-row justify-between\">\r\n            <span class=\"font-bold text-gray-500 text-base\">{{\r\n                \"permission.workflowPermissions\" | translate\r\n            }}</span>\r\n        </div>\r\n        <mat-divider class=\"mat-divider\"></mat-divider>\r\n        <app-permissions-template\r\n            [documentId]=\"documentId\"\r\n            [userVisiblePermissions]=\"userVisiblePermissions\"\r\n            (getPermissions)=\"getPermissions()\"\r\n            [permissionsArray]=\"workflowPermissions\"\r\n        >\r\n        </app-permissions-template>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #loader>\r\n    <div class=\"flex items-center justify-center w-full h-full\">\r\n        <mat-spinner [value]=\"90\" [strokeWidth]=\"6\" overlay=\"true\" [diameter]=\"75\"></mat-spinner>\r\n    </div>\r\n</ng-template>\r\n", styles: [""], components: [{ type: i8__namespace$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: PermissionsTemplateComponent, selector: "app-permissions-template", inputs: ["allowDeleteAndEdit", "documentId", "userVisiblePermissions", "permissionsArray"], outputs: ["getPermissions"] }, { type: i4__namespace$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "mode", "value", "bufferValue"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i8__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace$1.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PermissionsComponent, decorators: [{
               type: i0.Component,
@@ -24478,7 +24478,7 @@
                       templateUrl: './permissions.component.html',
                       styleUrls: ['./permissions.component.scss']
                   }]
-          }], ctorParameters: function () { return [{ type: PermissionService }, { type: i1__namespace$4.MatDialog }, { type: CustomToastrService }, { type: TranslationService$1 }, { type: NuxeoService$1 }, { type: UserService }, { type: EvaluatorsService }]; }, propDecorators: { documentId: [{
+          }], ctorParameters: function () { return [{ type: PermissionService }, { type: i1__namespace$4.MatDialog }, { type: CustomToastrService }, { type: TranslationService }, { type: NuxeoService }, { type: UserService }, { type: EvaluatorsService }]; }, propDecorators: { documentId: [{
                   type: i0.Input
               }], document: [{
                   type: i0.Input
@@ -24545,7 +24545,7 @@
       };
       return MultipleDynamicFormViewerComponent;
   }());
-  MultipleDynamicFormViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MultipleDynamicFormViewerComponent, deps: [{ token: TranslationService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  MultipleDynamicFormViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MultipleDynamicFormViewerComponent, deps: [{ token: TranslationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   MultipleDynamicFormViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MultipleDynamicFormViewerComponent, selector: "app-multiple-dynamic-form-viewer", inputs: { form: "form", data: "data" }, ngImport: i0__namespace, template: "<div class=\"dynamic-fields-values\">\r\n    <div class=\"fields-title\">\r\n      {{ \"CREATE.FORM_VIEWER\" | translate }}\r\n    </div>\r\n    <div class=\"values-wrapper\">\r\n      <div class=\"single-field-value\" *ngFor=\"let item of list\">\r\n        <div class=\"dynamic-title\" *ngIf=\"!isArabic\">{{ item.labelEn }}</div>\r\n        <div class=\"dynamic-title\" *ngIf=\"isArabic\">{{ item.labelAr }}</div>\r\n        <ng-container [ngSwitch]=\"item?.type\">\r\n          <ng-container *ngSwitchCase=\"'vocabulary'\">\r\n              <div class=\"value\" *ngIf=\"item.value\">{{ 'vocabulary.' + item.customOptions.vocId + '.' + item.value | translate}}</div>    \r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'toggle'\">\r\n              <div class=\"value\">{{ '' + item.value | translate}}</div>    \r\n          </ng-container>\r\n          <ng-container *ngSwitchCase=\"'customdate'\">\r\n            <div class=\"value\" *ngIf=\"item.value\">{{  item.value | localizedDate: {format: \"dd MMMM yyyy\" , locale: ((this.isArabic? 'ar' : 'en'))} }}</div>    \r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'userSelector'\">\r\n          <div class=\"value\" *ngIf=\"item.customOptions.multipleMode === false\">\r\n            {{item?.value?.id ? item.value?.id : item?.value?.properties?.username}}\r\n          </div>\r\n          <div class=\"value\" *ngIf=\"item.customOptions.multipleMode === true\">\r\n            <span *ngFor=\"let user of item.value ; let i = index\">\r\n              {{user?.id ? user?.id : user?.properties?.username}} <span *ngIf=\"(item.value.length-1) > i\">,</span>\r\n            </span>\r\n          </div>\r\n      </ng-container>\r\n          <ng-container *ngSwitchDefault>\r\n              <div class=\"value\">{{ item.value}}</div>    \r\n          </ng-container>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  ", styles: [".dynamic-fields-values .fields-title{font-size:14px;font-weight:bold;color:#64748b}.dynamic-fields-values .values-wrapper{border:1px solid #d9dce2;padding:5px 10px}.dynamic-fields-values .values-wrapper .single-field-value{padding:10px 0;display:flex;border-bottom:1px solid #e2e6ec}.dynamic-fields-values .values-wrapper .single-field-value .dynamic-title{font-size:12px;font-weight:bold;width:140px;word-break:break-word;color:#64748b}.dynamic-fields-values .values-wrapper .single-field-value .value{font-size:12px;width:calc(100% - 140px);word-break:break-word;color:#0f172a}.dynamic-fields-values .values-wrapper .single-field-value:last-child{border-bottom:none}\n"], directives: [{ type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "translate": i1__namespace$1.TranslatePipe, "localizedDate": LocalizedDatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MultipleDynamicFormViewerComponent, decorators: [{
               type: i0.Component,
@@ -24554,7 +24554,7 @@
                       templateUrl: './multiple-dynamic-form-viewer.component.html',
                       styleUrls: ['./multiple-dynamic-form-viewer.component.scss']
                   }]
-          }], ctorParameters: function () { return [{ type: TranslationService$1 }]; }, propDecorators: { form: [{
+          }], ctorParameters: function () { return [{ type: TranslationService }]; }, propDecorators: { form: [{
                   type: i0.Input
               }], data: [{
                   type: i0.Input
@@ -24752,7 +24752,7 @@
       };
       return SidepanelComponent;
   }());
-  SidepanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SidepanelComponent, deps: [{ token: i4__namespace.DatePipe }, { token: UserPreferencesService$1 }, { token: DialogMangmentService }, { token: DynamicFormService }, { token: DocumentsService }, { token: TagsApiService }, { token: TranslationService$1 }, { token: i1__namespace$4.MatDialog }, { token: SharedDocsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  SidepanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SidepanelComponent, deps: [{ token: i4__namespace.DatePipe }, { token: UserPreferencesService }, { token: DialogMangmentService }, { token: DynamicFormService }, { token: DocumentsService }, { token: TagsApiService }, { token: TranslationService }, { token: i1__namespace$4.MatDialog }, { token: SharedDocsService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   SidepanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SidepanelComponent, selector: "app-sidepanel", inputs: { selectedItem: "selectedItem", menuOpen: "menuOpen", sourcePage: "sourcePage", allowAddAndBlock: "allowAddAndBlock" }, outputs: { onCloseSideMenu: "onCloseSideMenu" }, viewQueries: [{ propertyName: "detailsTemplate", first: true, predicate: ["detailsTemplate"], descendants: true, static: true }, { propertyName: "commentsTemplate", first: true, predicate: ["commentsTemplate"], descendants: true, static: true }, { propertyName: "activityTemplate", first: true, predicate: ["activityTemplate"], descendants: true, static: true }, { propertyName: "permissionsTemplate", first: true, predicate: ["permissionsTemplate"], descendants: true, static: true }, { propertyName: "filesTemplate", first: true, predicate: ["filesTemplate"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"side-menu-details\" SetRtl>\r\n    <div class=\"h-full\" *ngIf=\"selectedItem && showDetails && !sideMenuLoading\">\r\n        <div class=\"\">\r\n            <div class=\"mb-3 px-5 py-1 w-100 flex border-b-2 items-center\">\r\n                <!-- <title-with-icon class=\"-my-1.5\" [context]=\"selectedItem.entity\" [showTitle]=\"false\"></title-with-icon> -->\r\n                <app-display-suitable-icon [data]=\"selectedItem\" [size]=\"'40px'\"></app-display-suitable-icon>\r\n\r\n                <div class=\"justify-center flex flex-col   flex-1 flex-grow-0 w-7/12\" *ngIf=\"!selectedItem.isDirectory\">\r\n                    <div class=\"text-base text-gray-500 font-bold truncate\"\r\n                        [title]=\"selectedItem.entity?.properties?.['file:content']?.['name']\"\r\n                        [alt]=\"selectedItem.entity?.properties?.['file:content']?.['name']\">\r\n                        {{selectedItem.entity?.properties?.['file:content']?.['name']}}\r\n                    </div>\r\n                    <div class=\"text-gray-500 text-sm\">\r\n                        {{((selectedItem.entity?.properties?.['file:content']?.['length']) / (1024 *\r\n                        1024)).toFixed(2) }}\r\n                        MB\r\n                    </div>\r\n                </div>\r\n                <div class=\"\r\n                         d-flex\r\n                         items-center\r\n                         text-base text-gray-500\r\n                         font-bold\r\n                     \" *ngIf=\"selectedItem.isDirectory\">\r\n                    {{ selectedItem?.name }}\r\n                </div>\r\n                <ng-container *permission=\"{name: 'lockOwnerIfLocked', entity: selectedItem.entity}\">\r\n                    <mat-icon class=\"text-gray-500 cursor-pointer  mx-3\"\r\n                        *permission=\"{name: 'canUpdate', entity: selectedItem.entity}\"\r\n                        matTooltip=\"{{ 'FOLDERS.UPDATE_DETAILS' | translate }}\"\r\n                        (click)=\"openUpdateFromSideMenu()\">edit</mat-icon>\r\n                </ng-container>\r\n            </div>\r\n            <mat-icon class=\"close-icon text-gray-500\" (click)=\"closeDetailsMenu()\"\r\n                [matTooltip]=\"'BUTTONS.CLOSE' | translate\">close</mat-icon>\r\n        </div>\r\n        <div class=\"dynamic-section\">\r\n            <div class=\"mx-2 h-full\">\r\n                <app-dynamic-tabs [tabs]=\"myTabs\"></app-dynamic-tabs>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"h-full font-bold d-flex justify-center items-center\" *ngIf=\"sideMenuLoading\">\r\n        {{ \"loading\" | translate }}\r\n    </div>\r\n</div>\r\n\r\n<!-- Comments -->\r\n<ng-template #commentsTemplate>\r\n    <div class=\"overflow-auto h-full\">\r\n        <app-comments-dashlet [correspondence]=\"sideMenuFileDetails\" [entityId]=\"selectedItem.entity.uid\"\r\n            [showaddcomment]=\"true\" [row]=\"false\">\r\n        </app-comments-dashlet>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- myLogFile -->\r\n<ng-template #activityTemplate>\r\n    <!-- <cts-viewer-log [correspondence]=\"selectedItem.entity\"></cts-viewer-log> -->\r\n    <div class=\"h-full mt-3\">\r\n        <app-activities-log [documentId]=\"selectedItem.entity.uid\" [documentTitle]=\"selectedItem.entity.title\"\r\n            [file]=\"sideMenuFileDetails\"></app-activities-log>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #permissionsTemplate>\r\n    <div class=\"h-full overflow-auto px-2 mt-3\">\r\n        <app-permissions [sourcePage]=\"sourcePage\"\r\n        [allowAddAndBlock]=\"allowAddAndBlock\"  [document]=\"sideMenuFileDetails\"\r\n            [documentId]=\"selectedItem.entity.uid\"></app-permissions>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Files Tab -->\r\n<ng-template #filesTemplate>\r\n    <div class=\"h-full overflow-auto px-2 mt-3\">\r\n        <cts-versions [file]=\"selectedItem.entity\"></cts-versions>\r\n    </div>\r\n</ng-template>\r\n\r\n<!-- Details -->\r\n<ng-template #detailsTemplate>\r\n    <div class=\"pb-2 mt-3 h-full px-2 overflow-auto\">\r\n        <div class=\"static-data\">\r\n            <div class=\"mt-5\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{ \"FOLDERS.TITLE_ONLY\" | translate }}\r\n                </div>\r\n                <div class=\"text-gray-900 text-sm\">\r\n                    {{ dynamicFormData[\"dc:title\"] }}\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-3\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{ \"FOLDERS.DESCRIPTION_ONLY\" | translate }}\r\n                </div>\r\n                <div class=\"text-gray-900 text-sm\">\r\n                    {{ dynamicFormData[\"dc:description\"] }}\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-3\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{ \"FOLDERS.CREATED_AT\" | translate }}\r\n                </div>\r\n                <div class=\"text-gray-900 text-sm\">\r\n                    {{\r\n                    dynamicFormData[\"dc:created\"]\r\n                    | localizedDate: \"dd MMMM yyyy\":(isArabic? 'ar-AR' : 'en-US')\r\n                    }}\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-3\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{ \"FOLDERS.LAST_MODIFIED\" | translate }}\r\n                </div>\r\n                <div class=\"text-gray-900 text-sm\">\r\n                    {{\r\n                    dynamicFormData[\"dc:modified\"]\r\n                    | localizedDate: \"dd MMMM yyyy\":(isArabic? 'ar-AR' : 'en-US')\r\n                    }}\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"super-document-fields\">\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:documentSubject\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DOCUMENT_SUBJECT\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:documentSubject\"] ? dynamicFormData[\"gdoc:documentSubject\"] : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:documentNumber\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DOCUMENT_NUMBER\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:documentNumber\"] ? dynamicFormData[\"gdoc:documentNumber\"] : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:documentReferenceNumber\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DOCUMENT_REF_NUMBER\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\" dir=\"ltr\">\r\n                        {{ dynamicFormData[\"gdoc:documentReferenceNumber\"] ?\r\n                        dynamicFormData[\"gdoc:documentReferenceNumber\"] : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:gDocumentDate\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DOCUMENT_DATE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:gDocumentDate\"] ? (dynamicFormData[\"gdoc:gDocumentDate\"] |\r\n                        localizedDate: \"dd MMMM yyyy\":(isArabic? 'ar-AR' : 'en-US')) : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='(selectedItem.entity.category && selectedItem.entity.category !== {})'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.CATEGORY\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ (selectedItem.entity.category && selectedItem.entity.category !== {}) ?\r\n                        (isArabic ? selectedItem.entity.category.arabicName : selectedItem.entity.category.englishName)\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"mt-3\"\r\n                    *ngIf='(selectedItem.entity.categoryType && selectedItem.entity.categoryType.arabicName)'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.CATEGORY_TYPE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ (selectedItem.entity.categoryType && selectedItem.entity.categoryType.arabicName) ?\r\n                        (isArabic ? selectedItem.entity.categoryType.arabicName :\r\n                        selectedItem.entity.categoryType.englishName)\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"mt-3\" *ngIf='(selectedItem.entity.mainTopic && selectedItem.entity.mainTopic.arabicName)'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.MAIN_TOPIC\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ (selectedItem.entity.mainTopic && selectedItem.entity.mainTopic.arabicName) ?\r\n                        (isArabic ? selectedItem.entity.mainTopic.arabicName :\r\n                        selectedItem.entity.mainTopic.englishName)\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"mt-3\"\r\n                    *ngIf='(selectedItem.entity.documentType && selectedItem.entity.documentType.arabicName)'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DOCUMENT_TYPE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ (selectedItem.entity.documentType && selectedItem.entity.documentType.arabicName) ?\r\n                        (isArabic ? selectedItem.entity.documentType.arabicName :\r\n                        selectedItem.entity.documentType.englishTitle)\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:secrecyLevel\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.SCRECY_LEVEL\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ 'vocabulary.VOC_SecrecyLevel.' + dynamicFormData[\"gdoc:secrecyLevel\"] | translate}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:importance\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.IMPORTANCE_LEVEL\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ 'vocabulary.VOC_Importance.' + dynamicFormData[\"gdoc:importance\"] | translate}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='selectedItem.entity.department'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DEPARTMENT_NAME\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ selectedItem.entity.department ?\r\n                        (isArabic ? selectedItem.entity.department.arabicName :\r\n                        selectedItem.entity.department.englishName)\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:departmentCode\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.DEPARTMENT_CODE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:departmentCode\"] ? dynamicFormData[\"gdoc:departmentCode\"] : '--'}}\r\n                    </div>\r\n                </div> -->\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:agencyCategoryCode\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.AGENCY_CATEGORY_CODE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:agencyCategoryCode\"] ?\r\n                        (isArabic ? dynamicFormData[\"gdoc:agencyCategoryCode\"]['properties']['label_ar']\r\n                        : dynamicFormData[\"gdoc:agencyCategoryCode\"]['properties']['label_en'])\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:agencyNameCode\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.AGENCY_NAME\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:agencyNameCode\"] ?\r\n                        (isArabic ? dynamicFormData[\"gdoc:agencyNameCode\"]['properties']['label_ar']\r\n                        : dynamicFormData[\"gdoc:agencyNameCode\"]['properties']['label_en'])\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:countryCategoryCode\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.COUNTRY_CATEGORY_CODE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:countryCategoryCode\"] ?\r\n                        (isArabic ? dynamicFormData[\"gdoc:countryCategoryCode\"]['properties']['label_ar']\r\n                        : dynamicFormData[\"gdoc:countryCategoryCode\"]['properties']['label_en'])\r\n                        : '--'}}\r\n\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:countryCode\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.COUNTRY_NAME\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:countryCode\"] ?\r\n                        (isArabic ? dynamicFormData[\"gdoc:countryCode\"]['properties']['label_ar']\r\n                        : dynamicFormData[\"gdoc:countryCode\"]['properties']['label_en'])\r\n                        : '--'}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"mt-3\" *ngIf='dynamicFormData[\"gdoc:remarks\"]'>\r\n                    <div class=\"text-gray-500 font-bold text-base\">\r\n                        {{ \"CREATE.REMARKS\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-gray-900 text-sm\">\r\n                        {{ dynamicFormData[\"gdoc:remarks\"] ? dynamicFormData[\"gdoc:remarks\"] : '--'}}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"mt-3\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{ \"FOLDERS.BY\" | translate }}\r\n                </div>\r\n                <div class=\"text-gray-900 text-sm d-flex\">\r\n                    <div class=\"d-flex items-center bg-gray-100 rounded-xl\">\r\n                        <app-user [user]=\"dynamicFormData['dc:creator']\"></app-user>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-3\" *ngIf=\"dynamicFormData['dc:contributors'].length > 0\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{ \"FOLDERS.CONTRUBITORS\" | translate }}\r\n                </div>\r\n                <div class=\"d-flex flex-wrap\">\r\n                    <div class=\"d-flex items-center bg-gray-100 rounded-xl mb-2\"\r\n                        *ngFor=\"let user of dynamicFormData['dc:contributors']\">\r\n                        <app-user [user]=\"user\"></app-user>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-3\" *ngIf=\"sharedListUser.length > 0\">\r\n                <div class=\"text-gray-500 font-bold text-base\">\r\n                    {{\"share.shareWith\" | translate}}\r\n                </div>\r\n                <div class=\"d-flex flex-wrap\">\r\n                    <div class=\"d-flex items-center bg-gray-100 rounded-xl mb-2\" *ngFor=\"let user of sharedListUser\">\r\n                        <app-user [user]=\"user\"></app-user>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"mt-5\" *ngIf=\"dynamicForm && dynamicFormData\">\r\n            <app-multiple-dynamic-form-viewer [form]=\"dynamicForm\"\r\n                [data]=\"dynamicFormData\"></app-multiple-dynamic-form-viewer>\r\n        </div>\r\n        <div class=\"tags-wrappers relative px-0 py-3\">\r\n            <cts-correspondence-tags [correspondence]=\"sideMenuFileDetails\" [customClass]=\"'tags-dms-wrapper'\"\r\n                [useParams]=\"true\" [addCustomApiName]=\"'Services.TagDocument'\"\r\n                [deleteCustomApiName]=\"'Services.UntagDocument'\">\r\n            </cts-correspondence-tags>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [""], components: [{ type: DisplaySuitableIconComponent, selector: "app-display-suitable-icon", inputs: ["data", "size", "dataType", "archive"] }, { type: i2__namespace$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DynamicTabsComponent, selector: "app-dynamic-tabs", inputs: ["tabs", "selectedIndex"] }, { type: CommentsDashletComponent, selector: "app-comments-dashlet", inputs: ["entityId", "correspondence", "row", "showaddcomment", "showCommentActions"] }, { type: ActivitiesLogComponent, selector: "app-activities-log", inputs: ["documentId", "file", "documentTitle"], outputs: ["success"] }, { type: PermissionsComponent, selector: "app-permissions", inputs: ["documentId", "document", "allowAddAndBlock", "sourcePage"] }, { type: VersionsComponent, selector: "cts-versions", inputs: ["selectedVersion", "file", "actions", "currentTranslation", "originTranslation", "historyTranslation"], outputs: ["handleActions"] }, { type: UserComponent, selector: "app-user", inputs: ["user", "type", "textColor"] }, { type: MultipleDynamicFormViewerComponent, selector: "app-multiple-dynamic-form-viewer", inputs: ["form", "data"] }, { type: CorrespondenceTagsComponent, selector: "cts-correspondence-tags", inputs: ["alwaysShowRemoveBtn", "correspondence", "customClass", "addCustomApiName", "deleteCustomApiName", "useParams", "accordionMode", "systemTags", "accordionOpen", "title", "multiple"] }], directives: [{ type: SetRtlDirective, selector: "[SetRtl]" }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }, { type: i2__namespace$6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4__namespace$1.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1__namespace$1.TranslatePipe, "localizedDate": LocalizedDatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SidepanelComponent, decorators: [{
               type: i0.Component,
@@ -24762,7 +24762,7 @@
                       styleUrls: ['./sidepanel.component.scss'],
                       encapsulation: i0.ViewEncapsulation.None
                   }]
-          }], ctorParameters: function () { return [{ type: i4__namespace.DatePipe }, { type: UserPreferencesService$1 }, { type: DialogMangmentService }, { type: DynamicFormService }, { type: DocumentsService }, { type: TagsApiService }, { type: TranslationService$1 }, { type: i1__namespace$4.MatDialog }, { type: SharedDocsService }]; }, propDecorators: { detailsTemplate: [{
+          }], ctorParameters: function () { return [{ type: i4__namespace.DatePipe }, { type: UserPreferencesService }, { type: DialogMangmentService }, { type: DynamicFormService }, { type: DocumentsService }, { type: TagsApiService }, { type: TranslationService }, { type: i1__namespace$4.MatDialog }, { type: SharedDocsService }]; }, propDecorators: { detailsTemplate: [{
                   type: i0.ViewChild,
                   args: ['detailsTemplate', { static: true }]
               }], commentsTemplate: [{
@@ -25212,22 +25212,22 @@
           this.permissionEvaluatorService = this.injectorObj.get(EvaluatorsService);
           this.fileManagerService = this.injectorObj.get(FileManagerService);
           this.dynamicFormService = this.injectorObj.get(DynamicFormService);
-          this.callApi = this.injectorObj.get(CallApiService$1);
+          this.callApi = this.injectorObj.get(CallApiService);
           this.shared = this.injectorObj.get(SharedDocsService);
           this.adapter = this.injectorObj.get(AdapterService);
           this.router = this.injectorObj.get(i1$2.Router);
           this.fileManagerAdapter = this.injectorObj.get(FileManagerAdapter);
-          this.translationService = this.injectorObj.get(TranslationService$1);
+          this.translationService = this.injectorObj.get(TranslationService);
           this.customToastrService = this.injectorObj.get(CustomToastrService);
           this.appConfService = this.injectorObj.get(AppConfigService);
-          this.userPreferenceService = this.injectorObj.get(UserPreferencesService$1);
+          this.userPreferenceService = this.injectorObj.get(UserPreferencesService);
           this.dialogMangmentService = this.injectorObj.get(DialogMangmentService);
           this.uploadMangmentService = this.injectorObj.get(UploadManagmentService);
           this.dialog = this.injectorObj.get(i1$3.MatDialog);
           this.documentScanService = this.injectorObj.get(DocumentScanService);
           this.route = this.injectorObj.get(i1$2.ActivatedRoute);
           this.iconService = this.injectorObj.get(IconService);
-          this.nuxeoService = this.injectorObj.get(NuxeoService$1);
+          this.nuxeoService = this.injectorObj.get(NuxeoService);
           this.multiSelectedkeys = [""];
           this.myPageConfiguration =
               this.appConfService.myConfiguration.fileManger[this.myPageConfName];
@@ -26314,14 +26314,14 @@
       };
       return ActivityLogService;
   }());
-  ActivityLogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActivityLogService, deps: [{ token: AdapterService }, { token: CallApiService$1 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  ActivityLogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActivityLogService, deps: [{ token: AdapterService }, { token: CallApiService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   ActivityLogService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActivityLogService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActivityLogService, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root',
                   }]
-          }], ctorParameters: function () { return [{ type: AdapterService }, { type: CallApiService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: AdapterService }, { type: CallApiService }]; } });
 
   var LatestActivityComponent = /** @class */ (function () {
       function LatestActivityComponent(activityLogSer) {
@@ -28466,7 +28466,7 @@
       };
       return PdftronComponent;
   }());
-  PdftronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PdftronComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: PdftronService }, { token: NuxeoService$1 }, { token: i4.APP_BASE_HREF }, { token: SecurePipe }, { token: TranslationService$1 }, { token: CustomToastrService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  PdftronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PdftronComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: PdftronService }, { token: NuxeoService }, { token: i4.APP_BASE_HREF }, { token: SecurePipe }, { token: TranslationService }, { token: CustomToastrService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Component });
   PdftronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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", searchString: "searchString", trackSignature: "trackSignature", useOutsideAnotations: "useOutsideAnotations", importedAnotations: "importedAnotations", allowDownloadSecretFile: "allowDownloadSecretFile", allowPrintSecretFile: "allowPrintSecretFile", negelectAddingWaterMark: "negelectAddingWaterMark" }, outputs: { onSignatureTracking: "onSignatureTracking", onAddingAnotation: "onAddingAnotation", events: "events", SignatureEvent: "SignatureEvent" }, providers: [SecurePipe], viewQueries: [{ propertyName: "viewerRef", first: true, predicate: ["fileViewer"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div #fileViewer style=\"width: 100%; height: 100%;\"></div>\r\n", styles: [""] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PdftronComponent, decorators: [{
               type: i0.Component,
@@ -28477,10 +28477,10 @@
                       providers: [SecurePipe],
                   }]
           }], ctorParameters: function () {
-          return [{ type: i0__namespace.ChangeDetectorRef }, { type: PdftronService }, { type: NuxeoService$1 }, { type: undefined, decorators: [{
+          return [{ type: i0__namespace.ChangeDetectorRef }, { type: PdftronService }, { type: NuxeoService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: [i4.APP_BASE_HREF]
-                      }] }, { type: SecurePipe }, { type: TranslationService$1 }, { type: CustomToastrService }, { type: undefined, decorators: [{
+                      }] }, { type: SecurePipe }, { type: TranslationService }, { type: CustomToastrService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -28820,7 +28820,7 @@
           i1$1.TranslateService,
           { provide: i1$1.TranslateLoader, useClass: TranslateLoaderService },
           {
-              provide: TRANSLATION_PROVIDER$1,
+              provide: TRANSLATION_PROVIDER,
               multi: true,
               useValue: {
                   name: "app",
@@ -28875,7 +28875,7 @@
                           i1$1.TranslateService,
                           { provide: i1$1.TranslateLoader, useClass: TranslateLoaderService },
                           {
-                              provide: TRANSLATION_PROVIDER$1,
+                              provide: TRANSLATION_PROVIDER,
                               multi: true,
                               useValue: {
                                   name: "app",
@@ -28920,1143 +28920,93 @@
       unsubscribed: 'Unsubscribed',
   };
 
-  var Lang;
-  (function (Lang) {
-      Lang["Arabic"] = "ar";
-      Lang["English"] = "en";
-  })(Lang || (Lang = {}));
+  var mapNotificationsToPagingResponse = function (res) {
+      return {
+          data: res.entries,
+          page: res.currentPageIndex,
+          totalItems: res.resultsCount || res.totalSize,
+          pageCount: res.pageCount,
+          size: res.pageSize,
+          hasPreviousPage: res.isPreviousPageAvailable,
+          hasNextPage: res.isNextPageAvailable,
+      };
+  };
 
-  var LocalStoragService = /** @class */ (function () {
-      function LocalStoragService() {
-          this.memoryStore = {};
-          this.useLocalStorage = false;
-          this._prefix = '';
-          this.useLocalStorage = this.storageAvailable('localStorage');
+  var NotificationsService = /** @class */ (function () {
+      function NotificationsService(_callApi, _nuxeoService, _http, _environment) {
+          this._callApi = _callApi;
+          this._nuxeoService = _nuxeoService;
+          this._http = _http;
+          this._environment = _environment;
+          this.listenerObserver = new rxjs.Subject();
       }
-      Object.defineProperty(LocalStoragService.prototype, "prefix", {
+      Object.defineProperty(NotificationsService.prototype, "_tenantId", {
           get: function () {
-              return this._prefix;
+              return this._nuxeoService.nuxeoClient.user.properties.tenantId;
           },
-          set: function (prefix) {
-              this._prefix = prefix ? prefix + '_' : '';
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(NotificationsService.prototype, "_appKey", {
+          get: function () {
+              var _a;
+              return (_a = this._environment) === null || _a === void 0 ? void 0 : _a.appKey;
           },
           enumerable: false,
           configurable: true
       });
-      /**
-       * Gets an item.
-       * @param key Key to identify the item
-       * @returns The item (if any) retrieved by the key
-       */
-      LocalStoragService.prototype.getItem = function (key) {
-          if (this.useLocalStorage) {
-              return localStorage.getItem(this.prefix + key);
-          }
-          else {
-              return this.memoryStore.hasOwnProperty(this.prefix + key) ? this.memoryStore[this.prefix + key] : null;
-          }
+      NotificationsService.prototype.getUnReadCount = function () {
+          return this._callApi
+              .query({
+              pageProvider: NotificationsService.providers.notificationsMango,
+              pageSize: 1,
+              notfnotificationcontent_company: this._tenantId,
+              notfnotificationcontent_applicationKey: this._appKey,
+              notfnotificationcontent_status: NOTIFICATION_STATUS.new,
+          }, {})
+              .pipe(operators.map(function (data) { var _a; return (_a = data.totalSize) !== null && _a !== void 0 ? _a : 0; }));
       };
-      /**
-       * Stores an item
-       * @param key Key to identify the item
-       * @param data Data to store
-       */
-      LocalStoragService.prototype.setItem = function (key, data) {
-          if (this.useLocalStorage) {
-              localStorage.setItem(this.prefix + key, data);
-          }
-          else {
-              this.memoryStore[this.prefix + key] = data.toString();
-          }
+      NotificationsService.prototype.getNotificationsMongo = function (payload) {
+          if (payload === void 0) { payload = {}; }
+          return this._getNotifications(NotificationsService.providers.notificationsMango, payload);
       };
-      /** Removes all currently stored items. */
-      LocalStoragService.prototype.clear = function () {
-          if (this.useLocalStorage) {
-              localStorage.clear();
-          }
-          else {
-              this.memoryStore = {};
-          }
+      NotificationsService.prototype.getNotifications = function (payload) {
+          if (payload === void 0) { payload = {}; }
+          return this._getNotifications(NotificationsService.providers.notifications, payload);
       };
-      /**
-       * Removes a single item.
-       * @param key Key to identify the item
-       */
-      LocalStoragService.prototype.removeItem = function (key) {
-          if (this.useLocalStorage) {
-              localStorage.removeItem(this.prefix + key);
-          }
-          else {
-              delete this.memoryStore[this.prefix + key];
-          }
+      NotificationsService.prototype.markAllAsRead = function () {
+          return this._globalOperation('markAllAsRead');
       };
-      /**
-       * Is any item currently stored under `key`?
-       * @param key Key identifying item to check
-       * @returns True if key retrieves an item, false otherwise
-       */
-      LocalStoragService.prototype.hasItem = function (key) {
-          if (this.useLocalStorage) {
-              return localStorage.getItem(this.prefix + key) ? true : false;
-          }
-          else {
-              return this.memoryStore.hasOwnProperty(key);
-          }
+      NotificationsService.prototype.markAllNewAsUnread = function () {
+          return this._globalOperation('markAllAsUnread');
       };
-      LocalStoragService.prototype.storageAvailable = function (type) {
-          try {
-              var storage = window[type];
-              var key = '__storage_test__';
-              storage.setItem(key, key);
-              storage.removeItem(key, key);
-              return true;
-          }
-          catch (e) {
-              return false;
-          }
+      NotificationsService.prototype.markAsRead = function (id) {
+          return this._operation(id, 'markAsRead');
       };
-      LocalStoragService.prototype.getLocal = function (key) {
-          var ijsKey = 'cts' + key;
-          var data = window.localStorage.getItem(ijsKey);
-          if (data) {
-              return JSON.parse(data);
-          }
-          else {
-              return null;
-          }
+      NotificationsService.prototype.markAsUnread = function (id) {
+          return this._operation(id, 'markAsUnread');
       };
-      LocalStoragService.prototype.setLocal = function (key, value) {
-          var ijsKey = 'cts' + key;
-          var data = value === undefined ? '' : JSON.stringify(value);
-          window.localStorage.setItem(ijsKey, data);
+      NotificationsService.prototype.markAsDeleted = function (id) {
+          return this._operation(id, 'markAsDeleted');
       };
-      LocalStoragService.prototype.removeLocal = function (key) {
-          var ijsKey = 'cts' + key;
-          window.localStorage.removeItem(ijsKey);
+      NotificationsService.prototype.unsubscribe = function (id) {
+          return this._operation(id, 'unsubscribe');
       };
-      LocalStoragService.prototype.removeAllLocals = function () {
-          for (var key in window.localStorage) {
-              if (window.localStorage.hasOwnProperty(key)) {
-                  window.localStorage.removeItem(key);
-              }
-          }
+      NotificationsService.prototype.subscribe = function (id) {
+          return this._operation(id, 'subscribe', {
+              companyName: this._tenantId,
+          });
       };
-      return LocalStoragService;
-  }());
-  LocalStoragService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalStoragService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  LocalStoragService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalStoragService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LocalStoragService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: 'root'
-                  }]
-          }], ctorParameters: function () { return []; } });
-
-  var UserPreferenceValues;
-  (function (UserPreferenceValues) {
-      UserPreferenceValues["Locale"] = "locale";
-      UserPreferenceValues["ExpandedSideNavStatus"] = "expandedSidenav";
-  })(UserPreferenceValues || (UserPreferenceValues = {}));
-  var UserPreferencesService = /** @class */ (function () {
-      function UserPreferencesService(translate, storage) {
-          this.translate = translate;
-          this.storage = storage;
-          this.defaults = {
-              locale: 'en',
-              expandedSidenav: true
-          };
-          this.userPreferenceStatus = this.defaults;
-          this.onChangeSubject = new rxjs.BehaviorSubject(this.userPreferenceStatus);
-          this.onChange = this.onChangeSubject.asObservable();
-      }
-      UserPreferencesService.prototype.initUserPreferenceStatus = function () {
-          this.initUserLanguage();
-      };
-      UserPreferencesService.prototype.initUserLanguage = function () {
-          return __awaiter(this, void 0, void 0, function () {
-              var locale, _a, _b, locale, _c, _d;
-              return __generator(this, function (_e) {
-                  switch (_e.label) {
-                      case 0:
-                          if (!this.locale) return [3 /*break*/, 2];
-                          locale = this.locale || this.getDefaultLocale();
-                          this.set(UserPreferenceValues.Locale, locale);
-                          _a = this.set;
-                          _b = ['textOrientation'];
-                          return [4 /*yield*/, this.getLanguageByKey(locale)];
-                      case 1:
-                          _a.apply(this, _b.concat([(_e.sent()).dir || 'ltr']));
-                          return [3 /*break*/, 4];
-                      case 2:
-                          locale = this.locale || this.getDefaultLocale();
-                          this.setWithoutStore(UserPreferenceValues.Locale, locale);
-                          _c = this.setWithoutStore;
-                          _d = ['textOrientation'];
-                          return [4 /*yield*/, this.getLanguageByKey(locale)];
-                      case 3:
-                          _c.apply(this, _d.concat([(_e.sent()).dir || 'ltr']));
-                          _e.label = 4;
-                      case 4: return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      /**
-       * Sets up a callback to notify when a property has changed.
-       * @param property The property to watch
-       * @returns Notification callback
-       */
-      UserPreferencesService.prototype.select = function (property) {
-          return this.onChange
-              .pipe(operators.map(function (userPreferenceStatus) { return userPreferenceStatus[property]; }), operators.distinctUntilChanged());
-      };
-      /**
-       * Gets a preference property.
-       * @param property Name of the property
-       * @param defaultValue Default to return if the property is not found
-       * @returns Preference property
-       */
-      UserPreferencesService.prototype.get = function (property, defaultValue) {
-          var key = this.getPropertyKey(property);
-          var value = this.storage.getItem(key);
-          if (value === undefined || value === null) {
-              return defaultValue;
-          }
-          return value;
-      };
-      /**
-       * Sets a preference property.
-       * @param property Name of the property
-       * @param value New value for the property
-       */
-      UserPreferencesService.prototype.set = function (property, value) {
-          if (!property) {
-              return;
-          }
-          this.storage.setItem(this.getPropertyKey(property), value);
-          this.userPreferenceStatus[property] = value;
-          this.onChangeSubject.next(this.userPreferenceStatus);
-      };
-      /**
-       * Sets a preference property.
-       * @param property Name of the property
-       * @param value New value for the property
-       */
-      UserPreferencesService.prototype.setWithoutStore = function (property, value) {
-          if (!property) {
-              return;
-          }
-          this.userPreferenceStatus[property] = value;
-          this.onChangeSubject.next(this.userPreferenceStatus);
-      };
-      /**
-       * Check if an item is present in the storage
-       * @param property Name of the property
-       * @returns True if the item is present, false otherwise
-       */
-      UserPreferencesService.prototype.hasItem = function (property) {
-          if (!property) {
-              return false;
-          }
-          return this.storage.hasItem(this.getPropertyKey(property));
-      };
-      /**
-       * Gets the active storage prefix for preferences.
-       * @returns Storage prefix
-       */
-      UserPreferencesService.prototype.getStoragePrefix = function () {
-          return this.storage.getItem('USER_PROFILE') || 'GUEST';
-      };
-      /**
-       * Sets the active storage prefix for preferences.
-       * @param value Name of the prefix
-       */
-      UserPreferencesService.prototype.setStoragePrefix = function (value) {
-          this.storage.setItem('USER_PROFILE', value || 'GUEST');
-          this.initUserPreferenceStatus();
-      };
-      /**
-       * Gets the full property key with prefix.
-       * @param property The property name
-       * @returns Property key
-       */
-      UserPreferencesService.prototype.getPropertyKey = function (property) {
-          return this.getStoragePrefix() + "__" + property;
-      };
-      Object.defineProperty(UserPreferencesService.prototype, "locale", {
-          /** Current locale setting. */
-          get: function () {
-              return this.get(UserPreferenceValues.Locale);
-          },
-          set: function (value) {
-              this.set(UserPreferenceValues.Locale, value);
-          },
-          enumerable: false,
-          configurable: true
-      });
-      /**
-       * Gets the default locale.
-       * @returns Default locale language code
-       */
-      UserPreferencesService.prototype.getDefaultLocale = function () {
-          return this.translate.getBrowserCultureLang() || 'en';
-      };
-      UserPreferencesService.prototype.getLanguageByKey = function (key) {
-          return __awaiter(this, void 0, void 0, function () {
-              var translation;
-              return __generator(this, function (_a) {
-                  switch (_a.label) {
-                      case 0: return [4 /*yield*/, this.translate.getTranslation(key).toPromise()];
-                      case 1:
-                          translation = _a.sent();
-                          return [2 /*return*/, translation];
-                  }
-              });
-          });
-      };
-      return UserPreferencesService;
-  }());
-  UserPreferencesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserPreferencesService, deps: [{ token: i1__namespace$1.TranslateService }, { token: LocalStoragService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  UserPreferencesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserPreferencesService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UserPreferencesService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: 'root'
-                  }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$1.TranslateService }, { type: LocalStoragService }]; } });
-
-  var Nuxeo$1 = require('nuxeo');
-  var doFetch$1 = require('nuxeo/lib/deps/fetch');
-  var Unmarshallers$1 = require('nuxeo/lib/unmarshallers/unmarshallers');
-  var Authentication$1 = require('nuxeo/lib/auth/auth');
-  var qs = require('querystring');
-  var NewNuxeoOverride = /** @class */ (function (_super) {
-      __extends(NewNuxeoOverride, _super);
-      function NewNuxeoOverride(opts, environment, cookieService) {
-          if (opts === void 0) { opts = {}; }
-          var _this = _super.call(this, opts) || this;
-          _this.environment = environment;
-          _this.cookieService = cookieService;
-          return _this;
-      }
-      NewNuxeoOverride.prototype.http = function (opts) {
-          var _this = this;
-          if (opts === void 0) { opts = {}; }
-          var options = this._computeFetchOptions(opts);
-          return new this.Promise(function (resolve, reject) {
-              _this._activeRequests += 1;
-              var fetchOptions = {
-                  method: options.method,
-                  headers: options.headers,
-                  body: options.body,
-                  signal: options.signal,
-              };
-              if (opts.credentials) {
-                  fetchOptions.credentials = opts.credentials;
-              }
-              else if (!_this._auth) {
-                  fetchOptions.credentials = 'include';
-              }
-              doFetch$1(options.url, fetchOptions)
-                  .then(function (res) {
-                  _this._activeRequests -= 1;
-                  if (res.status === 401 && !opts.refreshedAuthentication) {
-                      // try re-authenticate
-                      opts.refreshedAuthentication = true;
-                      return _this.refreshAccessToken()
-                          // return Authentication.refreshAuthentication(this._baseURL, this._auth)
-                          .then(function (refreshedToken) {
-                          //   this.keycloak.getToken().then(refreshedAuth => {
-                          _this._auth = {
-                              method: 'bearerToken',
-                              token: refreshedToken,
-                              clientId: _this.environment.nuxeoOptions.client_id,
-                              clientSecret: _this.environment.nuxeoOptions.client_secret
-                          };
-                          _this._notifyAuthenticationRefreshed(refreshedToken);
-                          _this.cookieService.set('CMS_CACHABLE', _this.encriptFormating(res), 1, '/cts');
-                          return resolve(_this.http(opts));
-                          //   });
-                      }, function (error) {
-                          _this.logout();
-                          _this.login();
-                      })
-                          .catch(function () {
-                          _this.logout();
-                          _this.login();
-                          throw res;
-                      });
-                  }
-                  if (!(/^2/.test("" + res.status))) {
-                      var error = new Error(res);
-                      throw res;
-                  }
-                  if (options.resolveWithFullResponse || res.status === 204) {
-                      return resolve(res);
-                  }
-                  var contentType = res.headers.get('content-type');
-                  if (contentType && contentType.indexOf('application/json') === 0) {
-                      options.nuxeo = _this;
-                      return resolve(res.json().then(function (json) { return Unmarshallers$1.unmarshall(json, options, res); }));
-                  }
-                  return resolve(res);
-              }).catch(function (error) {
-                  _this._activeRequests -= 1;
-                  error.text().then(function (data) {
-                      var ret = {};
-                      try {
-                          ret = data ? JSON.parse(data) : {};
-                      }
-                      catch (e) {
-                          ret = {};
-                      }
-                      return reject({
-                          status: error.status,
-                          ret: ret
-                      });
-                  });
-              });
-          });
-      };
-      NewNuxeoOverride.prototype.refreshAccessToken = function () {
-          return this.getAccessToken(this.environment.nuxeoOptions.baseURL, this.environment.nuxeoOptions.client_id, this._auth.token.refresh_token, this.environment.nuxeoOptions.client_secret);
-      };
-      NewNuxeoOverride.prototype.login = function () {
-          window.location.replace(this.environment.nuxeoOptions.baseURL + "/oauth2/authorize?client_id=" + this.environment.nuxeoOptions.client_id + "&client_secret=" + this.environment.nuxeoOptions.client_secret + "&response_type=code&redirect_uri=" + this.environment.nuxeoOptions.authRedirectURL);
-      };
-      NewNuxeoOverride.prototype.logout = function () {
-          this.cookieService.set('CMS_CACHABLE', '', 1, '/cts');
-      };
-      NewNuxeoOverride.prototype.encriptFormating = function (cachable) {
-          var reformatted = btoa(JSON.stringify(cachable));
-          return 'Xnd' + reformatted + 'HsTeT';
-      };
-      // nrefreshAccessToken = (baseURL, clientId, refreshToken, params = {}) => {
-      //   if (!baseURL) {
-      //     throw new Error('Missing `baseURL` argument');
-      //   }
-      //   if (!clientId) {
-      //     throw new Error('Missing `clientId` argument');
-      //   }
-      //   if (!refreshToken) {
-      //     throw new Error('Missing `refreshToken` argument');
-      //   }
-      //   const defaultParams = { refresh_token: refreshToken, grant_type: 'refresh_token', client_id: clientId };
-      //   const body = extend(true, defaultParams, params);
-      //   return fetchAccessToken(baseURL, body);
-      // }
-      NewNuxeoOverride.prototype.getAccessToken = function (baseURL, clientId, refreshToken, clientSecret) {
-          var body = {
-              refresh_token: refreshToken,
-              grant_type: 'refresh_token',
-              client_id: clientId,
-              client_secret: clientSecret
-          };
-          // const url = baseURL.endsWith('/') ? baseURL : `${baseURL}/`;
-          return new Promise(function (resolve, reject) { return (doFetch$1(baseURL + "/oauth2/token", {
-              method: 'POST',
-              body: qs.stringify(body),
-              headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-          })
-              .then(function (res) { return res.json(); })
-              .then(function (token) {
-              if (token.error) {
-                  return reject(token.error);
-              }
-              return resolve(token);
-          })
-              .catch(function (e) { return reject(e); })); });
-      };
-      ;
-      return NewNuxeoOverride;
-  }(Nuxeo$1));
-  NewNuxeoOverride = __decorate([
-      __param(1, i0.Inject('environment'))
-  ], NewNuxeoOverride);
-
-  var Nuxeo = require('nuxeo');
-  var doFetch = require('nuxeo/lib/deps/fetch');
-  var Unmarshallers = require('nuxeo/lib/unmarshallers/unmarshallers');
-  var Authentication = require('nuxeo/lib/auth/auth');
-  var NuxeoOverride = /** @class */ (function (_super) {
-      __extends(NuxeoOverride, _super);
-      function NuxeoOverride(opts, keycloak) {
-          if (opts === void 0) { opts = {}; }
-          var _this = _super.call(this, opts) || this;
-          _this.keycloak = keycloak;
-          return _this;
-      }
-      NuxeoOverride.prototype.http = function (opts) {
-          var _this = this;
-          if (opts === void 0) { opts = {}; }
-          var options = this._computeFetchOptions(opts);
-          return new this.Promise(function (resolve, reject) {
-              _this._activeRequests += 1;
-              var fetchOptions = {
-                  method: options.method,
-                  headers: options.headers,
-                  body: options.body,
-                  signal: options.signal,
-              };
-              if (opts.credentials) {
-                  fetchOptions.credentials = opts.credentials;
-              }
-              else if (!_this._auth) {
-                  fetchOptions.credentials = 'include';
-              }
-              doFetch(options.url, fetchOptions)
-                  .then(function (res) {
-                  _this._activeRequests -= 1;
-                  if (res.status === 401 && !opts.refreshedAuthentication) {
-                      // try re-authenticate
-                      opts.refreshedAuthentication = true;
-                      return _this.keycloak.updateToken()
-                          .then(function (didRefresh) {
-                          if (didRefresh) {
-                              _this.keycloak.getToken().then(function (refreshedAuth) {
-                                  _this._auth = refreshedAuth;
-                                  _this._notifyAuthenticationRefreshed(refreshedAuth);
-                                  return resolve(_this.http(opts));
-                              });
-                          }
-                          else {
-                              _this.keycloak.logout();
-                              throw res;
-                          }
-                      })
-                          .catch(function () {
-                          throw res;
-                      });
-                  }
-                  if (!(/^2/.test("" + res.status))) {
-                      var error = new Error(res);
-                      throw res;
-                  }
-                  if (options.resolveWithFullResponse || res.status === 204) {
-                      return resolve(res);
-                  }
-                  var contentType = res.headers.get('content-type');
-                  if (contentType && contentType.indexOf('application/json') === 0) {
-                      options.nuxeo = _this;
-                      return resolve(res.json().then(function (json) { return Unmarshallers.unmarshall(json, options, res); }));
-                  }
-                  return resolve(res);
-              }).catch(function (error) {
-                  _this._activeRequests -= 1;
-                  error.text().then(function (data) {
-                      var ret = {};
-                      try {
-                          ret = data ? JSON.parse(data) : {};
-                      }
-                      catch (e) {
-                          ret = {};
-                      }
-                      return reject({
-                          status: error.status,
-                          ret: ret
-                      });
-                  });
-              });
-          });
-      };
-      return NuxeoOverride;
-  }(Nuxeo));
-
-  var RolesService = /** @class */ (function () {
-      function RolesService(environment
-      // , private globalAdmin : GlobalAdminService , private nuxeoService : NuxeoService
-      ) {
-          this.environment = environment;
-      }
-      RolesService.prototype.getRoleName = function (role, code) {
-          if (code === void 0) { code = null; }
-          if (this.environment.RolesConstants[role]) {
-              return code
-                  ? this.environment.RolesConstants[role].replace("{departmentTitle}", code)
-                  : "^" + this.environment.RolesConstants[role].replace("{departmentTitle}", ".*.") + "$";
-          }
-          else {
-              console.warn("role: " + role + " does not exist in roles config");
-              return role;
-          }
-      };
-      RolesService.prototype.isUserInRole = function (user, role, code) {
-          var _this = this;
-          if (code === void 0) { code = null; }
-          var hasRole = false;
-          var groups = user ? user.extendedGroups || user.groups : [];
-          if (groups && groups.length > 0) {
-              if (Array.isArray(role)) {
-                  role.forEach(function (r) {
-                      if (groups.filter(function (item) {
-                          if (code) {
-                              return (item.name || item) === _this.getRoleName(r, code);
-                          }
-                          else {
-                              var regex = new RegExp(_this.getRoleName(r));
-                              return regex.test(item.name || item);
-                          }
-                      }).length > 0) {
-                          hasRole = true;
-                          return;
-                      }
-                  });
-              }
-              else {
-                  hasRole =
-                      groups.filter(function (item) {
-                          if (code) {
-                              return (item.name || item) === _this.getRoleName(role, code);
-                          }
-                          else {
-                              var regex = new RegExp(_this.getRoleName(role));
-                              return regex.test(item.name || item);
-                          }
-                      }).length > 0;
-              }
-          }
-          return hasRole;
-      };
-      RolesService.prototype.getUserRoleName = function (user, code) {
-          var _this = this;
-          var found = null;
-          var groups = user ? user.extendedGroups || user.groups : [];
-          if (groups && groups.length) {
-              Object.keys(this.environment.RolesConstants).forEach(function (key) {
-                  var roleWCode = _this.environment.RolesConstants[key].replace("{departmentTitle}", code);
-                  if ((code && roleWCode.includes('dms_user_')) || !code)
-                      groups.forEach(function (group) {
-                          if (group.name || group === roleWCode) {
-                              found = key;
-                          }
-                      });
-              });
-          }
-          return found;
-      };
-      RolesService.prototype.isUserManagerInDepartment = function (user, code) {
-          var filteredRoles = Object.values(this.environment.RolesConstants).filter(function (role) { return role.includes("{departmentTitle}"); });
-          var departmentRoles = [];
-          var isUserInDepartment = false;
-          var groups = user ? user.extendedGroups || user.groups : [];
-          if (groups && groups.length) {
-              filteredRoles.forEach(function (key) {
-                  var roleWCode = key.replace("{departmentTitle}", code);
-                  departmentRoles.push(roleWCode);
-              });
-          }
-          departmentRoles = departmentRoles.filter(function (role) {
-              return role.includes("Manager");
-          });
-          groups.forEach(function (group) {
-              var groupName = group.name || group;
-              var departmentIsIncluded = departmentRoles.includes(groupName);
-              if (departmentIsIncluded) {
-                  isUserInDepartment = true;
-              }
-          });
-          return isUserInDepartment;
-      };
-      RolesService.prototype.getUserDepartment = function (currentUser, prefix, option) {
-          if (prefix === void 0) { prefix = "cts_role_"; }
-          var groupToExclude = "cts_role_sys";
-          if (option && option.isGlobalAdmin) {
-              prefix = "tenant_" + option.activeTenant + "_cts_role_";
-              groupToExclude = "tenant_" + option.activeTenant + "_cts_role_sys";
-          }
-          else if (option && !option.isGlobalAdmin && option.tenantId) {
-              prefix = "tenant_" + option.tenantId + "_cts_role_";
-              groupToExclude = "tenant_" + option.tenantId + "_cts_role_sys";
-          }
-          var allGroups = currentUser.properties.groups;
-          var departmentCode = "";
-          allGroups.some(function (group) {
-              if (!group.includes(groupToExclude) && group.includes(prefix)) {
-                  departmentCode = group;
-                  return true;
-              }
-          });
-          var prefixLength = prefix.length;
-          departmentCode = departmentCode.substring(prefixLength);
-          var lastIndex = departmentCode.lastIndexOf("_");
-          departmentCode = departmentCode.substring(0, lastIndex);
-          return departmentCode;
-      };
-      return RolesService;
-  }());
-  RolesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RolesService, deps: [{ token: "environment" }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  RolesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RolesService, providedIn: "root" });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RolesService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: "root",
-                  }]
-          }], ctorParameters: function () {
-          return [{ type: undefined, decorators: [{
-                          type: i0.Inject,
-                          args: ["environment"]
-                      }] }];
-      } });
-
-  var NuxeoService = /** @class */ (function () {
-      function NuxeoService(http, keycloak, baseHref, environment, cookiesService, rolesService) {
-          this.http = http;
-          this.keycloak = keycloak;
-          this.baseHref = baseHref;
-          this.environment = environment;
-          this.cookiesService = cookiesService;
-          this.rolesService = rolesService;
-          this.excludedUrls = [];
-          this.enableBearerInterceptor = true;
-          this.authenticated = false;
-          this.ctsUser = false;
-          this.ctsManger = false;
-      }
-      NuxeoService.prototype.init = function () {
-          var _this = this;
-          return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-              var _this = this;
-              return __generator(this, function (_a) {
-                  try {
-                      this.keycloak.getToken().then(function (token) {
-                          _this.createTokenClient(token);
-                          _this.nuxeoClient.connect()
-                              .then(function (client) {
-                              _this.authenticated = true;
-                              resolve(client);
-                              _this.checkForRoles();
-                          })
-                              .catch(function (error) {
-                              reject(error);
-                          });
-                      });
-                  }
-                  catch (error) {
-                      reject(error);
-                  }
-                  return [2 /*return*/];
-              });
-          }); });
-      };
-      NuxeoService.prototype.initWithNuxeoToken = function (token) {
-          var _this = this;
-          return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-              var _this = this;
-              return __generator(this, function (_a) {
-                  try {
-                      this.createClientWithNuxeoToken(token);
-                      this.nuxeoClient.connect()
-                          .then(function (client) {
-                          _this.authenticated = true;
-                          resolve(client);
-                          _this.checkForRoles();
-                      })
-                          .catch(function (error) {
-                          reject(error);
-                      });
-                  }
-                  catch (error) {
-                      reject(error);
-                  }
-                  return [2 /*return*/];
-              });
-          }); });
-      };
-      // create nuxeo client using nuxeo token
-      NuxeoService.prototype.createClientWithNuxeoToken = function (token) {
-          this.nuxeoClient = new NewNuxeoOverride({
-              baseURL: this.environment.nuxeoOptions.baseURL,
-              auth: {
-                  method: 'bearerToken',
-                  token: token,
-                  clientId: this.environment.nuxeoOptions.client_id,
-                  clientSecret: this.environment.nuxeoOptions.client_secret
-              }
-          }, this.environment, this.cookiesService);
-      };
-      // create nuxeo client using keycock token
-      NuxeoService.prototype.createTokenClient = function (token) {
-          this.nuxeoClient = new NuxeoOverride({
-              baseURL: this.environment.nuxeo,
-              auth: {
-                  method: 'bearerToken',
-                  token: token
-              }
-          }, this.keycloak);
-      };
-      NuxeoService.prototype.getToken = function () {
-          return this.keycloak.getToken();
-      };
-      NuxeoService.prototype.doLogout = function () {
-          this.keycloak.logout(window.location.origin + this.baseHref);
-      };
-      NuxeoService.prototype.isUserInRole = function (role, committeeCode) {
-          var _this = this;
-          if (committeeCode === void 0) { committeeCode = null; }
-          var simpleObservable = new rxjs.Observable(function (observer) {
-              _this.keycloak.isLoggedIn().then(function (logged) {
-                  if (!logged) {
-                      observer.next(false);
-                  }
-                  else {
-                      var hasRole = _this.rolesService.isUserInRole(_this.nuxeoClient.user, role, committeeCode);
-                      observer.next(hasRole);
-                  }
-              });
-          });
-          return simpleObservable;
-      };
-      NuxeoService.prototype.createBlob = function (file) {
-          return new NuxeoOverride.Blob({
-              content: file
-          });
-      };
-      NuxeoService.prototype.getDuplicates = function (params, body) {
-          if (params === void 0) { params = {}; }
-          if (body === void 0) { body = {}; }
-          return rxjs.from(this.nuxeoClient
-              .operation('AC_Get_Duplicates', {
-              url: "" + this.environment.nuxeo + this.environment.customAutomation,
-          })
-              .params(params)
-              .context(body)
-              .execute()).pipe(operators.catchError(function (err) {
-              console.log(err);
-              throw err;
-          }));
-      };
-      NuxeoService.prototype.checkForRoles = function () {
-          this.isCtsUser();
-          this.isCtsManger();
-      };
-      NuxeoService.prototype.isCtsUser = function () {
-          var _this = this;
-          this.isUserInRole('ctsSecretary', '').subscribe(function (data) {
-              _this.ctsUser = data;
-          });
-      };
-      NuxeoService.prototype.isCtsManger = function () {
-          var _this = this;
-          this.isUserInRole('ctsManger', '').subscribe(function (data) {
-              _this.ctsManger = data;
-          });
-      };
-      return NuxeoService;
-  }());
-  NuxeoService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoService, deps: [{ token: i1__namespace.HttpClient }, { token: i2__namespace$1.KeycloakService }, { token: i4.APP_BASE_HREF }, { token: 'environment' }, { token: i3__namespace.CookieService }, { token: RolesService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  NuxeoService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: 'root'
-                  }]
-          }], ctorParameters: function () {
-          return [{ type: i1__namespace.HttpClient }, { type: i2__namespace$1.KeycloakService }, { type: undefined, decorators: [{
-                          type: i0.Inject,
-                          args: [i4.APP_BASE_HREF]
-                      }] }, { type: undefined, decorators: [{
-                          type: i0.Inject,
-                          args: ['environment']
-                      }] }, { type: i3__namespace.CookieService }, { type: RolesService }];
-      } });
-
-  var TRANSLATION_PROVIDER = new i0.InjectionToken('Injection token for translation providers.');
-  var TranslationService = /** @class */ (function () {
-      function TranslationService(translate, rendererFactory, localStorage, userPreferencesService, appConfig, nuxeoService, environment, providers) {
-          var e_1, _a;
-          var _this = this;
-          this.translate = translate;
-          this.rendererFactory = rendererFactory;
-          this.localStorage = localStorage;
-          this.appConfig = appConfig;
-          this.nuxeoService = nuxeoService;
-          this.environment = environment;
-          this.isArabic = new rxjs.BehaviorSubject(false);
-          this.isArabic$ = this.isArabic.asObservable();
-          this.translationApiName = this.appConfig.myConfiguration['translationApi'] ? this.appConfig.myConfiguration['translationApi'] : null;
-          this.customLoader = this.translate.currentLoader;
-          this.renderer = rendererFactory.createRenderer(null, null);
-          this.defaultLang = 'en';
-          translate.setDefaultLang(this.defaultLang);
-          this.customLoader.setDefaultLang(this.defaultLang);
-          if (providers && providers.length > 0) {
-              try {
-                  for (var providers_1 = __values(providers), providers_1_1 = providers_1.next(); !providers_1_1.done; providers_1_1 = providers_1.next()) {
-                      var provider = providers_1_1.value;
-                      this.addTranslationFolder(provider.name, provider.source);
-                  }
-              }
-              catch (e_1_1) { e_1 = { error: e_1_1 }; }
-              finally {
-                  try {
-                      if (providers_1_1 && !providers_1_1.done && (_a = providers_1.return)) _a.call(providers_1);
-                  }
-                  finally { if (e_1) throw e_1.error; }
-              }
-          }
-          userPreferencesService
-              .select(UserPreferenceValues.Locale)
-              .subscribe(function (locale) {
-              if (locale) {
-                  _this.userLang = locale.split('-')[0];
-              }
-              if (_this.userLang) {
-                  _this.loadTranslation(_this.userLang, _this.defaultLang);
-              }
-              else {
-                  _this.loadTranslation(_this.defaultLang);
-              }
-          });
-      }
-      /**
-       * Adds a new folder of translation source files.
-       * @param name Name for the translation provider
-       * @param path Path to the folder
-       */
-      TranslationService.prototype.addTranslationFolder = function (name, path) {
-          if (name === void 0) { name = ''; }
-          if (path === void 0) { path = ''; }
-          if (!this.customLoader.providerRegistered(name)) {
-              this.customLoader.registerProvider(name, path);
-          }
-      };
-      /**
-       * Loads a translation file.
-       * @param lang Language code for the language to load
-       * @param fallback Language code to fall back to if the first one was unavailable
-       */
-      TranslationService.prototype.loadTranslation = function (lang, fallback) {
-          var _this = this;
-          if (lang === Lang.Arabic) {
-              this.renderer.addClass(document.body, 'rtl');
-              this.isArabic.next(true);
-          }
-          else {
-              this.renderer.removeClass(document.body, 'rtl');
-              this.isArabic.next(false);
-          }
-          var arabicFile$ = this.getOrCreateTranslationFile('ar');
-          var englishFile$ = this.getOrCreateTranslationFile('en');
-          rxjs.forkJoin([
-              arabicFile$,
-              englishFile$,
-              this.translate.getTranslation(lang),
-          ]).subscribe(function (res) {
-              _this.arabicFile = res[0];
-              _this.englishFile = res[1];
-              _this.translate.use(lang);
-              var ArorEnFile = lang === 'en'
-                  ? JSON.parse(res[1].properties['note:note'])
-                  : JSON.parse(res[0].properties['note:note']);
-              _this.translate.setTranslation(_this.translate.currentLang, Object.assign({}, ArorEnFile), true);
-              _this.onTranslationChanged(lang);
-          }, function () {
-              if (fallback && fallback !== lang) {
-                  _this.loadTranslation(fallback);
-              }
-          });
-      };
-      /**
-       * Triggers a notification callback when the translation language changes.
-       * @param lang The new language code
-       */
-      TranslationService.prototype.onTranslationChanged = function (lang) {
-          this.translate.onTranslationChange.next({
-              lang: lang,
-              translations: this.customLoader.getFullTranslationJSON(lang),
-          });
-      };
-      /**
-       * Sets the target language for translations.
-       * @param lang Code name for the language
-       * @returns Translations available for the language
-       */
-      TranslationService.prototype.use = function (lang) {
-          this.customLoader.init(lang);
-          return this.translate.use(lang);
-      };
-      /**
-       * Gets the translation for the supplied key.
-       * @param key Key to translate
-       * @param interpolateParams String(s) to be interpolated into the main message
-       * @returns Translated text
-       */
-      TranslationService.prototype.get = function (key, interpolateParams) {
-          return this.translate.get(key, interpolateParams);
-      };
-      /**
-       * Directly returns the translation for the supplied key.
-       * @param key Key to translate
-       * @param interpolateParams String(s) to be interpolated into the main message
-       * @returns Translated text
-       */
-      TranslationService.prototype.instant = function (key, interpolateParams) {
-          return key ? this.translate.instant(key, interpolateParams) : '';
-      };
-      TranslationService.prototype.getOrCreateTranslationFile = function (lang) {
-          return rxjs.from(this.nuxeoService.nuxeoClient
-              .operation(this.translationApiName ? this.translationApiName : 'AC_UA_Translation_GetOrCreate', {
-              url: "" + this.environment.nuxeo + this.environment.customAutomation,
-          })
-              .params({ language: lang })
-              .execute({
-              headers: {
-                  properties: '*',
-              },
-          })).pipe(operators.catchError(function (err) {
-              console.log(err);
-              throw err;
-          }));
-      };
-      TranslationService.prototype.updateTranslationFile = function (doc, params) {
-          if (params === void 0) { params = {}; }
-          return rxjs.from(this.nuxeoService.nuxeoClient
-              .repository()
-              .headers({
-              properties: '*',
-          })
-              .update(doc, params)).pipe(operators.map(function (data) {
-              return data;
-          }), operators.catchError(function (err) {
-              throw err;
-          }));
-      };
-      return TranslationService;
-  }());
-  TranslationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationService, deps: [{ token: i1__namespace$1.TranslateService }, { token: i0__namespace.RendererFactory2 }, { token: LocalStoragService }, { token: UserPreferencesService }, { token: AppConfigService }, { token: NuxeoService }, { token: 'environment' }, { token: TRANSLATION_PROVIDER, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  TranslationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: 'root',
-                  }]
-          }], ctorParameters: function () {
-          return [{ type: i1__namespace$1.TranslateService }, { type: i0__namespace.RendererFactory2 }, { type: LocalStoragService }, { type: UserPreferencesService }, { type: AppConfigService }, { type: NuxeoService }, { type: undefined, decorators: [{
-                          type: i0.Inject,
-                          args: ['environment']
-                      }] }, { type: undefined, decorators: [{
-                          type: i0.Optional
-                      }, {
-                          type: i0.Inject,
-                          args: [TRANSLATION_PROVIDER]
-                      }] }];
-      } });
-
-  var mapNotificationsToPagingResponse = function (res) {
-      return {
-          data: res.entries,
-          page: res.currentPageIndex,
-          totalItems: res.resultsCount || res.totalSize,
-          pageCount: res.pageCount,
-          size: res.pageSize,
-          hasPreviousPage: res.isPreviousPageAvailable,
-          hasNextPage: res.isNextPageAvailable,
-      };
-  };
-
-  var CallApiService = /** @class */ (function () {
-      function CallApiService(nuxeoService) {
-          this.nuxeoService = nuxeoService;
-      }
-      CallApiService.prototype.query = function (queryOptions, options) {
-          return this.inerQuery(queryOptions, options);
-      };
-      CallApiService.prototype.inerQuery = function (queryOptions, options) {
-          return rxjs.from(this.nuxeoService.nuxeoClient.repository().query(queryOptions, options)).pipe(operators.map(function (res) {
-              if (res.entries.length > 0) {
-                  res.entries.forEach(function (data) {
-                      delete data._nuxeo;
-                      delete data._repository;
-                  });
-              }
-              return res;
-          }));
-      };
-      return CallApiService;
-  }());
-  CallApiService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService, deps: [{ token: NuxeoService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  CallApiService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService, providedIn: 'root' });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CallApiService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: 'root',
-                  }]
-          }], ctorParameters: function () { return [{ type: NuxeoService }]; } });
-
-  var NotificationsService = /** @class */ (function () {
-      function NotificationsService(_callApi, _nuxeoService, _http, _environment) {
-          this._callApi = _callApi;
-          this._nuxeoService = _nuxeoService;
-          this._http = _http;
-          this._environment = _environment;
-      }
-      Object.defineProperty(NotificationsService.prototype, "_tenantId", {
-          get: function () {
-              return this._nuxeoService.nuxeoClient.user.properties.tenantId;
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Object.defineProperty(NotificationsService.prototype, "_appKey", {
-          get: function () {
-              var _a;
-              return (_a = this._environment) === null || _a === void 0 ? void 0 : _a.appKey;
-          },
-          enumerable: false,
-          configurable: true
-      });
-      NotificationsService.prototype.getUnReadCount = function () {
-          return this._callApi
-              .query({
-              pageProvider: NotificationsService.providers.notificationsMango,
-              pageSize: 1,
-              notfnotificationcontent_company: this._tenantId,
-              notfnotificationcontent_applicationKey: this._appKey,
-              notfnotificationcontent_status: NOTIFICATION_STATUS.new,
-          }, {})
-              .pipe(operators.map(function (data) { var _a; return (_a = data.totalSize) !== null && _a !== void 0 ? _a : 0; }));
-      };
-      NotificationsService.prototype.getNotificationsMongo = function (payload) {
-          if (payload === void 0) { payload = {}; }
-          return this._getNotifications(NotificationsService.providers.notificationsMango, payload);
-      };
-      NotificationsService.prototype.getNotifications = function (payload) {
-          if (payload === void 0) { payload = {}; }
-          return this._getNotifications(NotificationsService.providers.notifications, payload);
-      };
-      NotificationsService.prototype.markAllAsRead = function () {
-          return this._globalOperation('markAllAsRead');
-      };
-      NotificationsService.prototype.markAllNewAsUnread = function () {
-          return this._globalOperation('markAllAsUnread');
-      };
-      NotificationsService.prototype.markAsRead = function (id) {
-          return this._operation(id, 'markAsRead');
-      };
-      NotificationsService.prototype.markAsUnread = function (id) {
-          return this._operation(id, 'markAsUnread');
-      };
-      NotificationsService.prototype.markAsDeleted = function (id) {
-          return this._operation(id, 'markAsDeleted');
-      };
-      NotificationsService.prototype.unsubscribe = function (id) {
-          return this._operation(id, 'unsubscribe');
-      };
-      NotificationsService.prototype.subscribe = function (id) {
-          return this._operation(id, 'subscribe', {
-              companyName: this._tenantId,
-          });
-      };
-      NotificationsService.prototype.resetSubscriptions = function () {
-          return rxjs.from(this._nuxeoService.nuxeoClient
-              .operation(NotificationsService.operations.reset, {
-              url: "" + this._environment.nuxeo + this._environment.customAutomation,
-          })
-              .params({
-              companyName: this._tenantId,
-              applicationKey: this._appKey,
-          })
-              .execute());
+      NotificationsService.prototype.resetSubscriptions = function () {
+          return rxjs.from(this._nuxeoService.nuxeoClient
+              .operation(NotificationsService.operations.reset, {
+              url: "" + this._environment.nuxeo + this._environment.customAutomation,
+          })
+              .params({
+              companyName: this._tenantId,
+              applicationKey: this._appKey,
+          })
+              .execute());
       };
       NotificationsService.prototype.getSourceTypes = function () {
           return this._getVocabulary("" + this._environment.nuxeo + NotificationsService.sourceType);
@@ -30169,8 +29119,6 @@
           var _this = _super.call(this) || this;
           _this.inject = inject;
           _this.notificationsService = _this.inject.get(NotificationsService);
-          _this._translationService = _this.inject.get(TranslationService);
-          _this.direction$ = _this._translationService.isArabic$.pipe(operators.map(function (isArabic) { return (isArabic ? 'rtl' : 'ltr'); }));
           return _this;
       }
       return BaseNotification;
@@ -30281,8 +29229,10 @@
       __extends(NotificationSourceSelectComponent, _super);
       function NotificationSourceSelectComponent() {
           var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+          _this._translationService = _this.inject.get(TranslationService);
           _this.sourceTypes$ = _this.notificationsService.getSourceTypes();
           _this.typeChanged = new i0.EventEmitter();
+          _this.direction$ = _this._translationService.isArabic$.pipe(operators.map(function (isArabic) { return (isArabic ? 'rtl' : 'ltr'); }));
           return _this;
       }
       NotificationSourceSelectComponent.prototype.selectFilterType = function (type) {
@@ -30514,6 +29464,7 @@
           _this._paramsService = _this.inject.get(ParamsService);
           _this._responseService = _this.inject.get(ResponseService);
           _this._listenerService = _this.inject.get(ListenerService);
+          _this._translationService = _this.inject.get(TranslationService);
           _this._cdr = _this.inject.get(i0.ChangeDetectorRef);
           _this.response$ = _this._responseService.response$;
           _this.trackByFn = function (_, item) { return item.uid; };
@@ -30686,6 +29637,8 @@
       __extends(NotificationsDateSelectComponent, _super);
       function NotificationsDateSelectComponent() {
           var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+          _this._translationService = _this.inject.get(TranslationService);
+          _this.direction$ = _this._translationService.isArabic$.pipe(operators.map(function (isArabic) { return (isArabic ? 'rtl' : 'ltr'); }));
           _this.dateChanged = new i0.EventEmitter();
           _this.dates = _this._prepareDateList();
           return _this;
@@ -31025,9 +29978,10 @@
 
   var NotificationsButtonComponent = /** @class */ (function (_super) {
       __extends(NotificationsButtonComponent, _super);
-      function NotificationsButtonComponent(inject, _options) {
+      function NotificationsButtonComponent(inject, _translationService, _options) {
           var _this = _super.call(this, inject) || this;
           _this.inject = inject;
+          _this._translationService = _translationService;
           _this._getCountSub = new rxjs.BehaviorSubject(null);
           _this._showBadgeSub = new rxjs.BehaviorSubject(false);
           _this.showBadge$ = _this._showBadgeSub.asObservable();
@@ -31071,8 +30025,8 @@
       };
       return NotificationsButtonComponent;
   }(BaseNotification));
-  NotificationsButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationsButtonComponent, deps: [{ token: i0__namespace.Injector }, { token: NOTIFICATIONS_LIST_OPTIONS, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  NotificationsButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationsButtonComponent, selector: "app-notifications-button", inputs: { styleClass: "styleClass", badgeOptions: "badgeOptions" }, outputs: { listItemClick: "listItemClick", openSettings: "openSettings", openNotifications: "openNotifications" }, host: { classAttribute: "inline-flex justify-center items-center notification-button" }, queries: [{ propertyName: "customIconTemplate", first: true, predicate: NOTIFICATION_ICON, descendants: true, read: i0.TemplateRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<button\r\n  *ngIf=\"panelMode === panelModeEnum.panel\"\r\n  [matMenuTriggerFor]=\"notifications\"\r\n  [matBadge]=\"newNotificationCount$ | async\"\r\n  [matBadgeHidden]=\"!(showBadge$ | async)\"\r\n  [matBadgeSize]=\"badgeOptions.size\"\r\n  [matBadgeColor]=\"badgeOptions.color\"\r\n  [matBadgePosition]=\"badgeOptions.position\"\r\n  [class]=\"styleClass\"\r\n  (menuOpened)=\"markAllAsUnread()\"\r\n>\r\n  <ng-container [ngTemplateOutlet]=\"customIconTemplate || defaultIconTemplate\">\r\n  </ng-container>\r\n</button>\r\n\r\n<mat-menu #notifications=\"matMenu\" class=\"notification-list-panel\">\r\n  <ng-template matMenuContent>\r\n    <app-notifications-list\r\n      (itemClicked)=\"listItemClick.emit($event); notifications.closed.emit()\"\r\n      (openSettings)=\"openSettings.emit($event); notifications.closed.emit()\"\r\n      (openNotifications)=\"openNotifications.emit($event); notifications.closed.emit()\"\r\n      (markAllRead)=\"hideBadgeCount()\"\r\n    ></app-notifications-list>\r\n  </ng-template>\r\n  <div class=\"notification-list-panel__footer flex justify-center\">\r\n    <ng-content select=\"[notifications-footer]\"></ng-content>\r\n  </div>\r\n</mat-menu>\r\n\r\n<ng-container *ngIf=\"panelMode === panelModeEnum.sidebar\">\r\n  <button\r\n    [matBadge]=\"newNotificationCount$ | async\"\r\n    [matBadgeHidden]=\"!(showBadge$ | async)\"\r\n    [matBadgeSize]=\"badgeOptions.size\"\r\n    [matBadgeColor]=\"badgeOptions.color\"\r\n    [matBadgePosition]=\"badgeOptions.position\"\r\n    [class]=\"styleClass\"\r\n    (click)=\"toggleSideBar();markAllAsUnread()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"customIconTemplate || defaultIconTemplate\">\r\n    </ng-container>\r\n  </button>\r\n  <app-notifications-sidebar [(visible)]=\"isSidebarOpened\" [position]=\"sidebarPosition$ | async\">\r\n    <ng-template appNotificationSidebarContent>\r\n      <app-notifications-list\r\n        class=\"notifications-sidebar\"\r\n        (itemClicked)=\"listItemClick.emit($event);toggleSideBar(false)\"\r\n        (openSettings)=\"openSettings.emit($event);toggleSideBar(false)\"\r\n        (openNotifications)=\"openNotifications.emit($event);toggleSideBar(false)\"\r\n        (markAllRead)=\"hideBadgeCount()\"\r\n      ></app-notifications-list>\r\n    </ng-template>\r\n  </app-notifications-sidebar>\r\n</ng-container>\r\n\r\n<ng-template #defaultIconTemplate>\r\n  <i class=\"bi bi-bell bell\"></i>\r\n</ng-template>\r\n", styles: [".notification-button{font-size:var(--not-btn-font-size, 1.5rem);width:var(--not-btn-width, 40px)}.notification-list-panel{--width: var(--nos-panel-width, min(80vw, 450px));width:var(--width);border-radius:var(--nos-panel-radius, 5px);overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;background:var(--nos-panel-background, #fff)}.notification-list-panel.mat-menu-panel{max-width:var(--width);max-height:var(--nos-panel-max-height, var(--height))}.notification-list-panel__navigate-btn{background:var(--not-btn-background, transparent);border-radius:var(--not-btn-radius, 5px);padding:var(--not-btn-padding, .5rem 1rem);margin:var(--not-btn-margin, .5rem 0);color:var(--not-btn-color, currentColor);width:var(--not-btn-width, 90%)}.notification-list-panel__navigate-btn:hover{--not-btn-background: var(--not-btn-hover-background, #f0f0f0);--not-btn-color: var(--not-btn-hover-color);-webkit-text-decoration:var(--not-btn-decoration, none);text-decoration:var(--not-btn-decoration, none)}.notification-list-panel__navigate-btn:active{--not-btn-background: var(--not-btn-active-background, #e2e2e2);--not-btn-color: var(--not-btn-active-color)}.notifications-sidebar{--nto-list-header-padding: var(--sidebar-list-header-padding , 1rem);--nto-list-height: var(--sidebar-list-height , calc(100vh - 100px))}\n"], components: [{ type: i2__namespace$4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: NotificationsListComponent, selector: "app-notifications-list", outputs: ["openSettings", "openNotifications"] }, { type: NotificationsSidebarComponent, selector: "app-notifications-sidebar", inputs: ["appendToBody", "clearOnCLose", "visible", "position"], outputs: ["visibleChange", "onShow", "onHide"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5__namespace$4.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgePosition", "matBadgeSize", "matBadgeColor", "matBadgeOverlap", "matBadgeDescription", "matBadgeHidden", "matBadge"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace$4.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: NotificationSidebarContentDirective, selector: "[appNotificationSidebarContent]" }], pipes: { "async": i4__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  NotificationsButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationsButtonComponent, deps: [{ token: i0__namespace.Injector }, { token: TranslationService }, { token: NOTIFICATIONS_LIST_OPTIONS, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  NotificationsButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationsButtonComponent, selector: "app-notifications-button", inputs: { styleClass: "styleClass", badgeOptions: "badgeOptions" }, outputs: { listItemClick: "listItemClick", openSettings: "openSettings", openNotifications: "openNotifications" }, host: { classAttribute: "inline-flex justify-center items-center notification-button" }, queries: [{ propertyName: "customIconTemplate", first: true, predicate: NOTIFICATION_ICON, descendants: true, read: i0.TemplateRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<button\r\n  *ngIf=\"panelMode === panelModeEnum.panel\"\r\n  [matMenuTriggerFor]=\"notifications\"\r\n  [matBadge]=\"newNotificationCount$ | async\"\r\n  [matBadgeHidden]=\"!(showBadge$ | async)\"\r\n  [matBadgeSize]=\"badgeOptions.size\"\r\n  [matBadgeColor]=\"badgeOptions.color\"\r\n  [matBadgePosition]=\"badgeOptions.position\"\r\n  [class]=\"styleClass\"\r\n  (menuOpened)=\"markAllAsUnread()\"\r\n>\r\n  <ng-container [ngTemplateOutlet]=\"customIconTemplate || defaultIconTemplate\">\r\n  </ng-container>\r\n</button>\r\n\r\n<mat-menu #notifications=\"matMenu\" class=\"notification-list-panel\">\r\n  <ng-template matMenuContent>\r\n    <app-notifications-list\r\n      (itemClicked)=\"listItemClick.emit($event); notifications.closed.emit()\"\r\n      (openSettings)=\"openSettings.emit($event); notifications.closed.emit()\"\r\n      (openNotifications)=\"openNotifications.emit($event); notifications.closed.emit()\"\r\n      (markAllRead)=\"hideBadgeCount()\"\r\n    ></app-notifications-list>\r\n  </ng-template>\r\n  <div class=\"notification-list-panel__footer flex justify-center\">\r\n    <ng-content select=\"[notifications-footer]\"></ng-content>\r\n  </div>\r\n</mat-menu>\r\n\r\n<ng-container *ngIf=\"panelMode === panelModeEnum.sidebar\">\r\n  <button\r\n    [matBadge]=\"newNotificationCount$ | async\"\r\n    [matBadgeHidden]=\"!(showBadge$ | async)\"\r\n    [matBadgeSize]=\"badgeOptions.size\"\r\n    [matBadgeColor]=\"badgeOptions.color\"\r\n    [matBadgePosition]=\"badgeOptions.position\"\r\n    [class]=\"styleClass\"\r\n    (click)=\"toggleSideBar();markAllAsUnread()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"customIconTemplate || defaultIconTemplate\">\r\n    </ng-container>\r\n  </button>\r\n  <app-notifications-sidebar [(visible)]=\"isSidebarOpened\" [position]=\"sidebarPosition$ | async\">\r\n    <ng-template appNotificationSidebarContent>\r\n      <app-notifications-list\r\n        class=\"notifications-sidebar\"\r\n        (itemClicked)=\"listItemClick.emit($event);toggleSideBar(false)\"\r\n        (openSettings)=\"openSettings.emit($event);toggleSideBar(false)\"\r\n        (openNotifications)=\"openNotifications.emit($event);toggleSideBar(false)\"\r\n        (markAllRead)=\"hideBadgeCount()\"\r\n      ></app-notifications-list>\r\n    </ng-template>\r\n  </app-notifications-sidebar>\r\n</ng-container>\r\n\r\n<ng-template #defaultIconTemplate>\r\n  <i class=\"bi bi-bell bell\"></i>\r\n</ng-template>\r\n", styles: [".notification-button{font-size:var(--not-btn-font-size, 1.5rem);width:var(--not-btn-width, 40px)}.notification-list-panel{--width: var(--nos-panel-width, min(80vw, 450px));width:var(--width);border-radius:var(--nos-panel-radius, 5px);overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;background:var(--nos-panel-background, #fff)}.notification-list-panel.mat-menu-panel{max-width:var(--width);max-height:var(--nos-panel-max-height, var(--height))}.notification-list-panel__navigate-btn{background:var(--not-btn-background, transparent);border-radius:var(--not-btn-radius, 5px);padding:var(--not-btn-padding, .5rem 1rem);margin:var(--not-btn-margin, .5rem 0);color:var(--not-btn-color, currentColor);width:var(--not-btn-width, 90%)}.notification-list-panel__navigate-btn:hover{--not-btn-background: var(--not-btn-hover-background, #f0f0f0);--not-btn-color: var(--not-btn-hover-color);-webkit-text-decoration:var(--not-btn-decoration, none);text-decoration:var(--not-btn-decoration, none)}.notification-list-panel__navigate-btn:active{--not-btn-background: var(--not-btn-active-background, #e2e2e2);--not-btn-color: var(--not-btn-active-color)}.notifications-sidebar{--nto-list-header-padding: var(--sidebar-list-header-padding , 1rem);--nto-list-height: var(--sidebar-list-height , calc(100vh - 100px))}\n"], components: [{ type: i2__namespace$4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: NotificationsListComponent, selector: "app-notifications-list", outputs: ["openSettings", "openNotifications"] }, { type: NotificationsSidebarComponent, selector: "app-notifications-sidebar", inputs: ["appendToBody", "clearOnCLose", "visible", "position"], outputs: ["visibleChange", "onShow", "onHide"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6__namespace$5.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgePosition", "matBadgeSize", "matBadgeColor", "matBadgeOverlap", "matBadgeDescription", "matBadgeHidden", "matBadge"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace$4.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: NotificationSidebarContentDirective, selector: "[appNotificationSidebarContent]" }], pipes: { "async": i4__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationsButtonComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -31086,7 +30040,7 @@
                       },
                   }]
           }], ctorParameters: function () {
-          return [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+          return [{ type: i0__namespace.Injector }, { type: TranslationService }, { type: undefined, decorators: [{
                           type: i0.Optional
                       }, {
                           type: i0.Inject,
@@ -31550,7 +30504,7 @@
           i8.MatProgressSpinnerModule,
           i2$6.MatTooltipModule,
           i9.InfiniteScrollModule,
-          i5$4.MatBadgeModule,
+          i6$5.MatBadgeModule,
           i1$1.TranslateModule,
           toolbar.MatToolbarModule,
           i2$7.MatSlideToggleModule,
@@ -31578,7 +30532,7 @@
               i8.MatProgressSpinnerModule,
               i2$6.MatTooltipModule,
               i9.InfiniteScrollModule,
-              i5$4.MatBadgeModule,
+              i6$5.MatBadgeModule,
               i1$1.TranslateModule,
               toolbar.MatToolbarModule,
               i2$7.MatSlideToggleModule,
@@ -31603,7 +30557,7 @@
                           i8.MatProgressSpinnerModule,
                           i2$6.MatTooltipModule,
                           i9.InfiniteScrollModule,
-                          i5$4.MatBadgeModule,
+                          i6$5.MatBadgeModule,
                           i1$1.TranslateModule,
                           toolbar.MatToolbarModule,
                           i2$7.MatSlideToggleModule,
@@ -31665,7 +30619,7 @@
       };
       return NotificationToastComponent;
   }(i1$4.Toast));
-  NotificationToastComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationToastComponent, deps: [{ token: i1__namespace$3.ToastrService }, { token: i1__namespace$3.ToastPackage }, { token: UserPreferencesService$1 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  NotificationToastComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationToastComponent, deps: [{ token: i1__namespace$3.ToastrService }, { token: i1__namespace$3.ToastPackage }, { token: UserPreferencesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   NotificationToastComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationToastComponent, selector: "app-notification-toast", usesInheritance: true, ngImport: i0__namespace, template: "<div\r\n  class=\"toast-container\"\r\n  [style.display]=\"state.value === 'inactive' ? 'none' : ''\"\r\n  [dir]=\"lang\"\r\n>\r\n  <ng-container (click)=\"navigateToDetais()\">\r\n    <div class=\"icon-container rounded-s-md\">\r\n      <svg\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width=\"25.667\"\r\n        height=\"30\"\r\n        viewBox=\"0 0 21.667 26\"\r\n      >\r\n        <g\r\n          id=\"Group_1724\"\r\n          data-name=\"Group 1724\"\r\n          transform=\"translate(-1562 -49)\"\r\n        >\r\n          <g\r\n            id=\"Group_1714\"\r\n            data-name=\"Group 1714\"\r\n            transform=\"translate(1562 49)\"\r\n          >\r\n            <path\r\n              id=\"Path_6882\"\r\n              data-name=\"Path 6882\"\r\n              d=\"M63.661,18.322a7.256,7.256,0,0,1-2.577-5.552V9.75a7.589,7.589,0,0,0-6.5-7.5V1.083a1.083,1.083,0,1,0-2.167,0v1.17a7.589,7.589,0,0,0-6.5,7.5v3.02a7.264,7.264,0,0,1-2.587,5.561,1.9,1.9,0,0,0,1.233,3.336H62.438a1.9,1.9,0,0,0,1.223-3.344Z\"\r\n              transform=\"translate(-42.667)\"\r\n              fill=\"#fff\"\r\n            />\r\n            <path\r\n              id=\"Path_6883\"\r\n              data-name=\"Path 6883\"\r\n              d=\"M181.6,451.25a4.069,4.069,0,0,0,3.98-3.25h-7.96A4.069,4.069,0,0,0,181.6,451.25Z\"\r\n              transform=\"translate(-170.768 -425.25)\"\r\n              fill=\"#fff\"\r\n            />\r\n          </g>\r\n        </g>\r\n      </svg>\r\n    </div>\r\n    <div class=\"toast-content-container\">\r\n      <div\r\n        *ngIf=\"title\"\r\n        [class]=\"options.titleClass\"\r\n        [attr.aria-label]=\"title\"\r\n        class=\"toast-content\"\r\n      >\r\n        {{ title }}\r\n      </div>\r\n      <div\r\n        *ngIf=\"message\"\r\n        role=\"alert\"\r\n        aria-live=\"polite\"\r\n        [class]=\"options.messageClass\"\r\n        [attr.aria-label]=\"message\"\r\n        class=\"message\"\r\n      >\r\n        {{ message }}\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <div *ngIf=\"options.closeButton\" (click)=\"remove()\" class=\"remove\">\r\n    <mat-icon class=\"\">close</mat-icon>\r\n  </div>\r\n</div>\r\n", styles: [".bi{margin:0!important}.memo-sorting-wrapper{width:265px;margin:0 10px;height:100%;display:flex}.memo-sorting-wrapper .sorting-direction{width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.memo-sorting-wrapper .memo-sorting-trigger{width:calc(100% - 65px);height:100%;background-color:transparent;border:1px solid lightgrey;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:14px}.memo-sorting-wrapper .memo-sorting-trigger i{font-size:16px;color:gray}.memo-sorting-menu{width:200px}.my-button{border:1px solid #465573;color:#465573;border-radius:5px;background-color:transparent;font-weight:bold;min-width:80px;height:40px}.my-button.reset{border:none}.my-button:hover{color:#fff;background-color:#465573}.my-button:hover.reset{color:#465573;border:1px solid #465573;background-color:#fff}.app-property-value .app-input-wrapper label{color:#646f85;font-size:13px;margin-bottom:5px}.app-property-value .app-input-wrapper label .text-danger{font-size:16px;line-height:14px;margin:0 5px!important}.app-property-value .app-input-wrapper .form-control{border:1px solid #ccc;border-radius:5px;background-color:#8f98aa1a;height:40px}.app-property-value .app-input-wrapper .form-control:disabled{background-color:#e9ecef!important}.app-property-value .app-input-wrapper .form-control:focus{border:1px solid #1a96c6;box-shadow:0 0 4px #79c3c26b!important}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers{list-style:none;padding:0;margin:0;font-size:14px}.app-property-value .app-input-wrapper .app-textitem-editable-error .error-containers .error{margin-top:5px}.autocomplete-container .input-container input:focus,hijri-gregorian-datepicker .form-group .input-group .form-control:focus,.ng-select.ng-select-focused .ng-select-container{border:1px solid #1a96c6!important;box-shadow:0 0 4px #79c3c26b!important}input::placeholder{font-size:12px}.form-control:focus{box-shadow:none!important}.mat-stepper-horizontal{margin-top:-25px}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header.cdk-program-focused{background-color:transparent}.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-icon-selected{background-color:transparent;color:#fff;background-image:linear-gradient(to right,#0dbab5,#1a96c6)}@media only screen and (max-width: 576px){.mat-stepper-horizontal .mat-horizontal-stepper-header-container .mat-step-header .mat-step-label .mat-step-text-label{white-space:pre-wrap;overflow:visible}}.mat-stepper-horizontal .mat-horizontal-content-container{overflow:visible}@media only screen and (max-width: 768px){.mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 24px}}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:after,.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:before{display:none}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:first-child:before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);left:0}.mat-stepper-horizontal.rtl .mat-horizontal-stepper-header:last-child:after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);right:0}.form-wrapper{padding:30px 15px;border:1px solid #dde0e2}.form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.form-wrapper .buttons-wrapper button:hover{opacity:.7}.form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.form-wrapper .upload-wrapper button span{margin:0 10px}.renameFileComponent .form-wrapper{padding:30px 15px;border:none!important}.renameFileComponent .form-wrapper .buttons-wrapper{display:flex;justify-content:space-between}.renameFileComponent .form-wrapper .buttons-wrapper .action-buttons-wrapper{display:flex}.renameFileComponent .form-wrapper .buttons-wrapper button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:125px;margin-top:20px;border-radius:5px}.renameFileComponent .form-wrapper .buttons-wrapper button:disabled{opacity:.4;cursor:not-allowed}.renameFileComponent .form-wrapper .buttons-wrapper button:hover{opacity:.7}.renameFileComponent .form-wrapper .upload-wrapper{display:flex;flex-direction:column;justify-content:flex-end}.renameFileComponent .form-wrapper .upload-wrapper label{color:#8f98aa;font-size:14px}.renameFileComponent .form-wrapper .upload-wrapper button{padding:10px;border:1px solid lightgray}.renameFileComponent .form-wrapper .upload-wrapper button span{margin:0 10px}.my-dynamic-viewer{display:flex;align-items:center;font-size:12px;min-height:30px}.my-dynamic-viewer .my-label{font-size:12px;font-weight:500;width:150px;word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-label{width:50%}}.my-dynamic-viewer .my-value{width:calc(100% - 150px);word-break:break-word}@media (max-width: 992px){.my-dynamic-viewer .my-value{width:50%}}.my-dynamic-viewer .direction-img{font-size:14px}.my-dynamic-viewer .direction-img .incoming{display:none}.my-dynamic-viewer .direction-img .outgoing{display:none}.my-dynamic-viewer .direction-img .internal{display:none}.my-dynamic-viewer.draft .my-value{color:#596973}.my-dynamic-viewer.inProgress .my-value{color:#3c3cf0}.my-dynamic-viewer.registered .my-value{color:#4f008c}.my-dynamic-viewer.archived .my-value{color:#fbb62c}.my-dynamic-viewer.closed .my-value{color:#00dca5}.my-dynamic-viewer.approved .my-value{color:#06a57e}.my-dynamic-viewer.assigned .my-value{color:#fd6670}.my-dynamic-viewer.sent .my-value{color:#3c3cf0}.my-dynamic-viewer.published .my-value{color:#00dca5}.my-dynamic-viewer.Outgoing .my-value{display:flex}.my-dynamic-viewer.Outgoing .my-value .direction-img .outgoing{color:#fbb62c;margin:1px 5px;display:flex}.my-dynamic-viewer.Outgoing .my-value .text{margin:0 5px}.my-dynamic-viewer.Internal .my-value{display:flex}.my-dynamic-viewer.Internal .my-value .direction-img .internal{color:#3c3cf0;margin:1px 5px;display:flex}.my-dynamic-viewer.Internal .my-value .text{margin:0 5px}.my-dynamic-viewer.Incoming .my-value{display:flex}.my-dynamic-viewer.Incoming .my-value .direction-img .incoming{color:#00dca5;display:flex}.my-dynamic-viewer.Incoming .my-value .text{margin:-3px 5px 0}.my-dynamic-viewer.vertical{display:block}.my-dynamic-viewer.vertical .my-label{width:auto}.my-dynamic-viewer.vertical .my-value{width:auto}.my-dynamic-viewer.with-out-label{width:100%!important}.toast-container{cursor:pointer;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-left:16px;margin-right:16px;position:relative;width:400px;height:80px;box-shadow:0 0 4px #0000003b;background-color:#fff;border-radius:5px}.toast-container .icon-container{background-color:#1a96c6;grid-column:span 1/span 1;display:flex;align-items:center;justify-content:center}.toast-container .toast-content-container{grid-column:span 3/span 3;display:flex;flex-direction:column;padding-top:4px;padding-bottom:4px;padding-inline-start:8px;overflow:hidden}.toast-container .toast-content-container .toast-content{font-size:15px;color:#6a768e;overflow:hidden}.toast-container .toast-content-container .message{color:#1a96c6;font-size:14px;line-height:20px}.toast-container .remove{grid-column:span 1/span 1;cursor:pointer;display:flex;justify-content:flex-end;padding-inline-end:8px}.toast-container .remove mat-icon{color:#8f98aa;font-size:20px;line-height:28px}.rounded-s-md{border-top-left-radius:6px;border-bottom-left-radius:6px}[dir=rtl] .rounded-s-md{border-top-right-radius:6px;border-bottom-right-radius:6px}\n"], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationToastComponent, decorators: [{
               type: i0.Component,
@@ -31675,7 +30629,7 @@
                       styleUrls: ['./notification-toast.component.scss'],
                       // encapsulation: ViewEncapsulation.None,
                   }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$3.ToastrService }, { type: i1__namespace$3.ToastPackage }, { type: UserPreferencesService$1 }]; } });
+          }], ctorParameters: function () { return [{ type: i1__namespace$3.ToastrService }, { type: i1__namespace$3.ToastPackage }, { type: UserPreferencesService }]; } });
 
   var COMPONENTS = [NotificationToastComponent];
   var ToastsModule = /** @class */ (function () {
@@ -31826,7 +30780,7 @@
       };
       return InitializationService;
   }());
-  InitializationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InitializationService, deps: [{ token: i2__namespace$1.KeycloakService }, { token: NuxeoService$1 }, { token: i1__namespace$2.Router }, { token: i3__namespace.CookieService }, { token: i1__namespace.HttpClient }, { token: LocalStoragService$1 }, { token: UserPreferencesService$1 }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  InitializationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InitializationService, deps: [{ token: i2__namespace$1.KeycloakService }, { token: NuxeoService }, { token: i1__namespace$2.Router }, { token: i3__namespace.CookieService }, { token: i1__namespace.HttpClient }, { token: LocalStoragService }, { token: UserPreferencesService }, { token: 'environment' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
   InitializationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InitializationService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InitializationService, decorators: [{
               type: i0.Injectable,
@@ -31834,7 +30788,7 @@
                       providedIn: 'root'
                   }]
           }], ctorParameters: function () {
-          return [{ type: i2__namespace$1.KeycloakService }, { type: NuxeoService$1 }, { type: i1__namespace$2.Router }, { type: i3__namespace.CookieService }, { type: i1__namespace.HttpClient }, { type: LocalStoragService$1 }, { type: UserPreferencesService$1 }, { type: undefined, decorators: [{
+          return [{ type: i2__namespace$1.KeycloakService }, { type: NuxeoService }, { type: i1__namespace$2.Router }, { type: i3__namespace.CookieService }, { type: i1__namespace.HttpClient }, { type: LocalStoragService }, { type: UserPreferencesService }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
                       }] }];
@@ -32042,7 +30996,7 @@
   exports.AvatarModule = AvatarModule;
   exports.BooleanViewerComponent = BooleanViewerComponent;
   exports.ButtonComponent = ButtonComponent;
-  exports.CallApiService = CallApiService$1;
+  exports.CallApiService = CallApiService;
   exports.CardComponent = CardComponent;
   exports.CardModule = CardModule;
   exports.ChartDataService = ChartDataService;
@@ -32165,7 +31119,7 @@
   exports.LibrarySharedModule = LibrarySharedModule;
   exports.ListViewerComponent = ListViewerComponent;
   exports.LoanRequestComponent = LoanRequestComponent;
-  exports.LocalStoragService = LocalStoragService$1;
+  exports.LocalStoragService = LocalStoragService;
   exports.LocalizedDatePipe = LocalizedDatePipe;
   exports.MY_MOMENT_FORMATS = MY_MOMENT_FORMATS;
   exports.MainfolderService = MainfolderService;
@@ -32197,7 +31151,7 @@
   exports.NuxeoDevelopmentFrameworkComponent = NuxeoDevelopmentFrameworkComponent;
   exports.NuxeoDevelopmentFrameworkModule = NuxeoDevelopmentFrameworkModule;
   exports.NuxeoDevelopmentFrameworkService = NuxeoDevelopmentFrameworkService;
-  exports.NuxeoService = NuxeoService$1;
+  exports.NuxeoService = NuxeoService;
   exports.PAGINATION_MODE = PAGINATION_MODE;
   exports.PANEL_MODE = PANEL_MODE;
   exports.PaginationComponent = PaginationComponent;
@@ -32216,7 +31170,7 @@
   exports.ReadMoreComponent = ReadMoreComponent;
   exports.RecentlyViewedService = RecentlyViewedService;
   exports.RenameComponent = RenameComponent;
-  exports.RolesService = RolesService$1;
+  exports.RolesService = RolesService;
   exports.SUBSCRIPTION_STATE = SUBSCRIPTION_STATE;
   exports.SafeHtmlPipe = SafeHtmlPipe;
   exports.ScanComponent = ScanComponent;
@@ -32235,7 +31189,7 @@
   exports.SidepanelComponent = SidepanelComponent;
   exports.SingleActivityComponent = SingleActivityComponent;
   exports.SpinnerComponent = SpinnerComponent;
-  exports.TRANSLATION_PROVIDER = TRANSLATION_PROVIDER$1;
+  exports.TRANSLATION_PROVIDER = TRANSLATION_PROVIDER;
   exports.TableComponent = TableComponent;
   exports.TableModule = TableModule;
   exports.TagsApiService = TagsApiService;
@@ -32245,7 +31199,7 @@
   exports.TransferDocComponent = TransferDocComponent;
   exports.TranslateLoaderService = TranslateLoaderService;
   exports.TranslatedVocabularySelectComponent = TranslatedVocabularySelectComponent;
-  exports.TranslationService = TranslationService$1;
+  exports.TranslationService = TranslationService;
   exports.TreeviewSelectComponent = TreeviewSelectComponent;
   exports.UpdateModalComponent = UpdateModalComponent;
   exports.UploadFileService = UploadFileService;
@@ -32253,7 +31207,7 @@
   exports.UserCardComponent = UserCardComponent;
   exports.UserComponent = UserComponent;
   exports.UserModule = UserModule;
-  exports.UserPreferencesService = UserPreferencesService$1;
+  exports.UserPreferencesService = UserPreferencesService;
   exports.UserService = UserService;
   exports.UsersCardComponent = UsersCardComponent;
   exports.UsersCardModule = UsersCardModule;