nuxeo-development-framework 4.0.4 → 4.0.6

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/common/http'), require('@angular/forms'), require('@angular/material/dialog'), require('rxjs'), require('@angular/router'), require('@ngx-translate/core'), require('rxjs/operators'), require('@angular/animations'), require('ngx-toastr'), require('crypto-js'), require('@angular/cdk/bidi'), require('keycloak-angular'), require('ngx-cookie-service'), require('lodash-es'), require('@angular/material/icon'), require('@angular/material/tooltip'), require('@angular/cdk/coercion'), require('moment'), require('lodash/omit'), require('lodash/assign'), require('lodash/cloneDeep'), require('@angular/platform-browser'), require('moment-es6'), require('moment-hijri'), require('@angular/material/progress-spinner'), require('ngx-infinite-scroll'), require('@angular/material/list'), require('@angular/material/menu'), require('angular-ng-autocomplete'), require('@angular/material/core'), 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('formiojs'), require('lodash'), require('lodash/find'), require('lodash/isEqual'), 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('rete-angular-plugin'), require('rete'), require('rete-area-plugin'), require('rete-auto-arrange-plugin'), require('rete-connection-plugin'), require('rete-connection-reroute-plugin'), require('rete-readonly-plugin'), require('rete-minimap-plugin'), require('d3-shape'), require('rete-connection-path-plugin'), require('rete-render-utils'), 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', '@angular/material/dialog', 'rxjs', '@angular/router', '@ngx-translate/core', 'rxjs/operators', '@angular/animations', 'ngx-toastr', 'crypto-js', '@angular/cdk/bidi', 'keycloak-angular', 'ngx-cookie-service', 'lodash-es', '@angular/material/icon', '@angular/material/tooltip', '@angular/cdk/coercion', 'moment', 'lodash/omit', 'lodash/assign', 'lodash/cloneDeep', '@angular/platform-browser', 'moment-es6', 'moment-hijri', '@angular/material/progress-spinner', 'ngx-infinite-scroll', '@angular/material/list', '@angular/material/menu', 'angular-ng-autocomplete', '@angular/material/core', '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', 'formiojs', 'lodash', 'lodash/find', 'lodash/isEqual', '@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', 'rete-angular-plugin', 'rete', 'rete-area-plugin', 'rete-auto-arrange-plugin', 'rete-connection-plugin', 'rete-connection-reroute-plugin', 'rete-readonly-plugin', 'rete-minimap-plugin', 'd3-shape', 'rete-connection-path-plugin', 'rete-render-utils', '@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.ng.material.dialog, global.rxjs, global.ng.router, global.i1$1, global.rxjs.operators, global.ng.animations, global.i1$2, global.CryptoJS, global.ng.cdk.bidi, global.i2, global.i3, global.lodashEs, global.ng.material.icon, global.ng.material.tooltip, global.ng.cdk.coercion, global.moment$4, global._omit, global._assign, global._cloneDeep, global.ng.platformBrowser, global.moment$5, global.moment_, global.ng.material.progressSpinner, global.i9, global.ng.material.list, global.ng.material.menu, global.i6$1, global.ng.material.core, 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$2, global.i1$6, global.i1$5, global.formiojs, global._, global._find, global._isEqual, global.i4$2, global.ng.cdk.layout, global.ng.material.autocomplete, global.Dynamsoft, global.ng.material.progressBar, global.chart_js, null, null, global.i3$3, 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.i2$8, global.rete, global.reteAreaPlugin, global.reteAutoArrangePlugin, global.reteConnectionPlugin, global.reteConnectionReroutePlugin, global.reteReadonlyPlugin, global.reteMinimapPlugin, global.d3Shape, global.reteConnectionPathPlugin, global.reteRenderUtils, global.ng.material.badge, global.ng.material.toolbar));
-})(this, (function (exports, i0, i4, i1, i6, i1$3, rxjs, i1$4, i1$1, operators, animations, i1$2, CryptoJS, i4$1, i2, i3, lodashEs, i2$1, i2$2, coercion, moment$4, _omit, _assign, _cloneDeep, i2$3, moment$5, moment_, i8, i9, i2$4, i3$1, i6$1, i2$5, tsCacheable, i5, i6$2, i7, i6$3, i1$7, i7$1, datepicker, i5$1, i2$7, i2$6, i6$4, core, i3$2, i1$6, i1$5, formiojs, _, _find, _isEqual, i4$2, i5$2, i7$2, Dynamsoft, i4$3, chart_js, chartjsPluginPiechartOutlabels, chartjsPluginLabels, i3$3, FileSaver, i4$4, i5$3, WebViewer, i1$8, i8$1, localeAr, localeEn, reactiveFormValidators, i2$8, rete, reteAreaPlugin, reteAutoArrangePlugin, reteConnectionPlugin, reteConnectionReroutePlugin, reteReadonlyPlugin, reteMinimapPlugin, d3Shape, reteConnectionPathPlugin, reteRenderUtils, i7$3, toolbar) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/common/http'), require('@angular/forms'), require('@angular/material/dialog'), require('rxjs'), require('@angular/router'), require('@ngx-translate/core'), require('rxjs/operators'), require('@angular/animations'), require('ngx-toastr'), require('crypto-js'), require('@angular/cdk/bidi'), require('keycloak-angular'), require('ngx-cookie-service'), require('@angular/cdk/coercion'), require('@angular/material/icon'), require('@angular/material/tooltip'), require('lodash-es'), require('moment'), require('lodash/omit'), require('lodash/assign'), require('lodash/cloneDeep'), require('@angular/platform-browser'), require('moment-es6'), require('moment-hijri'), require('@angular/material/progress-spinner'), require('ngx-infinite-scroll'), require('@angular/material/list'), require('@angular/material/menu'), require('angular-ng-autocomplete'), require('@angular/material/core'), 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('formiojs'), require('lodash'), require('lodash/find'), require('lodash/isEqual'), 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('rete-angular-plugin'), require('rete'), require('rete-area-plugin'), require('rete-auto-arrange-plugin'), require('rete-connection-plugin'), require('rete-connection-reroute-plugin'), require('rete-readonly-plugin'), require('rete-minimap-plugin'), require('d3-shape'), require('rete-connection-path-plugin'), require('rete-render-utils'), 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', '@angular/material/dialog', 'rxjs', '@angular/router', '@ngx-translate/core', 'rxjs/operators', '@angular/animations', 'ngx-toastr', 'crypto-js', '@angular/cdk/bidi', 'keycloak-angular', 'ngx-cookie-service', '@angular/cdk/coercion', '@angular/material/icon', '@angular/material/tooltip', 'lodash-es', 'moment', 'lodash/omit', 'lodash/assign', 'lodash/cloneDeep', '@angular/platform-browser', 'moment-es6', 'moment-hijri', '@angular/material/progress-spinner', 'ngx-infinite-scroll', '@angular/material/list', '@angular/material/menu', 'angular-ng-autocomplete', '@angular/material/core', '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', 'formiojs', 'lodash', 'lodash/find', 'lodash/isEqual', '@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', 'rete-angular-plugin', 'rete', 'rete-area-plugin', 'rete-auto-arrange-plugin', 'rete-connection-plugin', 'rete-connection-reroute-plugin', 'rete-readonly-plugin', 'rete-minimap-plugin', 'd3-shape', 'rete-connection-path-plugin', 'rete-render-utils', '@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.ng.material.dialog, global.rxjs, global.ng.router, global.i1$1, global.rxjs.operators, global.ng.animations, global.i1$2, global.CryptoJS, global.ng.cdk.bidi, global.i2, global.i3, global.ng.cdk.coercion, global.ng.material.icon, global.ng.material.tooltip, global.lodashEs, global.moment$4, global._omit, global._assign, global._cloneDeep, global.ng.platformBrowser, global.moment$5, global.moment_, global.ng.material.progressSpinner, global.i9, global.ng.material.list, global.ng.material.menu, global.i6$1, global.ng.material.core, 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$2, global.i1$6, global.i1$5, global.formiojs, global._, global._find, global._isEqual, global.i4$2, global.ng.cdk.layout, global.ng.material.autocomplete, global.Dynamsoft, global.ng.material.progressBar, global.chart_js, null, null, global.i3$3, 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.i2$8, global.rete, global.reteAreaPlugin, global.reteAutoArrangePlugin, global.reteConnectionPlugin, global.reteConnectionReroutePlugin, global.reteReadonlyPlugin, global.reteMinimapPlugin, global.d3Shape, global.reteConnectionPathPlugin, global.reteRenderUtils, global.ng.material.badge, global.ng.material.toolbar));
+})(this, (function (exports, i0, i4, i1, i6, i1$4, rxjs, i1$3, i1$1, operators, animations, i1$2, CryptoJS, i4$1, i2, i3, coercion, i2$1, i2$2, lodashEs, moment$4, _omit, _assign, _cloneDeep, i2$3, moment$5, moment_, i8, i9, i2$4, i3$1, i6$1, i2$5, tsCacheable, i5, i6$2, i7, i6$3, i1$7, i7$1, datepicker, i5$1, i2$7, i2$6, i6$4, core, i3$2, i1$6, i1$5, formiojs, _, _find, _isEqual, i4$2, i5$2, i7$2, Dynamsoft, i4$3, chart_js, chartjsPluginPiechartOutlabels, chartjsPluginLabels, i3$3, FileSaver, i4$4, i5$3, WebViewer, i1$8, i8$1, localeAr, localeEn, reactiveFormValidators, i2$8, rete, reteAreaPlugin, reteAutoArrangePlugin, reteConnectionPlugin, reteConnectionReroutePlugin, reteReadonlyPlugin, reteMinimapPlugin, d3Shape, reteConnectionPathPlugin, reteRenderUtils, i7$3, toolbar) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,8 +28,8 @@
   var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4);
   var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1);
   var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-  var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
-  var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
+  var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$4);
+  var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$3);
   var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
   var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$2);
   var CryptoJS__default = /*#__PURE__*/_interopDefaultLegacy(CryptoJS);
@@ -2142,175 +2142,6 @@
                   }]
           }], ctorParameters: function () { return [{ type: UtilityService }]; } });
 
-  var defaultConfirmConfig = {
-      title: 'confirmDialog.confirm',
-      message: 'confirmDialog.generalConfirmMsg',
-      icon: {
-          show: true,
-          name: 'heroicons_outline:exclamation',
-          color: 'warn'
-      },
-      actions: {
-          confirm: {
-              show: true,
-              label: 'BUTTONS.confirm',
-              color: 'warn',
-              fn: function () {
-                  return rxjs.of(false);
-              }
-          },
-          moreActions: []
-      }
-  };
-
-  var NdfNuxeoDialog = /** @class */ (function (_super) {
-      __extends(NdfNuxeoDialog, _super);
-      function NdfNuxeoDialog(injector) {
-          var _this = _super.call(this) || this;
-          _this.dialogTitle = "";
-          _this.subTitle = "";
-          _this.loaderMode = "spinner";
-          _this.dialogBodyTopOffset = 0;
-          _this.loading = false;
-          _this.data = injector.get(i1$3.MAT_DIALOG_DATA, null);
-          _this.dialogRef = injector.get(i1$3.MatDialogRef, null);
-          return _this;
-      }
-      NdfNuxeoDialog.prototype.executeAction = function (action) {
-          var _this = this;
-          var params = [];
-          for (var _i = 1; _i < arguments.length; _i++) {
-              params[_i - 1] = arguments[_i];
-          }
-          this.dialogBodyTopOffset = this.dialogBody.nativeElement.scrollTop;
-          if (action) {
-              if (!this.isArrowFunction(action)) {
-                  throw new Error("The action should be arrow function");
-              }
-              this.loading = true;
-              //TODO here we should find a way to test if actions instance of DialogActionType
-              var result = action.apply(void 0, __spreadArray([], __read(params)));
-              if (!rxjs.isObservable(result)) {
-                  this.loading = false;
-                  throw new Error("The action you used should return an Observable");
-              }
-              result.pipe(operators.takeUntil(this.destroy$)).subscribe(function (value) {
-                  _this.loading = false;
-                  _this.dialogRef.close(value);
-              }, function (err) {
-                  _this.loading = false;
-              });
-          }
-          else {
-              this.dialogRef.close();
-          }
-      };
-      NdfNuxeoDialog.prototype.isArrowFunction = function (fn) {
-          var strFn = fn.toString();
-          var firstIndex = strFn.indexOf(")");
-          var lastIndex = strFn.indexOf("{") + 1;
-          var target = strFn.substring(firstIndex, lastIndex).replace(" ", "");
-          return target.includes("=>");
-      };
-      NdfNuxeoDialog.prototype.onClose = function () {
-          this.dialogRef.close();
-      };
-      return NdfNuxeoDialog;
-  }(DestroySubject$1));
-  NdfNuxeoDialog.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfNuxeoDialog, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  NdfNuxeoDialog.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: { dialogTitle: "dialogTitle", subTitle: "subTitle", loaderMode: "loaderMode" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }, { propertyName: "actionsTemplate", first: true, predicate: ["actionsTemplate"], descendants: true }], viewQueries: [{ propertyName: "dialogBody", first: true, predicate: ["dialogBody"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div SetDirRtl class=\"ndf-dialog-wrapper\">\r\n\t<div class=\"dialog-header\">\r\n\t\t<div class=\"flex flex-col\">\r\n\t\t\t<span>{{ data?.dialogConfig?.title || dialogTitle }}</span>\r\n\t\t\t<span class=\"text-base font-normal\"\r\n\t\t\t\t>{{ data?.dialogConfig?.subTitle || subTitle }}</span\r\n\t\t\t>\r\n\t\t</div>\r\n\t\t<button\r\n\t\t\tclass=\"flex items-center justify-center rounded-full bg-anti-flash-white w-10 h-10\"\r\n\t\t\t(click)=\"executeAction()\"\r\n\t\t\tmatTooltip=\"{{'BUTTONS.CLOSE' | translate}}\"\r\n\t\t>\r\n\t\t\t<mat-icon class=\"icon-size-3.5\" [svgIcon]=\"'icons:cancel-icon'\">\r\n\t\t\t</mat-icon>\r\n\t\t</button>\r\n\t</div>\r\n\t<div #dialogBody class=\"dialog-body\" [ngClass]=\"{'overflow-hidden': loading}\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"data?.dialogConfig?.contentTemplate || contentTemplate\"\r\n\t\t></ng-container>\r\n\t\t<ng-container *ngIf=\"loading\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"overlay bg-gray-300 opacity-40 z-999\"\r\n\t\t\t\t[ngStyle]=\"{'top': dialogBodyTopOffset + 'px'}\"\r\n\t\t\t></div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"overlay z-9999\"\r\n\t\t\t\t*ngIf=\"loaderMode === 'spinner'\"\r\n\t\t\t\t[ngStyle]=\"{'top': dialogBodyTopOffset + 'px'}\"\r\n\t\t\t>\r\n\t\t\t\t<mat-spinner\r\n\t\t\t\t\t[value]=\"90\"\r\n\t\t\t\t\t[strokeWidth]=\"4\"\r\n\t\t\t\t\toverlay=\"true\"\r\n\t\t\t\t\t[diameter]=\"40\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t>\r\n\t\t\t\t</mat-spinner>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"block w-full h-px absolute inset-0 z-9999\"\r\n\t\t\t\t*ngIf=\"loaderMode === 'progressBar'\"\r\n\t\t\t>\r\n\t\t\t\t<mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t</div>\r\n\t<div class=\"flex w-full justify-end p-6 pt-0 gap-x-4\">\r\n\t\t<button class=\"cancelation-button\" (click)=\"executeAction()\">\r\n\t\t\t{{\"BUTTONS.CANCEL\" | translate}}\r\n\t\t</button>\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"(data?.dialogConfig?.actionsTemplate || actionsTemplate); context: { dialog: this }\"\r\n\t\t></ng-container>\r\n\t</div>\r\n</div>\r\n", styles: ["::ng-deep .ndf-dialog .mat-dialog-container{overflow:hidden!important;border-radius:8px!important}.ndf-dialog-wrapper{@apply flex flex-col;}.ndf-dialog-wrapper .dialog-header{@apply flex h-20 p-6 justify-between items-center w-full bg-vapor text-blue-munsell text-xl not-italic font-bold leading-7;}.ndf-dialog-wrapper .dialog-body{height:auto;max-height:calc(100vh - 208px);@apply flex flex-col gap-y-4 p-6 overflow-y-auto relative z-99;}.ndf-dialog-wrapper .overlay{@apply flex w-full h-full items-center justify-center absolute left-0 bottom-0 right-0;}\n"], components: [{ type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2__namespace$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfNuxeoDialog, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: "ndf-nuxeo-dialog",
-                      templateUrl: "./nuxeo.dialog.html",
-                      styleUrls: ["./nuxeo.dialog.scss"],
-                  }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; }, propDecorators: { dialogTitle: [{
-                  type: i0.Input
-              }], subTitle: [{
-                  type: i0.Input
-              }], loaderMode: [{
-                  type: i0.Input
-              }], contentTemplate: [{
-                  type: i0.ContentChild,
-                  args: ["contentTemplate"]
-              }], actionsTemplate: [{
-                  type: i0.ContentChild,
-                  args: ["actionsTemplate"]
-              }], dialogBody: [{
-                  type: i0.ViewChild,
-                  args: ["dialogBody"]
-              }] } });
-
-  var NdfConfirmationDialogComponent = /** @class */ (function (_super) {
-      __extends(NdfConfirmationDialogComponent, _super);
-      function NdfConfirmationDialogComponent(injector) {
-          return _super.call(this, injector) || this;
-      }
-      return NdfConfirmationDialogComponent;
-  }(BaseDialogComponent));
-  NdfConfirmationDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfConfirmationDialogComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  NdfConfirmationDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfConfirmationDialogComponent, selector: "ndf-confirmation-dialog", usesInheritance: true, ngImport: i0__namespace, template: "<ndf-nuxeo-dialog dialogTitle=\"{{ dialogData.title | translate }}\">\r\n\t<ng-template #contentTemplate>\r\n\t\t<!-- Content -->\r\n\t\t<div class=\"flex flex-row gap-x-2 items-center\">\r\n\t\t\t<!-- Icon -->\r\n\t\t\t<ng-container *ngIf=\"dialogData.icon.show\">\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"flex flex-0 items-center justify-center w-10 h-10 sm:mr-4 rounded-full\"\r\n\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\tprimaryIcon: dialogData.icon.color === 'primary',\r\n\t\t\t\t\t\taccentIcon: dialogData.icon.color === 'accent',\r\n\t\t\t\t\t\twarnIcon: dialogData.icon.color === 'warn',\r\n\t\t\t\t\t\tbasicIcon: dialogData.icon.color === 'basic',\r\n\t\t\t\t\t\tinfoIcon: dialogData.icon.color === 'info',\r\n\t\t\t\t\t\tsuccessIcon: dialogData.icon.color === 'success',\r\n\t\t\t\t\t\twarningIcon: dialogData.icon.color === 'warning',\r\n\t\t\t\t\t\terrorIcon: dialogData.icon.color === 'error'\r\n\t\t\t\t\t}\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<mat-icon\r\n\t\t\t\t\t\tclass=\"text-current\"\r\n\t\t\t\t\t\t[svgIcon]=\"dialogData.icon.name\"\r\n\t\t\t\t\t></mat-icon>\r\n\t\t\t\t</div>\r\n\t\t\t</ng-container>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"text-secondary\"\r\n\t\t\t\t[innerHtml]=\"dialogData.message | translate\"\r\n\t\t\t></div>\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n\t<ng-template #actionsTemplate let-dialog=\"dialog\">\r\n\t\t<ng-container *ngIf=\"dialogData.actions.confirm.show\">\r\n\t\t\t<button\r\n\t\t\t\t(click)=\"dialog.executeAction(dialogData.actions.confirm.fn)\"\r\n\t\t\t\tclass=\"submission-button\"\r\n\t\t\t\t[color]=\"dialogData.actions.confirm.color\"\r\n\t\t\t\t[disabled]=\"dialog.loading\"\r\n\t\t\t>\r\n\t\t\t\t{{ dialogData.actions.confirm.label | translate }}\r\n\t\t\t</button>\r\n\t\t</ng-container>\r\n\t\t<ng-container *ngIf=\"dialogData.actions.moreActions.length\">\r\n\t\t\t<ng-container *ngFor=\"let btn of dialogData.actions.moreActions\">\r\n\t\t\t\t<button\r\n\t\t\t\t\t(click)=\"dialog.executeAction(btn.fn)\"\r\n\t\t\t\t\tclass=\"submission-button\"\r\n\t\t\t\t\t[color]=\"btn.color\"\r\n\t\t\t\t\t[disabled]=\"dialog.loading\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ btn.label | translate }}\r\n\t\t\t\t</button>\r\n\t\t\t</ng-container>\r\n\t\t</ng-container>\r\n\t</ng-template>\r\n</ndf-nuxeo-dialog>\r\n", styles: [".primaryIcon{@apply text-primary-600 bg-primary-100 dark:text-primary-50 dark:bg-primary-600;}.accentIcon{@apply text-accent-600 bg-accent-100 dark:text-accent-50 dark:bg-accent-600;}.warnIcon{@apply text-warn-600 bg-warn-100 dark:text-warn-50 dark:bg-warn-600;}.basicIcon{@apply text-gray-600 bg-gray-100 dark:text-gray-50 dark:bg-gray-600;}.infoIcon{@apply text-blue-600 bg-blue-100 dark:text-blue-50 dark:bg-blue-600;}.successIcon{@apply text-green-500 bg-green-100 dark:text-green-50 dark:bg-green-500;}.warningIcon{@apply text-amber-500 bg-amber-100 dark:text-amber-50 dark:bg-amber-500;}.errorIcon{@apply text-red-600 bg-red-100 dark:text-red-50 dark:bg-red-600;}::ng-deep .ndf-confirmation-dialog-panel{min-width:25%!important}\n"], components: [{ type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: ["dialogTitle", "subTitle", "loaderMode"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfConfirmationDialogComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: "ndf-confirmation-dialog",
-                      templateUrl: "./ndf-confirmation-dialog.component.html",
-                      styleUrls: ["./ndf-confirmation-dialog.component.scss"],
-                  }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
-
-  var _NuxeoDialogService_instances, _NuxeoDialogService_getPanelClass;
-  var NuxeoDialogService = /** @class */ (function () {
-      function NuxeoDialogService(dialog) {
-          this.dialog = dialog;
-          _NuxeoDialogService_instances.add(this);
-      }
-      NuxeoDialogService.prototype.open = function (options) {
-          var _a, _b, _c, _d;
-          return this.dialog.open(options.component, {
-              width: (options === null || options === void 0 ? void 0 : options.width) || "auto",
-              height: (options === null || options === void 0 ? void 0 : options.height) || "auto",
-              minWidth: "35%",
-              panelClass: __spreadArray(["ndf-dialog"], __read(__classPrivateFieldGet(this, _NuxeoDialogService_instances, "m", _NuxeoDialogService_getPanelClass).call(this, options === null || options === void 0 ? void 0 : options.panelClass))),
-              disableClose: true,
-              data: Object.assign({ dialogConfig: {
-                      title: (_a = options.config) === null || _a === void 0 ? void 0 : _a.title,
-                      subTitle: (_b = options.config) === null || _b === void 0 ? void 0 : _b.subTitle,
-                      contentTemplate: (_c = options.config) === null || _c === void 0 ? void 0 : _c.contentTemplate,
-                      actionsTemplate: (_d = options.config) === null || _d === void 0 ? void 0 : _d.actionsTemplate,
-                  } }, (options.data || {})),
-          });
-      };
-      NuxeoDialogService.prototype.showConfirm = function (config) {
-          // Merge the user config with the default config
-          var confirmConfig = lodashEs.merge({}, defaultConfirmConfig, config);
-          var options = {
-              component: NdfConfirmationDialogComponent,
-              data: Object.assign({}, confirmConfig),
-              panelClass: "ndf-confirmation-dialog-panel",
-          };
-          return this.open(options);
-      };
-      return NuxeoDialogService;
-  }());
-  _NuxeoDialogService_instances = new WeakSet(), _NuxeoDialogService_getPanelClass = function _NuxeoDialogService_getPanelClass(panelClass) {
-      var classes = [""];
-      if (panelClass) {
-          classes = Array.isArray(panelClass) ? panelClass : [panelClass];
-      }
-      return classes;
-  };
-  NuxeoDialogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogService, deps: [{ token: i1__namespace$3.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  NuxeoDialogService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogService, providedIn: "root" });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogService, decorators: [{
-              type: i0.Injectable,
-              args: [{
-                      providedIn: "root",
-                  }]
-          }], ctorParameters: function () { return [{ type: i1__namespace$3.MatDialog }]; } });
-
   var _BaseComponent_loading;
   var BaseComponent = /** @class */ (function (_super) {
       __extends(BaseComponent, _super);
@@ -2318,15 +2149,14 @@
           var _this = _super.call(this) || this;
           _BaseComponent_loading.set(_this, void 0);
           _this.cdr = injector.get(i0.ChangeDetectorRef);
-          _this.activatedRoute = injector.get(i1$4.ActivatedRoute);
-          _this.routerService = injector.get(i1$4.Router);
+          _this.activatedRoute = injector.get(i1$3.ActivatedRoute);
+          _this.routerService = injector.get(i1$3.Router);
           _this.translateService = injector.get(i1$1.TranslateService);
           _this.formBuilder = injector.get(i6.FormBuilder);
           _this.toastrService = injector.get(CustomToastrService);
           _this.mainFolderService = injector.get(MainfolderService);
           _this.userPreferencesService = injector.get(UserPreferencesService);
           _this.appConfigService = injector.get(AppConfigService);
-          _this.nuxeoDialogService = injector.get(NuxeoDialogService);
           _this.adapter = injector.get(AdapterService);
           return _this;
       }
@@ -2349,21 +2179,21 @@
       });
       Object.defineProperty(BaseComponent.prototype, "isArabic", {
           get: function () {
-              return this.currentLang == "ar";
+              return this.currentLang == 'ar';
           },
           enumerable: false,
           configurable: true
       });
       Object.defineProperty(BaseComponent.prototype, "isArabic$", {
           get: function () {
-              return this.translateService.onLangChange.pipe(operators.map(function (event) { return event.lang == "ar"; }));
+              return this.translateService.onLangChange.pipe(operators.map(function (event) { return event.lang == 'ar'; }));
           },
           enumerable: false,
           configurable: true
       });
       Object.defineProperty(BaseComponent.prototype, "direction", {
           get: function () {
-              return this.translateService.currentLang === "ar" ? "rtl" : "ltr";
+              return this.translateService.currentLang === 'ar' ? 'rtl' : 'ltr';
           },
           enumerable: false,
           configurable: true
@@ -2386,8 +2216,8 @@
           var _this = _super.call(this, _injector) || this;
           _this._injector = _injector;
           _BaseDialogComponent_dialogRef.set(_this, void 0);
-          _this.dialogData = _injector.get(i1$3.MAT_DIALOG_DATA);
-          __classPrivateFieldSet(_this, _BaseDialogComponent_dialogRef, _injector.get(i1$3.MatDialogRef), "f");
+          _this.dialogData = _injector.get(i1$4.MAT_DIALOG_DATA);
+          __classPrivateFieldSet(_this, _BaseDialogComponent_dialogRef, _injector.get(i1$4.MatDialogRef), "f");
           return _this;
       }
       BaseDialogComponent.prototype.close = function (result) {
@@ -2530,316 +2360,1063 @@
                   type: i0.Input
               }] } });
 
