@eo-sdk/client 9.0.0 → 9.0.2

package/bundles/eo-sdk-client.umd.js

@@ -4637,7 +4637,7 @@
                 .on(i1.EnaioEvent.SCHEMA_LOCALE_CHANGED).pipe(operators.takeUntil(this.componentDestroyed$))
                 .subscribe(function () {
                 _this.bpmService
-                    .getExecutableProcesses()
+                    .getExecutableProcesses(null, null, null, null, true)
                     .subscribe(function (res) {
                     // this.exeActions = !!res.length;
                     _this.exeActions = _this.bpmService.hasMainExecutableProcesses;
@@ -5514,18 +5514,6 @@
         AppSearchComponent.prototype.saveQuery = function () {
             var _this = this;
             // const queryParams: NavigationExtras = {queryParamsHandling : 'preserve'};
-            var queryHasDynamicList = false;
-            this.query.filters.forEach(function (filter, index) {
-                var formElementDynamicList = _this.idxSearch.type.elements.find(function (element) { return element.qname === filter.property && element.type === 'STRING'
-                    && !element.reference && element.classification === 'selector'; });
-                if (formElementDynamicList) {
-                    queryHasDynamicList = true;
-                    _this.query.filters.splice(index, 1);
-                }
-            });
-            if (queryHasDynamicList) {
-                this.notifications.warning(this.translate.instant('eo.search.save.dynamic.lists.warning'));
-            }
             this.router
                 .navigate([{ outlets: { modal: null } }], { replaceUrl: true })
                 .then(function () { return _this.router.navigate(['/stored-queries'], { queryParams: { create: true } }); });
@@ -5663,7 +5651,7 @@
          */
         AppProcessComponent.prototype.selectProcess = function (executableProcess) {
             var _this = this;
-            this.bpmService.getExecutableProcesses(null, false, true, executableProcess.id).subscribe(function (res) {
+            this.bpmService.getExecutableProcesses(null, false, true, executableProcess.id, true).subscribe(function (res) {
                 executableProcess = res[0];
                 _this.selectedProcess = JSON.parse(JSON.stringify(executableProcess)); // Only copies of the original processes are used.
                 if (_this.selectedProcess.form) {
@@ -5726,7 +5714,7 @@
         };
         AppProcessComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.bpmService.getExecutableProcesses(null, true)
+            this.bpmService.getExecutableProcesses(null, true, null, null, true)
                 .subscribe(function (res) { return _this.processes = res.sort(i1.Utils.sortValues('title')); });
         };
         return AppProcessComponent;
@@ -16265,7 +16253,7 @@
                     selector: 'eo-action-menu',
                     template: "<div class=\"action-menu dark\" *ngIf=\"showMenu\" (eoOutsideClick)=\"hide()\">\n\n  <div class=\"head\">\n    <div class=\"left\">\n      <div class=\"title\" translate>eo.actions.sticky.title</div>\n      <div class=\"sub-title\" *ngIf=\"selection?.length > 1; else multi\" translate>eo.actions.sticky.title.sub.selection</div>\n      <ng-template #multi>\n        <div class=\"sub-title\" *ngIf=\"selection && selection.length\"><span translate>eo.actions.sticky.title.sub.for</span> '{{selection[0].title}}'</div>\n      </ng-template>\n    </div>\n    <div class=\"right\">\n      <span class=\"count\">{{subSelection?.length || selection?.length || ''}}</span>\n      <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"hide()\"></eo-icon>\n    </div>\n  </div>\n\n  <div class=\"actions\" [hidden]=\"subActionsList || showComponent\">\n\n    <ng-template #action let-entry let-id>\n\n      <a *ngIf=\"isLinkAction(entry.action); else default\" class=\"link\"\n         [routerLink]=\"entry.action.getLink(entry.availableSelection)\"\n         [queryParams]=\"entry.action.getParams(entry.availableSelection, true)\">\n        <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n      </a>\n\n      <ng-template #default>\n        <div>\n          <eo-icon [iconSrc]=\"entry.action.iconSrc\" [iconId]=\"entry.action.iconId\"\n          [badge]=\"entry.availableSelection?.length != selection?.length ? entry.availableSelection?.length : null\"></eo-icon>\n          <div class=\"label\">{{entry.action.label}}</div>\n          <!-- <div class=\"available-count\" *ngIf=\"entry.availableSelection?.length != selection?.length\">{{entry.availableSelection?.length}}</div> -->\n          <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\" (click)=\"showActionDescription(id, $event)\"></eo-icon>\n        </div>\n        <div class=\"description\" [hidden]=\"id !== actionDescription\">{{entry.action.description}}</div>\n      </ng-template>\n    </ng-template>\n\n    <div class=\"group\" *ngIf=\"actionLists?.common.length > 0\">\n      <div class=\"group-title\" translate>eo.actions.group.common</div>\n      <div class=\"action\" id=\"{{actionListEntry.id}}\" *ngFor=\"let actionListEntry of actionLists.common; index as i\" (click)=\"onClick(actionListEntry)\">\n\n        <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: +i}\"></ng-container>\n\n      </div>\n    </div>\n\n    <div class=\"group\" *ngIf=\"!loading; else loader\">\n      <div *ngIf=\"actionLists?.further.length > 0\">\n        <div class=\"group-title\" translate>eo.actions.group.further_actions</div>\n        <div class=\"action\" id=\"{{actionListEntry.id}}\" *ngFor=\"let actionListEntry of actionLists.further; index as i\" eoPreventDoubleClick (debounceClick)=\"onClick(actionListEntry)\">\n\n          <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: 'f'+i}\"></ng-container>\n\n        </div>\n      </div>\n    </div>\n\n    <div class=\"group\" *ngIf=\"!loading && !actionLists?.further.length && !actionLists?.common.length\" [style.textAlign]=\"'center'\">\n      {{ 'eo.action.not.available' | translate}}\n    </div>\n\n    <ng-template #loader>\n      <div class=\"loading-container\">\n        <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n      </div>\n    </ng-template>\n  </div>\n\n  <!-- sub actions -->\n  <div class=\"group sub\" *ngIf=\"subActionsList && !showComponent\">\n    <div class=\"sub-actions\">\n      <div class=\"group-title\">{{subActionsListHeader}}</div>\n      <div class=\"action sub\" *ngFor=\"let actionListEntry of subActionsList; index as i\" (click)=\"onClick(actionListEntry)\">\n        <ng-container *ngTemplateOutlet=\"action; context: {$implicit: actionListEntry, id: 's'+i}\"></ng-container>\n      </div>\n    </div>\n    <div class=\"group-buttons\">\n      <button (click)=\"onCancel()\" translate>eo.export.cancel</button>\n    </div>\n  </div>\n\n  <div>\n    <ng-template eoActionComponentAnchor></ng-template>\n  </div>\n\n  <div>\n    <ng-template eoExtActionComponentAnchor></ng-template>\n  </div>\n\n</div>\n",
                     encapsulation: i0.ViewEncapsulation.None,
-                    styles: [".action-menu{-webkit-animation:eoFadeInRight var(--app-default-transition-duration);animation:eoFadeInRight var(--app-default-transition-duration);background-color:rgba(var(--color-primary-rgb),.95);bottom:0;box-shadow:0 0 10px 0 rgba(var(--color-black-rgb),.3);color:var(--color-white);min-width:300px;position:absolute;right:0;top:0;width:25vw;z-index:100}.action-menu .head{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:0;padding:var(--app-pane-padding)}.action-menu .head .left{flex:1 1 auto;order:0}.action-menu .head .left .title{font-size:var(--font-headline);font-weight:var(--font-weight-light)}.action-menu .head .left .sub-title{font-size:var(--font-body);font-weight:var(--font-weight-light)}.action-menu .head .right{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:1}.action-menu .head .right .count{color:rgba(var(--color-white-rgb),.3);font-size:5em;font-weight:var(--font-weight-light);line-height:1em;padding-right:var(--app-pane-padding)}.action-menu .head .right .close{margin:0;z-index:10}.action-menu .actions{height:100%;overflow:scroll}.action-menu .actions .group:last-child{margin-bottom:100px}.action-menu .group{display:inline-block;min-width:200px;padding:var(--app-pane-padding);width:90%}.action-menu .group .group-title{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;background:rgba(var(--color-white-rgb),.1);margin-bottom:calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out}.action-menu .group:not(.sub):hover .group-title{background:rgba(var(--color-white-rgb),.3)}.action-menu .action{border-bottom:1px solid rgba(var(--color-white-rgb),.2)}.action-menu .action a.link{color:inherit;display:block;opacity:1;text-decoration:none}.action-menu .action>a.link>div:first-child,.action-menu .action>div:first-child{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;align-items:center;cursor:pointer;display:flex;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding) calc(var(--app-pane-padding)/2) 0;transition:all var(--app-default-transition-duration) ease-in-out}.action-menu .action.sub>div:first-child{padding-left:calc(var(--app-pane-padding)/2)}.action-menu .action .label{flex:1 1 auto}.action-menu .action .available-count{color:rgba(var(--color-white-rgb),.3)}.action-menu .action .available-count,.action-menu .action eo-icon{margin:0 calc(var(--app-pane-padding)/2)}.action-menu .action eo-icon.info-icon{border-radius:50%;box-sizing:border-box;color:rgba(var(--color-white-rgb),.3);margin:0;padding:3px}.action-menu .action eo-icon.info-icon:hover{background-color:var(--color-primary)}.action-menu .action .description{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-border-radius:2px;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;border-radius:2px;color:rgba(var(--color-white-rgb),.54);font-style:italic;padding:calc(var(--app-pane-padding)/4) var(--app-pane-padding) calc(var(--app-pane-padding)/2) var(--app-pane-padding);transition:all var(--app-default-transition-duration) ease-in-out}.action-menu .action:last-child{border:0}.action-menu .action:focus,.action-menu .action:hover{background:rgba(var(--color-white-rgb),.1)}.action-menu .group-buttons{display:flex;justify-content:flex-end;padding-top:var(--app-pane-padding)}.action-menu .group-buttons button{background-color:transparent}.action-menu .group-buttons button:hover{background-color:rgba(var(--color-white-rgb),.1)}.action-menu .loading-container{align-items:center;display:flex;justify-content:center;margin:50% auto;padding:16px}"]
+                    styles: [".action-menu{-webkit-animation:eoFadeInRight var(--app-default-transition-duration);animation:eoFadeInRight var(--app-default-transition-duration);background-color:rgba(var(--color-primary-rgb),.95);bottom:0;box-shadow:0 0 10px 0 rgba(var(--color-black-rgb),.3);color:var(--color-white);height:100vh;min-width:300px;overflow:hidden;position:absolute;right:0;top:0;width:25vw;z-index:100}.action-menu .head{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:0;padding:var(--app-pane-padding)}.action-menu .head .left{flex:1 1 auto;order:0}.action-menu .head .left .title{font-size:var(--font-headline);font-weight:var(--font-weight-light)}.action-menu .head .left .sub-title{font-size:var(--font-body);font-weight:var(--font-weight-light)}.action-menu .head .right{display:flex;flex:0 0 auto;flex-flow:row nowrap;order:1}.action-menu .head .right .count{color:rgba(var(--color-white-rgb),.3);font-size:5em;font-weight:var(--font-weight-light);line-height:1em;padding-right:var(--app-pane-padding)}.action-menu .head .right .close{margin:0;z-index:10}.action-menu .actions{height:100%;overflow:scroll}.action-menu .actions .group:last-child{margin-bottom:100px}.action-menu .group{display:inline-block;min-width:200px;padding:var(--app-pane-padding);width:90%}.action-menu .group .group-title{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;background:rgba(var(--color-white-rgb),.1);margin-bottom:calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out}.action-menu .group:not(.sub):hover .group-title{background:rgba(var(--color-white-rgb),.3)}.action-menu .action{border-bottom:1px solid rgba(var(--color-white-rgb),.2)}.action-menu .action a.link{color:inherit;display:block;opacity:1;text-decoration:none}.action-menu .action>a.link>div:first-child,.action-menu .action>div:first-child{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;align-items:center;cursor:pointer;display:flex;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding) calc(var(--app-pane-padding)/2) 0;transition:all var(--app-default-transition-duration) ease-in-out}.action-menu .action.sub>div:first-child{padding-left:calc(var(--app-pane-padding)/2)}.action-menu .action .label{flex:1 1 auto}.action-menu .action .available-count{color:rgba(var(--color-white-rgb),.3)}.action-menu .action .available-count,.action-menu .action eo-icon{margin:0 calc(var(--app-pane-padding)/2)}.action-menu .action eo-icon.info-icon{border-radius:50%;box-sizing:border-box;color:rgba(var(--color-white-rgb),.3);margin:0;padding:3px}.action-menu .action eo-icon.info-icon:hover{background-color:var(--color-primary)}.action-menu .action .description{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-border-radius:2px;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;border-radius:2px;color:rgba(var(--color-white-rgb),.54);font-style:italic;padding:calc(var(--app-pane-padding)/4) var(--app-pane-padding) calc(var(--app-pane-padding)/2) var(--app-pane-padding);transition:all var(--app-default-transition-duration) ease-in-out}.action-menu .action:last-child{border:0}.action-menu .action:focus,.action-menu .action:hover{background:rgba(var(--color-white-rgb),.1)}.action-menu .group-buttons{display:flex;justify-content:flex-end;padding-top:var(--app-pane-padding)}.action-menu .group-buttons button{background-color:transparent}.action-menu .group-buttons button:hover{background-color:rgba(var(--color-white-rgb),.1)}.action-menu .loading-container{align-items:center;display:flex;justify-content:center;margin:50% auto;padding:16px}"]
                 },] }
     ];
     ActionMenuComponent.ctorParameters = function () { return [
@@ -19768,12 +19756,7 @@
                     if (formControl && formControl._eoFormElement) {
                         this.value = formControl._eoFormElement._dynamic;
                         this.controlName = fc._eoFormControlWrapper.controlName;
-                        // Elements with classification 'selector' are codesystems that get their values
-                        // from a form script. Forms generated from stored queries do not have those scripts so those
-                        // elements are useless. They are then disabled ...
-                        this.disabled = formControl._eoFormElement.classification === 'selector' ||
-                            // ... Form elements of type 'TABLE' also make no sense.
-                            formControl._eoFormElement.type === 'TABLE';
+                        this.disabled = formControl._eoFormElement.type === 'TABLE'; // Form elements of type 'TABLE' make no sense.
                     }
                 }
             },
@@ -21224,6 +21207,12 @@
         term: [{ type: i0.Input }]
     };
 
+    (function (LockSettings) {
+        LockSettings["always"] = "always";
+        LockSettings["never"] = "never";
+        LockSettings["ask"] = "ask";
+    })(exports.LockSettings || (exports.LockSettings = {}));
+
     var EditIconComponent = /** @class */ (function () {
         function EditIconComponent(userService, agentService) {
             this.userService = userService;
@@ -21240,7 +21229,16 @@
             this.agentService.openDocument(this.item, lock);
         };
         EditIconComponent.prototype.fetchAgentAlwayslock = function () {
-            this.agentAlwayslock = this.userService.getCurrentUser().userSettings.alwayslock;
+            var _this = this;
+            this.agentService.isConnected$.pipe(operators.take(1), operators.withLatestFrom(this.agentService.agentConfig$)).subscribe(function (_a) {
+                var _b = __read(_a, 2), isConnected = _b[0], config = _b[1];
+                if (config.hasOwnProperty(exports.agentConfigKeys.LOCKSETTINGS) && Object.values(exports.LockSettings).includes(config[exports.agentConfigKeys.LOCKSETTINGS])) {
+                    _this.agentAlwayslock = config[exports.agentConfigKeys.LOCKSETTINGS];
+                }
+                else {
+                    _this.agentAlwayslock = _this.userService.getCurrentUser().userSettings.alwayslock;
+                }
+            });
         };
         EditIconComponent.prototype.ngOnInit = function () {
             this.fetchAgentAlwayslock();
@@ -23751,7 +23749,7 @@
         { type: i0.Component, args: [{
                     selector: 'eo-frame',
                     template: "<!-- global upload component -->\n<eo-upload-overlay *ngIf=\"authenticated && capabilities?.intray\"></eo-upload-overlay>\n\n<!-- main application skeleton -->\n<div class=\"application\" [dir]=\"dir\" [eoShortcuts]=\"navShortcuts\">\n\n  <div class=\"app\" *ngIf=\"!initError\" [eoShortcuts]=\"shortcuts\">\n    <eo-app-bar [transparent]=\"transparentBar\" *ngIf=\"authenticated\">\n      <eo-sidebar-plugin class=\"navi\" [type]=\"'sidebar-navigation'\"></eo-sidebar-plugin>\n      <eo-sidebar-plugin class=\"help\" [type]=\"'sidebar-help'\"></eo-sidebar-plugin>\n      <eo-sidebar-plugin class=\"profile\" [type]=\"'sidebar-profile'\"></eo-sidebar-plugin>\n    </eo-app-bar>\n    <div class=\"eo-app-content\">\n      <router-outlet></router-outlet>\n    </div>\n  </div>\n\n  <!-- app init failed notification -->\n  <div class=\"init-error\" *ngIf=\"initError\">\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_error.svg'\"></eo-icon>\n    <div class=\"message\">\n      <div translate>eo.app.init.fail.title</div>\n      <div class=\"cause\" translate>eo.app.init.fail.message</div>\n      <div class=\"cause error\">{{initError.cause}}</div>\n    </div>\n  </div>\n\n  <div class=\"overlay\">\n    <!--<ng-progress [positionUsing]=\"'marginLeft'\" [minimum]=\"0.3\" [maximum]=\"1\"-->\n    <!--[speed]=\"300\" [showSpinner]=\"false\"-->\n    <!--[direction]=\"dir === 'rtl' ? 'rightToLeftIncreased' : 'leftToRightIncreased'\"-->\n    <!--[color]=\"'#bb3f5a'\" [trickleSpeed]=\"300\" [thick]=\"true\" [ease]=\"'linear'\"-->\n    <!--&gt;</ng-progress>-->\n  </div>\n  <router-outlet name=\"modal\"></router-outlet>\n  <eo-global-shortcuts *ngIf=\"authenticated && !isMobileEnv\"></eo-global-shortcuts>\n  <eo-action-menu></eo-action-menu>\n  <section #externalDialog></section>\n</div>\n",
-                    styles: [":host .application{bottom:0;left:0;position:absolute;right:0;top:0;transition:all .5s ease-in-out}:host.view-no-bar:not(.dashboard) .application{top:calc(var(--app-bar-height)*-1 - var(--app-pane-padding))}:host.view-no-header:not(.dashboard) .application{top:calc(var(--app-bar-height)*-1 - var(--app-pane-padding) - var(--app-pane-header-height) + 30px)}:host.view-no-header.object-state .application{top:calc(var(--app-bar-height)*-1 - var(--app-pane-padding) - var(--app-pane-header-height) - 36px)}:host .app{overflow:hidden}:host .app,:host .init-error{background:var(--main-background);bottom:0;display:flex;flex-flow:column;left:0;position:absolute;right:0;top:0}:host .init-error{align-items:center;justify-content:center}:host .init-error eo-icon{color:var(--color-error);height:80px;width:80px}:host .init-error .message{color:var(--color-error);font-size:var(--font-headline);max-width:500px;padding:var(--app-pane-padding)}:host .init-error .message .cause{font-size:var(--font-caption);margin-top:var(--app-pane-padding)}:host .init-error .message .cause.error{font-style:italic;margin-top:var(--app-pane-padding)}:host .overlay{position:absolute;width:100%;z-index:1001}:host .eo-app-content{bottom:0;left:0;overflow-x:auto;position:absolute;right:0;top:var(--app-bar-height)}:host.dashboard .eo-app-content{background-position:50%;background-size:cover;top:0}:host ::ng-deep split-gutter{background-color:transparent!important}"]
+                    styles: [":host .application{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:all .5s ease-in-out}:host.view-no-bar:not(.dashboard) .application{top:calc(var(--app-bar-height)*-1 - var(--app-pane-padding))}:host.view-no-header:not(.dashboard) .application{top:calc(var(--app-bar-height)*-1 - var(--app-pane-padding) - var(--app-pane-header-height) + 30px)}:host.view-no-header.object-state .application{top:calc(var(--app-bar-height)*-1 - var(--app-pane-padding) - var(--app-pane-header-height) - 36px)}:host .app{overflow:hidden}:host .app,:host .init-error{background:var(--main-background);bottom:0;display:flex;flex-flow:column;left:0;position:absolute;right:0;top:0}:host .init-error{align-items:center;justify-content:center}:host .init-error eo-icon{color:var(--color-error);height:80px;width:80px}:host .init-error .message{color:var(--color-error);font-size:var(--font-headline);max-width:500px;padding:var(--app-pane-padding)}:host .init-error .message .cause{font-size:var(--font-caption);margin-top:var(--app-pane-padding)}:host .init-error .message .cause.error{font-style:italic;margin-top:var(--app-pane-padding)}:host .overlay{position:absolute;width:100%;z-index:1001}:host .eo-app-content{bottom:0;left:0;overflow-x:auto;position:absolute;right:0;top:var(--app-bar-height)}:host.dashboard .eo-app-content{background-position:50%;background-size:cover;top:0}:host ::ng-deep split-gutter{background-color:transparent!important}"]
                 },] }
     ];
     FrameComponent.ctorParameters = function () { return [
@@ -24254,12 +24252,6 @@
         onKey: [{ type: i0.HostListener, args: ['window:keyup', ['$event'],] }]
     };
 
-    (function (LockSettings) {
-        LockSettings["always"] = "always";
-        LockSettings["never"] = "never";
-        LockSettings["ask"] = "ask";
-    })(exports.LockSettings || (exports.LockSettings = {}));
-
     var SettingsComponent = /** @class */ (function (_super) {
         __extends(SettingsComponent, _super);
         function SettingsComponent(renderer, userService, config, notify, systemService, eventService, capabilitiesService, envService, titleService, agentService, fb, cacheService, listSettingsService, storageService, translate, elemRef, notification) {
@@ -24831,14 +24823,17 @@
     };
 
     var AboutStateComponent = /** @class */ (function () {
-        function AboutStateComponent(http, userService, config) {
-            this.http = http;
+        function AboutStateComponent(backend, userService, config) {
+            var _this = this;
+            this.backend = backend;
             this.userService = userService;
             this.config = config;
-            this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "9.0.0", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
+            this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "9.0.2", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
             this.ctrl = {
-                productName: 'yuuvis® RAD client',
-                clientVersion: '9.0.0'
+                componentName: 'yuuvis® RAD client',
+                componentVersion: '9.0.2',
+                productName: '',
+                productVersion: ''
             };
             this.licenses = {
                 'MIT': {
@@ -24884,6 +24879,10 @@
             if (!this.headerLogo) {
                 this.headerLogo = this.config.getRaw('appLogo');
             }
+            this.backend.getJson('/system/info').subscribe(function (info) {
+                _this.ctrl.productName = info.product.name;
+                _this.ctrl.productVersion = info.product.productversion;
+            });
         }
         AboutStateComponent.prototype.getDocumentation = function () {
             var docu = this.config.getRaw('about.docu');
@@ -24904,12 +24903,12 @@
     AboutStateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-about-state',
-                    template: "<div class=\"eo-about-state\">\n\n  <div class=\"about\">\n    <div class=\"header\" [style.background-image]=\"backgroundImage\">\n      <img [src]=\"headerLogo\"/>\n    </div>\n\n    <div class=\"body\">\n      <div class=\"claim\" translate>eo.help.about.claim</div>\n\n      <div class=\"wrap\">\n      <table>\n        <tbody>\n        <tr>\n          <th translate>eo.help.about.product.label</th>\n          <td>{{ctrl.productName}}</td>\n        </tr>\n        <tr>\n          <th translate>eo.help.about.client.version.label</th>\n          <td>{{ctrl.clientVersion}}</td>\n        </tr>\n        <tr>\n          <th translate>eo.help.about.producer.label</th>\n          <td translate>eo.help.about.producer.text</td>\n        </tr>\n        </tbody>\n      </table>\n\n      <ul class=\"links\">\n        <li>\n          <a href=\"{{docu.link}}\" target=\"_blank\">{{docu.label | translate}}</a>\n        </li>\n      </ul>\n      </div>\n\n\n      <h2 translate>eo.help.license.title</h2>\n      <p translate>eo.help.license.intro</p>\n      <div class=\"showLic\" (click)=\"licenseShow = !licenseShow\">\n        <span class=\"toggle\"><span translate>eo.help.license.title</span><span class=\"toggle-indicator\">{{licenseShow ? '-' : '+'}}</span></span></div>\n      <div class=\"licenses\" *ngIf=\"licenseShow\">\n        <div class=\"lib\" *ngFor=\"let lib of __libraries__; trackBy: trackByFn\">\n          <div class=\"name\">{{lib.name}}</div>\n          <div class=\"lic\" *ngIf=\"licenses[lib.license]\">\n            <a href=\"{{licenses[lib.license].url}}\" target=\"_blank\" *ngIf=\"licenses[lib.license].url\">{{licenses[lib.license].label}}</a>\n            <span *ngIf=\"!licenses[lib.license].url\">{{licenses[lib.license].label}}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</div>\n",
+                    template: "<div class=\"eo-about-state\">\n\n  <div class=\"about\">\n    <div class=\"header\" [style.background-image]=\"backgroundImage\">\n      <img [src]=\"headerLogo\"/>\n    </div>\n\n    <div class=\"body\">\n      <div class=\"claim\" translate>eo.help.about.claim</div>\n\n      <div class=\"wrap\">\n      <table>\n        <tbody>\n        <tr>\n          <th translate>eo.help.about.component.label</th>\n          <td>{{ctrl.componentName}}</td>\n        </tr>\n        <tr>\n          <th translate>eo.help.about.component.version.label</th>\n          <td>{{ctrl.componentVersion}}</td>\n        </tr>\n        <tr>\n          <th translate>eo.help.about.product.label</th>\n          <td>{{ ctrl.productName }}</td>\n        </tr>\n        <tr>\n          <th translate>eo.help.about.product.version.label</th>\n          <td>{{ ctrl.productVersion }}</td>\n        </tr>\n        <tr>\n          <th translate>eo.help.about.producer.label</th>\n          <td translate>eo.help.about.producer.text</td>\n        </tr>\n        </tbody>\n      </table>\n\n      <ul class=\"links\">\n        <li>\n          <a href=\"{{docu.link}}\" target=\"_blank\">{{docu.label | translate}}</a>\n        </li>\n      </ul>\n      </div>\n\n\n      <h2 translate>eo.help.license.title</h2>\n      <p translate>eo.help.license.intro</p>\n      <div class=\"showLic\" (click)=\"licenseShow = !licenseShow\">\n        <span class=\"toggle\"><span translate>eo.help.license.title</span><span class=\"toggle-indicator\">{{licenseShow ? '-' : '+'}}</span></span></div>\n      <div class=\"licenses\" *ngIf=\"licenseShow\">\n        <div class=\"lib\" *ngFor=\"let lib of __libraries__; trackBy: trackByFn\">\n          <div class=\"name\">{{lib.name}}</div>\n          <div class=\"lic\" *ngIf=\"licenses[lib.license]\">\n            <a href=\"{{licenses[lib.license].url}}\" target=\"_blank\" *ngIf=\"licenses[lib.license].url\">{{licenses[lib.license].label}}</a>\n            <span *ngIf=\"!licenses[lib.license].url\">{{licenses[lib.license].label}}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</div>\n",
                     styles: [":host{--about-header-height:300px;bottom:0;display:flex;flex-flow:row;justify-content:center;left:0;overflow-y:auto;position:absolute;right:0;top:0}.eo-about-state{box-sizing:border-box;display:flex;flex-flow:column;width:800px}@media (max-width:832px){.eo-about-state{margin:0;min-width:inherit;width:100%}}.eo-about-state .about{background:var(--color-white);box-shadow:0 2px 5px 0 rgba(0,0,0,.2);margin:var(--app-pane-padding)}.eo-about-state .about .header{background-size:cover;height:var(--about-header-height);position:relative}.eo-about-state .about .header:after{background-color:rgba(var(--color-accent-rgb),.8);bottom:0;content:\"\";left:0;position:absolute;right:0;top:0}.eo-about-state .about .header img{bottom:18%;position:absolute;right:8%;width:40%;z-index:20}.eo-about-state .about .body{padding:var(--app-pane-padding)}.eo-about-state .about .body .claim{padding:var(--app-pane-padding) 0}.eo-about-state .about .body h2{color:var(--text-color-caption);font-size:var(--font-title);font-weight:var(--font-weight-light);margin:1.5em 0 0}.eo-about-state .about .body .wrap{display:flex;flex-flow:row wrap}.eo-about-state .about .body ul.links{color:var(--color-accent);list-style-type:none}.eo-about-state .about .body ul.links li{padding:2px 0}.eo-about-state .about .body ul.links a{color:var(--color-accent);text-decoration:none}.eo-about-state .about .body ul.links a:hover{text-decoration:underline}.eo-about-state .about .body table{background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;margin:var(--app-pane-padding);padding:calc(var(--app-pane-padding)/4) 0}.eo-about-state .about .body table th{align-items:flex-start;color:var(--text-color-caption);display:flex;flex-flow:column;font-size:var(--font-hint);justify-content:center}.eo-about-state .about .body table td,.eo-about-state .about .body table th{padding:calc(var(--app-pane-padding)/8) calc(var(--app-pane-padding)/2)}.eo-about-state .about .body .showLic span.toggle{border:1px solid var(--color-accent);border-radius:4px;color:var(--color-accent);cursor:pointer;display:inline-block;padding:0 4px 2px}.eo-about-state .about .body .showLic .toggle-indicator{padding:0 4px}.eo-about-state .about .body .licenses{padding-top:var(--app-pane-padding)}.eo-about-state .about .body .licenses .lib{border-top:1px solid var(--list-item-border-color);display:flex;flex-flow:row nowrap;padding:calc(var(--app-pane-padding)/4)}.eo-about-state .about .body .licenses .lib .name{flex:1 1 auto}.eo-about-state .about .body .licenses .lib .lic{color:var(--text-color-caption);flex:0 0 auto;font-size:var(--font-hint)}.eo-about-state .about .body .licenses .lib .lic a{background-color:rgba(var(--color-black-rgb),.06);border:1px solid var(--color-accent);border-radius:2px;color:var(--color-accent);display:inline-block;line-height:1em;padding:2px 4px;text-decoration:none}"]
                 },] }
     ];
     AboutStateComponent.ctorParameters = function () { return [
-        { type: http.HttpClient },
+        { type: i1.BackendService },
         { type: i1.UserService },
         { type: i1.Config }
     ]; };