-  var NuxeoDialogModule = /** @class */ (function () {
-      function NuxeoDialogModule() {
+  /** @ignore */
+  var SetDirRtlDirective = /** @class */ (function () {
+      function SetDirRtlDirective(elRef, renderer, translation) {
+          this.elRef = elRef;
+          this.renderer = renderer;
+          this.translation = translation;
+          this.switchDirBasedOnLanguage();
       }
-      return NuxeoDialogModule;
+      SetDirRtlDirective.prototype.switchDirBasedOnLanguage = function () {
+          var _this = this;
+          this.translation.isArabic.subscribe(function (arabic) {
+              arabic
+                  ? _this.renderer.setAttribute(_this.elRef.nativeElement, 'dir', 'rtl')
+                  : _this.renderer.setAttribute(_this.elRef.nativeElement, 'dir', 'ltr');
+          });
+      };
+      return SetDirRtlDirective;
   }());
-  NuxeoDialogModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  NuxeoDialogModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogModule, declarations: [NdfNuxeoDialog, NdfConfirmationDialogComponent], imports: [i4.CommonModule,
-          i1$1.TranslateModule,
-          i2$1.MatIconModule,
-          i1$3.MatDialogModule,
-          i2$2.MatTooltipModule], exports: [NdfNuxeoDialog, NdfConfirmationDialogComponent] });
-  NuxeoDialogModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogModule, imports: [[
-              i4.CommonModule,
-              i1$1.TranslateModule,
-              i2$1.MatIconModule,
-              i1$3.MatDialogModule,
-              i2$2.MatTooltipModule
-          ]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogModule, decorators: [{
-              type: i0.NgModule,
+  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: [{
-                      declarations: [NdfNuxeoDialog, NdfConfirmationDialogComponent],
-                      imports: [
-                          i4.CommonModule,
-                          i1$1.TranslateModule,
-                          i2$1.MatIconModule,
-                          i1$3.MatDialogModule,
-                          i2$2.MatTooltipModule
-                      ],
-                      exports: [NdfNuxeoDialog, NdfConfirmationDialogComponent]
+                      selector: '[SetDirRtl]',
                   }]
-          }] });
+          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }, { type: TranslationService }]; } });
 
-  var NuxeoMapper = /** @class */ (function () {
-      function NuxeoMapper() {
+  var NdfNuxeoDialog = /** @class */ (function (_super) {
+      __extends(NdfNuxeoDialog, _super);
+      function NdfNuxeoDialog(injector) {
+          var _this = _super.call(this, injector) || this;
+          _this.dialogTitle = '';
+          _this.subTitle = '';
+          _this.loaderMode = 'spinner';
+          _this.dialogBodyTopOffset = 0;
+          _this.data = injector.get(i1$4.MAT_DIALOG_DATA, null);
+          _this.dialogRef = injector.get(i1$4.MatDialogRef, null);
+          return _this;
       }
-      NuxeoMapper.schemaToModel = function (properties) {
-          var mappedProperties = {};
-          for (var key in properties) {
-              if (properties.hasOwnProperty(key)) {
-                  var _a = __read(key.split(':'), 2), prefix = _a[0], propertyKey = _a[1];
-                  if (!mappedProperties[prefix]) {
-                      mappedProperties[prefix] = {};
-                  }
-                  mappedProperties[prefix][propertyKey] =
-                      properties[key];
-              }
+      NdfNuxeoDialog.prototype.executeAction = function (action) {
+          var _this = this;
+          var params = [];
+          for (var _i = 1; _i < arguments.length; _i++) {
+              params[_i - 1] = arguments[_i];
           }
-          return mappedProperties;
-      };
-      NuxeoMapper.modelToSchema = function (model) {
-          var packedProperties = {};
-          for (var schemaKey in model) {
-              if (model.hasOwnProperty(schemaKey)) {
-                  var schemaProperties = model[schemaKey];
-                  for (var propertyKey in schemaProperties) {
-                      if (schemaProperties.hasOwnProperty(propertyKey)) {
-                          packedProperties[schemaKey + ":" + propertyKey] =
-                              schemaProperties[propertyKey];
-                      }
-                  }
+          this.dialogBodyTopOffset = this.dialogBody.nativeElement.scrollTop;
+          if (action) {
+              if (!this.isArrowFunction(action)) {
+                  throw new Error('The action should be arrow function');
               }
-          }
-          return packedProperties;
-      };
-      return NuxeoMapper;
-  }());
-
-  var ENTITY_TYPE = 'entity-type';
-
-  var _HttpBaseService_http;
-  var HttpBaseService = /** @class */ (function () {
-      function HttpBaseService(injector) {
-          _HttpBaseService_http.set(this, void 0);
-          __classPrivateFieldSet(this, _HttpBaseService_http, injector.get(i1.HttpClient), "f");
-      }
-      Object.defineProperty(HttpBaseService.prototype, "environment", {
-          get: function () {
-              return EnvManager.environment;
-          },
-          enumerable: false,
-          configurable: true
-      });
-      HttpBaseService.prototype.get = function (endpointOrOptions, params, headers, responseType) {
-          if (params === void 0) { params = undefined; }
-          if (headers === void 0) { headers = undefined; }
-          if (responseType === void 0) { responseType = undefined; }
-          var _a, _b, _c;
-          var url;
-          if (typeof endpointOrOptions === "string") {
-              url = endpointOrOptions;
-          }
-          else {
-              var options = endpointOrOptions;
-              url = options.endpoint;
-              params = (_a = options.params) !== null && _a !== void 0 ? _a : undefined;
-              headers = (_b = options.headers) !== null && _b !== void 0 ? _b : undefined;
-              responseType = (_c = options.responseType) !== null && _c !== void 0 ? _c : undefined;
-          }
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f")
-              .get(url, { headers: headers, params: params, responseType: responseType })
-              .pipe(operators.map(function (response) { return response; }), this.catchErrors());
-      };
-      HttpBaseService.prototype.post = function (endpointOrOptions, payload, params, headers, responseType) {
-          if (payload === void 0) { payload = undefined; }
-          if (params === void 0) { params = undefined; }
-          if (headers === void 0) { headers = undefined; }
-          if (responseType === void 0) { responseType = undefined; }
-          var _a, _b, _c, _d;
-          var url;
-          if (typeof endpointOrOptions === "string") {
-              url = endpointOrOptions;
-          }
-          else {
-              var options = endpointOrOptions;
-              url = options.endpoint;
-              payload = (_a = options.payload) !== null && _a !== void 0 ? _a : undefined;
-              params = (_b = options.params) !== null && _b !== void 0 ? _b : undefined;
-              headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
-              responseType = (_d = options.responseType) !== null && _d !== void 0 ? _d : undefined;
-          }
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f")
-              .post(url, payload, { headers: headers, params: params, responseType: responseType })
-              .pipe(operators.map(function (response) { return response; }), this.catchErrors());
-      };
-      HttpBaseService.prototype.put = function (endpointOrOptions, payload, params, headers, responseType) {
-          if (payload === void 0) { payload = undefined; }
-          if (params === void 0) { params = undefined; }
-          if (headers === void 0) { headers = undefined; }
-          if (responseType === void 0) { responseType = undefined; }
-          var _a, _b, _c, _d;
-          var url;
-          if (typeof endpointOrOptions === "string") {
-              url = endpointOrOptions;
-          }
-          else {
-              var options = endpointOrOptions;
-              url = options.endpoint;
-              payload = (_a = options.payload) !== null && _a !== void 0 ? _a : undefined;
-              params = (_b = options.params) !== null && _b !== void 0 ? _b : undefined;
-              headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
-              responseType = (_d = options.responseType) !== null && _d !== void 0 ? _d : undefined;
-          }
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f")
-              .put(url, payload, { headers: headers, params: params, responseType: responseType })
-              .pipe(operators.map(function (response) { return response; }), this.catchErrors());
-      };
-      HttpBaseService.prototype.patch = function (endpointOrOptions, payload, params, headers, responseType) {
-          if (payload === void 0) { payload = undefined; }
-          if (params === void 0) { params = undefined; }
-          if (headers === void 0) { headers = undefined; }
-          if (responseType === void 0) { responseType = undefined; }
-          var _a, _b, _c, _d;
-          var url;
-          if (typeof endpointOrOptions === "string") {
-              url = endpointOrOptions;
-          }
-          else {
-              var options = endpointOrOptions;
-              url = options.endpoint;
-              payload = (_a = options.payload) !== null && _a !== void 0 ? _a : undefined;
-              params = (_b = options.params) !== null && _b !== void 0 ? _b : undefined;
-              headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
-              responseType = (_d = options.responseType) !== null && _d !== void 0 ? _d : undefined;
-          }
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f")
-              .patch(url, payload, { headers: headers, params: params, responseType: responseType })
-              .pipe(operators.map(function (response) { return response; }), this.catchErrors());
-      };
-      HttpBaseService.prototype.delete = function (endpointOrOptions, params, headers, responseType) {
-          if (params === void 0) { params = undefined; }
-          if (headers === void 0) { headers = undefined; }
-          if (responseType === void 0) { responseType = undefined; }
-          var _a, _b, _c;
-          var url;
-          if (typeof endpointOrOptions === "string") {
-              url = endpointOrOptions;
+              this.loading = true;
+              //TODO here we should find a way to test if actions instance of DialogActionType
+              var result = action.apply(void 0, __spreadArray([], __read(params)));
+              if (!rxjs.isObservable(result)) {
+                  this.loading = false;
+                  throw new Error('The action you used should return an Observable');
+              }
+              result.pipe(operators.takeUntil(this.destroy$)).subscribe(function (value) {
+                  _this.loading = false;
+                  _this.dialogRef.close(value);
+              }, function (err) {
+                  _this.loading = false;
+              });
           }
           else {
-              var options = endpointOrOptions;
-              url = options.endpoint;
-              params = (_a = options.params) !== null && _a !== void 0 ? _a : undefined;
-              headers = (_b = options.headers) !== null && _b !== void 0 ? _b : undefined;
-              responseType = (_c = options.responseType) !== null && _c !== void 0 ? _c : undefined;
+              this.dialogRef.close();
           }
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f")
-              .delete(url, { headers: headers, params: params, responseType: responseType })
-              .pipe(operators.map(function (response) { return response; }), this.catchErrors());
       };
-      HttpBaseService.prototype.httpAutomation = function (endpoint, payload, responseType) {
-          if (payload === void 0) { payload = undefined; }
-          if (responseType === void 0) { responseType = undefined; }
-          return __classPrivateFieldGet(this, _HttpBaseService_http, "f")
-              .post(endpoint, payload, { responseType: responseType })
-              .pipe(this.catchErrors());
+      NdfNuxeoDialog.prototype.isArrowFunction = function (fn) {
+          var strFn = fn.toString();
+          var firstIndex = strFn.indexOf(')');
+          var lastIndex = strFn.indexOf('{') + 1;
+          var target = strFn.substring(firstIndex, lastIndex).replace(' ', '');
+          return target.includes('=>');
       };
-      HttpBaseService.prototype.catchErrors = function () {
-          return rxjs.pipe(operators.catchError(function (err) {
-              throw err;
-          }));
+      NdfNuxeoDialog.prototype.onClose = function () {
+          this.dialogRef.close();
       };
-      return HttpBaseService;
-  }());
-  _HttpBaseService_http = new WeakMap();
+      return NdfNuxeoDialog;
+  }(BaseComponent));
+  NdfNuxeoDialog.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfNuxeoDialog, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  NdfNuxeoDialog.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: { dialogTitle: "dialogTitle", subTitle: "subTitle", loaderMode: "loaderMode" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }, { propertyName: "actionsTemplate", first: true, predicate: ["actionsTemplate"], descendants: true }], viewQueries: [{ propertyName: "dialogBody", first: true, predicate: ["dialogBody"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div SetDirRtl class=\"ndf-dialog-wrapper\">\r\n\t<div class=\"dialog-header\">\r\n\t\t<div class=\"flex flex-col\">\r\n\t\t\t<span>{{ data?.dialogConfig?.title || dialogTitle }}</span>\r\n\t\t\t<span class=\"text-base font-normal\"\r\n\t\t\t\t>{{ data?.dialogConfig?.subTitle || subTitle }}</span\r\n\t\t\t>\r\n\t\t</div>\r\n\t\t<button\r\n\t\t\tclass=\"flex items-center justify-center rounded-full bg-anti-flash-white w-10 h-10\"\r\n\t\t\t(click)=\"executeAction()\"\r\n\t\t\tmatTooltip=\"{{'BUTTONS.CLOSE' | translate}}\"\r\n\t\t>\r\n\t\t\t<mat-icon class=\"icon-size-3.5\" [svgIcon]=\"'icons:cancel-icon'\">\r\n\t\t\t</mat-icon>\r\n\t\t</button>\r\n\t</div>\r\n\t<div #dialogBody class=\"dialog-body\" [ngClass]=\"{'overflow-hidden': loading}\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"data?.dialogConfig?.contentTemplate || contentTemplate\"\r\n\t\t></ng-container>\r\n\t\t<ng-container *ngIf=\"loading\">\r\n\t\t\t<div\r\n\t\t\t\tclass=\"overlay bg-gray-300 opacity-40 z-999\"\r\n\t\t\t\t[ngStyle]=\"{'top': dialogBodyTopOffset + 'px'}\"\r\n\t\t\t></div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"overlay z-9999\"\r\n\t\t\t\t*ngIf=\"loaderMode === 'spinner'\"\r\n\t\t\t\t[ngStyle]=\"{'top': dialogBodyTopOffset + 'px'}\"\r\n\t\t\t>\r\n\t\t\t\t<mat-spinner\r\n\t\t\t\t\t[value]=\"90\"\r\n\t\t\t\t\t[strokeWidth]=\"4\"\r\n\t\t\t\t\toverlay=\"true\"\r\n\t\t\t\t\t[diameter]=\"40\"\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t>\r\n\t\t\t\t</mat-spinner>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"block w-full h-px absolute inset-0 z-9999\"\r\n\t\t\t\t*ngIf=\"loaderMode === 'progressBar'\"\r\n\t\t\t>\r\n\t\t\t\t<mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t</div>\r\n\t<div class=\"flex w-full justify-end p-6 pt-0 gap-x-4\">\r\n\t\t<button class=\"cancelation-button\" (click)=\"executeAction()\">\r\n\t\t\t{{\"BUTTONS.CANCEL\" | translate}}\r\n\t\t</button>\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"(data?.dialogConfig?.actionsTemplate || actionsTemplate); context: { dialog: this }\"\r\n\t\t></ng-container>\r\n\t</div>\r\n</div>\r\n", styles: ["::ng-deep .ndf-dialog .mat-dialog-container{overflow:hidden!important;border-radius:8px!important}.ndf-dialog-wrapper{@apply flex flex-col;}.ndf-dialog-wrapper .dialog-header{@apply flex h-20 p-6 justify-between items-center w-full bg-vapor text-blue-munsell text-xl not-italic font-bold leading-7;}.ndf-dialog-wrapper .dialog-body{height:auto;max-height:calc(100vh - 208px);@apply flex flex-col gap-y-4 p-6 overflow-y-auto relative z-99;}.ndf-dialog-wrapper .overlay{@apply flex w-full h-full items-center justify-center absolute left-0 bottom-0 right-0;}\n"], components: [{ type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: SetDirRtlDirective, selector: "[SetDirRtl]" }, { type: i2__namespace$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfNuxeoDialog, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'ndf-nuxeo-dialog',
+                      templateUrl: './nuxeo.dialog.html',
+                      styleUrls: ['./nuxeo.dialog.scss']
+                  }]
+          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; }, propDecorators: { dialogTitle: [{
+                  type: i0.Input
+              }], subTitle: [{
+                  type: i0.Input
+              }], loaderMode: [{
+                  type: i0.Input
+              }], contentTemplate: [{
+                  type: i0.ContentChild,
+                  args: ['contentTemplate']
+              }], actionsTemplate: [{
+                  type: i0.ContentChild,
+                  args: ['actionsTemplate']
+              }], dialogBody: [{
+                  type: i0.ViewChild,
+                  args: ['dialogBody']
+              }] } });
 
-  var DEFAULT_CACHE_OPTIONS = {
-      PREFIX: "cache__",
-      PAGE_KEY: "currentPageIndex",
-      TOTAL_PAGE_KEY: "pageCount",
-      RESULTS_COUNT_KEY: "resultsCount",
-      MAPPED_DATA_KEY: "entries",
-      UNIQUE_COMPARE_KEY: "uid",
-      MIN_COMPARE_DATE_KEY: "dublincore_modified_min",
-      LAST_MODIFIED_KEY: "lastModifiedDate",
-      LAST_MODIFIED_PATH: "properties.dc:modified",
-      EXCLUDE_KEYS_WHEN_UPDATE: ["contextParameters"],
-      CHILDREN_PATH: "contextParameters.children.entries",
-      PARENT_KEY: "parentRef",
-      REQUEST: function () {
-          return rxjs.of();
-      },
-      PREPARE_DATA: function (result) {
-          return result.map(function (item) {
-              delete item._baseOptions;
-              delete item._dirtyProperties;
-              delete item._nuxeo;
-              delete item._repository;
-              return item;
-          });
+  var NdfConfirmationDialogComponent = /** @class */ (function (_super) {
+      __extends(NdfConfirmationDialogComponent, _super);
+      function NdfConfirmationDialogComponent(injector) {
+          return _super.call(this, injector) || this;
       }
-  };
-
-  exports.CachingExpiryUnit = void 0;
-  (function (CachingExpiryUnit) {
-      CachingExpiryUnit["YEARS"] = "years";
-      CachingExpiryUnit["MONTHS"] = "months";
-      CachingExpiryUnit["WEEKS"] = "weeks";
-      CachingExpiryUnit["DAYS"] = "days";
-      CachingExpiryUnit["HOURS"] = "hours";
-      CachingExpiryUnit["MINUTES"] = "minutes";
-      CachingExpiryUnit["SECONDS"] = "seconds";
-      CachingExpiryUnit["MILLI_SECONDS"] = "milliseconds";
-  })(exports.CachingExpiryUnit || (exports.CachingExpiryUnit = {}));
-
-  // TTL : Time To Live
-  var DEFAULT_TTL_CONFIG = {
-      TTL: 3,
-      UNIT: exports.CachingExpiryUnit.MONTHS,
-      AUTO_CHECK: true,
-      RETRY: 3
-  };
+      return NdfConfirmationDialogComponent;
+  }(BaseDialogComponent));
+  NdfConfirmationDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfConfirmationDialogComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  NdfConfirmationDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NdfConfirmationDialogComponent, selector: "ndf-confirmation-dialog", usesInheritance: true, ngImport: i0__namespace, template: "<ndf-nuxeo-dialog dialogTitle=\"{{ dialogData.title | translate }}\">\r\n\t<ng-template #contentTemplate>\r\n\t\t<!-- Content -->\r\n\t\t<div class=\"flex flex-row gap-x-2 items-center\">\r\n\t\t\t<!-- Icon -->\r\n\t\t\t<ng-container *ngIf=\"dialogData.icon.show\">\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"flex flex-0 items-center justify-center w-10 h-10 sm:mr-4 rounded-full\"\r\n\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\tprimaryIcon: dialogData.icon.color === 'primary',\r\n\t\t\t\t\t\taccentIcon: dialogData.icon.color === 'accent',\r\n\t\t\t\t\t\twarnIcon: dialogData.icon.color === 'warn',\r\n\t\t\t\t\t\tbasicIcon: dialogData.icon.color === 'basic',\r\n\t\t\t\t\t\tinfoIcon: dialogData.icon.color === 'info',\r\n\t\t\t\t\t\tsuccessIcon: dialogData.icon.color === 'success',\r\n\t\t\t\t\t\twarningIcon: dialogData.icon.color === 'warning',\r\n\t\t\t\t\t\terrorIcon: dialogData.icon.color === 'error'\r\n\t\t\t\t\t}\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<mat-icon\r\n\t\t\t\t\t\tclass=\"text-current\"\r\n\t\t\t\t\t\t[svgIcon]=\"dialogData.icon.name\"\r\n\t\t\t\t\t></mat-icon>\r\n\t\t\t\t</div>\r\n\t\t\t</ng-container>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"text-secondary\"\r\n\t\t\t\t[innerHtml]=\"dialogData.message | translate\"\r\n\t\t\t></div>\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n\t<ng-template #actionsTemplate let-dialog=\"dialog\">\r\n\t\t<ng-container *ngIf=\"dialogData.actions.confirm.show\">\r\n\t\t\t<button\r\n\t\t\t\t(click)=\"dialog.executeAction(dialogData.actions.confirm.fn)\"\r\n\t\t\t\tclass=\"submission-button\"\r\n\t\t\t\t[color]=\"dialogData.actions.confirm.color\"\r\n\t\t\t\t[disabled]=\"dialog.loading\"\r\n\t\t\t>\r\n\t\t\t\t{{ dialogData.actions.confirm.label | translate }}\r\n\t\t\t</button>\r\n\t\t</ng-container>\r\n\t\t<ng-container *ngIf=\"dialogData.actions.moreActions.length\">\r\n\t\t\t<ng-container *ngFor=\"let btn of dialogData.actions.moreActions\">\r\n\t\t\t\t<button\r\n\t\t\t\t\t(click)=\"dialog.executeAction(btn.fn)\"\r\n\t\t\t\t\tclass=\"submission-button\"\r\n\t\t\t\t\t[color]=\"btn.color\"\r\n\t\t\t\t\t[disabled]=\"dialog.loading\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ btn.label | translate }}\r\n\t\t\t\t</button>\r\n\t\t\t</ng-container>\r\n\t\t</ng-container>\r\n\t</ng-template>\r\n</ndf-nuxeo-dialog>\r\n", styles: [".primaryIcon{@apply text-primary-600 bg-primary-100 dark:text-primary-50 dark:bg-primary-600;}.accentIcon{@apply text-accent-600 bg-accent-100 dark:text-accent-50 dark:bg-accent-600;}.warnIcon{@apply text-warn-600 bg-warn-100 dark:text-warn-50 dark:bg-warn-600;}.basicIcon{@apply text-gray-600 bg-gray-100 dark:text-gray-50 dark:bg-gray-600;}.infoIcon{@apply text-blue-600 bg-blue-100 dark:text-blue-50 dark:bg-blue-600;}.successIcon{@apply text-green-500 bg-green-100 dark:text-green-50 dark:bg-green-500;}.warningIcon{@apply text-amber-500 bg-amber-100 dark:text-amber-50 dark:bg-amber-500;}.errorIcon{@apply text-red-600 bg-red-100 dark:text-red-50 dark:bg-red-600;}::ng-deep .ndf-confirmation-dialog-panel{min-width:25%!important}\n"], components: [{ type: NdfNuxeoDialog, selector: "ndf-nuxeo-dialog", inputs: ["dialogTitle", "subTitle", "loaderMode"] }, { type: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NdfConfirmationDialogComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'ndf-confirmation-dialog',
+                      templateUrl: './ndf-confirmation-dialog.component.html',
+                      styleUrls: ['./ndf-confirmation-dialog.component.scss']
+                  }]
+          }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
 
-  var _CacheBaseService_instances, _CacheBaseService_fetchedItems, _CacheBaseService_handleCacheItems, _CacheBaseService_findNode, _CacheBaseService_findLargestDate, _CacheBaseService_handleFetchedItems, _CacheBaseService_addItemsTo, _CacheBaseService_prepareOptions, _CacheBaseService_prepareConfig, _CacheBaseService_add1SecondToModifiedDate, _CacheBaseService_clear, _CacheBaseService_validateTTLForKey, _CacheBaseService_setItemInMap, _CacheBaseService_getItem, _CacheBaseService_setItem;
-  var CacheBaseService = /** @class */ (function () {
-      function CacheBaseService(userPreferencesService, utilityService) {
-          this.userPreferencesService = userPreferencesService;
-          this.utilityService = utilityService;
-          _CacheBaseService_instances.add(this);
-          _CacheBaseService_fetchedItems.set(this, new Map());
-          __classPrivateFieldGet(this, _CacheBaseService_instances, "m", _CacheBaseService_prepareConfig).call(this);
+  /** @ignore */
+  var ClickOutsideDirective = /** @class */ (function () {
+      function ClickOutsideDirective(elementRef) {
+          this.elementRef = elementRef;
+          this.clickOutside = new i0.EventEmitter();
       }
-      CacheBaseService.prototype.hasItem = function (cacheKey) {
-          return this.userPreferencesService.hasItem("" + DEFAULT_CACHE_OPTIONS.PREFIX + cacheKey);
-      };
-      CacheBaseService.prototype.clearAll = function (userName) {
-          __classPrivateFieldGet(this, _CacheBaseService_instances, "m", _CacheBaseService_clear).call(this, userName);
-      };
-      CacheBaseService.prototype.validateTTL = function (userName) {
-          var _this = this;
-          if (!DEFAULT_TTL_CONFIG.AUTO_CHECK || !userName)
-              return;
-          var prefix = userName + "__" + DEFAULT_CACHE_OPTIONS.PREFIX;
-          Object.keys(window.localStorage)
-              .filter(function (q) { return q.startsWith(prefix); })
-              .filter(function (key) {
-              var _a;
-              var options = {
-                  cacheKey: key.replace(prefix, ""),
-                  userName: userName,
-                  request: DEFAULT_CACHE_OPTIONS.REQUEST,
-                  prepareDataBeforeCaching: DEFAULT_CACHE_OPTIONS.PREPARE_DATA,
-              };
-              var firstFetchingDate = (_a = __classPrivateFieldGet(_this, _CacheBaseService_instances, "m", _CacheBaseService_getItem).call(_this, options)) === null || _a === void 0 ? void 0 : _a.firstFetchingDate;
-              if (!firstFetchingDate)
-                  return;
-              var momentDate1 = moment__namespace(new Date(firstFetchingDate));
-              var momentDate2 = moment__namespace(new Date());
-              var difference = momentDate2.diff(momentDate1, DEFAULT_TTL_CONFIG.UNIT);
-              return difference >= DEFAULT_TTL_CONFIG.TTL;
-          })
-              .forEach(function (key) {
-              window.localStorage.removeItem(key);
-          });
-      };
-      CacheBaseService.prototype.startFetchingItems = function (options) {
-          var _a;
-          __classPrivateFieldGet(this, _CacheBaseService_instances, "m", _CacheBaseService_validateTTLForKey).call(this, options);
-          if ((_a = __classPrivateFieldGet(this, _CacheBaseService_fetchedItems, "f")[options.cacheKey]) === null || _a === void 0 ? void 0 : _a.fetchingItemsFromTheServer) {
-              return __classPrivateFieldGet(this, _CacheBaseService_fetchedItems, "f")[options.cacheKey].onFinishFetching.asObservable();
-          }
-          else {
-              return __classPrivateFieldGet(this, _CacheBaseService_instances, "m", _CacheBaseService_handleCacheItems).call(this, options);
+      ClickOutsideDirective.prototype.onClick = function (target) {
+          var clickedInside = this.elementRef.nativeElement.contains(target);
+          if (!clickedInside) {
+              this.clickOutside.emit(target);
           }
       };
-      return CacheBaseService;
+      return ClickOutsideDirective;
   }());
-  _CacheBaseService_fetchedItems = new WeakMap(), _CacheBaseService_instances = new WeakSet(), _CacheBaseService_handleCacheItems = function _CacheBaseService_handleCacheItems(options) {
-      var _j, _k;
-      var _this = this;
-      var observable;
+  ClickOutsideDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClickOutsideDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+  ClickOutsideDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "window:click": "onClick($event.target)" } }, ngImport: i0__namespace });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClickOutsideDirective, decorators: [{
+              type: i0.Directive,
+              args: [{
+                      selector: '[clickOutside]'
+                  }]
+          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { clickOutside: [{
+                  type: i0.Output
+              }], onClick: [{
+                  type: i0.HostListener,
+                  args: ['window:click', ['$event.target']]
+              }] } });
+
+  /** @ignore */
+  var SetRtlDirective = /** @class */ (function () {
+      function SetRtlDirective(elRef, renderer, translation) {
+          this.elRef = elRef;
+          this.renderer = renderer;
+          this.translation = translation;
+          this.switchClassBasedOnLanguage();
+      }
+      /*Switch rtl class based on the chosen language from Translation Service*/
+      SetRtlDirective.prototype.switchClassBasedOnLanguage = function () {
+          var _this = this;
+          this.translation.isArabic.subscribe(function (arabic) {
+              arabic
+                  ? _this.renderer.addClass(_this.elRef.nativeElement, 'rtl')
+                  : _this.renderer.removeClass(_this.elRef.nativeElement, 'rtl');
+          });
+      };
+      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 }], 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 }]; } });
+
+  var EvaluatorsService = /** @class */ (function () {
+      function EvaluatorsService(nuxeoService, appConfigService) {
+          var _this = this;
+          this.nuxeoService = nuxeoService;
+          this.appConfigService = appConfigService;
+          this.context = { entity: null, getEvaluator: null, user: null };
+          this.asyncEvery = function (arr, predicate) { return __awaiter(_this, void 0, void 0, function () {
+              var arr_1, arr_1_1, e, e_1_1;
+              var e_1, _j;
+              return __generator(this, function (_k) {
+                  switch (_k.label) {
+                      case 0:
+                          _k.trys.push([0, 5, 6, 7]);
+                          arr_1 = __values(arr), arr_1_1 = arr_1.next();
+                          _k.label = 1;
+                      case 1:
+                          if (!!arr_1_1.done) return [3 /*break*/, 4];
+                          e = arr_1_1.value;
+                          return [4 /*yield*/, predicate(e)];
+                      case 2:
+                          if (!(_k.sent())) {
+                              return [2 /*return*/, false];
+                          }
+                          _k.label = 3;
+                      case 3:
+                          arr_1_1 = arr_1.next();
+                          return [3 /*break*/, 1];
+                      case 4: return [3 /*break*/, 7];
+                      case 5:
+                          e_1_1 = _k.sent();
+                          e_1 = { error: e_1_1 };
+                          return [3 /*break*/, 7];
+                      case 6:
+                          try {
+                              if (arr_1_1 && !arr_1_1.done && (_j = arr_1.return)) _j.call(arr_1);
+                          }
+                          finally { if (e_1) throw e_1.error; }
+                          return [7 /*endfinally*/];
+                      case 7: return [2 /*return*/, true];
+                  }
+              });
+          }); };
+          this.asyncSome = function (arr, predicate) { return __awaiter(_this, void 0, void 0, function () {
+              var arr_2, arr_2_1, e, e_2_1;
+              var e_2, _j;
+              return __generator(this, function (_k) {
+                  switch (_k.label) {
+                      case 0:
+                          _k.trys.push([0, 5, 6, 7]);
+                          arr_2 = __values(arr), arr_2_1 = arr_2.next();
+                          _k.label = 1;
+                      case 1:
+                          if (!!arr_2_1.done) return [3 /*break*/, 4];
+                          e = arr_2_1.value;
+                          return [4 /*yield*/, predicate(e)];
+                      case 2:
+                          if (_k.sent()) {
+                              return [2 /*return*/, true];
+                          }
+                          _k.label = 3;
+                      case 3:
+                          arr_2_1 = arr_2.next();
+                          return [3 /*break*/, 1];
+                      case 4: return [3 /*break*/, 7];
+                      case 5:
+                          e_2_1 = _k.sent();
+                          e_2 = { error: e_2_1 };
+                          return [3 /*break*/, 7];
+                      case 6:
+                          try {
+                              if (arr_2_1 && !arr_2_1.done && (_j = arr_2.return)) _j.call(arr_2);
+                          }
+                          finally { if (e_2) throw e_2.error; }
+                          return [7 /*endfinally*/];
+                      case 7: return [2 /*return*/, false];
+                  }
+              });
+          }); };
+          // tslint:disable-next-line:member-ordering
+          this.evaluators = {
+              AND: function (context, args) { return __awaiter(_this, void 0, void 0, function () {
+                  var _this = this;
+                  return __generator(this, function (_j) {
+                      switch (_j.label) {
+                          case 0:
+                              if (!args || args.length === 0) {
+                                  return [2 /*return*/, false];
+                              }
+                              return [4 /*yield*/, this.asyncEvery(args, function (arg) { return __awaiter(_this, void 0, void 0, function () {
+                                      var evaluator;
+                                      return __generator(this, function (_j) {
+                                          switch (_j.label) {
+                                              case 0: return [4 /*yield*/, context.getEvaluator(arg.value)];
+                                              case 1:
+                                                  evaluator = _j.sent();
+                                                  if (!evaluator) {
+                                                      console.warn("evaluator not found: " + arg.value);
+                                                      return [2 /*return*/, false];
+                                                  }
+                                                  return [4 /*yield*/, evaluator(context, arg.parameters || [])];
+                                              case 2: return [2 /*return*/, _j.sent()];
+                                          }
+                                      });
+                                  }); })];
+                          case 1: return [2 /*return*/, _j.sent()];
+                      }
+                  });
+              }); },
+              OR: function (context, args) { return __awaiter(_this, void 0, void 0, function () {
+                  var _this = this;
+                  return __generator(this, function (_j) {
+                      switch (_j.label) {
+                          case 0:
+                              if (!args || args.length === 0) {
+                                  return [2 /*return*/, false];
+                              }
+                              return [4 /*yield*/, this.asyncSome(args, function (arg) { return __awaiter(_this, void 0, void 0, function () {
+                                      var evaluator, res;
+                                      return __generator(this, function (_j) {
+                                          switch (_j.label) {
+                                              case 0: return [4 /*yield*/, context.getEvaluator(arg.value)];
+                                              case 1:
+                                                  evaluator = _j.sent();
+                                                  if (!evaluator) {
+                                                      console.warn("evaluator not found: " + arg.value);
+                                                      return [2 /*return*/, false];
+                                                  }
+                                                  return [4 /*yield*/, evaluator(context, arg.parameters || [])];
+                                              case 2:
+                                                  res = _j.sent();
+                                                  return [2 /*return*/, res];
+                                          }
+                                      });
+                                  }); })];
+                          case 1: return [2 /*return*/, _j.sent()];
+                      }
+                  });
+              }); },
+              isStatus: function (context, args) { return __awaiter(_this, void 0, void 0, function () {
+                  return __generator(this, function (_j) {
+                      if (args.indexOf(context.entity.state) > -1) {
+                          return [2 /*return*/, true];
+                      }
+                      else {
+                          return [2 /*return*/, false];
+                      }
+                      return [2 /*return*/];
+                  });
+              }); },
+              isCreator: function (context, args) { return __awaiter(_this, void 0, void 0, function () {
+                  var _a, _b, _c, _d, _e, _f, _g, _h, owner;
+                  return __generator(this, function (_j) {
+                      if ((_b = (_a = context.entity.properties.owner) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.username) {
+                          owner = (_d = (_c = context.entity.properties.owner) === null || _c === void 0 ? void 0 : _c.properties) === null || _d === void 0 ? void 0 : _d.username;
+                      }
+                      else if ((_f = (_e = context.entity.properties["corr:owner"]) === null || _e === void 0 ? void 0 : _e.properties) === null || _f === void 0 ? void 0 : _f.username) {
+                          owner = (_h = (_g = context.entity.properties["corr:owner"]) === null || _g === void 0 ? void 0 : _g.properties) === null || _h === void 0 ? void 0 : _h.username;
+                      }
+                      else if (context.entity.properties.owner) {
+                          owner = context.entity.properties.owner;
+                      }
+                      else if (context.entity.properties["corr:owner"]) {
+                          owner = context.entity.properties["corr:owner"];
+                      }
+                      if (owner === context.user.properties.username) {
+                          return [2 /*return*/, true];
+                      }
+                      else {
+                          return [2 /*return*/, false];
+                      }
+                      return [2 /*return*/];
+                  });
+              }); },
+              isUserInrole: function (context, args) { return __awaiter(_this, void 0, void 0, function () {
+                  var result;
+                  return __generator(this, function (_j) {
+                      switch (_j.label) {
+                          case 0: return [4 /*yield*/, this.nuxeoService
+                                  .isUserInRole(args, "")
+                                  .pipe(operators.first())
+                                  .toPromise()];
+                          case 1:
+                              result = _j.sent();
+                              return [2 /*return*/, result];
+                      }
+                  });
+              }); },
+          };
+          this.getEvaluator = function (key) { return __awaiter(_this, void 0, void 0, function () {
+              var eva, fn_1;
+              var _this = this;
+              return __generator(this, function (_j) {
+                  eva = this.evaluators;
+                  if (key && key.startsWith("!")) {
+                      fn_1 = eva[key.substring(1)];
+                      return [2 /*return*/, function (context, args) { return __awaiter(_this, void 0, void 0, function () {
+                              var result;
+                              return __generator(this, function (_j) {
+                                  switch (_j.label) {
+                                      case 0: return [4 /*yield*/, fn_1.apply(void 0, __spreadArray([context], __read(args)))];
+                                      case 1:
+                                          result = _j.sent();
+                                          return [2 /*return*/, !result];
+                                  }
+                              });
+                          }); }];
+                  }
+                  return [2 /*return*/, eva[key]];
+              });
+          }); };
+          this.appConfigService.configLoaded.subscribe(function (ready) {
+              if (ready) {
+                  _this.conditions = _this.getAllRules();
+              }
+          });
+      }
+      EvaluatorsService.prototype.setEvaluators = function (evaluators) {
+          this.evaluators = Object.assign(Object.assign({}, this.evaluators), evaluators);
+      };
+      EvaluatorsService.prototype.getEvaluators = function () {
+          return this.evaluators;
+      };
+      // ----------------------------------------------------
+      EvaluatorsService.prototype.evaluateRule = function (ruleId, context) {
+          return __awaiter(this, void 0, void 0, function () {
+              var ruleRef, evaluator, evaluator;
+              return __generator(this, function (_j) {
+                  switch (_j.label) {
+                      case 0:
+                          ruleRef = this.getRuleById(ruleId);
+                          context = context || this.context;
+                          context["getEvaluator"] = this.getEvaluator;
+                          if (!ruleRef) return [3 /*break*/, 4];
+                          return [4 /*yield*/, this.getEvaluator(ruleRef.type)];
+                      case 1:
+                          evaluator = _j.sent();
+                          if (!evaluator) return [3 /*break*/, 3];
+                          return [4 /*yield*/, evaluator(context, ruleRef.parameters)];
+                      case 2: return [2 /*return*/, _j.sent()];
+                      case 3: return [3 /*break*/, 7];
+                      case 4: return [4 /*yield*/, this.getEvaluator(ruleId)];
+                      case 5:
+                          evaluator = _j.sent();
+                          if (!evaluator) return [3 /*break*/, 7];
+                          return [4 /*yield*/, evaluator(context)];
+                      case 6: return [2 /*return*/, _j.sent()];
+                      case 7: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      EvaluatorsService.prototype.getRuleById = function (id) {
+          return this.conditions[id] ? Object.assign({}, this.conditions[id]) : null;
+      };
+      EvaluatorsService.prototype.getAllRules = function () {
+          return this.appConfigService.conditons;
+      };
+      return EvaluatorsService;
+  }());
+  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 }, { type: AppConfigService }]; } });
+
+  /**
+   * Permission directive shows or hides an element,
+   * based on a predefined structured condition object in the [conditions.json]{@link ../additional-documentation/conditions-file.html} file.
+   * it will evaluate the rule and shows or hides an element based on the result.
+   * this directive can evaluate rules against a document object as well,
+   * check [conditions.json]{@link ../additional-documentation/conditions-file.html} for more information
+   * @example
+   * <div *permission="{ name: 'conditionKey', entity: nuxeoDocumentObject }">
+   *   Element with permissions
+   *  </duv>
+   *  <div *permission="{ name: 'conditionKey2' }">
+   *   Element with permissions 2
+   *  </duv>
+   * @title
+   * Permission
+   */
+  var PermissionsDirective = /** @class */ (function () {
+      function PermissionsDirective(nuxeoService, eltRef, viewContainerRef, templateRef, appConfigService, evaluatorsService) {
+          this.nuxeoService = nuxeoService;
+          this.eltRef = eltRef;
+          this.viewContainerRef = viewContainerRef;
+          this.templateRef = templateRef;
+          this.appConfigService = appConfigService;
+          this.evaluatorsService = evaluatorsService;
+          this.isVisible = false;
+          this.context = { entity: null, getEvaluator: null, user: null };
+      }
+      PermissionsDirective.prototype.ngOnInit = function () {
+          var _this = this;
+          this.context.getEvaluator = this.evaluatorsService.getEvaluator;
+          if (!this.permission.name) {
+              if (!this.isVisible) {
+                  this.isVisible = true;
+                  this.viewContainerRef.createEmbeddedView(this.templateRef);
+              }
+          }
+          else {
+              this.context.entity = this.permission.entity;
+              this.context.user = this.permission.user || this.nuxeoService.nuxeoClient.user;
+              this.evaluatorsService.evaluateRule(this.permission.name, this.context).then(function (result) {
+                  if (result) {
+                      if (!_this.isVisible) {
+                          _this.isVisible = true;
+                          _this.viewContainerRef.createEmbeddedView(_this.templateRef);
+                      }
+                  }
+                  else {
+                      _this.isVisible = false;
+                      _this.viewContainerRef.clear();
+                  }
+              });
+          }
+      };
+      return PermissionsDirective;
+  }());
+  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 }, { type: i0__namespace.ElementRef }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.TemplateRef }, { type: AppConfigService }, { type: EvaluatorsService }]; }, propDecorators: { permission: [{
+                  type: i0.Input
+              }] } });
+
+  var AppHasRoleDirective = /** @class */ (function () {
+      function AppHasRoleDirective(viewContainerRef, templateRef, nuxeoService) {
+          this.viewContainerRef = viewContainerRef;
+          this.templateRef = templateRef;
+          this.nuxeoService = nuxeoService;
+          this.stop$ = new rxjs.Subject();
+          this.isVisible = false;
+      }
+      AppHasRoleDirective.prototype.ngOnInit = function () {
+          var _this = this;
+          var _a;
+          if ((_a = this.appHasRole) === null || _a === void 0 ? void 0 : _a.role) {
+              this.nuxeoService.isUserInRole(this.appHasRole.role, this.appHasRole.code).subscribe(function (data) {
+                  if (data || !_this.appHasRole) {
+                      // If it is already visible (which can happen if
+                      // his roles changed) we do not need to add it a second time
+                      if (!_this.isVisible) {
+                          // We update the `isVisible` property and add the
+                          // templateRef to the view using the
+                          // 'createEmbeddedView' method of the viewContainerRef
+                          _this.isVisible = true;
+                          _this.viewContainerRef.createEmbeddedView(_this.templateRef);
+                      }
+                  }
+                  else {
+                      // If the user does not have the role,
+                      // we update the `isVisible` property and clear
+                      // the contents of the viewContainerRef
+                      _this.isVisible = false;
+                      _this.viewContainerRef.clear();
+                  }
+              });
+          }
+          else {
+              if (!this.isVisible) {
+                  // We update the `isVisible` property and add the
+                  // templateRef to the view using the
+                  // 'createEmbeddedView' method of the viewContainerRef
+                  this.isVisible = true;
+                  this.viewContainerRef.createEmbeddedView(this.templateRef);
+              }
+          }
+      };
+      AppHasRoleDirective.prototype.ngOnChanges = function () {
+          this.ngOnInit();
+      };
+      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 }], 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 }]; }, propDecorators: { appHasRole: [{
+                  type: i0.Input
+              }] } });
+
+  var DragAndDropDirective = /** @class */ (function () {
+      function DragAndDropDirective() {
+          this.fileDroped = new i0.EventEmitter();
+      }
+      DragAndDropDirective.prototype.onDragOver = function (evt) {
+          evt.preventDefault();
+          evt.stopPropagation();
+      };
+      DragAndDropDirective.prototype.onDragLeave = function (evt) {
+          evt.preventDefault();
+          evt.stopPropagation();
+      };
+      DragAndDropDirective.prototype.onDrop = function (evt) {
+          var e_1, _a;
+          var files = [];
+          evt.preventDefault();
+          evt.stopPropagation();
+          if (evt.dataTransfer.files.length) {
+              try {
+                  for (var _b = __values(evt.dataTransfer.files), _c = _b.next(); !_c.done; _c = _b.next()) {
+                      var file = _c.value;
+                      files.push(file);
+                  }
+              }
+              catch (e_1_1) { e_1 = { error: e_1_1 }; }
+              finally {
+                  try {
+                      if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                  }
+                  finally { if (e_1) throw e_1.error; }
+              }
+              this.fileDroped.emit(files);
+          }
+      };
+      return DragAndDropDirective;
+  }());
+  DragAndDropDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DragAndDropDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+  DragAndDropDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: DragAndDropDirective, selector: "[appDragAndDrop]", outputs: { fileDroped: "fileDroped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" } }, ngImport: i0__namespace });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DragAndDropDirective, decorators: [{
+              type: i0.Directive,
+              args: [{
+                      selector: '[appDragAndDrop]'
+                  }]
+          }], ctorParameters: function () { return []; }, propDecorators: { fileDroped: [{
+                  type: i0.Output
+              }], onDragOver: [{
+                  type: i0.HostListener,
+                  args: ['dragover', ['$event']]
+              }], onDragLeave: [{
+                  type: i0.HostListener,
+                  args: ['dragleave', ['$event']]
+              }], onDrop: [{
+                  type: i0.HostListener,
+                  args: ['drop', ['$event']]
+              }] } });
+
+  /**
+   * @title
+   * Directives Module
+   */
+  var DirectiveModule = /** @class */ (function () {
+      function DirectiveModule() {
+      }
+      return DirectiveModule;
+  }());
+  DirectiveModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DirectiveModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  DirectiveModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DirectiveModule, declarations: [ClickOutsideDirective,
+          SetRtlDirective,
+          PermissionsDirective,
+          SetDirRtlDirective,
+          AppHasRoleDirective,
+          DragAndDropDirective], imports: [i4.CommonModule], exports: [ClickOutsideDirective,
+          SetRtlDirective,
+          PermissionsDirective,
+          SetDirRtlDirective,
+          AppHasRoleDirective,
+          DragAndDropDirective] });
+  DirectiveModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DirectiveModule, providers: [], imports: [[i4.CommonModule]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DirectiveModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      declarations: [
+                          ClickOutsideDirective,
+                          SetRtlDirective,
+                          PermissionsDirective,
+                          SetDirRtlDirective,
+                          AppHasRoleDirective,
+                          DragAndDropDirective
+                      ],
+                      imports: [i4.CommonModule],
+                      exports: [
+                          ClickOutsideDirective,
+                          SetRtlDirective,
+                          PermissionsDirective,
+                          SetDirRtlDirective,
+                          AppHasRoleDirective,
+                          DragAndDropDirective
+                      ],
+                      providers: []
+                  }]
+          }] });
+
+  var NuxeoDialogModule = /** @class */ (function () {
+      function NuxeoDialogModule() {
+      }
+      return NuxeoDialogModule;
+  }());
+  NuxeoDialogModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  NuxeoDialogModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogModule, declarations: [NdfNuxeoDialog, NdfConfirmationDialogComponent], imports: [i4.CommonModule,
+          i1$1.TranslateModule,
+          i2$1.MatIconModule,
+          i1$4.MatDialogModule,
+          i2$2.MatTooltipModule,
+          DirectiveModule], exports: [NdfNuxeoDialog, NdfConfirmationDialogComponent] });
+  NuxeoDialogModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogModule, imports: [[
+              i4.CommonModule,
+              i1$1.TranslateModule,
+              i2$1.MatIconModule,
+              i1$4.MatDialogModule,
+              i2$2.MatTooltipModule,
+              DirectiveModule
+          ]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      declarations: [NdfNuxeoDialog, NdfConfirmationDialogComponent],
+                      imports: [
+                          i4.CommonModule,
+                          i1$1.TranslateModule,
+                          i2$1.MatIconModule,
+                          i1$4.MatDialogModule,
+                          i2$2.MatTooltipModule,
+                          DirectiveModule
+                      ],
+                      exports: [NdfNuxeoDialog, NdfConfirmationDialogComponent]
+                  }]
+          }] });
+
+  var defaultConfirmConfig = {
+      title: 'confirmDialog.confirm',
+      message: 'confirmDialog.generalConfirmMsg',
+      icon: {
+          show: true,
+          name: 'heroicons_outline:exclamation',
+          color: 'warn'
+      },
+      actions: {
+          confirm: {
+              show: true,
+              label: 'BUTTONS.confirm',
+              color: 'warn',
+              fn: function () {
+                  return rxjs.of(false);
+              }
+          },
+          moreActions: []
+      }
+  };
+
+  var _NuxeoDialogService_instances, _NuxeoDialogService_getPanelClass;
+  var NuxeoDialogService = /** @class */ (function () {
+      function NuxeoDialogService(dialog) {
+          this.dialog = dialog;
+          _NuxeoDialogService_instances.add(this);
+      }
+      NuxeoDialogService.prototype.open = function (options) {
+          var _a, _b, _c, _d;
+          return this.dialog.open(options.component, {
+              width: (options === null || options === void 0 ? void 0 : options.width) || 'auto',
+              height: (options === null || options === void 0 ? void 0 : options.height) || 'auto',
+              minWidth: '35%',
+              panelClass: __spreadArray(['ndf-dialog'], __read(__classPrivateFieldGet(this, _NuxeoDialogService_instances, "m", _NuxeoDialogService_getPanelClass).call(this, options === null || options === void 0 ? void 0 : options.panelClass))),
+              disableClose: true,
+              data: Object.assign({ dialogConfig: {
+                      title: (_a = options.config) === null || _a === void 0 ? void 0 : _a.title,
+                      subTitle: (_b = options.config) === null || _b === void 0 ? void 0 : _b.subTitle,
+                      contentTemplate: (_c = options.config) === null || _c === void 0 ? void 0 : _c.contentTemplate,
+                      actionsTemplate: (_d = options.config) === null || _d === void 0 ? void 0 : _d.actionsTemplate
+                  } }, (options.data || {}))
+          });
+      };
+      NuxeoDialogService.prototype.showConfirm = function (config) {
+          // Merge the user config with the default config
+          var confirmConfig = lodashEs.merge({}, defaultConfirmConfig, config);
+          var options = {
+              component: NdfConfirmationDialogComponent,
+              data: Object.assign({}, confirmConfig),
+              panelClass: 'ndf-confirmation-dialog-panel'
+          };
+          return this.open(options);
+      };
+      return NuxeoDialogService;
+  }());
+  _NuxeoDialogService_instances = new WeakSet(), _NuxeoDialogService_getPanelClass = function _NuxeoDialogService_getPanelClass(panelClass) {
+      var classes = [''];
+      if (panelClass) {
+          classes = Array.isArray(panelClass) ? panelClass : [panelClass];
+      }
+      return classes;
+  };
+  NuxeoDialogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogService, deps: [{ token: i1__namespace$3.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+  NuxeoDialogService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogService, providedIn: 'root' });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NuxeoDialogService, decorators: [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }], ctorParameters: function () { return [{ type: i1__namespace$3.MatDialog }]; } });
+
+  var NuxeoMapper = /** @class */ (function () {
+      function NuxeoMapper() {
+      }
+      NuxeoMapper.schemaToModel = function (properties) {
+          var mappedProperties = {};
+          for (var key in properties) {
+              if (properties.hasOwnProperty(key)) {
+                  var _a = __read(key.split(':'), 2), prefix = _a[0], propertyKey = _a[1];
+                  if (!mappedProperties[prefix]) {
+                      mappedProperties[prefix] = {};
+                  }
+                  mappedProperties[prefix][propertyKey] =
+                      properties[key];
+              }
+          }
+          return mappedProperties;
+      };
+      NuxeoMapper.modelToSchema = function (model) {
+          var packedProperties = {};
+          for (var schemaKey in model) {
+              if (model.hasOwnProperty(schemaKey)) {
+                  var schemaProperties = model[schemaKey];
+                  for (var propertyKey in schemaProperties) {
+                      if (schemaProperties.hasOwnProperty(propertyKey)) {
+                          packedProperties[schemaKey + ":" + propertyKey] =
+                              schemaProperties[propertyKey];
+                      }
+                  }
+              }
+          }
+          return packedProperties;
+      };
+      return NuxeoMapper;
+  }());
+
+  var ENTITY_TYPE = 'entity-type';
+
+  var _HttpBaseService_http;
+  var HttpBaseService = /** @class */ (function () {
+      function HttpBaseService(injector) {
+          _HttpBaseService_http.set(this, void 0);
+          __classPrivateFieldSet(this, _HttpBaseService_http, injector.get(i1.HttpClient), "f");
+      }
+      Object.defineProperty(HttpBaseService.prototype, "environment", {
+          get: function () {
+              return EnvManager.environment;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      HttpBaseService.prototype.get = function (endpointOrOptions, params, headers, responseType) {
+          if (params === void 0) { params = undefined; }
+          if (headers === void 0) { headers = undefined; }
+          if (responseType === void 0) { responseType = undefined; }
+          var _a, _b, _c;
+          var url;
+          if (typeof endpointOrOptions === 'string') {
+              url = endpointOrOptions;
+          }
+          else {
+              var options = endpointOrOptions;
+              url = options.endpoint;
+              params = (_a = options.params) !== null && _a !== void 0 ? _a : undefined;
+              headers = (_b = options.headers) !== null && _b !== void 0 ? _b : undefined;
+              responseType = (_c = options.responseType) !== null && _c !== void 0 ? _c : undefined;
+          }
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f")
+              .get(url, { headers: headers, params: params, responseType: responseType })
+              .pipe(operators.map(function (response) { return response; }), this.catchErrors());
+      };
+      HttpBaseService.prototype.post = function (endpointOrOptions, payload, params, headers, responseType) {
+          if (payload === void 0) { payload = undefined; }
+          if (params === void 0) { params = undefined; }
+          if (headers === void 0) { headers = undefined; }
+          if (responseType === void 0) { responseType = undefined; }
+          var _a, _b, _c, _d;
+          var url;
+          if (typeof endpointOrOptions === 'string') {
+              url = endpointOrOptions;
+          }
+          else {
+              var options = endpointOrOptions;
+              url = options.endpoint;
+              payload = (_a = options.payload) !== null && _a !== void 0 ? _a : undefined;
+              params = (_b = options.params) !== null && _b !== void 0 ? _b : undefined;
+              headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
+              responseType = (_d = options.responseType) !== null && _d !== void 0 ? _d : undefined;
+          }
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f")
+              .post(url, payload, { headers: headers, params: params, responseType: responseType })
+              .pipe(operators.map(function (response) { return response; }), this.catchErrors());
+      };
+      HttpBaseService.prototype.put = function (endpointOrOptions, payload, params, headers, responseType) {
+          if (payload === void 0) { payload = undefined; }
+          if (params === void 0) { params = undefined; }
+          if (headers === void 0) { headers = undefined; }
+          if (responseType === void 0) { responseType = undefined; }
+          var _a, _b, _c, _d;
+          var url;
+          if (typeof endpointOrOptions === 'string') {
+              url = endpointOrOptions;
+          }
+          else {
+              var options = endpointOrOptions;
+              url = options.endpoint;
+              payload = (_a = options.payload) !== null && _a !== void 0 ? _a : undefined;
+              params = (_b = options.params) !== null && _b !== void 0 ? _b : undefined;
+              headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
+              responseType = (_d = options.responseType) !== null && _d !== void 0 ? _d : undefined;
+          }
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f")
+              .put(url, payload, { headers: headers, params: params, responseType: responseType })
+              .pipe(operators.map(function (response) { return response; }), this.catchErrors());
+      };
+      HttpBaseService.prototype.patch = function (endpointOrOptions, payload, params, headers, responseType) {
+          if (payload === void 0) { payload = undefined; }
+          if (params === void 0) { params = undefined; }
+          if (headers === void 0) { headers = undefined; }
+          if (responseType === void 0) { responseType = undefined; }
+          var _a, _b, _c, _d;
+          var url;
+          if (typeof endpointOrOptions === 'string') {
+              url = endpointOrOptions;
+          }
+          else {
+              var options = endpointOrOptions;
+              url = options.endpoint;
+              payload = (_a = options.payload) !== null && _a !== void 0 ? _a : undefined;
+              params = (_b = options.params) !== null && _b !== void 0 ? _b : undefined;
+              headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
+              responseType = (_d = options.responseType) !== null && _d !== void 0 ? _d : undefined;
+          }
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f")
+              .patch(url, payload, { headers: headers, params: params, responseType: responseType })
+              .pipe(operators.map(function (response) { return response; }), this.catchErrors());
+      };
+      HttpBaseService.prototype.delete = function (endpointOrOptions, params, headers, responseType) {
+          if (params === void 0) { params = undefined; }
+          if (headers === void 0) { headers = undefined; }
+          if (responseType === void 0) { responseType = undefined; }
+          var _a, _b, _c;
+          var url;
+          if (typeof endpointOrOptions === 'string') {
+              url = endpointOrOptions;
+          }
+          else {
+              var options = endpointOrOptions;
+              url = options.endpoint;
+              params = (_a = options.params) !== null && _a !== void 0 ? _a : undefined;
+              headers = (_b = options.headers) !== null && _b !== void 0 ? _b : undefined;
+              responseType = (_c = options.responseType) !== null && _c !== void 0 ? _c : undefined;
+          }
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f")
+              .delete(url, { headers: headers, params: params, responseType: responseType })
+              .pipe(operators.map(function (response) { return response; }), this.catchErrors());
+      };
+      HttpBaseService.prototype.httpAutomation = function (endpoint, payload, responseType) {
+          if (payload === void 0) { payload = undefined; }
+          if (responseType === void 0) { responseType = undefined; }
+          return __classPrivateFieldGet(this, _HttpBaseService_http, "f")
+              .post(endpoint, payload, { responseType: responseType })
+              .pipe(this.catchErrors());
+      };
+      HttpBaseService.prototype.catchErrors = function () {
+          return rxjs.pipe(operators.catchError(function (err) {
+              throw err;
+          }));
+      };
+      return HttpBaseService;
+  }());
+  _HttpBaseService_http = new WeakMap();
+
+  var DEFAULT_CACHE_OPTIONS = {
+      PREFIX: "cache__",
+      PAGE_KEY: "currentPageIndex",
+      TOTAL_PAGE_KEY: "pageCount",
+      RESULTS_COUNT_KEY: "resultsCount",
+      MAPPED_DATA_KEY: "entries",
+      UNIQUE_COMPARE_KEY: "uid",
+      MIN_COMPARE_DATE_KEY: "dublincore_modified_min",
+      LAST_MODIFIED_KEY: "lastModifiedDate",
+      LAST_MODIFIED_PATH: "properties.dc:modified",
+      EXCLUDE_KEYS_WHEN_UPDATE: ["contextParameters"],
+      CHILDREN_PATH: "contextParameters.children.entries",
+      PARENT_KEY: "parentRef",
+      REQUEST: function () {
+          return rxjs.of();
+      },
+      PREPARE_DATA: function (result) {
+          return result.map(function (item) {
+              delete item._baseOptions;
+              delete item._dirtyProperties;
+              delete item._nuxeo;
+              delete item._repository;
+              return item;
+          });
+      }
+  };
+
+  exports.CachingExpiryUnit = void 0;
+  (function (CachingExpiryUnit) {
+      CachingExpiryUnit["YEARS"] = "years";
+      CachingExpiryUnit["MONTHS"] = "months";
+      CachingExpiryUnit["WEEKS"] = "weeks";
+      CachingExpiryUnit["DAYS"] = "days";
+      CachingExpiryUnit["HOURS"] = "hours";
+      CachingExpiryUnit["MINUTES"] = "minutes";
+      CachingExpiryUnit["SECONDS"] = "seconds";
+      CachingExpiryUnit["MILLI_SECONDS"] = "milliseconds";
+  })(exports.CachingExpiryUnit || (exports.CachingExpiryUnit = {}));
+
+  // TTL : Time To Live
+  var DEFAULT_TTL_CONFIG = {
+      TTL: 3,
+      UNIT: exports.CachingExpiryUnit.MONTHS,
+      AUTO_CHECK: true,
+      RETRY: 3
+  };
+
+  var _CacheBaseService_instances, _CacheBaseService_fetchedItems, _CacheBaseService_handleCacheItems, _CacheBaseService_findNode, _CacheBaseService_findLargestDate, _CacheBaseService_handleFetchedItems, _CacheBaseService_addItemsTo, _CacheBaseService_prepareOptions, _CacheBaseService_prepareConfig, _CacheBaseService_add1SecondToModifiedDate, _CacheBaseService_clear, _CacheBaseService_validateTTLForKey, _CacheBaseService_setItemInMap, _CacheBaseService_getItem, _CacheBaseService_setItem;
+  var CacheBaseService = /** @class */ (function () {
+      function CacheBaseService(userPreferencesService, utilityService) {
+          this.userPreferencesService = userPreferencesService;
+          this.utilityService = utilityService;
+          _CacheBaseService_instances.add(this);
+          _CacheBaseService_fetchedItems.set(this, new Map());
+          __classPrivateFieldGet(this, _CacheBaseService_instances, "m", _CacheBaseService_prepareConfig).call(this);
+      }
+      CacheBaseService.prototype.hasItem = function (cacheKey) {
+          return this.userPreferencesService.hasItem("" + DEFAULT_CACHE_OPTIONS.PREFIX + cacheKey);
+      };
+      CacheBaseService.prototype.clearAll = function (userName) {
+          __classPrivateFieldGet(this, _CacheBaseService_instances, "m", _CacheBaseService_clear).call(this, userName);
+      };
+      CacheBaseService.prototype.validateTTL = function (userName) {
+          var _this = this;
+          if (!DEFAULT_TTL_CONFIG.AUTO_CHECK || !userName)
+              return;
+          var prefix = userName + "__" + DEFAULT_CACHE_OPTIONS.PREFIX;
+          Object.keys(window.localStorage)
+              .filter(function (q) { return q.startsWith(prefix); })
+              .filter(function (key) {
+              var _a;
+              var options = {
+                  cacheKey: key.replace(prefix, ''),
+                  userName: userName,
+                  request: DEFAULT_CACHE_OPTIONS.REQUEST,
+                  prepareDataBeforeCaching: DEFAULT_CACHE_OPTIONS.PREPARE_DATA
+              };
+              var firstFetchingDate = (_a = __classPrivateFieldGet(_this, _CacheBaseService_instances, "m", _CacheBaseService_getItem).call(_this, options)) === null || _a === void 0 ? void 0 : _a.firstFetchingDate;
+              if (!firstFetchingDate)
+                  return;
+              var momentDate1 = moment__namespace(new Date(firstFetchingDate));
+              var momentDate2 = moment__namespace(new Date());
+              var difference = momentDate2.diff(momentDate1, DEFAULT_TTL_CONFIG.UNIT);
+              return difference >= DEFAULT_TTL_CONFIG.TTL;
+          })
+              .forEach(function (key) {
+              window.localStorage.removeItem(key);
+          });
+      };
+      CacheBaseService.prototype.startFetchingItems = function (options) {
+          var _a;
+          __classPrivateFieldGet(this, _CacheBaseService_instances, "m", _CacheBaseService_validateTTLForKey).call(this, options);
+          if ((_a = __classPrivateFieldGet(this, _CacheBaseService_fetchedItems, "f")[options.cacheKey]) === null || _a === void 0 ? void 0 : _a.fetchingItemsFromTheServer) {
+              return __classPrivateFieldGet(this, _CacheBaseService_fetchedItems, "f")[options.cacheKey].onFinishFetching.asObservable();
+          }
+          else {
+              return __classPrivateFieldGet(this, _CacheBaseService_instances, "m", _CacheBaseService_handleCacheItems).call(this, options);
+          }
+      };
+      return CacheBaseService;
+  }());
+  _CacheBaseService_fetchedItems = new WeakMap(), _CacheBaseService_instances = new WeakSet(), _CacheBaseService_handleCacheItems = function _CacheBaseService_handleCacheItems(options) {
+      var _j, _k;
+      var _this = this;
+      var observable;
       __classPrivateFieldGet(this, _CacheBaseService_instances, "m", _CacheBaseService_prepareOptions).call(this, options);
       var cachedItem = __classPrivateFieldGet(this, _CacheBaseService_instances, "m", _CacheBaseService_getItem).call(this, options);
       if (cachedItem) {
@@ -2876,7 +3453,7 @@
                   data: _fetchedItems.data,
                   lastModifiedDate: _fetchedItems.lastModifiedDate,
                   firstFetchingDate: _fetchedItems.firstFetchingDate,
-                  resultsCount: _fetchedItems[options.resultsCount],
+                  resultsCount: _fetchedItems[options.resultsCount]
               }, options);
           }
           return _fetchedItems;
@@ -3031,7 +3608,7 @@
       DEFAULT_TTL_CONFIG.UNIT =
           ((_d = (_c = EnvManager.environment) === null || _c === void 0 ? void 0 : _c.cache) === null || _d === void 0 ? void 0 : _d.ttlUnit) || DEFAULT_TTL_CONFIG.UNIT;
       DEFAULT_TTL_CONFIG.AUTO_CHECK =
-          ((_f = (_e = EnvManager.environment) === null || _e === void 0 ? void 0 : _e.cache) === null || _f === void 0 ? void 0 : _f.autoCheck) == "YES";
+          ((_f = (_e = EnvManager.environment) === null || _e === void 0 ? void 0 : _e.cache) === null || _f === void 0 ? void 0 : _f.autoCheck) == 'YES';
       DEFAULT_TTL_CONFIG.RETRY =
           ((_h = (_g = EnvManager.environment) === null || _g === void 0 ? void 0 : _g.cache) === null || _h === void 0 ? void 0 : _h.retry) || DEFAULT_TTL_CONFIG.RETRY;
   }, _CacheBaseService_add1SecondToModifiedDate = function _CacheBaseService_add1SecondToModifiedDate(date) {
@@ -3039,7 +3616,7 @@
       newDate.setSeconds(newDate.getSeconds() + 1);
       return newDate;
   }, _CacheBaseService_clear = function _CacheBaseService_clear(userName, keyOrAll) {
-      if (keyOrAll === void 0) { keyOrAll = ""; }
+      if (keyOrAll === void 0) { keyOrAll = ''; }
       Object.keys(window.localStorage)
           .filter(function (q) { return q.startsWith(userName + "__" + DEFAULT_CACHE_OPTIONS.PREFIX + keyOrAll); })
           .forEach(function (key) {
@@ -3058,11 +3635,11 @@
   }, _CacheBaseService_setItemInMap = function _CacheBaseService_setItemInMap(key, val) {
       var empty = {
           data: [],
-          firstFetchingDate: "",
-          lastModifiedDate: "",
+          firstFetchingDate: '',
+          lastModifiedDate: '',
           resultsCount: 0,
           fetchingItemsFromTheServer: false,
-          onFinishFetching: new rxjs.Subject(),
+          onFinishFetching: new rxjs.Subject()
       };
       var value = val ? val : empty;
       __classPrivateFieldGet(this, _CacheBaseService_fetchedItems, "f")[key] = value;
@@ -3086,11 +3663,11 @@
       }
   };
   CacheBaseService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CacheBaseService, deps: [{ token: UserPreferencesService }, { token: UtilityService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  CacheBaseService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CacheBaseService, providedIn: "root" });
+  CacheBaseService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CacheBaseService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CacheBaseService, decorators: [{
               type: i0.Injectable,
               args: [{
-                      providedIn: "root",
+                      providedIn: 'root'
                   }]
           }], ctorParameters: function () { return [{ type: UserPreferencesService }, { type: UtilityService }]; } });
 
@@ -3163,7 +3740,7 @@
           if (isCustomAutomation === void 0) { isCustomAutomation = false; }
           var _a, _b, _c, _d;
           var operation;
-          if (typeof operationOrOptions === "string") {
+          if (typeof operationOrOptions === 'string') {
               operation = operationOrOptions;
           }
           else {
@@ -3178,7 +3755,7 @@
           return rxjs.from(__classPrivateFieldGet(this, _BaseService_nuxeoService, "f").nuxeoClient
               .operation(operation, Object.assign({}, (isCustomAutomation
               ? {
-                  url: "" + this.environment.nuxeo + this.environment.customAutomation,
+                  url: "" + this.environment.nuxeo + this.environment.customAutomation
               }
               : {})))
               .input(input ? input : undefined)
@@ -3191,7 +3768,7 @@
           if (params === void 0) { params = undefined; }
           if (context === void 0) { context = undefined; }
           if (headers === void 0) { headers = undefined; }
-          if (typeof operationOrOptions == "object") {
+          if (typeof operationOrOptions == 'object') {
               operationOrOptions.isCustomAutomation = true;
           }
           return this.automation(operationOrOptions, input, params, context, headers, true);
@@ -3200,17 +3777,17 @@
           if (queryParams === void 0) { queryParams = undefined; }
           if (headers === void 0) { headers = undefined; }
           if (payload === void 0) { payload = undefined; }
-          if (type === void 0) { type = "get"; }
+          if (type === void 0) { type = 'get'; }
           var _a, _b, _c, _d;
           var endpoint;
-          if (typeof endpointOrOptions === "string") {
+          if (typeof endpointOrOptions === 'string') {
               endpoint = endpointOrOptions;
           }
           else {
               var options = endpointOrOptions;
               endpoint = options.endpoint;
               queryParams = (_a = options.queryParams) !== null && _a !== void 0 ? _a : undefined;
-              type = (_b = options.type) !== null && _b !== void 0 ? _b : "get";
+              type = (_b = options.type) !== null && _b !== void 0 ? _b : 'get';
               headers = (_c = options.headers) !== null && _c !== void 0 ? _c : undefined;
               payload = (_d = options.payload) !== null && _d !== void 0 ? _d : undefined;
           }
@@ -3218,7 +3795,7 @@
               .request(endpoint)
               .queryParams(queryParams ? Object.assign({}, queryParams) : undefined)[type]({
               headers: headers ? Object.assign({}, headers) : undefined,
-              body: payload ? Object.assign({}, payload) : undefined,
+              body: payload ? Object.assign({}, payload) : undefined
           })).pipe(operators.map(function (response) { return response; }), this.catchErrors());
       };
       BaseService.prototype.query = function (pageProviderOrOptions, params, headers) {
@@ -3226,7 +3803,7 @@
           if (headers === void 0) { headers = undefined; }
           var _a, _b;
           var pageProvider;
-          if (typeof pageProviderOrOptions === "string") {
+          if (typeof pageProviderOrOptions === 'string') {
               pageProvider = pageProviderOrOptions;
           }
           else {
@@ -3237,7 +3814,7 @@
           }
           return __classPrivateFieldGet(this, _BaseService_callApiService, "f")
               .query(Object.assign({ pageProvider: pageProvider }, (params ? params : {})), {
-              headers: headers ? Object.assign({}, headers) : undefined,
+              headers: headers ? Object.assign({}, headers) : undefined
           })
               .pipe(operators.map(function (response) { return response; }), this.catchErrors());
       };
@@ -3250,7 +3827,7 @@
               return _this.query({
                   pageProvider: options.pageProvider,
                   params: Object.assign(Object.assign({}, (options.params ? options.params : {})), (params ? params : {})),
-                  headers: options.headers,
+                  headers: options.headers
               });
           };
           return __classPrivateFieldGet(this, _BaseService_cacheBaseService, "f").startFetchingItems(Object.assign(Object.assign({}, options), { userName: this.userName, request: request }));
@@ -3263,7 +3840,7 @@
                   payload: options.payload,
                   params: Object.assign(Object.assign({}, (options.params ? options.params : {})), (params ? params : {})),
                   headers: options.headers,
-                  responseType: options.responseType,
+                  responseType: options.responseType
               });
           };
           return __classPrivateFieldGet(this, _BaseService_cacheBaseService, "f").startFetchingItems(Object.assign(Object.assign({}, options), { userName: this.userName, request: request }));
@@ -3297,10 +3874,10 @@
   }(HttpBaseService));
   _BaseService_nuxeoService = new WeakMap(), _BaseService_callApiService = new WeakMap(), _BaseService_cacheBaseService = new WeakMap();
   BaseService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseService, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-  BaseService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseService, providedIn: "root" });
+  BaseService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseService, providedIn: 'root' });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BaseService, decorators: [{
               type: i0.Injectable,
-              args: [{ providedIn: "root" }]
+              args: [{ providedIn: 'root' }]
           }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
 
   /**
@@ -3346,1061 +3923,485 @@
    * ![Screenshot-1](../screenshots/avatar1.png) ![Screenshot-2](../screenshots/avatar2.png)
    * @title
    * User Avatar
-   * @example
-   *
-   * <cts-avatar [user]="user"></cts-avatar>
-   */
-  var AvatarComponent = /** @class */ (function () {
-      function AvatarComponent() {
-      }
-      AvatarComponent.prototype.ngOnInit = function () {
-          var _a, _b, _c, _d;
-          this.stringToHslColor(((_b = (_a = this.user) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.firstName) + " " + ((_d = (_c = this.user) === null || _c === void 0 ? void 0 : _c.properties) === null || _d === void 0 ? void 0 : _d.lastName), 30, 80);
-      };
-      AvatarComponent.prototype.stringToHslColor = function (str, s, l) {
-          var hash = 0;
-          for (var i = 0; i < str.length; i++) {
-              hash = str.charCodeAt(i) + ((hash << 5) - hash);
-          }
-          var h = hash % 360;
-          this.backgroundColor = 'hsl(' + h + ', ' + s + '%, ' + l + '%)';
-      };
-      AvatarComponent.prototype.getInitials = function () {
-          var _a;
-          return ((_a = this.user) === null || _a === void 0 ? void 0 : _a.properties)
-              ? (this.user.properties.initials = [
-                  this.user.properties.firstName
-                      ? this.user.properties.firstName[0].toUpperCase()
-                      : '',
-                  this.user.properties.lastName
-                      ? this.user.properties.lastName[0].toUpperCase()
-                      : '',
-              ].join(''))
-              : '';
-      };
-      return AvatarComponent;
-  }());
-  AvatarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AvatarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  AvatarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AvatarComponent, selector: "cts-avatar", inputs: { user: "user" }, ngImport: i0__namespace, template: "<div class=\"avatar-wrapper\">\r\n  <ng-container *ngIf=\"user?.avatar?.length; else initials\">\r\n    <img *ngIf=\"user.avatar | secure | async as obs; else initials\" [attr.src]=\"obs\" alt=\"user image\" />\r\n  </ng-container>\r\n\r\n  <ng-template #initials>\r\n    <div class=\"avatar-name \" [ngStyle]=\"{ 'background-color': backgroundColor }\">\r\n      <span>{{\r\n        this.getInitials()\r\n        }}</span>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n", styles: [".avatar-wrapper{width:100%;height:100%;border-radius:100%;overflow:hidden}.avatar-wrapper img{width:100%;height:100%;object-fit:cover}.avatar-wrapper .avatar-name{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.avatar-wrapper .avatar-name span{font-size:16px;font-weight:bold;color:#fff}.avatar-out-container{width:50px;height:50px;border-radius:50%;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}\n"], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "secure": SecurePipe } });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AvatarComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'cts-avatar',
-                      templateUrl: './avatar.component.html',
-                      styleUrls: ['./avatar.component.scss']
-                  }]
-          }], ctorParameters: function () { return []; }, propDecorators: { user: [{
-                  type: i0.Input
-              }] } });
-
-  /**
-   * Transforms date to localized date string
-   *
-   * ### In template example:
-   * ~~~html
-   * <!-- in template -->
-   * <p>
-   *  {{ dateObject | localizedDate: "EEEE, MMMM dd, yyyy"  }}
-   * </p>
-   * ~~~
-   * @title
-   * Localized Date
-   *
-   * @example
-   * ...
-   * constructor(...  private LocalizedDatePipe: localizedDatePipe ...){
-   *   const localizedDateString = this.localizedDatePipe.transform(dateObject, 'EEEE, MMMM dd, yyyy');
-   * }
-   * ...
-   */
-  var LocalizedDatePipe = /** @class */ (function () {
-      function LocalizedDatePipe(userPreferenceService) {
-          var _this = this;
-          this.userPreferenceService = userPreferenceService;
-          this.defaultLocale = LocalizedDatePipe.DEFAULT_LOCALE;
-          this.defaultFormat = LocalizedDatePipe.DEFAULT_DATE_FORMAT;
-          this.onDestroy$ = new rxjs.Subject();
-          if (this.userPreferenceService) {
-              this.userPreferenceService
-                  .select(exports.UserPreferenceValues.Locale)
-                  .pipe(operators.takeUntil(this.onDestroy$))
-                  .subscribe(function (locale) {
-                  if (locale) {
-                      _this.defaultLocale = locale;
-                  }
-              });
-          }
-      }
-      /**
-       *
-       * @param value date object
-       * @param format format
-       * @param locale locale to convert to
-       * @returns localized date string
-       */
-      LocalizedDatePipe.prototype.transform = function (value, format, locale) {
-          try {
-              var actualFormat = format || this.defaultFormat;
-              var actualLocale = locale || this.defaultLocale;
-              var datePipe = new i4.DatePipe(actualLocale);
-              return datePipe.transform(value, actualFormat, 'GMT+3');
-          }
-          catch (e) {
-              console.warn(e);
-              return value;
-          }
-      };
-      /** @ignore */
-      LocalizedDatePipe.prototype.ngOnDestroy = function () {
-          this.onDestroy$.next(true);
-          this.onDestroy$.complete();
-      };
-      return LocalizedDatePipe;
-  }());
-  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 }], 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,
-              args: [{
-                      name: 'localizedDate',
-                      pure: false
-                  }]
-          }], ctorParameters: function () { return [{ type: UserPreferencesService }]; } });
-
-  /**
-   * Transforms html string into safe html to be rendered in the view
-   *
-   * ### In template example:
-   * ~~~html
-   * <!-- in template -->
-   * <span [innerHTML]="htmlString | safeHtml"></span>
-   * ~~~
-   * @title
-   * Safe HTML
-   */
-  var SafeHtmlPipe = /** @class */ (function () {
-      function SafeHtmlPipe(sanitized) {
-          this.sanitized = sanitized;
-      }
-      /**
-       *
-       * @param value HTML String
-       * @returns Safe HTML
-       */
-      SafeHtmlPipe.prototype.transform = function (value) {
-          return this.sanitized.bypassSecurityTrustHtml(value);
-      };
-      return SafeHtmlPipe;
-  }());
-  SafeHtmlPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SafeHtmlPipe, deps: [{ token: i2__namespace$3.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-  SafeHtmlPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SafeHtmlPipe, name: "safeHtml" });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SafeHtmlPipe, decorators: [{
-              type: i0.Pipe,
-              args: [{ name: 'safeHtml' }]
-          }], ctorParameters: function () { return [{ type: i2__namespace$3.DomSanitizer }]; } });
-
-  /**
-   * Converts date into how long time ago string
-   *
-   * ### In template example:
-   * ~~~html
-   * <!-- in template -->
-   *   <span>{{ dateObject | timeAgo }}</span>
-   * ~~~
-   * @title
-   * Time Ago
-   */
-  var TimeAgoPipe = /** @class */ (function () {
-      function TimeAgoPipe(userPreferenceService) {
-          var _this = this;
-          this.userPreferenceService = userPreferenceService;
-          this.onDestroy$ = new rxjs.Subject();
-          this.userPreferenceService
-              .select(exports.UserPreferenceValues.Locale)
-              .pipe(operators.takeUntil(this.onDestroy$))
-              .subscribe(function (locale) {
-              _this.defaultLocale = locale || TimeAgoPipe.DEFAULT_LOCALE;
-          });
-          this.defaultDateTimeFormat = TimeAgoPipe.DEFAULT_DATE_TIME_FORMAT;
-      }
-      /**
-       *
-       * @param value date object
-       * @param locale locale to be transformed to
-       * @returns Time ago string (15 minutes ago)
-       */
-      TimeAgoPipe.prototype.transform = function (value, locale) {
-          if (value !== null && value !== undefined) {
-              var actualLocale = locale || this.defaultLocale;
-              var then = moment__default["default"](value);
-              //const diff = moment().locale(actualLocale).diff(then, 'days');
-              return then.locale(actualLocale).fromNow();
-              // if ( diff > 7) {
-              //     const datePipe: DatePipe = new DatePipe(actualLocale);
-              //     return datePipe.transform(value, this.defaultDateTimeFormat);
-              // } else {
-              //     return then.locale(actualLocale).fromNow();
-              // }
-          }
-          return '';
-      };
-      /** @ignore */
-      TimeAgoPipe.prototype.ngOnDestroy = function () {
-          this.onDestroy$.next(true);
-          this.onDestroy$.complete();
-      };
-      return TimeAgoPipe;
-  }());
-  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 }], 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 }]; } });
-
-  /**
-   * Transforms array of strings to single string seperated with seperator
-   *
-   * ### In template example:
-   * ~~~html
-   * <!-- in template -->
-   * <p>{{ ['string 1','string 2', 'string 3'] | multiValue : {valueSeparator:', '}}}</p>
-   * ~~~
-   * @title
-   * Multi Value
-   *
-   * @example
-   * ...
-   * constructor(...  private MultiValuePipe: multiValuePipe ...){
-   *   const MultiValueString = this.multiValuePipe.transform(['string 1','string 2', 'string 3'], ', ');
-   * }
-   * ...
-   */
-  var MultiValuePipe = /** @class */ (function () {
-      function MultiValuePipe() {
-      }
-      /**
-       *
-       * @param values array of strings
-       * @param valueSeparator seperator to place between elements
-       * @returns the joining of all array items seperated with seperator
-       */
-      MultiValuePipe.prototype.transform = function (values, valueSeparator) {
-          if (valueSeparator === void 0) { valueSeparator = MultiValuePipe.DEFAULT_SEPARATOR; }
-          if (values && values instanceof Array) {
-              return values.join(valueSeparator);
-          }
-          return values;
-      };
-      return MultiValuePipe;
-  }());
-  MultiValuePipe.DEFAULT_SEPARATOR = ', ';
-  MultiValuePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MultiValuePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-  MultiValuePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MultiValuePipe, name: "multiValue" });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MultiValuePipe, decorators: [{
-              type: i0.Pipe,
-              args: [{ name: 'multiValue' }]
-          }] });
-
-  /**
-   * transforms file size into translated appropriate units
-   *
-   * ### In template example:
-   * ~~~html
-   * <!-- in template -->
-   * <p>{{ file.sizeInBytes | FileSize}}</p>
-   * ~~~
-   * @title
-   * File Size
-   *
-   * @example
-   * ...
-   * constructor(...  private FileSizePipe: fileSizePiple ...){
-   *   const sizeString = this.fileSizePiple.transform(sizeInBytes);
-   * }
-   * ...
-   */
-  var FileSizePipe = /** @class */ (function () {
-      function FileSizePipe(translation) {
-          this.translation = translation;
-      }
-      /**
-       *
-       * @param paramByte Size in Bytes
-       * @optional @param  decimals Decimals to show
-       * @returns translated size string
-       */
-      FileSizePipe.prototype.transform = function (paramByte, decimals) {
-          if (decimals === void 0) { decimals = 2; }
-          if (paramByte == null) {
-              return '';
-          }
-          var bytes = parseInt(paramByte, 10);
-          if (isNaN(bytes)) {
-              return '';
-          }
-          if (bytes === 0) {
-              return '0 ' + this.translation.instant('FILE_SIZE.BYTES');
-          }
-          var k = 1024, dm = decimals || 2, sizes = ['BYTES', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'], i = Math.floor(Math.log(bytes) / Math.log(k));
-          var i18nSize = this.translation.instant("FILE_SIZE." + sizes[i]);
-          return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + i18nSize;
-      };
-      return FileSizePipe;
-  }());
-  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,
-              args: [{
-                      name: 'FileSize',
-                      pure: false
-                  }]
-          }], ctorParameters: function () { return [{ type: TranslationService }]; } });
-
-  /**
-   * Transforms and formats date into hijri
-   *
-   * ### In template example:
-   * ~~~html
-   * <!-- in template -->
-   * <p>{{ dateObject | hijriDate : {format:'iYYYY iMMMM iD'}}}</p>
-   * ~~~
-   * @title
-   * Hijri Date
-   *
-   * @example
-   * ...
-   * constructor(...  private HijriDatePipe: hijriDatePipe ...){
-   *   const formattedHijriDate = this.hijriDatePipe.transform(dateObject, 'iYYYY iMMMM iD');
-   * }
-   * ...
-   */
-  var HijriDatePipe = /** @class */ (function () {
-      function HijriDatePipe() {
-          this.defaultFormat = "iYYYY iMMMM iD";
-      }
-      /**
-       *
-       * @param value Date object
-       * @param format Format
-       * @returns formatted hijri date string
-       */
-      HijriDatePipe.prototype.transform = function (value, format) {
-          var actualFormat = format || this.defaultFormat;
-          var m = moment___namespace(value, 'iYYYY/iM/iD'); // Parse a Hijri date.
-          return m.format("iD iMMMM iYYYY");
-      };
-      return HijriDatePipe;
-  }());
-  HijriDatePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HijriDatePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-  HijriDatePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HijriDatePipe, name: "hijriDate" });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HijriDatePipe, decorators: [{
-              type: i0.Pipe,
-              args: [{
-                      name: 'hijriDate'
-                  }]
-          }] });
-
-  /**
-   * @title
-   * Pipes Module
-   */
-  var PipesModule = /** @class */ (function () {
-      function PipesModule() {
-      }
-      return PipesModule;
-  }());
-  PipesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  PipesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipesModule, declarations: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe], imports: [i4.CommonModule], exports: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe] });
-  PipesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipesModule, providers: [TimeAgoPipe, MultiValuePipe], imports: [[i4.CommonModule]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipesModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      declarations: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe],
-                      imports: [i4.CommonModule],
-                      exports: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe],
-                      providers: [TimeAgoPipe, MultiValuePipe],
-                  }]
-          }] });
-
-  /**
-   * @title
-   * Avatar Module
-   */
-  var AvatarModule = /** @class */ (function () {
-      function AvatarModule() {
-      }
-      return AvatarModule;
-  }());
-  AvatarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AvatarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  AvatarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AvatarModule, declarations: [AvatarComponent], imports: [i4.CommonModule,
-          PipesModule], exports: [AvatarComponent] });
-  AvatarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AvatarModule, imports: [[
-              i4.CommonModule,
-              PipesModule
-          ]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AvatarModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      declarations: [AvatarComponent],
-                      imports: [
-                          i4.CommonModule,
-                          PipesModule
-                      ],
-                      exports: [
-                          AvatarComponent
-                      ]
-                  }]
-          }] });
-
-  /**
-   * A reusable card component to display various types of contents
-   *
-   * ![Screenshot-1](../screenshots/card.png)
-   * @title
-   * Card
-   * @example
-   *
-   * <app-card>
-   *   <h3 class="title">
-   *     Card title
-   *   </h3>
-   *   <div class="my-toolbar">
-   *     <button class="btn-primary"> Action Button </button>
-   *   </div>
-   *   <div class="body">
-   *   </div>
-   * </app-card>
-   */
-  var CardComponent = /** @class */ (function () {
-      /** enable/disable shadow */
-      function CardComponent() {
-          /** card has no body */
-          this.noBody = false;
-          /** is card dark */
-          this.dark = false;
+   * @example
+   *
+   * <cts-avatar [user]="user"></cts-avatar>
+   */
+  var AvatarComponent = /** @class */ (function () {
+      function AvatarComponent() {
       }
-      CardComponent.prototype.ngOnInit = function () { };
-      return CardComponent;
+      AvatarComponent.prototype.ngOnInit = function () {
+          var _a, _b, _c, _d;
+          this.stringToHslColor(((_b = (_a = this.user) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.firstName) + " " + ((_d = (_c = this.user) === null || _c === void 0 ? void 0 : _c.properties) === null || _d === void 0 ? void 0 : _d.lastName), 30, 80);
+      };
+      AvatarComponent.prototype.stringToHslColor = function (str, s, l) {
+          var hash = 0;
+          for (var i = 0; i < str.length; i++) {
+              hash = str.charCodeAt(i) + ((hash << 5) - hash);
+          }
+          var h = hash % 360;
+          this.backgroundColor = 'hsl(' + h + ', ' + s + '%, ' + l + '%)';
+      };
+      AvatarComponent.prototype.getInitials = function () {
+          var _a;
+          return ((_a = this.user) === null || _a === void 0 ? void 0 : _a.properties)
+              ? (this.user.properties.initials = [
+                  this.user.properties.firstName
+                      ? this.user.properties.firstName[0].toUpperCase()
+                      : '',
+                  this.user.properties.lastName
+                      ? this.user.properties.lastName[0].toUpperCase()
+                      : '',
+              ].join(''))
+              : '';
+      };
+      return AvatarComponent;
   }());
-  CardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  CardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CardComponent, selector: "app-card", inputs: { noBody: "noBody", dark: "dark" }, ngImport: i0__namespace, template: "<div\r\n  class=\"app-card\"\r\n  [ngClass]=\"{\r\n    'dark-app-card ': dark\r\n  }\"\r\n>\r\n  <div class=\"card-inner\">\r\n    <div\r\n      [ngClass]=\"{\r\n        hidden: title.childNodes.length == 0 && toolbar.childNodes.length == 0\r\n      }\"\r\n      class=\"card-title\"\r\n    >\r\n      <div class=\"title-padder\">\r\n        <!-- title Area -->\r\n        <span #title>\r\n          <ng-content select=\".title\"></ng-content>\r\n        </span>\r\n        <!-- toolbar Area -->\r\n        <div class=\"my-toolbar\" #toolbar>\r\n          <ng-content select=\".my-toolbar\"></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- body area -->\r\n    <div class=\"card-body\" *ngIf=\"!noBody\">\r\n      <ng-content select=\".body\"></ng-content>\r\n    </div>\r\n    <div class=\"no-items\">\r\n      <p class=\"message\">\r\n        <ng-content select=\".no-content\"></ng-content>\r\n      </p>\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}.app-card{border-radius:5px;display:flex;flex-direction:column;background:#ffffff;position:relative;padding:24px 0 0}.app-card .card-inner{display:flex;flex-direction:column}.card-title{height:auto;border:0px solid;border-color:#465573;color:#465573;border-inline-start-width:8px}.card-title h1,.card-title h2,.card-title h3,.card-title h4,.card-title h5,.card-title h6,.card-title span,.card-title p{font-size:18px}.title-padder{padding:0 24px;display:flex;align-items:center;justify-content:space-between}.dark-app-card{background:#465573}.dark-app-card .card-title{border-color:#fff;color:#fff}.my-toolbar{display:flex}.my-toolbar .add-button{border-radius:5px;width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center}.my-toolbar .add-button .icon{font-size:30px;font-weight:bold}.my-toolbar .add-button .edit{font-size:25px}.no-items{display:flex;justify-content:center}.no-items .message{text-align:center;color:#b4bac6;font-size:20px}\n"], directives: [{ type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardComponent, decorators: [{
+  AvatarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AvatarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+  AvatarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AvatarComponent, selector: "cts-avatar", inputs: { user: "user" }, ngImport: i0__namespace, template: "<div class=\"avatar-wrapper\">\r\n  <ng-container *ngIf=\"user?.avatar?.length; else initials\">\r\n    <img *ngIf=\"user.avatar | secure | async as obs; else initials\" [attr.src]=\"obs\" alt=\"user image\" />\r\n  </ng-container>\r\n\r\n  <ng-template #initials>\r\n    <div class=\"avatar-name \" [ngStyle]=\"{ 'background-color': backgroundColor }\">\r\n      <span>{{\r\n        this.getInitials()\r\n        }}</span>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n", styles: [".avatar-wrapper{width:100%;height:100%;border-radius:100%;overflow:hidden}.avatar-wrapper img{width:100%;height:100%;object-fit:cover}.avatar-wrapper .avatar-name{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.avatar-wrapper .avatar-name span{font-size:16px;font-weight:bold;color:#fff}.avatar-out-container{width:50px;height:50px;border-radius:50%;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}\n"], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "secure": SecurePipe } });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AvatarComponent, decorators: [{
               type: i0.Component,
               args: [{
-                      selector: 'app-card',
-                      templateUrl: './card.component.html',
-                      styleUrls: ['./card.component.scss'],
-                      encapsulation: i0.ViewEncapsulation.None,
+                      selector: 'cts-avatar',
+                      templateUrl: './avatar.component.html',
+                      styleUrls: ['./avatar.component.scss']
                   }]
-          }], ctorParameters: function () { return []; }, propDecorators: { noBody: [{
-                  type: i0.Input
-              }], dark: [{
+          }], ctorParameters: function () { return []; }, propDecorators: { user: [{
                   type: i0.Input
               }] } });
 
   /**
+   * Transforms date to localized date string
+   *
+   * ### In template example:
+   * ~~~html
+   * <!-- in template -->
+   * <p>
+   *  {{ dateObject | localizedDate: "EEEE, MMMM dd, yyyy"  }}
+   * </p>
+   * ~~~
    * @title
-   * Card Module
+   * Localized Date
+   *
+   * @example
+   * ...
+   * constructor(...  private LocalizedDatePipe: localizedDatePipe ...){
+   *   const localizedDateString = this.localizedDatePipe.transform(dateObject, 'EEEE, MMMM dd, yyyy');
+   * }
+   * ...
    */
-  var CardModule = /** @class */ (function () {
-      function CardModule() {
-      }
-      return CardModule;
-  }());
-  CardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  CardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardModule, declarations: [CardComponent], imports: [i4.CommonModule], exports: [CardComponent] });
-  CardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardModule, providers: [], imports: [[i4.CommonModule]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      declarations: [CardComponent],
-                      imports: [i4.CommonModule],
-                      exports: [CardComponent],
-                      providers: [],
-                  }]
-          }] });
-
-  /** @ignore */
-  var ClickOutsideDirective = /** @class */ (function () {
-      function ClickOutsideDirective(elementRef) {
-          this.elementRef = elementRef;
-          this.clickOutside = new i0.EventEmitter();
+  var LocalizedDatePipe = /** @class */ (function () {
+      function LocalizedDatePipe(userPreferenceService) {
+          var _this = this;
+          this.userPreferenceService = userPreferenceService;
+          this.defaultLocale = LocalizedDatePipe.DEFAULT_LOCALE;
+          this.defaultFormat = LocalizedDatePipe.DEFAULT_DATE_FORMAT;
+          this.onDestroy$ = new rxjs.Subject();
+          if (this.userPreferenceService) {
+              this.userPreferenceService
+                  .select(exports.UserPreferenceValues.Locale)
+                  .pipe(operators.takeUntil(this.onDestroy$))
+                  .subscribe(function (locale) {
+                  if (locale) {
+                      _this.defaultLocale = locale;
+                  }
+              });
+          }
       }
-      ClickOutsideDirective.prototype.onClick = function (target) {
-          var clickedInside = this.elementRef.nativeElement.contains(target);
-          if (!clickedInside) {
-              this.clickOutside.emit(target);
+      /**
+       *
+       * @param value date object
+       * @param format format
+       * @param locale locale to convert to
+       * @returns localized date string
+       */
+      LocalizedDatePipe.prototype.transform = function (value, format, locale) {
+          try {
+              var actualFormat = format || this.defaultFormat;
+              var actualLocale = locale || this.defaultLocale;
+              var datePipe = new i4.DatePipe(actualLocale);
+              return datePipe.transform(value, actualFormat, 'GMT+3');
+          }
+          catch (e) {
+              console.warn(e);
+              return value;
           }
       };
-      return ClickOutsideDirective;
+      /** @ignore */
+      LocalizedDatePipe.prototype.ngOnDestroy = function () {
+          this.onDestroy$.next(true);
+          this.onDestroy$.complete();
+      };
+      return LocalizedDatePipe;
   }());
-  ClickOutsideDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClickOutsideDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-  ClickOutsideDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "window:click": "onClick($event.target)" } }, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClickOutsideDirective, decorators: [{
-              type: i0.Directive,
+  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 }], 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,
               args: [{
-                      selector: '[clickOutside]'
+                      name: 'localizedDate',
+                      pure: false
                   }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { clickOutside: [{
-                  type: i0.Output
-              }], onClick: [{
-                  type: i0.HostListener,
-                  args: ['window:click', ['$event.target']]
-              }] } });
+          }], ctorParameters: function () { return [{ type: UserPreferencesService }]; } });
 
-  /** @ignore */
-  var SetRtlDirective = /** @class */ (function () {
-      function SetRtlDirective(elRef, renderer, translation) {
-          this.elRef = elRef;
-          this.renderer = renderer;
-          this.translation = translation;
-          this.switchClassBasedOnLanguage();
+  /**
+   * Transforms html string into safe html to be rendered in the view
+   *
+   * ### In template example:
+   * ~~~html
+   * <!-- in template -->
+   * <span [innerHTML]="htmlString | safeHtml"></span>
+   * ~~~
+   * @title
+   * Safe HTML
+   */
+  var SafeHtmlPipe = /** @class */ (function () {
+      function SafeHtmlPipe(sanitized) {
+          this.sanitized = sanitized;
       }
-      /*Switch rtl class based on the chosen language from Translation Service*/
-      SetRtlDirective.prototype.switchClassBasedOnLanguage = function () {
-          var _this = this;
-          this.translation.isArabic.subscribe(function (arabic) {
-              arabic
-                  ? _this.renderer.addClass(_this.elRef.nativeElement, 'rtl')
-                  : _this.renderer.removeClass(_this.elRef.nativeElement, 'rtl');
-          });
+      /**
+       *
+       * @param value HTML String
+       * @returns Safe HTML
+       */
+      SafeHtmlPipe.prototype.transform = function (value) {
+          return this.sanitized.bypassSecurityTrustHtml(value);
       };
-      return SetRtlDirective;
+      return SafeHtmlPipe;
   }());
-  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 }]; } });
+  SafeHtmlPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SafeHtmlPipe, deps: [{ token: i2__namespace$3.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+  SafeHtmlPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SafeHtmlPipe, name: "safeHtml" });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SafeHtmlPipe, decorators: [{
+              type: i0.Pipe,
+              args: [{ name: 'safeHtml' }]
+          }], ctorParameters: function () { return [{ type: i2__namespace$3.DomSanitizer }]; } });
 
-  var EvaluatorsService = /** @class */ (function () {
-      function EvaluatorsService(nuxeoService, appConfigService) {
+  /**
+   * Converts date into how long time ago string
+   *
+   * ### In template example:
+   * ~~~html
+   * <!-- in template -->
+   *   <span>{{ dateObject | timeAgo }}</span>
+   * ~~~
+   * @title
+   * Time Ago
+   */
+  var TimeAgoPipe = /** @class */ (function () {
+      function TimeAgoPipe(userPreferenceService) {
           var _this = this;
-          this.nuxeoService = nuxeoService;
-          this.appConfigService = appConfigService;
-          this.context = { entity: null, getEvaluator: null, user: null };
-          this.asyncEvery = function (arr, predicate) { return __awaiter(_this, void 0, void 0, function () {
-              var arr_1, arr_1_1, e, e_1_1;
-              var e_1, _j;
-              return __generator(this, function (_k) {
-                  switch (_k.label) {
-                      case 0:
-                          _k.trys.push([0, 5, 6, 7]);
-                          arr_1 = __values(arr), arr_1_1 = arr_1.next();
-                          _k.label = 1;
-                      case 1:
-                          if (!!arr_1_1.done) return [3 /*break*/, 4];
-                          e = arr_1_1.value;
-                          return [4 /*yield*/, predicate(e)];
-                      case 2:
-                          if (!(_k.sent())) {
-                              return [2 /*return*/, false];
-                          }
-                          _k.label = 3;
-                      case 3:
-                          arr_1_1 = arr_1.next();
-                          return [3 /*break*/, 1];
-                      case 4: return [3 /*break*/, 7];
-                      case 5:
-                          e_1_1 = _k.sent();
-                          e_1 = { error: e_1_1 };
-                          return [3 /*break*/, 7];
-                      case 6:
-                          try {
-                              if (arr_1_1 && !arr_1_1.done && (_j = arr_1.return)) _j.call(arr_1);
-                          }
-                          finally { if (e_1) throw e_1.error; }
-                          return [7 /*endfinally*/];
-                      case 7: return [2 /*return*/, true];
-                  }
-              });
-          }); };
-          this.asyncSome = function (arr, predicate) { return __awaiter(_this, void 0, void 0, function () {
-              var arr_2, arr_2_1, e, e_2_1;
-              var e_2, _j;
-              return __generator(this, function (_k) {
-                  switch (_k.label) {
-                      case 0:
-                          _k.trys.push([0, 5, 6, 7]);
-                          arr_2 = __values(arr), arr_2_1 = arr_2.next();
-                          _k.label = 1;
-                      case 1:
-                          if (!!arr_2_1.done) return [3 /*break*/, 4];
-                          e = arr_2_1.value;
-                          return [4 /*yield*/, predicate(e)];
-                      case 2:
-                          if (_k.sent()) {
-                              return [2 /*return*/, true];
-                          }
-                          _k.label = 3;
-                      case 3:
-                          arr_2_1 = arr_2.next();
-                          return [3 /*break*/, 1];
-                      case 4: return [3 /*break*/, 7];
-                      case 5:
-                          e_2_1 = _k.sent();
-                          e_2 = { error: e_2_1 };
-                          return [3 /*break*/, 7];
-                      case 6:
-                          try {
-                              if (arr_2_1 && !arr_2_1.done && (_j = arr_2.return)) _j.call(arr_2);
-                          }
-                          finally { if (e_2) throw e_2.error; }
-                          return [7 /*endfinally*/];
-                      case 7: return [2 /*return*/, false];
-                  }
-              });
-          }); };
-          // tslint:disable-next-line:member-ordering
-          this.evaluators = {
-              AND: function (context, args) { return __awaiter(_this, void 0, void 0, function () {
-                  var _this = this;
-                  return __generator(this, function (_j) {
-                      switch (_j.label) {
-                          case 0:
-                              if (!args || args.length === 0) {
-                                  return [2 /*return*/, false];
-                              }
-                              return [4 /*yield*/, this.asyncEvery(args, function (arg) { return __awaiter(_this, void 0, void 0, function () {
-                                      var evaluator;
-                                      return __generator(this, function (_j) {
-                                          switch (_j.label) {
-                                              case 0: return [4 /*yield*/, context.getEvaluator(arg.value)];
-                                              case 1:
-                                                  evaluator = _j.sent();
-                                                  if (!evaluator) {
-                                                      console.warn("evaluator not found: " + arg.value);
-                                                      return [2 /*return*/, false];
-                                                  }
-                                                  return [4 /*yield*/, evaluator(context, arg.parameters || [])];
-                                              case 2: return [2 /*return*/, _j.sent()];
-                                          }
-                                      });
-                                  }); })];
-                          case 1: return [2 /*return*/, _j.sent()];
-                      }
-                  });
-              }); },
-              OR: function (context, args) { return __awaiter(_this, void 0, void 0, function () {
-                  var _this = this;
-                  return __generator(this, function (_j) {
-                      switch (_j.label) {
-                          case 0:
-                              if (!args || args.length === 0) {
-                                  return [2 /*return*/, false];
-                              }
-                              return [4 /*yield*/, this.asyncSome(args, function (arg) { return __awaiter(_this, void 0, void 0, function () {
-                                      var evaluator, res;
-                                      return __generator(this, function (_j) {
-                                          switch (_j.label) {
-                                              case 0: return [4 /*yield*/, context.getEvaluator(arg.value)];
-                                              case 1:
-                                                  evaluator = _j.sent();
-                                                  if (!evaluator) {
-                                                      console.warn("evaluator not found: " + arg.value);
-                                                      return [2 /*return*/, false];
-                                                  }
-                                                  return [4 /*yield*/, evaluator(context, arg.parameters || [])];
-                                              case 2:
-                                                  res = _j.sent();
-                                                  return [2 /*return*/, res];
-                                          }
-                                      });
-                                  }); })];
-                          case 1: return [2 /*return*/, _j.sent()];
-                      }
-                  });
-              }); },
-              isStatus: function (context, args) { return __awaiter(_this, void 0, void 0, function () {
-                  return __generator(this, function (_j) {
-                      if (args.indexOf(context.entity.state) > -1) {
-                          return [2 /*return*/, true];
-                      }
-                      else {
-                          return [2 /*return*/, false];
-                      }
-                      return [2 /*return*/];
-                  });
-              }); },
-              isCreator: function (context, args) { return __awaiter(_this, void 0, void 0, function () {
-                  var _a, _b, _c, _d, _e, _f, _g, _h, owner;
-                  return __generator(this, function (_j) {
-                      if ((_b = (_a = context.entity.properties.owner) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.username) {
-                          owner = (_d = (_c = context.entity.properties.owner) === null || _c === void 0 ? void 0 : _c.properties) === null || _d === void 0 ? void 0 : _d.username;
-                      }
-                      else if ((_f = (_e = context.entity.properties["corr:owner"]) === null || _e === void 0 ? void 0 : _e.properties) === null || _f === void 0 ? void 0 : _f.username) {
-                          owner = (_h = (_g = context.entity.properties["corr:owner"]) === null || _g === void 0 ? void 0 : _g.properties) === null || _h === void 0 ? void 0 : _h.username;
-                      }
-                      else if (context.entity.properties.owner) {
-                          owner = context.entity.properties.owner;
-                      }
-                      else if (context.entity.properties["corr:owner"]) {
-                          owner = context.entity.properties["corr:owner"];
-                      }
-                      if (owner === context.user.properties.username) {
-                          return [2 /*return*/, true];
-                      }
-                      else {
-                          return [2 /*return*/, false];
-                      }
-                      return [2 /*return*/];
-                  });
-              }); },
-              isUserInrole: function (context, args) { return __awaiter(_this, void 0, void 0, function () {
-                  var result;
-                  return __generator(this, function (_j) {
-                      switch (_j.label) {
-                          case 0: return [4 /*yield*/, this.nuxeoService
-                                  .isUserInRole(args, "")
-                                  .pipe(operators.first())
-                                  .toPromise()];
-                          case 1:
-                              result = _j.sent();
-                              return [2 /*return*/, result];
-                      }
-                  });
-              }); },
-          };
-          this.getEvaluator = function (key) { return __awaiter(_this, void 0, void 0, function () {
-              var eva, fn_1;
-              var _this = this;
-              return __generator(this, function (_j) {
-                  eva = this.evaluators;
-                  if (key && key.startsWith("!")) {
-                      fn_1 = eva[key.substring(1)];
-                      return [2 /*return*/, function (context, args) { return __awaiter(_this, void 0, void 0, function () {
-                              var result;
-                              return __generator(this, function (_j) {
-                                  switch (_j.label) {
-                                      case 0: return [4 /*yield*/, fn_1.apply(void 0, __spreadArray([context], __read(args)))];
-                                      case 1:
-                                          result = _j.sent();
-                                          return [2 /*return*/, !result];
-                                  }
-                              });
-                          }); }];
-                  }
-                  return [2 /*return*/, eva[key]];
-              });
-          }); };
-          this.appConfigService.configLoaded.subscribe(function (ready) {
-              if (ready) {
-                  _this.conditions = _this.getAllRules();
-              }
+          this.userPreferenceService = userPreferenceService;
+          this.onDestroy$ = new rxjs.Subject();
+          this.userPreferenceService
+              .select(exports.UserPreferenceValues.Locale)
+              .pipe(operators.takeUntil(this.onDestroy$))
+              .subscribe(function (locale) {
+              _this.defaultLocale = locale || TimeAgoPipe.DEFAULT_LOCALE;
           });
+          this.defaultDateTimeFormat = TimeAgoPipe.DEFAULT_DATE_TIME_FORMAT;
       }
-      EvaluatorsService.prototype.setEvaluators = function (evaluators) {
-          this.evaluators = Object.assign(Object.assign({}, this.evaluators), evaluators);
-      };
-      EvaluatorsService.prototype.getEvaluators = function () {
-          return this.evaluators;
-      };
-      // ----------------------------------------------------
-      EvaluatorsService.prototype.evaluateRule = function (ruleId, context) {
-          return __awaiter(this, void 0, void 0, function () {
-              var ruleRef, evaluator, evaluator;
-              return __generator(this, function (_j) {
-                  switch (_j.label) {
-                      case 0:
-                          ruleRef = this.getRuleById(ruleId);
-                          context = context || this.context;
-                          context["getEvaluator"] = this.getEvaluator;
-                          if (!ruleRef) return [3 /*break*/, 4];
-                          return [4 /*yield*/, this.getEvaluator(ruleRef.type)];
-                      case 1:
-                          evaluator = _j.sent();
-                          if (!evaluator) return [3 /*break*/, 3];
-                          return [4 /*yield*/, evaluator(context, ruleRef.parameters)];
-                      case 2: return [2 /*return*/, _j.sent()];
-                      case 3: return [3 /*break*/, 7];
-                      case 4: return [4 /*yield*/, this.getEvaluator(ruleId)];
-                      case 5:
-                          evaluator = _j.sent();
-                          if (!evaluator) return [3 /*break*/, 7];
-                          return [4 /*yield*/, evaluator(context)];
-                      case 6: return [2 /*return*/, _j.sent()];
-                      case 7: return [2 /*return*/];
-                  }
-              });
-          });
+      /**
+       *
+       * @param value date object
+       * @param locale locale to be transformed to
+       * @returns Time ago string (15 minutes ago)
+       */
+      TimeAgoPipe.prototype.transform = function (value, locale) {
+          if (value !== null && value !== undefined) {
+              var actualLocale = locale || this.defaultLocale;
+              var then = moment__default["default"](value);
+              //const diff = moment().locale(actualLocale).diff(then, 'days');
+              return then.locale(actualLocale).fromNow();
+              // if ( diff > 7) {
+              //     const datePipe: DatePipe = new DatePipe(actualLocale);
+              //     return datePipe.transform(value, this.defaultDateTimeFormat);
+              // } else {
+              //     return then.locale(actualLocale).fromNow();
+              // }
+          }
+          return '';
       };
-      EvaluatorsService.prototype.getRuleById = function (id) {
-          return this.conditions[id] ? Object.assign({}, this.conditions[id]) : null;
+      /** @ignore */
+      TimeAgoPipe.prototype.ngOnDestroy = function () {
+          this.onDestroy$.next(true);
+          this.onDestroy$.complete();
       };
-      EvaluatorsService.prototype.getAllRules = function () {
-          return this.appConfigService.conditons;
+      return TimeAgoPipe;
+  }());
+  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 }], 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 }]; } });
+
+  /**
+   * Transforms array of strings to single string seperated with seperator
+   *
+   * ### In template example:
+   * ~~~html
+   * <!-- in template -->
+   * <p>{{ ['string 1','string 2', 'string 3'] | multiValue : {valueSeparator:', '}}}</p>
+   * ~~~
+   * @title
+   * Multi Value
+   *
+   * @example
+   * ...
+   * constructor(...  private MultiValuePipe: multiValuePipe ...){
+   *   const MultiValueString = this.multiValuePipe.transform(['string 1','string 2', 'string 3'], ', ');
+   * }
+   * ...
+   */
+  var MultiValuePipe = /** @class */ (function () {
+      function MultiValuePipe() {
+      }
+      /**
+       *
+       * @param values array of strings
+       * @param valueSeparator seperator to place between elements
+       * @returns the joining of all array items seperated with seperator
+       */
+      MultiValuePipe.prototype.transform = function (values, valueSeparator) {
+          if (valueSeparator === void 0) { valueSeparator = MultiValuePipe.DEFAULT_SEPARATOR; }
+          if (values && values instanceof Array) {
+              return values.join(valueSeparator);
+          }
+          return values;
       };
-      return EvaluatorsService;
+      return MultiValuePipe;
   }());
-  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 }, { type: AppConfigService }]; } });
+  MultiValuePipe.DEFAULT_SEPARATOR = ', ';
+  MultiValuePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MultiValuePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+  MultiValuePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MultiValuePipe, name: "multiValue" });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MultiValuePipe, decorators: [{
+              type: i0.Pipe,
+              args: [{ name: 'multiValue' }]
+          }] });
 
   /**
-   * Permission directive shows or hides an element,
-   * based on a predefined structured condition object in the [conditions.json]{@link ../additional-documentation/conditions-file.html} file.
-   * it will evaluate the rule and shows or hides an element based on the result.
-   * this directive can evaluate rules against a document object as well,
-   * check [conditions.json]{@link ../additional-documentation/conditions-file.html} for more information
-   * @example
-   * <div *permission="{ name: 'conditionKey', entity: nuxeoDocumentObject }">
-   *   Element with permissions
-   *  </duv>
-   *  <div *permission="{ name: 'conditionKey2' }">
-   *   Element with permissions 2
-   *  </duv>
+   * transforms file size into translated appropriate units
+   *
+   * ### In template example:
+   * ~~~html
+   * <!-- in template -->
+   * <p>{{ file.sizeInBytes | FileSize}}</p>
+   * ~~~
    * @title
-   * Permission
+   * File Size
+   *
+   * @example
+   * ...
+   * constructor(...  private FileSizePipe: fileSizePiple ...){
+   *   const sizeString = this.fileSizePiple.transform(sizeInBytes);
+   * }
+   * ...
    */
-  var PermissionsDirective = /** @class */ (function () {
-      function PermissionsDirective(nuxeoService, eltRef, viewContainerRef, templateRef, appConfigService, evaluatorsService) {
-          this.nuxeoService = nuxeoService;
-          this.eltRef = eltRef;
-          this.viewContainerRef = viewContainerRef;
-          this.templateRef = templateRef;
-          this.appConfigService = appConfigService;
-          this.evaluatorsService = evaluatorsService;
-          this.isVisible = false;
-          this.context = { entity: null, getEvaluator: null, user: null };
+  var FileSizePipe = /** @class */ (function () {
+      function FileSizePipe(translation) {
+          this.translation = translation;
       }
-      PermissionsDirective.prototype.ngOnInit = function () {
-          var _this = this;
-          this.context.getEvaluator = this.evaluatorsService.getEvaluator;
-          if (!this.permission.name) {
-              if (!this.isVisible) {
-                  this.isVisible = true;
-                  this.viewContainerRef.createEmbeddedView(this.templateRef);
-              }
+      /**
+       *
+       * @param paramByte Size in Bytes
+       * @optional @param  decimals Decimals to show
+       * @returns translated size string
+       */
+      FileSizePipe.prototype.transform = function (paramByte, decimals) {
+          if (decimals === void 0) { decimals = 2; }
+          if (paramByte == null) {
+              return '';
           }
-          else {
-              this.context.entity = this.permission.entity;
-              this.context.user = this.permission.user || this.nuxeoService.nuxeoClient.user;
-              this.evaluatorsService.evaluateRule(this.permission.name, this.context).then(function (result) {
-                  if (result) {
-                      if (!_this.isVisible) {
-                          _this.isVisible = true;
-                          _this.viewContainerRef.createEmbeddedView(_this.templateRef);
-                      }
-                  }
-                  else {
-                      _this.isVisible = false;
-                      _this.viewContainerRef.clear();
-                  }
-              });
+          var bytes = parseInt(paramByte, 10);
+          if (isNaN(bytes)) {
+              return '';
+          }
+          if (bytes === 0) {
+              return '0 ' + this.translation.instant('FILE_SIZE.BYTES');
           }
+          var k = 1024, dm = decimals || 2, sizes = ['BYTES', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'], i = Math.floor(Math.log(bytes) / Math.log(k));
+          var i18nSize = this.translation.instant("FILE_SIZE." + sizes[i]);
+          return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + i18nSize;
       };
-      return PermissionsDirective;
+      return FileSizePipe;
   }());
-  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,
+  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,
               args: [{
-                      selector: '[permission]'
+                      name: 'FileSize',
+                      pure: false
                   }]
-          }], 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
-              }] } });
+          }], ctorParameters: function () { return [{ type: TranslationService }]; } });
 
-  /** @ignore */
-  var SetDirRtlDirective = /** @class */ (function () {
-      function SetDirRtlDirective(elRef, renderer, translation) {
-          this.elRef = elRef;
-          this.renderer = renderer;
-          this.translation = translation;
-          this.switchDirBasedOnLanguage();
+  /**
+   * Transforms and formats date into hijri
+   *
+   * ### In template example:
+   * ~~~html
+   * <!-- in template -->
+   * <p>{{ dateObject | hijriDate : {format:'iYYYY iMMMM iD'}}}</p>
+   * ~~~
+   * @title
+   * Hijri Date
+   *
+   * @example
+   * ...
+   * constructor(...  private HijriDatePipe: hijriDatePipe ...){
+   *   const formattedHijriDate = this.hijriDatePipe.transform(dateObject, 'iYYYY iMMMM iD');
+   * }
+   * ...
+   */
+  var HijriDatePipe = /** @class */ (function () {
+      function HijriDatePipe() {
+          this.defaultFormat = "iYYYY iMMMM iD";
       }
-      SetDirRtlDirective.prototype.switchDirBasedOnLanguage = function () {
-          var _this = this;
-          this.translation.isArabic.subscribe(function (arabic) {
-              arabic
-                  ? _this.renderer.setAttribute(_this.elRef.nativeElement, 'dir', 'rtl')
-                  : _this.renderer.setAttribute(_this.elRef.nativeElement, 'dir', 'ltr');
-          });
+      /**
+       *
+       * @param value Date object
+       * @param format Format
+       * @returns formatted hijri date string
+       */
+      HijriDatePipe.prototype.transform = function (value, format) {
+          var actualFormat = format || this.defaultFormat;
+          var m = moment___namespace(value, 'iYYYY/iM/iD'); // Parse a Hijri date.
+          return m.format("iD iMMMM iYYYY");
       };
-      return SetDirRtlDirective;
+      return HijriDatePipe;
   }());
-  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,
+  HijriDatePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HijriDatePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+  HijriDatePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HijriDatePipe, name: "hijriDate" });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HijriDatePipe, decorators: [{
+              type: i0.Pipe,
               args: [{
-                      selector: '[SetDirRtl]',
+                      name: 'hijriDate'
                   }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }, { type: TranslationService }]; } });
+          }] });
 
-  var AppHasRoleDirective = /** @class */ (function () {
-      function AppHasRoleDirective(viewContainerRef, templateRef, nuxeoService) {
-          this.viewContainerRef = viewContainerRef;
-          this.templateRef = templateRef;
-          this.nuxeoService = nuxeoService;
-          this.stop$ = new rxjs.Subject();
-          this.isVisible = false;
+  /**
+   * @title
+   * Pipes Module
+   */
+  var PipesModule = /** @class */ (function () {
+      function PipesModule() {
       }
-      AppHasRoleDirective.prototype.ngOnInit = function () {
-          var _this = this;
-          var _a;
-          if ((_a = this.appHasRole) === null || _a === void 0 ? void 0 : _a.role) {
-              this.nuxeoService.isUserInRole(this.appHasRole.role, this.appHasRole.code).subscribe(function (data) {
-                  if (data || !_this.appHasRole) {
-                      // If it is already visible (which can happen if
-                      // his roles changed) we do not need to add it a second time
-                      if (!_this.isVisible) {
-                          // We update the `isVisible` property and add the
-                          // templateRef to the view using the
-                          // 'createEmbeddedView' method of the viewContainerRef
-                          _this.isVisible = true;
-                          _this.viewContainerRef.createEmbeddedView(_this.templateRef);
-                      }
-                  }
-                  else {
-                      // If the user does not have the role,
-                      // we update the `isVisible` property and clear
-                      // the contents of the viewContainerRef
-                      _this.isVisible = false;
-                      _this.viewContainerRef.clear();
-                  }
-              });
-          }
-          else {
-              if (!this.isVisible) {
-                  // We update the `isVisible` property and add the
-                  // templateRef to the view using the
-                  // 'createEmbeddedView' method of the viewContainerRef
-                  this.isVisible = true;
-                  this.viewContainerRef.createEmbeddedView(this.templateRef);
-              }
-          }
-      };
-      AppHasRoleDirective.prototype.ngOnChanges = function () {
-          this.ngOnInit();
-      };
-      return AppHasRoleDirective;
+      return PipesModule;
   }());
-  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,
+  PipesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  PipesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipesModule, declarations: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe], imports: [i4.CommonModule], exports: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe] });
+  PipesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipesModule, providers: [TimeAgoPipe, MultiValuePipe], imports: [[i4.CommonModule]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PipesModule, decorators: [{
+              type: i0.NgModule,
               args: [{
-                      selector: '[appHasRole]'
+                      declarations: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe],
+                      imports: [i4.CommonModule],
+                      exports: [SecurePipe, LocalizedDatePipe, SafeHtmlPipe, TimeAgoPipe, MultiValuePipe, FileSizePipe, HijriDatePipe],
+                      providers: [TimeAgoPipe, MultiValuePipe],
                   }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.ViewContainerRef }, { type: i0__namespace.TemplateRef }, { type: NuxeoService }]; }, propDecorators: { appHasRole: [{
-                  type: i0.Input
-              }] } });
+          }] });
 
-  var DragAndDropDirective = /** @class */ (function () {
-      function DragAndDropDirective() {
-          this.fileDroped = new i0.EventEmitter();
+  /**
+   * @title
+   * Avatar Module
+   */
+  var AvatarModule = /** @class */ (function () {
+      function AvatarModule() {
       }
-      DragAndDropDirective.prototype.onDragOver = function (evt) {
-          evt.preventDefault();
-          evt.stopPropagation();
-      };
-      DragAndDropDirective.prototype.onDragLeave = function (evt) {
-          evt.preventDefault();
-          evt.stopPropagation();
-      };
-      DragAndDropDirective.prototype.onDrop = function (evt) {
-          var e_1, _a;
-          var files = [];
-          evt.preventDefault();
-          evt.stopPropagation();
-          if (evt.dataTransfer.files.length) {
-              try {
-                  for (var _b = __values(evt.dataTransfer.files), _c = _b.next(); !_c.done; _c = _b.next()) {
-                      var file = _c.value;
-                      files.push(file);
-                  }
-              }
-              catch (e_1_1) { e_1 = { error: e_1_1 }; }
-              finally {
-                  try {
-                      if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                  }
-                  finally { if (e_1) throw e_1.error; }
-              }
-              this.fileDroped.emit(files);
-          }
-      };
-      return DragAndDropDirective;
+      return AvatarModule;
   }());
-  DragAndDropDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DragAndDropDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-  DragAndDropDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: DragAndDropDirective, selector: "[appDragAndDrop]", outputs: { fileDroped: "fileDroped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" } }, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DragAndDropDirective, decorators: [{
-              type: i0.Directive,
+  AvatarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AvatarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  AvatarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AvatarModule, declarations: [AvatarComponent], imports: [i4.CommonModule,
+          PipesModule], exports: [AvatarComponent] });
+  AvatarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AvatarModule, imports: [[
+              i4.CommonModule,
+              PipesModule
+          ]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AvatarModule, decorators: [{
+              type: i0.NgModule,
               args: [{
-                      selector: '[appDragAndDrop]'
+                      declarations: [AvatarComponent],
+                      imports: [
+                          i4.CommonModule,
+                          PipesModule
+                      ],
+                      exports: [
+                          AvatarComponent
+                      ]
                   }]
-          }], ctorParameters: function () { return []; }, propDecorators: { fileDroped: [{
-                  type: i0.Output
-              }], onDragOver: [{
-                  type: i0.HostListener,
-                  args: ['dragover', ['$event']]
-              }], onDragLeave: [{
-                  type: i0.HostListener,
-                  args: ['dragleave', ['$event']]
-              }], onDrop: [{
-                  type: i0.HostListener,
-                  args: ['drop', ['$event']]
+          }] });
+
+  /**
+   * A reusable card component to display various types of contents
+   *
+   * ![Screenshot-1](../screenshots/card.png)
+   * @title
+   * Card
+   * @example
+   *
+   * <app-card>
+   *   <h3 class="title">
+   *     Card title
+   *   </h3>
+   *   <div class="my-toolbar">
+   *     <button class="btn-primary"> Action Button </button>
+   *   </div>
+   *   <div class="body">
+   *   </div>
+   * </app-card>
+   */
+  var CardComponent = /** @class */ (function () {
+      /** enable/disable shadow */
+      function CardComponent() {
+          /** card has no body */
+          this.noBody = false;
+          /** is card dark */
+          this.dark = false;
+      }
+      CardComponent.prototype.ngOnInit = function () { };
+      return CardComponent;
+  }());
+  CardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CardComponent, selector: "app-card", inputs: { noBody: "noBody", dark: "dark" }, ngImport: i0__namespace, template: "<div\r\n  class=\"app-card\"\r\n  [ngClass]=\"{\r\n    'dark-app-card ': dark\r\n  }\"\r\n>\r\n  <div class=\"card-inner\">\r\n    <div\r\n      [ngClass]=\"{\r\n        hidden: title.childNodes.length == 0 && toolbar.childNodes.length == 0\r\n      }\"\r\n      class=\"card-title\"\r\n    >\r\n      <div class=\"title-padder\">\r\n        <!-- title Area -->\r\n        <span #title>\r\n          <ng-content select=\".title\"></ng-content>\r\n        </span>\r\n        <!-- toolbar Area -->\r\n        <div class=\"my-toolbar\" #toolbar>\r\n          <ng-content select=\".my-toolbar\"></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- body area -->\r\n    <div class=\"card-body\" *ngIf=\"!noBody\">\r\n      <ng-content select=\".body\"></ng-content>\r\n    </div>\r\n    <div class=\"no-items\">\r\n      <p class=\"message\">\r\n        <ng-content select=\".no-content\"></ng-content>\r\n      </p>\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}.app-card{border-radius:5px;display:flex;flex-direction:column;background:#ffffff;position:relative;padding:24px 0 0}.app-card .card-inner{display:flex;flex-direction:column}.card-title{height:auto;border:0px solid;border-color:#465573;color:#465573;border-inline-start-width:8px}.card-title h1,.card-title h2,.card-title h3,.card-title h4,.card-title h5,.card-title h6,.card-title span,.card-title p{font-size:18px}.title-padder{padding:0 24px;display:flex;align-items:center;justify-content:space-between}.dark-app-card{background:#465573}.dark-app-card .card-title{border-color:#fff;color:#fff}.my-toolbar{display:flex}.my-toolbar .add-button{border-radius:5px;width:65px;height:40px;background-color:#465573;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center}.my-toolbar .add-button .icon{font-size:30px;font-weight:bold}.my-toolbar .add-button .edit{font-size:25px}.no-items{display:flex;justify-content:center}.no-items .message{text-align:center;color:#b4bac6;font-size:20px}\n"], directives: [{ type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'app-card',
+                      templateUrl: './card.component.html',
+                      styleUrls: ['./card.component.scss'],
+                      encapsulation: i0.ViewEncapsulation.None,
+                  }]
+          }], ctorParameters: function () { return []; }, propDecorators: { noBody: [{
+                  type: i0.Input
+              }], dark: [{
+                  type: i0.Input
               }] } });
 
   /**
    * @title
-   * Directives Module
+   * Card Module
    */
-  var DirectiveModule = /** @class */ (function () {
-      function DirectiveModule() {
+  var CardModule = /** @class */ (function () {
+      function CardModule() {
       }
-      return DirectiveModule;
+      return CardModule;
   }());
-  DirectiveModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DirectiveModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  DirectiveModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DirectiveModule, declarations: [ClickOutsideDirective,
-          SetRtlDirective,
-          PermissionsDirective,
-          SetDirRtlDirective,
-          AppHasRoleDirective,
-          DragAndDropDirective], imports: [i4.CommonModule], exports: [ClickOutsideDirective,
-          SetRtlDirective,
-          PermissionsDirective,
-          SetDirRtlDirective,
-          AppHasRoleDirective,
-          DragAndDropDirective] });
-  DirectiveModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DirectiveModule, providers: [], imports: [[i4.CommonModule]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DirectiveModule, decorators: [{
+  CardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  CardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardModule, declarations: [CardComponent], imports: [i4.CommonModule], exports: [CardComponent] });
+  CardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardModule, providers: [], imports: [[i4.CommonModule]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CardModule, decorators: [{
               type: i0.NgModule,
               args: [{
-                      declarations: [
-                          ClickOutsideDirective,
-                          SetRtlDirective,
-                          PermissionsDirective,
-                          SetDirRtlDirective,
-                          AppHasRoleDirective,
-                          DragAndDropDirective
-                      ],
+                      declarations: [CardComponent],
                       imports: [i4.CommonModule],
-                      exports: [
-                          ClickOutsideDirective,
-                          SetRtlDirective,
-                          PermissionsDirective,
-                          SetDirRtlDirective,
-                          AppHasRoleDirective,
-                          DragAndDropDirective
-                      ],
-                      providers: []
+                      exports: [CardComponent],
+                      providers: [],
                   }]
           }] });
 
@@ -4822,7 +4823,7 @@
   LibrarySharedModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibrarySharedModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   LibrarySharedModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibrarySharedModule, declarations: [ReadMoreComponent, UserCardComponent, ButtonComponent, NoDataComponent, SpinnerComponent, ItemListComponent], imports: [AvatarModule,
           i4.CommonModule,
-          i1$4.RouterModule,
+          i1$3.RouterModule,
           i1$1.TranslateModule,
           i8.MatProgressSpinnerModule,
           i2$1.MatIconModule,
@@ -4839,7 +4840,7 @@
   LibrarySharedModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibrarySharedModule, imports: [[
               AvatarModule,
               i4.CommonModule,
-              i1$4.RouterModule,
+              i1$3.RouterModule,
               i1$1.TranslateModule,
               i8.MatProgressSpinnerModule,
               i2$1.MatIconModule,
@@ -4855,7 +4856,7 @@
                       imports: [
                           AvatarModule,
                           i4.CommonModule,
-                          i1$4.RouterModule,
+                          i1$3.RouterModule,
                           i1$1.TranslateModule,
                           i8.MatProgressSpinnerModule,
                           i2$1.MatIconModule,
@@ -5014,7 +5015,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$1.ToastrService }, { token: CommentApiService }, { token: NuxeoService }, { token: i1__namespace$3.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$4.MAT_DIALOG_DATA }, { token: i1__namespace$1.ToastrService }, { token: CommentApiService }, { token: NuxeoService }, { token: i1__namespace$3.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$1.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.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: EditDeleteModalComponent, decorators: [{
               type: i0.Component,
@@ -5026,7 +5027,7 @@
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }, { type: i1__namespace$1.ToastrService }, { type: CommentApiService }, { type: NuxeoService }, { type: i1__namespace$3.MatDialogRef }];
       } });
 
@@ -5368,7 +5369,7 @@
       };
       return ConfirmCallerDialogComponent;
   }());
-  ConfirmCallerDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmCallerDialogComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$3.MatDialogRef }, { token: CustomToastrService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  ConfirmCallerDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmCallerDialogComponent, deps: [{ token: i1$4.MAT_DIALOG_DATA }, { token: i1__namespace$3.MatDialogRef }, { token: CustomToastrService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   ConfirmCallerDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ConfirmCallerDialogComponent, selector: "ng-component", host: { classAttribute: "confirm-caller" }, ngImport: i0__namespace, template: "<div class=\"iner-dialog-wraper\" [dir]=\"'dir' | translate\">\r\n  <h1 class=\"dialog-title\">{{data.title | translate}}</h1>\r\n  <div class=\"dialog-message\">\r\n    <div>{{data.message | translate}}</div>\r\n  </div>\r\n\r\n  <div mat-dialog-actions>\r\n  <!--   <cts-button\r\n      [theme]=\"'primary'\"\r\n      [size]=\"'regular'\"\r\n      [disabled]=\"calling\"\r\n      (onClick)=\"makeCall()\"\r\n    >\r\n      {{ 'Yes' | translate}}\r\n    </cts-button> -->\r\n\r\n    <button class=\"btn confirm centering-element\" [disabled]=\"calling\"\r\n    (click)=\"makeCall()\">\r\n    <span *ngIf=\"!calling\">\r\n      {{ 'Yes' | translate}}\r\n    </span>\r\n    <mat-spinner class=\"spinner\" color=\"warn\" [diameter]=\"25\" *ngIf=\"calling\"></mat-spinner>\r\n    </button>\r\n\r\n    <button class=\"btn btn-light\" [mat-dialog-close]=\"false\">\r\n      {{'Cancel' | translate}}\r\n    </button>\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}.aca-file-version-upload-dialog{overflow:unset}.aca-file-version-upload-dialog .dialog-actions{justify-content:flex-end}.aca-file-version-upload-dialog .dialog-actions button{text-transform:uppercase}.aca-file-version-upload-dialog .file-version-dialog__title{padding-left:8px}.dialog-title{font-size:20px;text-align:center}.mat-dialog-actions{display:flex;justify-content:center}.mat-dialog-actions .btn{width:90px;margin:0 5px;min-width:70px}.mat-dialog-actions .confirm{background-image:linear-gradient(to bottom,#0dbab5,#2e62df);color:#fff}.mat-dialog-actions .centering-element{display:flex;justify-content:center}\n"], components: [{ type: i8__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i4__namespace.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: i1__namespace$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "translate": i1__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmCallerDialogComponent, decorators: [{
               type: i0.Component,
@@ -5381,7 +5382,7 @@
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }, { type: i1__namespace$3.MatDialogRef }, { type: CustomToastrService }];
       } });
 
@@ -5395,7 +5396,7 @@
       };
       return ConfirmDialogComponent;
   }());
-  ConfirmDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmDialogComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$3.MatDialogRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  ConfirmDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmDialogComponent, deps: [{ token: i1$4.MAT_DIALOG_DATA }, { token: i1__namespace$3.MatDialogRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
   ConfirmDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ConfirmDialogComponent, selector: "app-confirm-dialog", ngImport: i0__namespace, template: "<div dir=\"{{'dir' | translate}}\">\r\n  <div class=\"content-container\">\r\n    <span class=\"content-span full-width\">{{ data.message | translate }}</span>\r\n  </div>\r\n  <div class=\"button-group\">\r\n    <button mat-flat-button id=\"no-button\" [mat-dialog-close]=\"false\">\r\n      {{ 'No' | translate}}\r\n    </button>\r\n    <button mat-flat-button id=\"yes-button\" [mat-dialog-close]=\"true\">\r\n      {{ 'Yes' | translate}}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [""], directives: [{ type: i4__namespace.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { type: i1__namespace$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmDialogComponent, decorators: [{
               type: i0.Component,
@@ -5407,7 +5408,7 @@
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }, { type: i1__namespace$3.MatDialogRef }];
       } });
 
@@ -5421,13 +5422,13 @@
       return ConfirmCallerModule;
   }());
   ConfirmCallerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmCallerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  ConfirmCallerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmCallerModule, declarations: [ConfirmCallerDialogComponent, ConfirmDialogComponent], imports: [i1$3.MatDialogModule, i4.CommonModule, LibrarySharedModule, i1$1.TranslateModule, i8.MatProgressSpinnerModule], exports: [i1$1.TranslateModule, ConfirmCallerDialogComponent, ConfirmDialogComponent] });
-  ConfirmCallerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmCallerModule, providers: [], imports: [[i1$3.MatDialogModule, i4.CommonModule, LibrarySharedModule, i1$1.TranslateModule, i8.MatProgressSpinnerModule], i1$1.TranslateModule] });
+  ConfirmCallerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmCallerModule, declarations: [ConfirmCallerDialogComponent, ConfirmDialogComponent], imports: [i1$4.MatDialogModule, i4.CommonModule, LibrarySharedModule, i1$1.TranslateModule, i8.MatProgressSpinnerModule], exports: [i1$1.TranslateModule, ConfirmCallerDialogComponent, ConfirmDialogComponent] });
+  ConfirmCallerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmCallerModule, providers: [], imports: [[i1$4.MatDialogModule, i4.CommonModule, LibrarySharedModule, i1$1.TranslateModule, i8.MatProgressSpinnerModule], i1$1.TranslateModule] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmCallerModule, decorators: [{
               type: i0.NgModule,
               args: [{
                       declarations: [ConfirmCallerDialogComponent, ConfirmDialogComponent],
-                      imports: [i1$3.MatDialogModule, i4.CommonModule, LibrarySharedModule, i1$1.TranslateModule, i8.MatProgressSpinnerModule],
+                      imports: [i1$4.MatDialogModule, i4.CommonModule, LibrarySharedModule, i1$1.TranslateModule, i8.MatProgressSpinnerModule],
                       exports: [i1$1.TranslateModule, ConfirmCallerDialogComponent, ConfirmDialogComponent],
                       providers: [],
                   }]
@@ -5445,7 +5446,7 @@
       };
       return ConfirmationDialogComponent;
   }());
-  ConfirmationDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmationDialogComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$3.MatDialogRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  ConfirmationDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmationDialogComponent, deps: [{ token: i1$4.MAT_DIALOG_DATA }, { token: i1__namespace$3.MatDialogRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
   ConfirmationDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ConfirmationDialogComponent, selector: "app-confirmation-dialog", ngImport: i0__namespace, template: "<!-- <div class=\"confirmation-dialog-contianer\">\r\n    <div class=\"conf-title text-center text-gray-900 text-xl mb-5\">\r\n        {{data.title | translate}}\r\n    </div>\r\n    <div class=\"conf-message text-center text-gray-900 text-lg mb-5\">\r\n        {{data.message | translate}}\r\n    </div>\r\n    <div class=\"conf-actions d-flex justify-around items-center\">\r\n        <button class=\"hover:text-gray-900 border-2 hover:border-gray-900 hover:bg-white w-30 bg-gray-900 text-white h-10 rounded-lg\" (click)=\"executeFunction(false)\">{{'BUTTONS.No' | translate}}</button>\r\n        <button class=\"hover:text-gray-900 border-2 hover:border-gray-900 hover:bg-white w-30 bg-gray-900 text-white h-10 rounded-lg\" (click)=\"executeFunction(true)\">{{'BUTTONS.Yes' | translate}}</button>\r\n    </div>\r\n</div> -->\r\n\r\n<div class=\"d-flex px-0 mb-5 h-24\">\r\n    <img class=\"w-14 h-14\" src=\"assets/images/thumbnails/warning.png\">\r\n    <div class=\"px-3 mt-3\">\r\n       <span class=\"text-xl font-medium \">{{data.title | translate}}</span>\r\n       <div class=\"text-lg text-secondary text-base mt-2 sub-title\">{{data.message | translate}}</div>\r\n    </div>\r\n </div> \r\n<div class=\"conf-actions d-flex justify-end items-center px-0\">\r\n   <button class=\"mx-2 cancelation-button w-1/3\" (click)=\"executeFunction(false)\">{{data.cancelButton | translate}}</button>\r\n   <button class=\"mx-2 submission-button w-1/3\" (click)=\"executeFunction(true)\">{{data.confirmButton | translate}}</button>\r\n</div>", styles: [""], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmationDialogComponent, decorators: [{
               type: i0.Component,
@@ -5457,7 +5458,7 @@
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }, { type: i1__namespace$3.MatDialogRef }];
       } });
 
@@ -6162,7 +6163,7 @@
       };
       return CorrespondenceRelationCreateFormComponent;
   }());
-  CorrespondenceRelationCreateFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceRelationCreateFormComponent, deps: [{ token: i6__namespace.FormBuilder }, { token: CorrespondenceRelationService }, { token: CustomToastrService }, { token: i1__namespace$3.MatDialogRef }, { token: i1$3.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  CorrespondenceRelationCreateFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceRelationCreateFormComponent, deps: [{ token: i6__namespace.FormBuilder }, { token: CorrespondenceRelationService }, { token: CustomToastrService }, { token: i1__namespace$3.MatDialogRef }, { token: i1$4.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
   CorrespondenceRelationCreateFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CorrespondenceRelationCreateFormComponent, selector: "cts-correspondence-relation-create-form", viewQueries: [{ propertyName: "auto", first: true, predicate: ["auto"], descendants: true }], ngImport: i0__namespace, template: "<div class=\"correspondence-relation-container\" SetDirRtl style=\"height: 80%; width: 100%\">\r\n  <div class=\"correspondence-relation-title\">\r\n    {{ \"correspondence-relation.add\" | translate }}\r\n  </div>\r\n  <!-- <mat-divider></mat-divider> -->\r\n  <div mat-dialog-content [formGroup]=\"createform\">\r\n    <div class=\"vocabulary-list\">\r\n      <app-dynamic-form-vocabulary-item\r\n        [label]=\"'correspondence-relation.relation-type'\"\r\n        [bindLabel]=\"'label'\"\r\n        [bindValue]=\"'id'\"\r\n        placeholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n        [multiple]=\"false\"\r\n        [searchable]=\"false\"\r\n        [closeOnSelect]=\"true\"\r\n        [hideSelectedItems]=\"false\"\r\n        [vocabularyType]=\"'VOC_CorrespondenceRelationsNames'\"\r\n        formControlName=\"relationname\"\r\n        (onSelecting)=\"reset()\"\r\n      >\r\n      </app-dynamic-form-vocabulary-item>\r\n    </div>\r\n\r\n    <div class=\"search-container\" *ngIf=\"createform.value.relationname\">\r\n      <ng-autocomplete\r\n        #auto\r\n        [data]=\"documentList\"\r\n        [searchKeyword]=\"'filter'\"\r\n        (selected)=\"selectItem($event)\"\r\n        (inputChanged)=\"onSearchInputChange($event)\"\r\n        [customFilter]=\"disableFilter\"\r\n        (closed)=\"keep_Autocomplete_Results_Open()\"\r\n        [itemTemplate]=\"itemTemplate\"\r\n        [notFoundTemplate]=\"notFoundTemplate\"\r\n        [placeholder]=\"'correspondence-relation.searchby' | translate\"\r\n        [debounceTime]=\"1000\"\r\n        [isLoading]=\"isLoading\"\r\n        (inputCleared)=\"inputCleared()\"\r\n      >\r\n      </ng-autocomplete>\r\n\r\n      <ng-template #itemTemplate let-item>\r\n        <div class=\"item\">\r\n          <span>{{ item.title }}</span>\r\n        </div>\r\n      </ng-template>\r\n\r\n      <ng-template #notFoundTemplate>\r\n        <div>{{ \"correspondence-relation.notfound\" | translate }}</div>\r\n      </ng-template>\r\n\r\n      <div class=\"chip-list\" *ngIf=\"related_corr.length > 0\">\r\n        <mat-chip-list #chipList aria-label=\"corr selection\">\r\n          <mat-chip\r\n            *ngFor=\"let corr of related_corr\"\r\n            [selectable]=\"selectable\"\r\n            [removable]=\"removable\"\r\n            (removed)=\"on_remove_relation_Chip(corr)\"\r\n          >\r\n            {{ corr.title }}\r\n            <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </mat-chip-list>\r\n      </div>\r\n      <div class=\"exist-relation\">\r\n        <span *ngIf=\"exist\">\r\n          {{ \"correspondence-relation.exist\" | translate }}</span\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"button-group d-flex flex-row-reverse\">\r\n    <cts-button\r\n      [theme]=\"'danger'\"\r\n      size=\"'regular'\"\r\n      [loading]=\"saving\"\r\n      class=\"voc-form-close\"\r\n      mat-dialog-close\r\n    >\r\n      {{ \"BUTTONS.CLOSE\" | translate }}\r\n    </cts-button>\r\n    <cts-button\r\n      (onClick)=\"onSaveClick()\"\r\n      [theme]=\"'primary'\"\r\n      size=\"'regular'\"\r\n      [disabled]=\"\r\n        !this.createform.controls.relationname.valid || related_corr.length == 0\r\n      \"\r\n    >\r\n      {{ \"correspondence-relation.save\" | translate }}\r\n    </cts-button>\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}.correspondence-relation-container{padding:20px}.correspondence-relation-container .correspondence-relation-title{margin-bottom:8px;font-size:20px;color:#465573}.correspondence-relation-container .mat-dialog-content{height:100%;width:100%}.correspondence-relation-container .button-group{margin-top:12px;grid-column-gap:6px!important;column-gap:6px!important}.correspondence-relation-container .button-group cts-button{width:16%}@media (max-width: 992px){.correspondence-relation-container .button-group cts-button{width:20%}}@media only screen and (max-width: 768px){.correspondence-relation-container .button-group cts-button{width:28%}}.correspondence-relation-container .item{margin:1px;padding:8px 10px;font-size:.75rem}.correspondence-relation-container .dialog-actions button{background-image:linear-gradient(to right,#0dbab5,#1a96c6);height:40px;color:#fff;border:none;width:70px;border-radius:3px}.correspondence-relation-container .dialog-actions button:disabled{opacity:.4;cursor:not-allowed}.correspondence-relation-container .dialog-actions button:hover{opacity:.7}.correspondence-relation-container .autocomplete-container .suggestions-container ul{max-height:150px!important}.correspondence-relation-container .autocomplete-container .suggestions-container{height:150px!important;margin-top:10px;max-height:150px!important;border:1px lightgray solid!important;box-shadow:none!important}.correspondence-relation-container .search-container{position:relative}.correspondence-relation-container .chip-list{max-height:150px;border:1px lightgray solid;overflow:scroll;padding:10px;margin-bottom:10px;top:215px;position:absolute;width:100%}.correspondence-relation-container .chip-list .mat-standard-chip{border-radius:5px!important}.correspondence-relation-container .chip-list .mat-chip.mat-standard-chip{background-color:#8f98aa1a!important;height:auto}.correspondence-relation-container .autocomplete-container{box-shadow:none!important}.correspondence-relation-container .autocomplete-container .input-container input{background-color:#8f98aa1a!important;padding:10px!important}.correspondence-relation-container .exist-relation{background-color:#f8d7da!important;color:#842029!important;border-color:#f5c2c7!important;position:absolute;width:100%;top:300px}.correspondence-relation-container .autocomplete-container .suggestions-container .complete-selected,.correspondence-relation-container .autocomplete-container .suggestions-container ul li:hover{background-color:#8f98aa1a!important}.correspondence-relation-container .vocabulary-list{margin-bottom:10px}.correspondence-relation-container .vocabulary-list .mat-error{display:none!important}.correspondence-relation-container .mat-dialog-content{margin:3px 0 0!important;padding:0!important}[dir=rtl] .input-container input{direction:rtl}[dir=rtl] .x{left:10px;right:auto!important}\n"], components: [{ type: DynamicFormVocabularyItemComponent, selector: "app-dynamic-form-vocabulary-item", inputs: ["bindValue", "bindLabel", "placeholder", "multiple", "searchable", "closeOnSelect", "hideSelectedItems", "disabled", "vocabularyType", "label", "cacheable", "shwoAllValues"], outputs: ["onSelecting"] }, { type: i6__namespace$2.AutocompleteComponent, selector: "ng-autocomplete", inputs: ["data", "searchKeyword", "placeholder", "heading", "initialValue", "historyIdentifier", "historyHeading", "historyListMaxNumber", "notFoundText", "isLoading", "debounceTime", "disabled", "minQueryLength", "focusFirst", "customFilter", "selectedValueRender", "itemTemplate", "notFoundTemplate"], outputs: ["selected", "inputChanged", "inputFocused", "inputCleared", "opened", "closed", "scrolledToEnd"] }, { 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: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: ButtonComponent, selector: "cts-button", inputs: ["disabled", "loading", "size", "theme", "spinnerTheming"], outputs: ["onClick"] }], directives: [{ type: SetDirRtlDirective, selector: "[SetDirRtl]" }, { type: i1__namespace$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.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]" }, { type: i1__namespace$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "translate": i1__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CorrespondenceRelationCreateFormComponent, decorators: [{
               type: i0.Component,
@@ -6175,7 +6176,7 @@
           }], ctorParameters: function () {
           return [{ type: i6__namespace.FormBuilder }, { type: CorrespondenceRelationService }, { type: CustomToastrService }, { type: i1__namespace$3.MatDialogRef }, { type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }];
       }, propDecorators: { auto: [{
                   type: i0.ViewChild,
@@ -6707,7 +6708,7 @@
               };
           else
               data = { exist_relations_list: [] };
-          var dialogConfig = new i1$3.MatDialogConfig();
+          var dialogConfig = new i1$4.MatDialogConfig();
           dialogConfig.data = data;
           dialogConfig.direction =
               this.userPreference.locale === 'ar' ? 'rtl' : 'ltr';
@@ -9946,7 +9947,7 @@
       };
       return DepartmentFormComponent;
   }());
-  DepartmentFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentFormComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: i1__namespace$3.MatDialogRef }, { token: CustomToastrService }, { token: DepartmentApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  DepartmentFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentFormComponent, deps: [{ token: i1$4.MAT_DIALOG_DATA }, { token: i1__namespace$3.MatDialogRef }, { token: CustomToastrService }, { token: DepartmentApiService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   DepartmentFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DepartmentFormComponent, selector: "cts-department-form", ngImport: i0__namespace, template: "<div SetDirRtl class=\"voc-form\">\r\n  <div class=\"voc-form-hedaer\">\r\n    {{\r\n      \"department_management.form.\" + (updateMode ? \"updateHeader\" : \"header\")\r\n        | translate\r\n    }}\r\n  </div>\r\n  <form [formGroup]=\"departmentForm\" class=\"row voc-form-body\">\r\n    <div class=\"col-lg-6 col-12\">\r\n      <app-dynamic-form-textitem\r\n        formControlName=\"title\"\r\n        [label]=\"'department_management.form.title'\"\r\n        [disabled]=\"updateMode\"\r\n        [preventSpace]=\"true\"\r\n      ></app-dynamic-form-textitem>\r\n      <div class=\"hint-msg\">{{ \"department_management.form.hintMsg\" | translate }}</div>\r\n    </div>\r\n    <!-- <app-dynamic-form-textitem\r\n      class=\"col-lg-6 col-12\"\r\n      formControlName=\"agencyCode\"\r\n      [label]=\"'department_management.form.AgencyCode'\"\r\n    ></app-dynamic-form-textitem> -->\r\n    <app-dynamic-form-textitem\r\n      class=\"col-lg-6 col-12\"\r\n      formControlName=\"arabicName\"\r\n      [label]=\"'department_management.form.ArabicName'\"\r\n    ></app-dynamic-form-textitem>\r\n    <app-dynamic-form-textitem\r\n      class=\"col-lg-6 col-12\"\r\n      formControlName=\"englishName\"\r\n      [label]=\"'department_management.form.EnglishName'\"\r\n    ></app-dynamic-form-textitem>\r\n    <app-dynamic-form-vocabulary-item *ngIf=\"data.displayDepTypee\"\r\n      class=\"col-lg-6 col-12\"\r\n      [label]=\"'department_management.form.deptTypee'\"\r\n      [bindLabel]=\"'label'\"\r\n      [bindValue]=\"'id'\"\r\n      placeholder=\"{{ 'VOCABULARY.SELECT_ITEM' | translate }}\"\r\n      [multiple]=\"false\"\r\n      [searchable]=\"false\"\r\n      [closeOnSelect]=\"true\"\r\n      [hideSelectedItems]=\"false\"\r\n      [vocabularyType]=\"'VOC_DepartmentType'\"\r\n      formControlName=\"deptTypee\"\r\n    >\r\n    </app-dynamic-form-vocabulary-item>\r\n    <app-dynamic-form-textitem\r\n      class=\"col-lg-6 col-12\"\r\n      formControlName=\"description\"\r\n      [label]=\"'department_management.form.Description'\"\r\n    ></app-dynamic-form-textitem>\r\n    <!-- <cts-dynamic-form-select-users\r\n      class=\"col-lg-6 col-12\"\r\n      formControlName=\"manager\"\r\n      [bindValue]=\"\"\r\n      [bindLabel]=\"\"\r\n      [label]=\"'department_management.form.Manager'\"\r\n      [deptTitle]=\"'all'\"\r\n      [bindValue]=\"'properties.username'\"\r\n    ></cts-dynamic-form-select-users> -->\r\n\r\n    <cts-dynamic-form-slide-toggleitem *ngIf=\"data.displayIsAllowRecExternal\"\r\n      class=\"col-lg-6 col-12 isAllowRecExternal\"\r\n      formControlName=\"isAllowRecExternal\"\r\n      [label]=\"'department_management.form.isAllowRecExternal'\"\r\n    ></cts-dynamic-form-slide-toggleitem>\r\n  </form>\r\n  <div class=\"button-group d-flex flex-row-reverse\">\r\n    <cts-button\r\n      [theme]=\"'danger'\"\r\n      size=\"'regular'\"\r\n      class=\"voc-form-close\"\r\n      mat-dialog-close\r\n    >\r\n      {{ \"BUTTONS.CLOSE\" | translate }}\r\n    </cts-button>\r\n    <cts-button\r\n      *ngIf=\"!updateMode\"\r\n      [loading]=\"loading\"\r\n      size=\"'regular'\"\r\n      [theme]=\"'primary'\"\r\n      class=\"voc-form-submit\"\r\n      (onClick)=\"save()\"\r\n      [disabled]=\"departmentForm.invalid\"\r\n    >\r\n      {{ \"BUTTONS.SAVE\" | translate }}\r\n    </cts-button>\r\n    <cts-button\r\n      *ngIf=\"updateMode\"\r\n      [loading]=\"loading\"\r\n      size=\"'regular'\"\r\n      [theme]=\"'primary'\"\r\n      class=\"voc-form-submit\"\r\n      (onClick)=\"update()\"\r\n      [disabled]=\"departmentForm.invalid\"\r\n    >\r\n      {{ \"BUTTONS.UPDATE\" | translate }}\r\n    </cts-button>\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}.voc-form{padding:20px}.voc-form .hint-msg{font-size:12px;font-style:italic;margin-top:2px;color:#6a768e}.voc-form .voc-form-hedaer{margin-bottom:8px;font-size:20px;color:#465573}.voc-form .button-group{margin-top:12px;grid-column-gap:6px!important;column-gap:6px!important}.voc-form .button-group cts-button{width:16%}@media (max-width: 992px){.voc-form .button-group cts-button{width:20%}}@media only screen and (max-width: 768px){.voc-form .button-group cts-button{width:28%}}.voc-form .isAllowRecExternal{display:flex;align-items:center;margin-top:26px;overflow:hidden}@media only screen and (max-width: 768px){.voc-form .isAllowRecExternal{font-size:12px}}\n"], components: [{ 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: DynamicFormSlideToggleitemComponent, selector: "cts-dynamic-form-slide-toggleitem", inputs: ["label", "disabled", "checked", "theme"], outputs: ["onToggle"] }, { type: ButtonComponent, selector: "cts-button", inputs: ["disabled", "loading", "size", "theme", "spinnerTheming"], outputs: ["onClick"] }], directives: [{ type: SetDirRtlDirective, selector: "[SetDirRtl]" }, { 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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DepartmentFormComponent, decorators: [{
               type: i0.Component,
@@ -9958,7 +9959,7 @@
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }, { type: i1__namespace$3.MatDialogRef }, { type: CustomToastrService }, { type: DepartmentApiService }];
       } });
 
@@ -12890,7 +12891,7 @@
           i1$1.TranslateModule,
           i6$1.AutocompleteLibModule,
           i3$2.FormioModule,
-          i1$3.MatDialogModule,
+          i1$4.MatDialogModule,
           PipesModule], exports: [TreeviewSelectComponent,
           DynamicFormDepartmentComponent,
           DynamicFormComponent,
@@ -12942,7 +12943,7 @@
               i1$1.TranslateModule,
               i6$1.AutocompleteLibModule,
               i3$2.FormioModule,
-              i1$3.MatDialogModule,
+              i1$4.MatDialogModule,
               PipesModule
           ], i1$1.TranslateModule] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DynamicFormModule, decorators: [{
@@ -12975,7 +12976,7 @@
                           i1$1.TranslateModule,
                           i6$1.AutocompleteLibModule,
                           i3$2.FormioModule,
-                          i1$3.MatDialogModule,
+                          i1$4.MatDialogModule,
                           PipesModule
                       ],
                       declarations: [
@@ -15534,7 +15535,7 @@
           i1$1.TranslateModule,
           i6.FormsModule,
           i6.ReactiveFormsModule,
-          i1$3.MatDialogModule,
+          i1$4.MatDialogModule,
           DynamicSearchModule,
           i2$1.MatIconModule,
           i5.NgSelectModule,
@@ -15555,7 +15556,7 @@
               i1$1.TranslateModule,
               i6.FormsModule,
               i6.ReactiveFormsModule,
-              i1$3.MatDialogModule,
+              i1$4.MatDialogModule,
               DynamicSearchModule,
               i2$1.MatIconModule,
               i5.NgSelectModule,
@@ -15587,7 +15588,7 @@
                           i1$1.TranslateModule,
                           i6.FormsModule,
                           i6.ReactiveFormsModule,
-                          i1$3.MatDialogModule,
+                          i1$4.MatDialogModule,
                           DynamicSearchModule,
                           i2$1.MatIconModule,
                           i5.NgSelectModule,
@@ -17697,11 +17698,11 @@
           i1$1.TranslateModule,
           PaginationModule,
           ConfirmCallerModule,
-          i1$4.RouterModule,
+          i1$3.RouterModule,
           i4$3.MatProgressBarModule,
           i8.MatProgressSpinnerModule,
           i2$1.MatIconModule,
-          i1$3.MatDialogModule,
+          i1$4.MatDialogModule,
           DirectiveModule,
           i6.FormsModule,
           i6.ReactiveFormsModule,
@@ -17721,11 +17722,11 @@
               i1$1.TranslateModule,
               PaginationModule,
               ConfirmCallerModule,
-              i1$4.RouterModule,
+              i1$3.RouterModule,
               i4$3.MatProgressBarModule,
               i8.MatProgressSpinnerModule,
               i2$1.MatIconModule,
-              i1$3.MatDialogModule,
+              i1$4.MatDialogModule,
               DirectiveModule,
               i6.FormsModule,
               i6.ReactiveFormsModule,
@@ -17752,11 +17753,11 @@
                           i1$1.TranslateModule,
                           PaginationModule,
                           ConfirmCallerModule,
-                          i1$4.RouterModule,
+                          i1$3.RouterModule,
                           i4$3.MatProgressBarModule,
                           i8.MatProgressSpinnerModule,
                           i2$1.MatIconModule,
-                          i1$3.MatDialogModule,
+                          i1$4.MatDialogModule,
                           DirectiveModule,
                           i6.FormsModule,
                           i6.ReactiveFormsModule,
@@ -22776,7 +22777,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$3.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.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreateModalComponent, deps: [{ token: i1$4.MAT_DIALOG_DATA }, { token: i1__namespace$3.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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.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.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CreateModalComponent, decorators: [{
               type: i0.Component,
@@ -22788,7 +22789,7 @@
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }, { type: i1__namespace$3.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']
@@ -22988,7 +22989,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$3.MatDialogRef }, { token: FileManagerService }, { token: DynamicFormService }, { token: TranslationService }, { 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$4.MAT_DIALOG_DATA }, { token: i1__namespace$3.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$1.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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FolderModalComponent, decorators: [{
               type: i0.Component,
@@ -23000,7 +23001,7 @@
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }, { type: i1__namespace$3.MatDialogRef }, { type: FileManagerService }, { type: DynamicFormService }, { type: TranslationService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }];
       }, propDecorators: { folderForm: [{
                   type: i0.ViewChild,
@@ -23521,7 +23522,7 @@
       };
       return PublishDialogComponent;
   }());
-  PublishDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PublishDialogComponent, deps: [{ token: PublishingDocumentService }, { token: i1__namespace$3.MatDialogRef }, { token: i1$3.MAT_DIALOG_DATA }, { token: CustomToastrService }, { token: i1__namespace.TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  PublishDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PublishDialogComponent, deps: [{ token: PublishingDocumentService }, { token: i1__namespace$3.MatDialogRef }, { token: i1$4.MAT_DIALOG_DATA }, { token: CustomToastrService }, { token: i1__namespace.TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   PublishDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PublishDialogComponent, selector: "app-publish-dialog", ngImport: i0__namespace, template: "<form [formGroup]=\"PublicationForm\" class=\"h-full\" SetRtl>\r\n  <span class=\"text-gray-900 text-lg\">\r\n    {{ \"publishDocs.publishDialogTitle\" | translate }}\r\n  </span>\r\n  <div class=\"flex flex-col justify-between h-full\">\r\n    <!--Form Section-->\r\n    <div class=\"mt-2\" *ngIf=\"!startPublishing; else loading\">\r\n      <div class=\"mb-3\">\r\n        <label class=\"text-base font-bold mb-0\">\r\n          {{ \"publishDocs.target\" | translate }}\r\n          <span class=\"text-danger\">*</span>\r\n        </label>\r\n        <ng-select\r\n          [items]=\"sections\"\r\n          bindLabel=\"title\"\r\n          bindValue=\"uid\"\r\n          [placeholder]=\"'publishDocs.targetPlaceholder' | translate\"\r\n          formControlName=\"target\"\r\n        >\r\n        </ng-select>\r\n        <div\r\n          *ngIf=\"\r\n            PublicationForm.get('target').touched &&\r\n            PublicationForm.get('target').errors?.required\r\n          \"\r\n        >\r\n          <span class=\"text-red-500 text-base\">\r\n            {{ \"publishDocs.target\" | translate }}\r\n            {{ \"VALIDATORS.REQUIRED\" | translate }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"data.PublishType == 'File'\" class=\"mb-3\">\r\n        <label class=\"text-base font-bold mb-0\">\r\n          {{ \"publishDocs.rendition\" | translate }}\r\n        </label>\r\n        <ng-select\r\n          [items]=\"renditionList\"\r\n          bindLabel=\"name\"\r\n          bindValue=\"value\"\r\n          [(ngModel)]=\"initialRenditionValue\"\r\n          formControlName=\"renditionName\"\r\n        >\r\n        </ng-select>\r\n      </div>\r\n      <div\r\n        class=\"text-primary font-bold text-md flex justify-center items-center\"\r\n        *ngIf=\"isSelectThisBefor\"\r\n      >\r\n        <mat-icon class=\"w-16 h-16\" [svgIcon]=\"'alertIcon'\"> </mat-icon>\r\n        {{ \"publishDocs.publishWithDepbefpre\" | translate }}\r\n      </div>\r\n    </div>\r\n    <ng-template #loading>\r\n      <span class=\"flex h-full justify-center items-center\">\r\n        {{ \"publishDocs.doingPublish\" | translate }}</span\r\n      >\r\n    </ng-template>\r\n    <!--Buttons Section-->\r\n    <div class=\"flex justify-between py-4\">\r\n      <button\r\n        class=\"submission-button\"\r\n        (click)=\"publish()\"\r\n        [disabled]=\"!PublicationForm.valid\"\r\n      >\r\n        <span *ngIf=\"!showpublishingLoader; else loader\">{{\r\n          \"BUTTONS.PUBLISH\" | translate\r\n        }}</span>\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>\r\n<ng-template #loader>\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</ng-template>\r\n", styles: [""], 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: i2__namespace$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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$1.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"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PublishDialogComponent, decorators: [{
               type: i0.Component,
@@ -23533,7 +23534,7 @@
           }], ctorParameters: function () {
           return [{ type: PublishingDocumentService }, { type: i1__namespace$3.MatDialogRef }, { type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }, { type: CustomToastrService }, { type: i1__namespace.TranslateService }];
       } });
 
@@ -23895,7 +23896,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$3.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.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ScanModalComponent, deps: [{ token: i1$4.MAT_DIALOG_DATA }, { token: i1__namespace$3.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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.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.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ScanModalComponent, decorators: [{
               type: i0.Component,
@@ -23907,7 +23908,7 @@
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }, { type: i1__namespace$3.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']
@@ -24440,7 +24441,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$3.MatDialogRef }, { token: i1__namespace$3.MatDialog }, { token: i6__namespace.FormBuilder }, { token: SharedDocsService }, { token: CustomToastrService }, { token: TranslationService }, { token: NuxeoService }, { token: UserPreferencesService }], 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$4.MAT_DIALOG_DATA }, { token: i1__namespace$3.MatDialogRef }, { token: i1__namespace$3.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$1.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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltipPosition", "matTooltipDisabled", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { type: i4__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: PermissionsDirective, selector: "[permission]", inputs: ["permission"] }], pipes: { "translate": i1__namespace.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,
@@ -24453,7 +24454,7 @@
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }, { type: i1__namespace$3.MatDialogRef }, { type: i1__namespace$3.MatDialog }, { type: i6__namespace.FormBuilder }, { type: SharedDocsService }, { type: CustomToastrService }, { type: TranslationService }, { type: NuxeoService }, { type: UserPreferencesService }];
       } });
 
@@ -24786,7 +24787,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$3.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.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UpdateModalComponent, deps: [{ token: i1$4.MAT_DIALOG_DATA }, { token: 'environment' }, { token: i1__namespace$3.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$1.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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UpdateModalComponent, decorators: [{
               type: i0.Component,
@@ -24798,7 +24799,7 @@
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }, { type: undefined, decorators: [{
                           type: i0.Inject,
                           args: ['environment']
@@ -25435,7 +25436,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$3.MatDialogRef }, { token: PermissionService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }, { token: TranslationService }, { 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$3.MatDialogRef }, { token: PermissionService }, { token: CustomToastrService }, { token: i6__namespace.FormBuilder }, { token: TranslationService }, { token: i1$4.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$1.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.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,
@@ -25448,7 +25449,7 @@
           }], ctorParameters: function () {
           return [{ type: i1__namespace$3.MatDialogRef }, { type: PermissionService }, { type: CustomToastrService }, { type: i6__namespace.FormBuilder }, { type: TranslationService }, { type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }];
       } });
 
@@ -25474,7 +25475,7 @@
       };
       PermissionsTemplateComponent.prototype.editPermission = function (permission, username, userVisiblePermissions, begin, end) {
           var _this = this;
-          var dialogConfig = new i1$3.MatDialogConfig();
+          var dialogConfig = new i1$4.MatDialogConfig();
           dialogConfig.disableClose = false;
           dialogConfig.autoFocus = true;
           dialogConfig.data = {
@@ -25716,7 +25717,7 @@
                   }
               });
           });
-          var dialogConfig = new i1$3.MatDialogConfig();
+          var dialogConfig = new i1$4.MatDialogConfig();
           dialogConfig.disableClose = false;
           dialogConfig.autoFocus = true;
           dialogConfig.data = {
@@ -26140,7 +26141,7 @@
       };
       return TemplateModalComponent;
   }());
-  TemplateModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TemplateModalComponent, deps: [{ token: i1$3.MAT_DIALOG_DATA }, { token: UploadManagmentService }, { token: i1__namespace$3.MatDialogRef }, { token: DialogMangmentService }, { token: DynamicFormService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  TemplateModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TemplateModalComponent, deps: [{ token: i1$4.MAT_DIALOG_DATA }, { token: UploadManagmentService }, { token: i1__namespace$3.MatDialogRef }, { token: DialogMangmentService }, { token: DynamicFormService }], target: i0__namespace.ɵɵFactoryTarget.Component });
   TemplateModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TemplateModalComponent, selector: "app-template-modal", ngImport: i0__namespace, template: "<div class=\"template-modal-wraper d-flex relative h-full\">\r\n    <div class=\"modal-body-section d-flex w-full\">\r\n        <!-- forms and properties  -->\r\n        <div class=\"forms-section w-1/2\">\r\n            <div class=\"\">\r\n                <div class=\"mb-5\">\r\n                    <div class=\"text-base font-bold text-gray-900\">\r\n                        {{ \"CREATE.FILE_TYPE\" | translate }}\r\n                    </div>\r\n                    <div class=\"text-base text-gray-900\">{{ fileType }}</div>\r\n                </div>\r\n                <div class=\"file-fields mt-3\">\r\n                    <form #fileForm=\"ngForm\">\r\n                        <div class=\"single-field mb-3\">\r\n                            <div class=\"text-base font-bold text-gray-900\">\r\n                                {{ \"CREATE.TITLE\" | translate\r\n                                }}<span class=\"text-red-500\">*</span>\r\n                            </div>\r\n                            <input\r\n                                class=\"\r\n                                    h-10\r\n                                    w-full\r\n                                    bg-gray-100\r\n                                    p-1\r\n                                    border-2 border-gray-200\r\n                                    rounded\r\n                                \"\r\n                                [(ngModel)]=\"selectedFile.title\"\r\n                                required\r\n                                name=\"title\"\r\n                                id=\"title\"\r\n                            />\r\n                        </div>\r\n                        <div class=\"single-field mb-3\">\r\n                            <div class=\"text-base font-bold text-gray-900\">\r\n                                {{ \"CREATE.DESCRIPTION\" | translate\r\n                                }}<span class=\"text-red-500\">*</span>\r\n                            </div>\r\n                            <input\r\n                                class=\"\r\n                                    h-10\r\n                                    w-full\r\n                                    bg-gray-100\r\n                                    p-1\r\n                                    border-2 border-gray-200\r\n                                    rounded\r\n                                \"\r\n                                [(ngModel)]=\"selectedFile.description\"\r\n                                required\r\n                                name=\"description\"\r\n                                id=\"description\"\r\n                            />\r\n                        </div>\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            class=\"template-side-menu w-1/2 d-flex justify-center items-center\"\r\n        >\r\n            <div class=\"text-gray-900 font-bold\">No Templates Yet</div>\r\n        </div>\r\n    </div>\r\n\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            scanner-actions-wrapper\r\n            absolute\r\n            bottom-0\r\n        \"\r\n    >\r\n        <div class=\"flex\">\r\n            <button\r\n                class=\"\r\n                    cursor-pointer\r\n                    flex\r\n                    justify-center\r\n                    items-center\r\n                    border-2 border-gray-900\r\n                    text-gray-900\r\n                    rounded-3xl\r\n                    text-white\r\n                    w-30\r\n                    h-10\r\n                \"\r\n                (click)=\"closeDialog()\"\r\n            >\r\n                {{ \"BUTTONS.CANCEL\" | translate }}\r\n            </button>\r\n\r\n            <!-- *ngIf=\"\r\n            uploadMangmentService.uploadedFilesStatus\r\n                .uploadInProgress ||\r\n            uploadMangmentService.uploadedFilesStatus\r\n                .numberOfUploadedFiles !== 0 ||\r\n            addingProperties\r\n        \" -->\r\n            <!-- <button\r\n                class=\"\r\n                    cursor-pointer\r\n                    flex\r\n                    justify-center\r\n                    items-center\r\n                    border-2 border-gray-900\r\n                    text-gray-900\r\n                    rounded-3xl\r\n                    text-white\r\n                    w-30\r\n                    h-10\r\n                    mx-2\r\n                \"\r\n                (click)=\"minimizDialog()\"\r\n            >\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=\"\r\n                    (uploadMangmentService.uploadedFilesStatus\r\n                        .uploadInProgress ||\r\n                        selectedFile.file) &&\r\n                    !uploadMangmentService.addingPropertiesMode\r\n                \"\r\n                (click)=\"startAddingProperties()\"\r\n                class=\"\r\n                    hover:text-white hover:bg-gray-900\r\n                    cursor-pointer\r\n                    flex\r\n                    justify-center\r\n                    items-center\r\n                    border-2 border-gray-900\r\n                    text-gray-900\r\n                    rounded-3xl\r\n                    text-white\r\n                    w-36\r\n                    h-10\r\n                \"\r\n            >\r\n                {{ \"BUTTONS.ADD_PROPERTIES\" | translate }}\r\n            </button> -->\r\n\r\n            <!-- *ngIf=\"\r\n                    uploadMangmentService.addingPropertiesMode &&\r\n                    !uploadMangmentService.uploadedFilesStatus.uploadInProgress\r\n                \" -->\r\n            <!-- <button\r\n                \r\n                (click)=\"createDocument()\"\r\n                [disabled]=\"scannerUploadButton.disabled || !selectedFile.dynamicData.valid || fileForm.invalid\"\r\n                [ngClass]=\"{\r\n                    'opacity-30 cursor-not-allowed': scannerUploadButton.disabled || !selectedFile.dynamicData.valid || fileForm.invalid\r\n                }\"\r\n                class=\"\r\n                    flex\r\n                    justify-center\r\n                    items-center\r\n                    border-2 border-gray-900\r\n                    text-white bg-gray-900\r\n                    rounded-3xl\r\n                    w-30\r\n                    h-10\r\n                \"\r\n            >\r\n                {{ \"BUTTONS.CREATE\" | translate }}\r\n            </button> -->\r\n\r\n            <!-- <button\r\n                *ngIf=\"\r\n                    uploadMangmentService.addingPropertiesMode &&\r\n                    uploadMangmentService.uploadedFilesStatus.uploadInProgress\r\n                \"\r\n                (click)=\"createWhenFinish()\"\r\n                [disabled]=\"checkValidation()\"\r\n                [ngClass]=\"{\r\n                    'opacity-30 cursor-not-allowed': checkValidation(),\r\n                    'cursor-pointer hover:text-white hover:bg-gray-900':\r\n                        !checkValidation()\r\n                }\"\r\n                class=\"\r\n                    flex\r\n                    justify-center\r\n                    items-center\r\n                    border-2 border-gray-900\r\n                    text-gray-900\r\n                    rounded-3xl\r\n                    text-white\r\n                    w-40\r\n                    h-10\r\n                \"\r\n            >\r\n                {{ \"BUTTONS.CREATE_WHEN_FINSH\" | translate }}\r\n            </button> -->\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".modal-body-section{height:calc(100% - 80px)}\n"], components: [{ type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["form", "data", "readOnly"], outputs: ["change"] }], 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.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: 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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TemplateModalComponent, decorators: [{
               type: i0.Component,
@@ -26152,7 +26153,7 @@
           }], ctorParameters: function () {
           return [{ type: undefined, decorators: [{
                           type: i0.Inject,
-                          args: [i1$3.MAT_DIALOG_DATA]
+                          args: [i1$4.MAT_DIALOG_DATA]
                       }] }, { type: UploadManagmentService }, { type: i1__namespace$3.MatDialogRef }, { type: DialogMangmentService }, { type: DynamicFormService }];
       } });
 
@@ -26602,7 +26603,7 @@
           this.callApi = this.injectorObj.get(CallApiService);
           this.shared = this.injectorObj.get(SharedDocsService);
           this.adapter = this.injectorObj.get(AdapterService);
-          this.router = this.injectorObj.get(i1$4.Router);
+          this.router = this.injectorObj.get(i1$3.Router);
           this.fileManagerAdapter = this.injectorObj.get(FileManagerAdapter);
           this.translationService = this.injectorObj.get(TranslationService);
           this.customToastrService = this.injectorObj.get(CustomToastrService);
@@ -26610,9 +26611,9 @@
           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.dialog = this.injectorObj.get(i1$4.MatDialog);
           this.documentScanService = this.injectorObj.get(DocumentScanService);
-          this.route = this.injectorObj.get(i1$4.ActivatedRoute);
+          this.route = this.injectorObj.get(i1$3.ActivatedRoute);
           this.iconService = this.injectorObj.get(IconService);
           this.nuxeoService = this.injectorObj.get(NuxeoService);
           this.multiSelectedkeys = [""];
@@ -27574,13 +27575,13 @@
   ActivityModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActivityModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   ActivityModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActivityModule, declarations: [ActivityComponent], imports: [i4.CommonModule,
           AvatarModule,
-          i1$4.RouterModule], exports: [ActivityComponent,
-          i1$4.RouterModule] });
+          i1$3.RouterModule], exports: [ActivityComponent,
+          i1$3.RouterModule] });
   ActivityModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActivityModule, imports: [[
               i4.CommonModule,
               AvatarModule,
-              i1$4.RouterModule
-          ], i1$4.RouterModule] });
+              i1$3.RouterModule
+          ], i1$3.RouterModule] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ActivityModule, decorators: [{
               type: i0.NgModule,
               args: [{
@@ -27588,11 +27589,11 @@
                       imports: [
                           i4.CommonModule,
                           AvatarModule,
-                          i1$4.RouterModule
+                          i1$3.RouterModule
                       ],
                       exports: [
                           ActivityComponent,
-                          i1$4.RouterModule
+                          i1$3.RouterModule
                       ]
                   }]
           }] });
@@ -28197,11 +28198,11 @@
   ConfirmationDialogModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmationDialogModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   ConfirmationDialogModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmationDialogModule, declarations: [ConfirmationDialogComponent], imports: [i4.CommonModule,
           i1$1.TranslateModule,
-          i1$3.MatDialogModule], exports: [ConfirmationDialogComponent] });
+          i1$4.MatDialogModule], exports: [ConfirmationDialogComponent] });
   ConfirmationDialogModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmationDialogModule, imports: [[
               i4.CommonModule,
               i1$1.TranslateModule,
-              i1$3.MatDialogModule
+              i1$4.MatDialogModule
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ConfirmationDialogModule, decorators: [{
               type: i0.NgModule,
@@ -28210,7 +28211,7 @@
                       imports: [
                           i4.CommonModule,
                           i1$1.TranslateModule,
-                          i1$3.MatDialogModule
+                          i1$4.MatDialogModule
                       ],
                       exports: [ConfirmationDialogComponent]
                   }]
@@ -28469,7 +28470,7 @@
           i3$3.DxTreeViewModule,
           ViewerLogModule,
           CtsTagsModule,
-          i1$3.MatDialogModule,
+          i1$4.MatDialogModule,
           i2$2.MatTooltipModule,
           CorrespondenceRelationModule,
           AvatarModule,
@@ -28539,7 +28540,7 @@
               i3$3.DxTreeViewModule,
               ViewerLogModule,
               CtsTagsModule,
-              i1$3.MatDialogModule,
+              i1$4.MatDialogModule,
               i2$2.MatTooltipModule,
               CorrespondenceRelationModule,
               AvatarModule,
@@ -28615,7 +28616,7 @@
                           i3$3.DxTreeViewModule,
                           ViewerLogModule,
                           CtsTagsModule,
-                          i1$3.MatDialogModule,
+                          i1$4.MatDialogModule,
                           i2$2.MatTooltipModule,
                           CorrespondenceRelationModule,
                           AvatarModule,
@@ -29926,14 +29927,14 @@
       return UsersCardModule;
   }());
   UsersCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UsersCardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  UsersCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UsersCardModule, declarations: [UsersCardComponent], imports: [i4.CommonModule, i1$1.TranslateModule, i2$2.MatTooltipModule, CardModule, AvatarModule, i1$4.RouterModule], exports: [UsersCardComponent, i1$4.RouterModule] });
-  UsersCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UsersCardModule, providers: [], imports: [[i4.CommonModule, i1$1.TranslateModule, i2$2.MatTooltipModule, CardModule, AvatarModule, i1$4.RouterModule], i1$4.RouterModule] });
+  UsersCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UsersCardModule, declarations: [UsersCardComponent], imports: [i4.CommonModule, i1$1.TranslateModule, i2$2.MatTooltipModule, CardModule, AvatarModule, i1$3.RouterModule], exports: [UsersCardComponent, i1$3.RouterModule] });
+  UsersCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UsersCardModule, providers: [], imports: [[i4.CommonModule, i1$1.TranslateModule, i2$2.MatTooltipModule, CardModule, AvatarModule, i1$3.RouterModule], i1$3.RouterModule] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: UsersCardModule, decorators: [{
               type: i0.NgModule,
               args: [{
                       declarations: [UsersCardComponent],
-                      imports: [i4.CommonModule, i1$1.TranslateModule, i2$2.MatTooltipModule, CardModule, AvatarModule, i1$4.RouterModule],
-                      exports: [UsersCardComponent, i1$4.RouterModule],
+                      imports: [i4.CommonModule, i1$1.TranslateModule, i2$2.MatTooltipModule, CardModule, AvatarModule, i1$3.RouterModule],
+                      exports: [UsersCardComponent, i1$3.RouterModule],
                       providers: [],
                   }]
           }] });
@@ -30546,71 +30547,6 @@
       });
   }); };
 
-  function serializePort(port) {
-      return {
-          id: port.id,
-          label: port.label,
-          socket: {
-              name: port.socket.name,
-          },
-      };
-  }
-  function serializeControl(control) {
-      if (control instanceof rete.ClassicPreset.InputControl) {
-          return {
-              __type: 'ClassicPreset.InputControl',
-              id: control.id,
-              readonly: control.readonly,
-              type: control.type,
-              value: control.value,
-          };
-      }
-      return null;
-  }
-
-  function exportGraph(editor) {
-      return __awaiter(this, void 0, void 0, function () {
-          var data, nodes, nodes_1, nodes_1_1, node, inputsEntries, outputsEntries, controlsEntries;
-          var e_1, _a;
-          return __generator(this, function (_b) {
-              data = { nodes: [] };
-              nodes = editor.getNodes();
-              try {
-                  for (nodes_1 = __values(nodes), nodes_1_1 = nodes_1.next(); !nodes_1_1.done; nodes_1_1 = nodes_1.next()) {
-                      node = nodes_1_1.value;
-                      inputsEntries = Object.entries(node.inputs).map(function (_a) {
-                          var _b = __read(_a, 2), key = _b[0], input = _b[1];
-                          return [key, input && serializePort(input)];
-                      });
-                      outputsEntries = Object.entries(node.outputs).map(function (_a) {
-                          var _b = __read(_a, 2), key = _b[0], output = _b[1];
-                          return [key, output && serializePort(output)];
-                      });
-                      controlsEntries = Object.entries(node.controls).map(function (_a) {
-                          var _b = __read(_a, 2), key = _b[0], control = _b[1];
-                          return [key, control && serializeControl(control)];
-                      });
-                      // data.nodes.push({
-                      //   id: node.id,
-                      //   label: node.label,
-                      //   outputs: Object.fromEntries(outputsEntries),
-                      //   inputs: Object.fromEntries(inputsEntries),
-                      //   controls: Object.fromEntries(controlsEntries),
-                      // });
-                  }
-              }
-              catch (e_1_1) { e_1 = { error: e_1_1 }; }
-              finally {
-                  try {
-                      if (nodes_1_1 && !nodes_1_1.done && (_a = nodes_1.return)) _a.call(nodes_1);
-                  }
-                  finally { if (e_1) throw e_1.error; }
-              }
-              return [2 /*return*/, data];
-          });
-      });
-  }
-
   /**
    *
    * @param node
@@ -30751,6 +30687,28 @@
       });
   }); };
 
+  function serializePort(port) {
+      return {
+          id: port.id,
+          label: port.label,
+          socket: {
+              name: port.socket.name,
+          },
+      };
+  }
+  function serializeControl(control) {
+      if (control instanceof rete.ClassicPreset.InputControl) {
+          return {
+              __type: 'ClassicPreset.InputControl',
+              id: control.id,
+              readonly: control.readonly,
+              type: control.type,
+              value: control.value,
+          };
+      }
+      return null;
+  }
+
   var DiagramService = /** @class */ (function () {
       /**
        *
@@ -33492,7 +33450,7 @@
           GetIconPipe,
           NotificationsSidebarComponent,
           NotificationSidebarContentDirective], imports: [i4.CommonModule,
-          i1$4.RouterModule,
+          i1$3.RouterModule,
           i9.InfiniteScrollModule,
           i2$4.MatListModule,
           PipesModule,
@@ -33510,7 +33468,7 @@
           i1$7.MatButtonModule,
           i1$8.MatTabsModule,
           ConfirmationDialogModule,
-          i1$3.MatDialogModule], exports: [NotificationsListComponent,
+          i1$4.MatDialogModule], exports: [NotificationsListComponent,
           NotificationsButtonComponent,
           NotificationItemComponent,
           NotificationsSettingsContainerComponent,
@@ -33520,7 +33478,7 @@
           NotificationsDateSelectComponent, NotificationIconDirective, NotificationItemDirective] });
   NotificationsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationsModule, providers: [i4.DatePipe, NotificationsService], imports: [[
               i4.CommonModule,
-              i1$4.RouterModule,
+              i1$3.RouterModule,
               i9.InfiniteScrollModule,
               i2$4.MatListModule,
               PipesModule,
@@ -33538,14 +33496,14 @@
               i1$7.MatButtonModule,
               i1$8.MatTabsModule,
               ConfirmationDialogModule,
-              i1$3.MatDialogModule,
+              i1$4.MatDialogModule,
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationsModule, decorators: [{
               type: i0.NgModule,
               args: [{
                       imports: [
                           i4.CommonModule,
-                          i1$4.RouterModule,
+                          i1$3.RouterModule,
                           i9.InfiniteScrollModule,
                           i2$4.MatListModule,
                           PipesModule,
@@ -33563,7 +33521,7 @@
                           i1$7.MatButtonModule,
                           i1$8.MatTabsModule,
                           ConfirmationDialogModule,
-                          i1$3.MatDialogModule,
+                          i1$4.MatDialogModule,
                       ],
                       declarations: [
                           COMPONENTS$1,
@@ -33722,7 +33680,7 @@
           else {
               // no cachable exist
               this.routerSubscription = this.router.events.subscribe(function (val) {
-                  if (val instanceof i1$4.RoutesRecognized) {
+                  if (val instanceof i1$3.RoutesRecognized) {
                       console.log(val.state.root.queryParams);
                       var code = val.state.root.queryParams.code;
                       if (code && code.length) {
@@ -34267,7 +34225,6 @@
   exports.ZoomControlComponent = ZoomControlComponent;
   exports.appInitializer = appInitializer;
   exports.departmentCacheBuster$ = departmentCacheBuster$;
-  exports.exportGraph = exportGraph;
   exports.extensionJsonsFactory = extensionJsonsFactory;
   exports.filterEnabled = filterEnabled;
   exports.getConnections = getConnections;