@firestitch/system 12.0.0 → 12.1.0

package/bundles/firestitch-system.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('snakecase-keys'), require('camelcase-keys'), require('lodash-es'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/expansion'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/dialog'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@angular/flex-layout'), require('@angular/material/button'), require('@firestitch/date'), require('@firestitch/datepicker'), require('@firestitch/skeleton'), require('@firestitch/list'), require('@firestitch/file-manager'), require('@firestitch/dialog'), require('@firestitch/label'), require('@firestitch/file'), require('@firestitch/menu'), require('rxjs/operators'), require('rxjs'), require('date-fns'), require('@firestitch/message'), require('@firestitch/build'), require('@angular/flex-layout/flex'), require('@angular/flex-layout/extended'), require('@firestitch/filter'), require('@angular/material/tabs'), require('@firestitch/selection'), require('ngx-clipboard'), require('@firestitch/prompt'), require('@angular/material/core')) :
-    typeof define === 'function' && define.amd ? define('@firestitch/system', ['exports', '@angular/core', 'snakecase-keys', 'camelcase-keys', 'lodash-es', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/expansion', '@angular/material/input', '@angular/material/select', '@angular/material/dialog', '@angular/material/tooltip', '@angular/material/icon', '@angular/flex-layout', '@angular/material/button', '@firestitch/date', '@firestitch/datepicker', '@firestitch/skeleton', '@firestitch/list', '@firestitch/file-manager', '@firestitch/dialog', '@firestitch/label', '@firestitch/file', '@firestitch/menu', 'rxjs/operators', 'rxjs', 'date-fns', '@firestitch/message', '@firestitch/build', '@angular/flex-layout/flex', '@angular/flex-layout/extended', '@firestitch/filter', '@angular/material/tabs', '@firestitch/selection', 'ngx-clipboard', '@firestitch/prompt', '@angular/material/core'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.system = {}), global.ng.core, global._snakecaseKeys, global._camelcaseKeys, global.lodashEs, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.expansion, global.ng.material.input, global.ng.material.select, global.ng.material.dialog, global.ng.material.tooltip, global.ng.material.icon, global.ng.flexLayout, global.ng.material.button, global.i5$2, global.i11$1, global.i5$1, global.i4$1, global.i1$2, global.i2$1, global.i2, global.i12$1, global.i5, global.rxjs.operators, global.rxjs, global.dateFns, global.i1, global.i3, global.ng.flexLayout.flex, global.ng.flexLayout.extended, global.filter, global.ng.material.tabs, global.selection, global.i3$2, global.i4$2, global.ng.material.core));
-})(this, (function (exports, i0, _snakecaseKeys, _camelcaseKeys, lodashEs, i7$1, i16, i8, i5$3, i15, i9, i1$1, i12, i7, flexLayout, i4, i5$2, i11$1, i5$1, i4$1, i1$2, i2$1, i2, i12$1, i5, operators, rxjs, dateFns, i1, i3, i6, i11, filter, i3$1, selection, i3$2, i4$2, i10) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/expansion'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/dialog'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@angular/flex-layout'), require('@angular/material/button'), require('@firestitch/date'), require('@firestitch/datepicker'), require('@firestitch/skeleton'), require('@firestitch/list'), require('@firestitch/file-manager'), require('@firestitch/dialog'), require('@firestitch/label'), require('@firestitch/file'), require('@firestitch/menu'), require('rxjs/operators'), require('rxjs'), require('date-fns'), require('@firestitch/message'), require('@firestitch/build'), require('@angular/flex-layout/flex'), require('@angular/flex-layout/extended'), require('@firestitch/filter'), require('@angular/material/tabs'), require('@firestitch/selection'), require('lodash-es'), require('ngx-clipboard'), require('@firestitch/prompt'), require('@angular/material/core')) :
+    typeof define === 'function' && define.amd ? define('@firestitch/system', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/expansion', '@angular/material/input', '@angular/material/select', '@angular/material/dialog', '@angular/material/tooltip', '@angular/material/icon', '@angular/flex-layout', '@angular/material/button', '@firestitch/date', '@firestitch/datepicker', '@firestitch/skeleton', '@firestitch/list', '@firestitch/file-manager', '@firestitch/dialog', '@firestitch/label', '@firestitch/file', '@firestitch/menu', 'rxjs/operators', 'rxjs', 'date-fns', '@firestitch/message', '@firestitch/build', '@angular/flex-layout/flex', '@angular/flex-layout/extended', '@firestitch/filter', '@angular/material/tabs', '@firestitch/selection', 'lodash-es', 'ngx-clipboard', '@firestitch/prompt', '@angular/material/core'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.system = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.expansion, global.ng.material.input, global.ng.material.select, global.ng.material.dialog, global.ng.material.tooltip, global.ng.material.icon, global.ng.flexLayout, global.ng.material.button, global.i4$2, global.i10$1, global.i5, global.i3$1, global.i1$2, global.i2$2, global.i2$1, global.i11$1, global.i4$1, global.rxjs.operators, global.rxjs, global.dateFns, global.i1, global.i2, global.ng.flexLayout.flex, global.ng.flexLayout.extended, global.filter, global.ng.material.tabs, global.selection, global.lodashEs, global.i2$3, global.i3$2, global.ng.material.core));
+})(this, (function (exports, i0, i9, i15, i7, i4$3, i14, i8, i1$1, i11, i6, flexLayout, i4, i4$2, i10$1, i5, i3$1, i1$2, i2$2, i2$1, i11$1, i4$1, operators, rxjs, dateFns, i1, i2, i6$1, i10, filter, i3, selection, lodashEs, i2$3, i3$2, i9$1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -23,84 +23,40 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var _snakecaseKeys__namespace = /*#__PURE__*/_interopNamespace(_snakecaseKeys);
-    var _camelcaseKeys__namespace = /*#__PURE__*/_interopNamespace(_camelcaseKeys);
-    var i7__namespace$1 = /*#__PURE__*/_interopNamespace(i7$1);
-    var i16__namespace = /*#__PURE__*/_interopNamespace(i16);
-    var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
-    var i5__namespace$3 = /*#__PURE__*/_interopNamespace(i5$3);
-    var i15__namespace = /*#__PURE__*/_interopNamespace(i15);
     var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i12__namespace = /*#__PURE__*/_interopNamespace(i12);
+    var i15__namespace = /*#__PURE__*/_interopNamespace(i15);
     var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
+    var i4__namespace$3 = /*#__PURE__*/_interopNamespace(i4$3);
+    var i14__namespace = /*#__PURE__*/_interopNamespace(i14);
+    var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+    var i11__namespace = /*#__PURE__*/_interopNamespace(i11);
+    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i5__namespace$2 = /*#__PURE__*/_interopNamespace(i5$2);
-    var i11__namespace$1 = /*#__PURE__*/_interopNamespace(i11$1);
-    var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
-    var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
+    var i4__namespace$2 = /*#__PURE__*/_interopNamespace(i4$2);
+    var i10__namespace$1 = /*#__PURE__*/_interopNamespace(i10$1);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
     var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
+    var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
     var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i12__namespace$1 = /*#__PURE__*/_interopNamespace(i12$1);
-    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i11__namespace$1 = /*#__PURE__*/_interopNamespace(i11$1);
+    var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
+    var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-    var i11__namespace = /*#__PURE__*/_interopNamespace(i11);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
+    var i2__namespace$3 = /*#__PURE__*/_interopNamespace(i2$3);
     var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
-    var i4__namespace$2 = /*#__PURE__*/_interopNamespace(i4$2);
-    var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
+    var i9__namespace$1 = /*#__PURE__*/_interopNamespace(i9$1);
 
     var FS_SYSTEM_CONFIG = new i0.InjectionToken('fs-system-config');
 
-    var snakecaseKeys = _snakecaseKeys__namespace;
-    var camelcaseKeys = _camelcaseKeys__namespace;
-    var SystemService = /** @class */ (function () {
-        function SystemService(_config) {
-            this._config = _config;
-        }
-        SystemService.prototype.input = function (data) {
-            var _this = this;
-            if (lodashEs.isArray(data)) {
-                return data.map(function (item) {
-                    return _this._config.case === 'snake' ? camelcaseKeys(item, { deep: true }) : item;
-                });
-            }
-            else {
-                return this._config.case === 'snake' ? camelcaseKeys(data, { deep: true }) : data;
-            }
-        };
-        SystemService.prototype.output = function (data) {
-            var _this = this;
-            if (lodashEs.isArray(data)) {
-                return data.map(function (item) {
-                    return _this._config.case === 'snake' ? snakecaseKeys(item, { deep: true }) : item;
-                });
-            }
-            else {
-                return this._config.case === 'snake' ? snakecaseKeys(data, { deep: true }) : data;
-            }
-        };
-        return SystemService;
-    }());
-    SystemService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SystemService, deps: [{ token: FS_SYSTEM_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SystemService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SystemService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SystemService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [FS_SYSTEM_CONFIG]
-                        }] }];
-        } });
-
     var DashboardComponent = /** @class */ (function () {
-        function DashboardComponent(_message, _cdRef, _systemService, _buildService) {
+        function DashboardComponent(_message, _cdRef, _buildService) {
             this._message = _message;
             this._cdRef = _cdRef;
-            this._systemService = _systemService;
             this._buildService = _buildService;
             this.buttonActions = [];
             this.menuActions = [];
@@ -124,7 +80,7 @@
             var _this = this;
             this.load()
                 .subscribe(function (dashboard) {
-                _this.dashboard = _this._systemService.input(dashboard);
+                _this.dashboard = dashboard;
                 _this.dashboard.cronRanAttention = !dashboard.cronRan ||
                     dateFns.differenceInMinutes(new Date(), new Date(dashboard.cronRan)) > 15;
                 _this._cdRef.markForCheck();
@@ -154,8 +110,8 @@
         };
         return DashboardComponent;
     }());
-    DashboardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DashboardComponent, deps: [{ token: i1__namespace.FsMessage }, { token: i0__namespace.ChangeDetectorRef }, { token: SystemService }, { token: i3__namespace.FsBuildService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    DashboardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DashboardComponent, selector: "fs-system-dashboard", inputs: { init: "init", upgrade: "upgrade", load: "load", actions: "actions" }, ngImport: i0__namespace, template: "<div *fsSkeleton=\"dashboard\">\n\n  <div class=\"h2-container\">\n\n    <div class=\"actions\">\n        <h2>Actions</h2>\n        <div fxLayout=\"row\" fxLayoutGap=\"5px\" fxLayout.xs=\"column\">\n          <button mat-raised-button (click)=\"upgradeClick()\">Run Upgrades</button>\n          <button mat-raised-button (click)=\"initClick()\">Init System</button>\n\n          <button\n            *ngFor=\"let action of buttonActions\"\n            mat-raised-button\n            (click)=\"actionClick(action)\">\n            {{action.label}}\n          </button>\n\n          <ng-container *ngIf=\"menuActions.length\">\n\n            <fs-menu buttonClass=\"mat-raised-button menu-button\">\n              <ng-template\n                *ngFor=\"let action of menuActions\"\n                fs-menu-item\n                (click)=\"actionClick(action)\">\n                {{action.label}}\n              </ng-template>\n            </fs-menu>\n\n\n          </ng-container>\n\n        </div>\n      </div>\n    </div>\n\n    <div\n      fxLayout=\"row wrap\"\n      fxLayout.xs=\"column\"\n      fxLayoutGap.xs=\"0px\"\n      fxLayoutAlign=\"start start\"\n      fxLayoutGap=\"50px\">\n\n      <div>\n        <h2>Server</h2>\n\n        <fs-label-field>\n          <fs-label>Date/Time</fs-label>\n          {{dashboard.serverTime | fsDateFormat: 'date-time'}}\n        </fs-label-field>\n\n        <fs-label-field>\n          <fs-label>Timezone</fs-label>\n          {{dashboard.serverTimezone}}\n        </fs-label-field>\n\n        <fs-label-field>\n          <fs-label>Hostname</fs-label>\n          {{dashboard.serverHostname}}\n        </fs-label-field>\n\n        <fs-label-field>\n          <fs-label>Directory</fs-label>\n          {{dashboard.appDirectory}}\n        </fs-label-field>\n      </div>\n\n      <div>\n        <h2>System</h2>\n        <fs-label-field>\n          <fs-label>Mode</fs-label>\n          {{dashboard.appMode}}\n        </fs-label-field>\n\n        <fs-label-field>\n          <fs-label>Notification Recipients</fs-label>\n          {{dashboard.notifyRecipients.join(', ')}}\n        </fs-label-field>\n      </div>\n\n      <div>\n        <h2>Database</h2>\n\n        <fs-label-field>\n          <fs-label>Name</fs-label>\n          {{dashboard.databaseName}}\n        </fs-label-field>\n\n        <fs-label-field>\n          <fs-label>Date/Time</fs-label>\n          {{dashboard.databaseTime | fsDateFormat: 'date-time'}}\n        </fs-label-field>\n\n        <fs-label-field>\n          <fs-label>Timezone</fs-label>\n          {{dashboard.databaseTimezone}}\n        </fs-label-field>\n      </div>\n\n      <div *ngIf=\"build || dashboard.upgrades.length\">\n        <h2>Build</h2>\n\n        <ng-container *ngIf=\"build\">\n          <fs-label-field>\n            <fs-label>Version</fs-label>\n            {{build.version}}\n          </fs-label-field>\n\n          <fs-label-field>\n            <fs-label>Date</fs-label>\n            {{ build.date | fsDateFormat: 'date-time' }}\n          </fs-label-field>\n        </ng-container>\n\n        <fs-label-field *ngIf=\"dashboard.upgrades.length\">\n          <fs-label>Pending Upgrades</fs-label>\n          <span class=\"attention\" [ngClass]=\"{ 'needs-attention': !!dashboard.upgrades.length }\">\n            {{dashboard.upgrades.length}}\n            <mat-icon\n                [matTooltip]=\"dashboard.upgrades.join('\\n')\"\n                matTooltipClass=\"tooltip-pending-upgrades\"\n                >\n              warning\n            </mat-icon>\n          </span>\n        </fs-label-field>\n      </div>\n\n      <div>\n        <h2>Cron</h2>\n\n        <fs-label-field>\n          <fs-label>Last Ran</fs-label>\n          <span class=\"attention\" [ngClass]=\"{ 'needs-attention': dashboard.cronRanAttention }\">\n            <span *ngIf=\"!dashboard.cronRan\">Never</span>\n            <span *ngIf=\"dashboard.cronRan\">{{dashboard.cronRan | fsDateFormat: 'date-time'}}</span>\n            <mat-icon>warning</mat-icon>\n          </span>\n        </fs-label-field>\n      </div>\n  </div>\n</div>\n", styles: [".actions{margin-bottom:1.25em}table td{padding:3px}.attention{display:flex;align-items:center}.attention mat-icon{display:none;margin-left:2px}.attention.needs-attention{color:#c00}.attention.needs-attention mat-icon{display:inline}::ng-deep .tooltip-pending-upgrades{white-space:pre-line}@media (max-width: 600px){:host ::ng-deep .menu-button{width:100%;border-radius:4px}}@media (min-width: 600px){:host ::ng-deep .menu-button{box-shadow:none}}\n"], components: [{ type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5__namespace.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass"], outputs: ["opened", "closed"] }, { type: i2__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace.FsLabelComponent, selector: "fs-label" }, { type: i7__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5__namespace$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i6__namespace.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6__namespace.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]", inputs: ["fsClass", "class", "id", "label", "hidden", "groupHidden", "dismissAfterClick", "link", "target", "queryParams"], outputs: ["click"] }, { type: i6__namespace.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11__namespace.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i12__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "fsDateFormat": i5__namespace$2.FsDateFormatPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    DashboardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DashboardComponent, deps: [{ token: i1__namespace.FsMessage }, { token: i0__namespace.ChangeDetectorRef }, { token: i2__namespace.FsBuildService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DashboardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DashboardComponent, selector: "fs-system-dashboard", inputs: { init: "init", upgrade: "upgrade", load: "load", actions: "actions" }, ngImport: i0__namespace, template: "<div *fsSkeleton=\"dashboard\">\n\n  <div class=\"h2-container\">\n\n    <div class=\"actions\">\n        <h2>Actions</h2>\n        <div fxLayout=\"row\" fxLayoutGap=\"5px\" fxLayout.xs=\"column\">\n          <button mat-raised-button (click)=\"upgradeClick()\">Run Upgrades</button>\n          <button mat-raised-button (click)=\"initClick()\">Init System</button>\n\n          <button\n            *ngFor=\"let action of buttonActions\"\n            mat-raised-button\n            (click)=\"actionClick(action)\">\n            {{action.label}}\n          </button>\n\n          <ng-container *ngIf=\"menuActions.length\">\n\n            <fs-menu buttonClass=\"mat-raised-button menu-button\">\n              <ng-template\n                *ngFor=\"let action of menuActions\"\n                fs-menu-item\n                (click)=\"actionClick(action)\">\n                {{action.label}}\n              </ng-template>\n            </fs-menu>\n\n\n          </ng-container>\n\n        </div>\n      </div>\n    </div>\n\n    <div\n      fxLayout=\"row wrap\"\n      fxLayout.xs=\"column\"\n      fxLayoutGap.xs=\"0px\"\n      fxLayoutAlign=\"start start\"\n      fxLayoutGap=\"50px\">\n\n      <div>\n        <h2>Server</h2>\n\n        <fs-label-field>\n          <fs-label>Date/Time</fs-label>\n          {{dashboard.serverTime | fsDateFormat: 'date-time'}}\n        </fs-label-field>\n\n        <fs-label-field>\n          <fs-label>Timezone</fs-label>\n          {{dashboard.serverTimezone}}\n        </fs-label-field>\n\n        <fs-label-field>\n          <fs-label>Hostname</fs-label>\n          {{dashboard.serverHostname}}\n        </fs-label-field>\n\n        <fs-label-field>\n          <fs-label>Directory</fs-label>\n          {{dashboard.appDirectory}}\n        </fs-label-field>\n      </div>\n\n      <div>\n        <h2>System</h2>\n        <fs-label-field>\n          <fs-label>Mode</fs-label>\n          {{dashboard.appMode}}\n        </fs-label-field>\n\n        <fs-label-field>\n          <fs-label>Notification Recipients</fs-label>\n          {{dashboard.notifyRecipients.join(', ')}}\n        </fs-label-field>\n      </div>\n\n      <div>\n        <h2>Database</h2>\n\n        <fs-label-field>\n          <fs-label>Name</fs-label>\n          {{dashboard.databaseName}}\n        </fs-label-field>\n\n        <fs-label-field>\n          <fs-label>Date/Time</fs-label>\n          {{dashboard.databaseTime | fsDateFormat: 'date-time'}}\n        </fs-label-field>\n\n        <fs-label-field>\n          <fs-label>Timezone</fs-label>\n          {{dashboard.databaseTimezone}}\n        </fs-label-field>\n      </div>\n\n      <div *ngIf=\"build || dashboard.upgrades.length\">\n        <h2>Build</h2>\n\n        <ng-container *ngIf=\"build\">\n          <fs-label-field>\n            <fs-label>Version</fs-label>\n            {{build.version}}\n          </fs-label-field>\n\n          <fs-label-field>\n            <fs-label>Date</fs-label>\n            {{ build.date | fsDateFormat: 'date-time' }}\n          </fs-label-field>\n        </ng-container>\n\n        <fs-label-field *ngIf=\"dashboard.upgrades.length\">\n          <fs-label>Pending Upgrades</fs-label>\n          <span class=\"attention\" [ngClass]=\"{ 'needs-attention': !!dashboard.upgrades.length }\">\n            {{dashboard.upgrades.length}}\n            <mat-icon\n                [matTooltip]=\"dashboard.upgrades.join('\\n')\"\n                matTooltipClass=\"tooltip-pending-upgrades\"\n                >\n              warning\n            </mat-icon>\n          </span>\n        </fs-label-field>\n      </div>\n\n      <div>\n        <h2>Cron</h2>\n\n        <fs-label-field>\n          <fs-label>Last Ran</fs-label>\n          <span class=\"attention\" [ngClass]=\"{ 'needs-attention': dashboard.cronRanAttention }\">\n            <span *ngIf=\"!dashboard.cronRan\">Never</span>\n            <span *ngIf=\"dashboard.cronRan\">{{dashboard.cronRan | fsDateFormat: 'date-time'}}</span>\n            <mat-icon>warning</mat-icon>\n          </span>\n        </fs-label-field>\n      </div>\n  </div>\n</div>\n", styles: [".actions{margin-bottom:1.25em}table td{padding:3px}.attention{display:flex;align-items:center}.attention mat-icon{display:none;margin-left:2px}.attention.needs-attention{color:#c00}.attention.needs-attention mat-icon{display:inline}::ng-deep .tooltip-pending-upgrades{white-space:pre-line}@media (max-width: 600px){:host ::ng-deep .menu-button{width:100%;border-radius:4px}}@media (min-width: 600px){:host ::ng-deep .menu-button{box-shadow:none}}\n"], components: [{ type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4__namespace$1.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass"], outputs: ["opened", "closed"] }, { type: i2__namespace$1.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace$1.FsLabelComponent, selector: "fs-label" }, { type: i6__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5__namespace.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i6__namespace$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6__namespace$1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]", inputs: ["fsClass", "class", "id", "label", "hidden", "groupHidden", "dismissAfterClick", "link", "target", "queryParams"], outputs: ["click"] }, { type: i6__namespace$1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i11__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "fsDateFormat": i4__namespace$2.FsDateFormatPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DashboardComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -164,7 +120,7 @@
                         styleUrls: ['dashboard.component.scss'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.FsMessage }, { type: i0__namespace.ChangeDetectorRef }, { type: SystemService }, { type: i3__namespace.FsBuildService }]; }, propDecorators: { init: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace.FsMessage }, { type: i0__namespace.ChangeDetectorRef }, { type: i2__namespace.FsBuildService }]; }, propDecorators: { init: [{
                     type: i0.Input
                 }], upgrade: [{
                     type: i0.Input
@@ -514,12 +470,14 @@
         SettingInterfaceType["RadioButton"] = "R";
         SettingInterfaceType["InputBox"] = "I";
         SettingInterfaceType["Textarea"] = "T";
-        SettingInterfaceType["DropDown"] = "D";
+        SettingInterfaceType["Select"] = "D";
+        SettingInterfaceType["SelectMultiple"] = "W";
         SettingInterfaceType["Date"] = "A";
         SettingInterfaceType["File"] = "F";
         SettingInterfaceType["Static"] = "S";
         SettingInterfaceType["Password"] = "P";
         SettingInterfaceType["Time"] = "M";
+        SettingInterfaceType["None"] = "N";
     })(SettingInterfaceType || (SettingInterfaceType = {}));
 
     exports.ApiLogState = void 0;
@@ -608,7 +566,7 @@
         return CronLogComponent;
     }());
     CronLogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CronLogComponent, deps: [{ token: i1$1.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    CronLogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CronLogComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog *fsSkeleton=\"cronLog\">\n  <div mat-dialog-title>Cron Log</div>\n  <mat-dialog-content>\n    <div class=\"row\">\n      <fs-label-field>\n        <fs-label>\n          Status\n        </fs-label>\n        <div [ngStyle]=\"{ color: CronLogStateColors[cronLog.state]}\">\n          {{CronLogStates[cronLog.state] || cronLog.state}}\n        </div>\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        <fs-date-ago [date]=\"cronLog.createDate\"></fs-date-ago>\n      </fs-label-field>\n    </div>\n  \n    <fs-label-field *ngIf=\"cronLog.message\">\n      <fs-label>\n        Message\n      </fs-label>\n      <div class=\"message\">\n        {{cronLog.message}}\n      </div>\n    </fs-label-field>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [".message{white-space:pre-line}.row{display:flex;flex-wrap:wrap}.row fs-label-field:not(:last-child){margin-right:40px}\n"], components: [{ type: i2__namespace$1.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i2__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace.FsLabelComponent, selector: "fs-label" }, { type: i5__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5__namespace$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i7__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i11__namespace.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }] });
+    CronLogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CronLogComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog *fsSkeleton=\"cronLog\">\n  <div mat-dialog-title>Cron Log</div>\n  <mat-dialog-content>\n    <div class=\"row\">\n      <fs-label-field>\n        <fs-label>\n          Status\n        </fs-label>\n        <div [ngStyle]=\"{ color: CronLogStateColors[cronLog.state]}\">\n          {{CronLogStates[cronLog.state] || cronLog.state}}\n        </div>\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        <fs-date-ago [date]=\"cronLog.createDate\"></fs-date-ago>\n      </fs-label-field>\n    </div>\n  \n    <fs-label-field *ngIf=\"cronLog.message\">\n      <fs-label>\n        Message\n      </fs-label>\n      <div class=\"message\">\n        {{cronLog.message}}\n      </div>\n    </fs-label-field>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [".message{white-space:pre-line}.row{display:flex;flex-wrap:wrap}.row fs-label-field:not(:last-child){margin-right:40px}\n"], components: [{ type: i2__namespace$2.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i2__namespace$1.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace$1.FsLabelComponent, selector: "fs-label" }, { type: i4__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5__namespace.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i9__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i10__namespace.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CronLogComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -696,7 +654,7 @@
         return CronComponent;
     }());
     CronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CronComponent, deps: [{ token: i1$1.MAT_DIALOG_DATA }, { token: i1__namespace$1.MatDialog }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    CronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CronComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog *fsSkeleton=\"cron\">\n  <h1 mat-dialog-title>\n    Cron\n    <div class=\"small\">{{cron.name}}</div>\n  </h1>\n  <mat-dialog-content>\n    <mat-tab-group (selectedIndexChange)=\"selectedIndexChange($event)\">\n      <mat-tab label=\"Overview\">\n        <div class=\"row\">\n          <fs-label-field>\n            <fs-label>\n              Status\n            </fs-label>\n            {{CronStates[cron.state]}}\n          </fs-label-field>\n\n          <fs-label-field *ngIf=\"cron.cronSetting\">\n            <fs-label>\n              Run Frequency\n            </fs-label>\n            {{cron.cronSetting.summary}}\n          </fs-label-field>\n\n          <fs-label-field>\n            <fs-label>\n              Last Ran\n            </fs-label>\n            <ng-container *ngIf=\"cron.duration===null; else lastRan\">\n              Never\n            </ng-container>\n            <ng-template #lastRan>\n              <fs-date-ago [date]=\"cron.createDate\"></fs-date-ago>\n              <div><small *ngIf=\"cron.duration\">Duration: {{ cron.duration | fsDateDuration }}</small></div>\n            </ng-template>\n          </fs-label-field>\n        </div>\n\n        <fs-label-field *ngIf=\"cron.message\">\n          <fs-label>\n            Last Message\n          </fs-label>\n          <div class=\"message\">{{cron.message}}</div>\n        </fs-label-field>\n      </mat-tab>\n      <mat-tab label=\"Logs\" *ngIf=\"config\">\n        <ng-template matTabContent>\n          <fs-list [config]=\"config\">\n            <fs-list-column name=\"state\" title=\"Status\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <a \n                    (click)=\"cronLogOpen(row)\"\n                    [ngStyle]=\"{ color: CronLogStateColors[row.state] }\">\n                  {{CronLogStates[row.state] || row.state}}\n                </a>\n              </ng-template>\n            </fs-list-column>\n            \n            <fs-list-column title=\"Message\" class=\"col-message\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <div class=\"message\">{{row.message}}</div>\n              </ng-template>\n            </fs-list-column>\n\n            <fs-list-column name=\"create_date\" title=\"Date\" class=\"col-date\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n              </ng-template>\n            </fs-list-column>\n          </fs-list> \n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n\n  </mat-dialog-content>\n  <mat-dialog-actions>   \n    <button \n        mat-button \n        [mat-dialog-close]=\"true\" \n        color=\"primary\">\n      Done\n    </button>\n    <ng-container *ngIf=\"tabIndex === 0\">\n      <button   \n          *ngFor=\"let cronAction of cronActions\"\n          mat-button \n          (click)=\"cronActionClick(cronAction)\">\n        {{cronAction.label}}\n      </button>  \n    </ng-container>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [":host ::ng-deep .col-message .message{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}:host ::ng-deep .col-date{white-space:nowrap}h1 .small{line-height:normal}.row{display:flex;flex-wrap:wrap}.row fs-label-field:not(:last-child){margin-right:40px}.message{white-space:pre-line}\n"], components: [{ type: i2__namespace$1.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i3__namespace$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i3__namespace$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i2__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace.FsLabelComponent, selector: "fs-label" }, { type: i5__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { type: i4__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5__namespace$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$1.MatTabContent, selector: "[matTabContent]" }, { type: i4__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["title", "name", "show", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i4__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i7__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i11__namespace.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fsDateDuration": i5__namespace$2.FsDateDurationPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    CronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CronComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog *fsSkeleton=\"cron\">\n  <h1 mat-dialog-title>\n    Cron\n    <div class=\"small\">{{cron.name}}</div>\n  </h1>\n  <mat-dialog-content>\n    <mat-tab-group (selectedIndexChange)=\"selectedIndexChange($event)\">\n      <mat-tab label=\"Overview\">\n        <div class=\"row\">\n          <fs-label-field>\n            <fs-label>\n              Status\n            </fs-label>\n            {{CronStates[cron.state]}}\n          </fs-label-field>\n\n          <fs-label-field *ngIf=\"cron.cronSetting\">\n            <fs-label>\n              Run Frequency\n            </fs-label>\n            {{cron.cronSetting.summary}}\n          </fs-label-field>\n\n          <fs-label-field>\n            <fs-label>\n              Last Ran\n            </fs-label>\n            <ng-container *ngIf=\"cron.duration===null; else lastRan\">\n              Never\n            </ng-container>\n            <ng-template #lastRan>\n              <fs-date-ago [date]=\"cron.createDate\"></fs-date-ago>\n              <div><small *ngIf=\"cron.duration\">Duration: {{ cron.duration | fsDateDuration }}</small></div>\n            </ng-template>\n          </fs-label-field>\n        </div>\n\n        <fs-label-field *ngIf=\"cron.message\">\n          <fs-label>\n            Last Message\n          </fs-label>\n          <div class=\"message\">{{cron.message}}</div>\n        </fs-label-field>\n      </mat-tab>\n      <mat-tab label=\"Logs\" *ngIf=\"config\">\n        <ng-template matTabContent>\n          <fs-list [config]=\"config\">\n            <fs-list-column name=\"state\" title=\"Status\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <a \n                    (click)=\"cronLogOpen(row)\"\n                    [ngStyle]=\"{ color: CronLogStateColors[row.state] }\">\n                  {{CronLogStates[row.state] || row.state}}\n                </a>\n              </ng-template>\n            </fs-list-column>\n            \n            <fs-list-column title=\"Message\" class=\"col-message\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <div class=\"message\">{{row.message}}</div>\n              </ng-template>\n            </fs-list-column>\n\n            <fs-list-column name=\"create_date\" title=\"Date\" class=\"col-date\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n              </ng-template>\n            </fs-list-column>\n          </fs-list> \n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n\n  </mat-dialog-content>\n  <mat-dialog-actions>   \n    <button \n        mat-button \n        [mat-dialog-close]=\"true\" \n        color=\"primary\">\n      Done\n    </button>\n    <ng-container *ngIf=\"tabIndex === 0\">\n      <button   \n          *ngFor=\"let cronAction of cronActions\"\n          mat-button \n          (click)=\"cronActionClick(cronAction)\">\n        {{cronAction.label}}\n      </button>  \n    </ng-container>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [":host ::ng-deep .col-message .message{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}:host ::ng-deep .col-date{white-space:nowrap}h1 .small{line-height:normal}.row{display:flex;flex-wrap:wrap}.row fs-label-field:not(:last-child){margin-right:40px}.message{white-space:pre-line}\n"], components: [{ type: i2__namespace$2.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i3__namespace.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i3__namespace.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i2__namespace$1.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace$1.FsLabelComponent, selector: "fs-label" }, { type: i4__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { type: i3__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5__namespace.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.MatTabContent, selector: "[matTabContent]" }, { type: i3__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["title", "name", "show", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i3__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i9__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i10__namespace.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fsDateDuration": i4__namespace$2.FsDateDurationPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CronComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -712,9 +670,8 @@
         } });
 
     var CronsComponent = /** @class */ (function () {
-        function CronsComponent(_message, _systemService, _dialog) {
+        function CronsComponent(_message, _dialog) {
             this._message = _message;
-            this._systemService = _systemService;
             this._dialog = _dialog;
             this.config = null;
             this.cronStates = indexNameValue(CronStates);
@@ -743,7 +700,7 @@
                 fetch: function (query) {
                     query.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
                     return _this.loadCrons(query)
-                        .pipe(operators.map(function (response) { return ({ data: _this._systemService.input(response) }); }));
+                        .pipe(operators.map(function (response) { return ({ data: response }); }));
                 },
             };
             if (this.bulk) {
@@ -787,7 +744,7 @@
             return [
                 {
                     action: function (data) {
-                        return _this.queue(_this._systemService.output(data))
+                        return _this.queue(data)
                             .pipe(operators.tap(function () {
                             _this._message.success('Queued cron');
                             _this.list.reload();
@@ -800,7 +757,7 @@
                 },
                 {
                     action: function (data) {
-                        return _this.run(_this._systemService.output(data))
+                        return _this.run(data)
                             .pipe(operators.tap(function () {
                             _this._message.success('Cron ran');
                             _this.list.reload();
@@ -813,7 +770,7 @@
                 },
                 {
                     action: function (data) {
-                        return _this.enable(_this._systemService.output(data))
+                        return _this.enable(data)
                             .pipe(operators.tap(function () {
                             _this._message.success('Enabled cron');
                             _this.list.reload();
@@ -826,7 +783,7 @@
                 },
                 {
                     action: function (data) {
-                        return _this.disable(_this._systemService.output(data))
+                        return _this.disable(data)
                             .pipe(operators.tap(function () {
                             _this._message.success('Disabled cron');
                             _this.list.reload();
@@ -839,7 +796,7 @@
                 },
                 {
                     action: function (data) {
-                        return _this.kill(_this._systemService.output(data))
+                        return _this.kill(data)
                             .pipe(operators.tap(function () {
                             _this._message.success('Killed cron');
                             _this.list.reload();
@@ -854,8 +811,8 @@
         };
         return CronsComponent;
     }());
-    CronsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CronsComponent, deps: [{ token: i1__namespace.FsMessage }, { token: SystemService }, { token: i1__namespace$1.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    CronsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CronsComponent, selector: "fs-system-crons", inputs: { enable: "enable", disable: "disable", kill: "kill", queue: "queue", run: "run", loadCrons: "loadCrons", loadCron: "loadCron", loadCronLogs: "loadCronLogs", bulk: "bulk" }, viewQueries: [{ propertyName: "list", first: true, predicate: i4$1.FsListComponent, descendants: true, static: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"config\">\n  <fs-list-column>\n    <ng-template fs-list-header>Name</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.name}}</a>\n      <div *ngIf=\"row.cronSetting\">\n        <small>{{row.cronSetting.summary}}</small>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column>\n    <ng-template fs-list-header>Status</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{cronStates[row.state]}}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column>\n    <ng-template fs-list-header>Last Ran</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.duration===null; else lastRan\">\n        Never\n      </ng-container>\n      <ng-template #lastRan>\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n        <div><small *ngIf=\"row.duration\">Duration: {{ row.duration | fsDateDuration }}</small></div>\n      </ng-template>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""], components: [{ type: i4__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i5__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i4__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["title", "name", "show", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i4__namespace$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i4__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsDateDuration": i5__namespace$2.FsDateDurationPipe } });
+    CronsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CronsComponent, deps: [{ token: i1__namespace.FsMessage }, { token: i1__namespace$1.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    CronsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CronsComponent, selector: "fs-system-crons", inputs: { enable: "enable", disable: "disable", kill: "kill", queue: "queue", run: "run", loadCrons: "loadCrons", loadCron: "loadCron", loadCronLogs: "loadCronLogs", bulk: "bulk" }, viewQueries: [{ propertyName: "list", first: true, predicate: i3$1.FsListComponent, descendants: true, static: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"config\">\n  <fs-list-column>\n    <ng-template fs-list-header>Name</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.name}}</a>\n      <div *ngIf=\"row.cronSetting\">\n        <small>{{row.cronSetting.summary}}</small>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column>\n    <ng-template fs-list-header>Status</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{cronStates[row.state]}}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column>\n    <ng-template fs-list-header>Last Ran</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.duration===null; else lastRan\">\n        Never\n      </ng-container>\n      <ng-template #lastRan>\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n        <div><small *ngIf=\"row.duration\">Duration: {{ row.duration | fsDateDuration }}</small></div>\n      </ng-template>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""], components: [{ type: i3__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i4__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i3__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["title", "name", "show", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i3__namespace$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i3__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsDateDuration": i4__namespace$2.FsDateDurationPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CronsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -863,9 +820,9 @@
                         templateUrl: './crons.component.html',
                         styleUrls: ['./crons.component.scss'],
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.FsMessage }, { type: SystemService }, { type: i1__namespace$1.MatDialog }]; }, propDecorators: { list: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace.FsMessage }, { type: i1__namespace$1.MatDialog }]; }, propDecorators: { list: [{
                     type: i0.ViewChild,
-                    args: [i4$1.FsListComponent, { static: true }]
+                    args: [i3$1.FsListComponent, { static: true }]
                 }], enable: [{
                     type: i0.Input
                 }], disable: [{
@@ -909,9 +866,8 @@
             }] });
 
     var SettingsComponent = /** @class */ (function () {
-        function SettingsComponent(_message, _systemService, _clipboardService, _prompt, _cdRef) {
+        function SettingsComponent(_message, _clipboardService, _prompt, _cdRef) {
             this._message = _message;
-            this._systemService = _systemService;
             this._clipboardService = _clipboardService;
             this._prompt = _prompt;
             this._cdRef = _cdRef;
@@ -925,12 +881,17 @@
             var _this = this;
             this.loadSettings()
                 .subscribe(function (settings) {
-                settings = _this._systemService.input(settings);
-                settings = settings.map(function (setting) {
+                settings = settings
+                    .filter(function (setting) {
+                    return setting.interfaceType !== SettingInterfaceType.None;
+                })
+                    .map(function (setting) {
                     switch (setting.interfaceType) {
                         case SettingInterfaceType.Date:
                         case SettingInterfaceType.Time:
-                            setting.value = i5$2.parse(setting.value);
+                            setting.value = i4$2.parse(setting.value);
+                        case SettingInterfaceType.SelectMultiple:
+                            setting.value = Array.isArray(setting.value) ? setting.value : [];
                             break;
                     }
                     return setting;
@@ -996,8 +957,8 @@
         };
         return SettingsComponent;
     }());
-    SettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SettingsComponent, deps: [{ token: i1__namespace.FsMessage }, { token: SystemService }, { token: i3__namespace$2.ClipboardService }, { token: i4__namespace$2.FsPrompt }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SettingsComponent, selector: "fs-system-settings", inputs: { loadSettings: "loadSettings", save: "save" }, outputs: { fileRemove: "fileRemove", fileSelect: "fileSelect" }, ngImport: i0__namespace, template: "\n<mat-accordion>\n  <mat-expansion-panel hideToggle *ngFor=\"let group of groups\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <div class=\"title-row\">\n          <div class=\"title\">{{group || 'General'}}</div>\n          <div class=\"actions\">\n            <button\n              type=\"button\"\n              [matTooltip]=\"'Export ' + (group || 'General') + ' Settings'\"\n              mat-icon-button\n              (click)=\"export($event, groupedSettings[group])\">\n              <mat-icon>cloud_download</mat-icon>\n            </button>\n            <button\n              type=\"button\"\n              [matTooltip]=\"'Import ' + (group || 'General') + ' Settings'\"\n              mat-icon-button\n              (click)=\"import($event, group)\">\n              <mat-icon>cloud_upload</mat-icon>\n            </button>\n          </div>\n        </div>\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div hideToggle *ngFor=\"let setting of groupedSettings[group]\">\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.InputBox\">\n        <input\n          matInput\n          [placeholder]=\"setting.label\"\n          [(ngModel)]=\"setting.value\"\n          [name]=\"'setting_' + setting.id\">\n          <mat-hint>{{setting.instruction}}</mat-hint>\n      </mat-form-field>\n\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Textarea\">\n        <textarea\n          matInput\n          [placeholder]=\"setting.label\"\n          [(ngModel)]=\"setting.value\"\n          [name]=\"'setting_' + setting.id\">\n        </textarea>\n        <mat-hint>{{setting.instruction}}</mat-hint>\n      </mat-form-field>\n\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.DropDown\">\n        <mat-select\n           [placeholder]=\"setting.label\"\n          [(ngModel)]=\"setting.value\"\n          [name]=\"'setting_' + setting.id\">\n          <mat-option *ngFor=\"let item of setting.values | keyNameValue\" [value]=\"item.value\">\n            {{item.name}}\n          </mat-option>\n        </mat-select>\n        <mat-hint>{{setting.instruction}}</mat-hint>\n      </mat-form-field>\n\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Date\">\n        <input\n          matInput\n          fsDatePicker\n          [placeholder]=\"setting.label\"\n          [(ngModel)]=\"setting.value\"\n          [name]=\"'setting_' + setting.id\">\n          <mat-hint>{{setting.instruction}}</mat-hint>\n      </mat-form-field>\n\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Time\">\n        <input\n          matInput\n          fsTimePicker\n          [placeholder]=\"setting.label\"\n          [(ngModel)]=\"setting.value\"\n          [name]=\"'setting_' + setting.id\">\n          <mat-hint>{{setting.instruction}}</mat-hint>\n      </mat-form-field>\n\n      <fs-file-picker\n        *ngIf=\"setting.interfaceType===SettingInterfaceType.File\"\n        [allowRemove]=\"true\"\n        [allowDownload]=\"true\"\n        (select)=\"fileSelect.emit({ setting: setting, file: $event.file })\"\n        (remove)=\"fileRemove.emit(setting)\"\n        [url]=\"setting.value\">\n        <div fsFileLabel>{{setting.label}}</div>\n      </fs-file-picker>\n    </div>\n\n    <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"saveGroup(group)\">Save</button>\n\n  </mat-expansion-panel>\n\n</mat-accordion>\n", styles: [".mat-expansion-panel-header{font-size:19px}.full-width{width:100%}.title-row{flex-direction:row;box-sizing:border-box;display:flex;place-content:center flex-start;align-items:center;width:100%}.title-row .title{display:flex;flex:1}:host ::ng-deep .mat-expansion-panel-header-title{margin:0}:host ::ng-deep .mat-expansion-panel .actions{display:none}:host ::ng-deep .mat-expansion-panel.mat-expanded .actions{display:block}\n"], components: [{ type: i5__namespace$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i5__namespace$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i7__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i9__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i10__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i11__namespace$1.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes"], outputs: ["change"] }, { type: i11__namespace$1.FsTimePickerComponent, selector: "[fsTimePicker]", inputs: ["view"] }, { type: i12__namespace$1.FsFilePickerComponent, selector: "fs-file-picker", inputs: ["imageWidth", "imageHeight", "imageQuality", "showFilename", "url", "file", "accept", "disabled", "width", "height", "previewWidth", "previewHeight", "allowDownload", "allowReupload", "allowRemove"], outputs: ["select", "remove"] }], directives: [{ type: i5__namespace$3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i7__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i12__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i15__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i16__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: i16__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i16__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i8__namespace.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], pipes: { "keyNameValue": KeyNameValuePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    SettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SettingsComponent, deps: [{ token: i1__namespace.FsMessage }, { token: i2__namespace$3.ClipboardService }, { token: i3__namespace$2.FsPrompt }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SettingsComponent, selector: "fs-system-settings", inputs: { loadSettings: "loadSettings", save: "save" }, outputs: { fileRemove: "fileRemove", fileSelect: "fileSelect" }, ngImport: i0__namespace, template: "\n<mat-accordion>\n  <mat-expansion-panel hideToggle *ngFor=\"let group of groups\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <div class=\"title-row\">\n          <div class=\"title\">{{group || 'General'}}</div>\n          <div class=\"actions\">\n            <button\n              type=\"button\"\n              [matTooltip]=\"'Export ' + (group || 'General') + ' Settings'\"\n              mat-icon-button\n              (click)=\"export($event, groupedSettings[group])\">\n              <mat-icon>cloud_download</mat-icon>\n            </button>\n            <button\n              type=\"button\"\n              [matTooltip]=\"'Import ' + (group || 'General') + ' Settings'\"\n              mat-icon-button\n              (click)=\"import($event, group)\">\n              <mat-icon>cloud_upload</mat-icon>\n            </button>\n          </div>\n        </div>\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div hideToggle *ngFor=\"let setting of groupedSettings[group]\">\n      <mat-form-field \n          class=\"full-width form-field-multiline-subscript\"\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.InputBox\">\n        <input\n          matInput\n          [placeholder]=\"setting.label\"\n          [(ngModel)]=\"setting.value\"\n          [name]=\"'setting' + setting.id\">\n          <mat-hint>{{setting.instruction}}</mat-hint>\n      </mat-form-field>\n\n      <mat-form-field \n          class=\"full-width form-field-multiline-subscript\" \n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Textarea\">\n        <textarea\n          matInput\n          [placeholder]=\"setting.label\"\n          [(ngModel)]=\"setting.value\"\n          [name]=\"'setting' + setting.id\">\n        </textarea>\n        <mat-hint>{{setting.instruction}}</mat-hint>\n      </mat-form-field>\n\n      <mat-form-field \n          class=\"full-width form-field-multiline-subscript\" \n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Select || setting.interfaceType===SettingInterfaceType.SelectMultiple\">\n        <mat-select\n            [placeholder]=\"setting.label\"\n            [(ngModel)]=\"setting.value\"\n            [multiple]=\"setting.interfaceType===SettingInterfaceType.SelectMultiple\"\n            [name]=\"'setting' + setting.id\">\n          <mat-option *ngFor=\"let item of setting.values | keyNameValue\" [value]=\"item.value\">\n            {{item.name}}\n          </mat-option>\n        </mat-select>\n        <mat-hint>{{setting.instruction}}</mat-hint>\n      </mat-form-field>\n\n      <mat-form-field \n          class=\"full-width form-field-multiline-subscript\" \n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Date\">\n        <input\n          matInput\n          fsDatePicker\n          [placeholder]=\"setting.label\"\n          [(ngModel)]=\"setting.value\"\n          [name]=\"'setting' + setting.id\">\n          <mat-hint>{{setting.instruction}}</mat-hint>\n      </mat-form-field>\n\n      <mat-form-field \n          class=\"full-width form-field-multiline-subscript\" \n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Time\">\n        <input\n          matInput\n          fsTimePicker\n          [placeholder]=\"setting.label\"\n          [(ngModel)]=\"setting.value\"\n          [name]=\"'setting' + setting.id\">\n          <mat-hint>{{setting.instruction}}</mat-hint>\n      </mat-form-field>\n\n      <fs-file-picker\n        *ngIf=\"setting.interfaceType===SettingInterfaceType.File\"\n        [allowRemove]=\"true\"\n        [allowDownload]=\"true\"\n        (select)=\"fileSelect.emit({ setting: setting, file: $event.file })\"\n        (remove)=\"fileRemove.emit(setting)\"\n        [url]=\"setting.value\">\n        <div fsFileLabel>{{setting.label}}</div>\n      </fs-file-picker>\n    </div>\n\n    <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"saveGroup(group)\">Save</button>\n\n  </mat-expansion-panel>\n\n</mat-accordion>\n", styles: [".mat-expansion-panel-header{font-size:19px}.full-width{width:100%}.title-row{flex-direction:row;box-sizing:border-box;display:flex;place-content:center flex-start;align-items:center;width:100%}.title-row .title{display:flex;flex:1}:host ::ng-deep .mat-expansion-panel-header-title{margin:0}:host ::ng-deep .mat-expansion-panel .actions{display:none}:host ::ng-deep .mat-expansion-panel.mat-expanded .actions{display:block}\n"], components: [{ type: i4__namespace$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i4__namespace$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i8__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i9__namespace$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i10__namespace$1.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes"], outputs: ["change"] }, { type: i10__namespace$1.FsTimePickerComponent, selector: "[fsTimePicker]", inputs: ["view"] }, { type: i11__namespace$1.FsFilePickerComponent, selector: "fs-file-picker", inputs: ["imageWidth", "imageHeight", "imageQuality", "showFilename", "url", "file", "accept", "disabled", "width", "height", "previewWidth", "previewHeight", "allowDownload", "allowReupload", "allowRemove"], outputs: ["select", "remove"] }], directives: [{ type: i4__namespace$3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i11__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i15__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: i15__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i15__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7__namespace.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], pipes: { "keyNameValue": KeyNameValuePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SettingsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1006,7 +967,7 @@
                         styleUrls: ['./settings.component.scss'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.FsMessage }, { type: SystemService }, { type: i3__namespace$2.ClipboardService }, { type: i4__namespace$2.FsPrompt }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { loadSettings: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace.FsMessage }, { type: i2__namespace$3.ClipboardService }, { type: i3__namespace$2.FsPrompt }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { loadSettings: [{
                     type: i0.Input
                 }], save: [{
                     type: i0.Input
@@ -1095,7 +1056,7 @@
         return ProcessComponent;
     }());
     ProcessComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ProcessComponent, deps: [{ token: i1__namespace$1.MatDialogRef }, { token: i1$1.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ProcessComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProcessComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog *fsSkeleton=\"process\">\n  <div mat-dialog-title>Process</div>\n  <mat-dialog-content>\n    <div fxLayout=\"column\">\n      <fs-label-field>\n        <fs-label>\n          Name\n        </fs-label>\n        {{process.prettyName}}\n      </fs-label-field>\n\n      <div fxLayout=\"row\" fxLayoutGap=\"20px\">\n\n        <fs-label-field>\n          <fs-label>\n            Status\n          </fs-label>\n          {{ProcessStates[process.state]}}\n        </fs-label-field>\n\n        <fs-label-field *ngIf=\"process.notify\">\n          <fs-label>\n            Notification Email\n          </fs-label>\n          {{process.notify}}\n        </fs-label-field>\n\n        <fs-label-field *ngIf=\"process.pid\">\n          <fs-label>\n            PID\n          </fs-label>\n          {{process.pid}}\n        </fs-label-field>\n      </div>\n\n      <div fxLayout=\"row\" fxLayoutGap=\"20px\">\n        <fs-label-field>\n          <fs-label>\n            Create Date\n          </fs-label>\n          {{ process.createDate | fsDateFormat: 'date-time' }}\n        </fs-label-field>\n\n        <fs-label-field *ngIf=\"process.startDate\">\n          <fs-label>\n            Start Date\n          </fs-label>\n          {{ process.startDate | fsDateFormat: 'date-time' }}\n        </fs-label-field>\n\n        <fs-label-field *ngIf=\"process.endDate\">\n          <fs-label>\n            Complete Date\n          </fs-label>\n          {{ process.endDate | fsDateFormat: 'date-time' }}\n        </fs-label-field>\n\n        <fs-label-field *ngIf=\"process.duration\">\n          <fs-label>\n            Duration\n          </fs-label>\n          {{ process.duration | fsDateDuration: {hours: true, minutes: true, seconds: true} }}\n        </fs-label-field>\n      </div>\n\n      <fs-label-field *ngIf=\"process.message\">\n        <fs-label>\n          Message\n        </fs-label>\n        {{process.message}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"process.log\" class=\"log\">\n        <fs-label>\n          Log\n        </fs-label>{{process.log}}\n      </fs-label-field>\n\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\n    <button\n      *ngIf=\"process.state===ProcessState.Running && data.loadProcess\"\n      mat-button\n      (click)=\"load()\">\n      Reload\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [":host ::ng-deep .log .field-content{white-space:pre-wrap;font-family:monospace;font-size:14px}\n"], components: [{ type: i2__namespace$1.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i2__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace.FsLabelComponent, selector: "fs-label" }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5__namespace$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i6__namespace.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6__namespace.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "fsDateFormat": i5__namespace$2.FsDateFormatPipe, "fsDateDuration": i5__namespace$2.FsDateDurationPipe } });
+    ProcessComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProcessComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog *fsSkeleton=\"process\">\n  <div mat-dialog-title>Process</div>\n  <mat-dialog-content>\n    <div fxLayout=\"column\">\n      <fs-label-field>\n        <fs-label>\n          Name\n        </fs-label>\n        {{process.prettyName}}\n      </fs-label-field>\n\n      <div fxLayout=\"row\" fxLayoutGap=\"20px\">\n\n        <fs-label-field>\n          <fs-label>\n            Status\n          </fs-label>\n          {{ProcessStates[process.state]}}\n        </fs-label-field>\n\n        <fs-label-field *ngIf=\"process.notify\">\n          <fs-label>\n            Notification Email\n          </fs-label>\n          {{process.notify}}\n        </fs-label-field>\n\n        <fs-label-field *ngIf=\"process.pid\">\n          <fs-label>\n            PID\n          </fs-label>\n          {{process.pid}}\n        </fs-label-field>\n      </div>\n\n      <div fxLayout=\"row\" fxLayoutGap=\"20px\">\n        <fs-label-field>\n          <fs-label>\n            Create Date\n          </fs-label>\n          {{ process.createDate | fsDateFormat: 'date-time' }}\n        </fs-label-field>\n\n        <fs-label-field *ngIf=\"process.startDate\">\n          <fs-label>\n            Start Date\n          </fs-label>\n          {{ process.startDate | fsDateFormat: 'date-time' }}\n        </fs-label-field>\n\n        <fs-label-field *ngIf=\"process.endDate\">\n          <fs-label>\n            Complete Date\n          </fs-label>\n          {{ process.endDate | fsDateFormat: 'date-time' }}\n        </fs-label-field>\n\n        <fs-label-field *ngIf=\"process.duration\">\n          <fs-label>\n            Duration\n          </fs-label>\n          {{ process.duration | fsDateDuration: {hours: true, minutes: true, seconds: true} }}\n        </fs-label-field>\n      </div>\n\n      <fs-label-field *ngIf=\"process.message\">\n        <fs-label>\n          Message\n        </fs-label>\n        {{process.message}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"process.log\" class=\"log\">\n        <fs-label>\n          Log\n        </fs-label>{{process.log}}\n      </fs-label-field>\n\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\n    <button\n      *ngIf=\"process.state===ProcessState.Running && data.loadProcess\"\n      mat-button\n      (click)=\"load()\">\n      Reload\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [":host ::ng-deep .log .field-content{white-space:pre-wrap;font-family:monospace;font-size:14px}\n"], components: [{ type: i2__namespace$2.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i2__namespace$1.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace$1.FsLabelComponent, selector: "fs-label" }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5__namespace.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i6__namespace$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6__namespace$1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "fsDateFormat": i4__namespace$2.FsDateFormatPipe, "fsDateDuration": i4__namespace$2.FsDateDurationPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ProcessComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1110,8 +1071,7 @@
         } });
 
     var ProcessesComponent = /** @class */ (function () {
-        function ProcessesComponent(_systemService, _dialog, _message) {
-            this._systemService = _systemService;
+        function ProcessesComponent(_dialog, _message) {
             this._dialog = _dialog;
             this._message = _message;
             this.actions = [];
@@ -1143,7 +1103,7 @@
                 ],
                 fetch: function (query) {
                     return _this.loadProcesses(query)
-                        .pipe(operators.map(function (response) { return ({ data: _this._systemService.input(response.data), paging: response.paging }); }));
+                        .pipe(operators.map(function (response) { return ({ data: response.data, paging: response.paging }); }));
                 }
             };
             if (this.run) {
@@ -1231,8 +1191,8 @@
         };
         return ProcessesComponent;
     }());
-    ProcessesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ProcessesComponent, deps: [{ token: SystemService }, { token: i1__namespace$1.MatDialog }, { token: i1__namespace.FsMessage }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ProcessesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProcessesComponent, selector: "fs-system-processes", inputs: { loadProcesses: "loadProcesses", loadProcess: "loadProcess", run: "run", kill: "kill", delete: "delete", download: "download", actions: "actions" }, viewQueries: [{ propertyName: "list", first: true, predicate: i4$1.FsListComponent, descendants: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"config\">\n  <fs-list-column>\n    <ng-template fs-list-header>Name</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.prettyName}}</a>\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column>\n    <ng-template fs-list-header>Status</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ProcessStates[row.state]}}\n      <small>\n        <div *ngIf=\"row.state===ProcessState.Running && row.percent\">Complete: {{ row.percent }}%</div>\n        <div *ngIf=\"row.state===ProcessState.Completed && row.filename\">Download: <a href=\"javascript:;\" (click)=\"download(row)\">{{ row.filename }}</a></div>\n        <div *ngIf=\"row.pid\">PID: {{ row.pid }}</div>\n        <div *ngIf=\"row.state===ProcessState.Running && row.notify\">Notify: {{ row.notify }}</div>\n      </small>\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column>\n    <ng-template fs-list-header>Duration</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.duration | fsDateDuration: {hours: true, minutes: true, seconds: true} }}\n    </ng-template>\n  </fs-list-column>\n\n\n  <fs-list-column>\n    <ng-template fs-list-header>Message</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.message}}\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column>\n    <ng-template fs-list-header>Completed</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-date-ago [date]=\"row.endDate\"></fs-date-ago>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""], components: [{ type: i4__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i5__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i4__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["title", "name", "show", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i4__namespace$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i4__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsDateDuration": i5__namespace$2.FsDateDurationPipe } });
+    ProcessesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ProcessesComponent, deps: [{ token: i1__namespace$1.MatDialog }, { token: i1__namespace.FsMessage }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ProcessesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProcessesComponent, selector: "fs-system-processes", inputs: { loadProcesses: "loadProcesses", loadProcess: "loadProcess", run: "run", kill: "kill", delete: "delete", download: "download", actions: "actions" }, viewQueries: [{ propertyName: "list", first: true, predicate: i3$1.FsListComponent, descendants: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"config\">\n  <fs-list-column>\n    <ng-template fs-list-header>Name</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.prettyName}}</a>\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column>\n    <ng-template fs-list-header>Status</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ProcessStates[row.state]}}\n      <small>\n        <div *ngIf=\"row.state===ProcessState.Running && row.percent\">Complete: {{ row.percent }}%</div>\n        <div *ngIf=\"row.state===ProcessState.Completed && row.filename\">Download: <a href=\"javascript:;\" (click)=\"download(row)\">{{ row.filename }}</a></div>\n        <div *ngIf=\"row.pid\">PID: {{ row.pid }}</div>\n        <div *ngIf=\"row.state===ProcessState.Running && row.notify\">Notify: {{ row.notify }}</div>\n      </small>\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column>\n    <ng-template fs-list-header>Duration</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.duration | fsDateDuration: {hours: true, minutes: true, seconds: true} }}\n    </ng-template>\n  </fs-list-column>\n\n\n  <fs-list-column>\n    <ng-template fs-list-header>Message</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.message}}\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column>\n    <ng-template fs-list-header>Completed</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-date-ago [date]=\"row.endDate\"></fs-date-ago>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""], components: [{ type: i3__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i4__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i3__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["title", "name", "show", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i3__namespace$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i3__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsDateDuration": i4__namespace$2.FsDateDurationPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ProcessesComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1240,9 +1200,9 @@
                         templateUrl: './processes.component.html',
                         styleUrls: ['./processes.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: SystemService }, { type: i1__namespace$1.MatDialog }, { type: i1__namespace.FsMessage }]; }, propDecorators: { list: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.MatDialog }, { type: i1__namespace.FsMessage }]; }, propDecorators: { list: [{
                     type: i0.ViewChild,
-                    args: [i4$1.FsListComponent]
+                    args: [i3$1.FsListComponent]
                 }], loadProcesses: [{
                     type: i0.Input
                 }], loadProcess: [{
@@ -1279,7 +1239,7 @@
         return ServerLogComponent;
     }());
     ServerLogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ServerLogComponent, deps: [{ token: i1$1.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ServerLogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServerLogComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>Log</div>\n  <mat-dialog-content>\n    <div fxLayout=\"column\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{log.type}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{log.message}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          URL\n        </fs-label>\n        {{log.url}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{log.createDate|fsDateFormat: 'full-date-time'}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{log.file}} @ {{log.line}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Backtrace\n        </fs-label>\n        <pre>{{log.backtrace|json}}</pre>\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          $_SERVER\n        </fs-label>\n        <pre>{{log.server|json}}</pre>\n      </fs-label-field>\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [""], components: [{ type: i2__namespace$1.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i2__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace.FsLabelComponent, selector: "fs-label" }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5__namespace$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i6__namespace.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "fsDateFormat": i5__namespace$2.FsDateFormatPipe, "json": i7__namespace$1.JsonPipe } });
+    ServerLogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServerLogComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>Log</div>\n  <mat-dialog-content>\n    <div fxLayout=\"column\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{log.type}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{log.message}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          URL\n        </fs-label>\n        {{log.url}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{log.createDate|fsDateFormat: 'full-date-time'}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{log.file}} @ {{log.line}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Backtrace\n        </fs-label>\n        <pre>{{log.backtrace|json}}</pre>\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          $_SERVER\n        </fs-label>\n        <pre>{{log.server|json}}</pre>\n      </fs-label-field>\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [""], components: [{ type: i2__namespace$2.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i2__namespace$1.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace$1.FsLabelComponent, selector: "fs-label" }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5__namespace.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i6__namespace$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "fsDateFormat": i4__namespace$2.FsDateFormatPipe, "json": i9__namespace.JsonPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ServerLogComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1294,9 +1254,8 @@
         } });
 
     var ServerLogsComponent = /** @class */ (function () {
-        function ServerLogsComponent(_dialog, _systemService) {
+        function ServerLogsComponent(_dialog) {
             this._dialog = _dialog;
-            this._systemService = _systemService;
             this.config = null;
             this.logTypes = [];
         }
@@ -1315,20 +1274,20 @@
                 ],
                 fetch: function (query) {
                     return _this.loadLogs(query)
-                        .pipe(operators.map(function (response) { return ({ data: _this._systemService.input(response.data), paging: response.paging }); }));
+                        .pipe(operators.map(function (response) { return ({ data: response.data, paging: response.paging }); }));
                 }
             };
         };
         ServerLogsComponent.prototype.open = function (log) {
-            var dialogRef = this._dialog.open(ServerLogComponent, {
+            this._dialog.open(ServerLogComponent, {
                 data: { log: log },
                 width: '85%'
             });
         };
         return ServerLogsComponent;
     }());
-    ServerLogsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ServerLogsComponent, deps: [{ token: i1__namespace$1.MatDialog }, { token: SystemService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ServerLogsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServerLogsComponent, selector: "fs-system-server-logs", inputs: { loadLogs: "loadLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true, static: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"config\">\n    <fs-list-column>\n      <ng-template fs-list-header>Message</ng-template>\n      <ng-template fs-list-cell let-row=\"row\">\n        <a href=\"javascript:;\" (click)=\"open(row)\">{{row.message}}</a>\n      </ng-template>\n    </fs-list-column>\n    <fs-list-column>\n      <ng-template fs-list-header>Type</ng-template>\n      <ng-template fs-list-cell let-row=\"row\">\n        {{row.type}}\n      </ng-template>\n    </fs-list-column>\n    <fs-list-column>\n      <ng-template fs-list-header>Date</ng-template>\n      <ng-template fs-list-cell let-row=\"row\">\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n      </ng-template>\n    </fs-list-column>\n  </fs-list>\n", styles: [""], components: [{ type: i4__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i5__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i4__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["title", "name", "show", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i4__namespace$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i4__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }] });
+    ServerLogsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ServerLogsComponent, deps: [{ token: i1__namespace$1.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ServerLogsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ServerLogsComponent, selector: "fs-system-server-logs", inputs: { loadLogs: "loadLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true, static: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"config\">\n    <fs-list-column>\n      <ng-template fs-list-header>Message</ng-template>\n      <ng-template fs-list-cell let-row=\"row\">\n        <a href=\"javascript:;\" (click)=\"open(row)\">{{row.message}}</a>\n      </ng-template>\n    </fs-list-column>\n    <fs-list-column>\n      <ng-template fs-list-header>Type</ng-template>\n      <ng-template fs-list-cell let-row=\"row\">\n        {{row.type}}\n      </ng-template>\n    </fs-list-column>\n    <fs-list-column>\n      <ng-template fs-list-header>Date</ng-template>\n      <ng-template fs-list-cell let-row=\"row\">\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n      </ng-template>\n    </fs-list-column>\n  </fs-list>\n", styles: [""], components: [{ type: i3__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i4__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i3__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["title", "name", "show", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i3__namespace$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i3__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ServerLogsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1336,7 +1295,7 @@
                         templateUrl: './server-logs.component.html',
                         styleUrls: ['./server-logs.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.MatDialog }, { type: SystemService }]; }, propDecorators: { list: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.MatDialog }]; }, propDecorators: { list: [{
                     type: i0.ViewChild,
                     args: ['list', { static: true }]
                 }], loadLogs: [{
@@ -1344,8 +1303,7 @@
                 }] } });
 
     var UpgradeLogsComponent = /** @class */ (function () {
-        function UpgradeLogsComponent(_systemService) {
-            this._systemService = _systemService;
+        function UpgradeLogsComponent() {
             this.config = null;
             this.logTypes = [];
         }
@@ -1365,14 +1323,14 @@
                 ],
                 fetch: function (query) {
                     return _this.loadUpgradeLogs(query)
-                        .pipe(operators.map(function (response) { return ({ data: _this._systemService.input(response.data), paging: response.paging }); }));
+                        .pipe(operators.map(function (response) { return ({ data: response.data, paging: response.paging }); }));
                 }
             };
         };
         return UpgradeLogsComponent;
     }());
-    UpgradeLogsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UpgradeLogsComponent, deps: [{ token: SystemService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    UpgradeLogsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: UpgradeLogsComponent, selector: "fs-system-upgrade-logs", inputs: { loadUpgradeLogs: "loadUpgradeLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: i4$1.FsListComponent, descendants: true, static: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"config\">\n  <fs-list-column>\n    <ng-template fs-list-header>Name</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.name}}\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column>\n    <ng-template fs-list-header>Function</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.function}}()\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column>\n    <ng-template fs-list-header>Date</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""], components: [{ type: i4__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i5__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i4__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["title", "name", "show", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i4__namespace$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i4__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }] });
+    UpgradeLogsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UpgradeLogsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    UpgradeLogsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: UpgradeLogsComponent, selector: "fs-system-upgrade-logs", inputs: { loadUpgradeLogs: "loadUpgradeLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: i3$1.FsListComponent, descendants: true, static: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"config\">\n  <fs-list-column>\n    <ng-template fs-list-header>Name</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.name}}\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column>\n    <ng-template fs-list-header>Function</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.function}}()\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column>\n    <ng-template fs-list-header>Date</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""], components: [{ type: i3__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i4__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i3__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["title", "name", "show", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i3__namespace$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i3__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: UpgradeLogsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1380,9 +1338,9 @@
                         templateUrl: './upgrade-logs.component.html',
                         styleUrls: ['./upgrade-logs.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: SystemService }]; }, propDecorators: { list: [{
+            }], propDecorators: { list: [{
                     type: i0.ViewChild,
-                    args: [i4$1.FsListComponent, { static: true }]
+                    args: [i3$1.FsListComponent, { static: true }]
                 }], loadUpgradeLogs: [{
                     type: i0.Input
                 }] } });
@@ -1401,7 +1359,7 @@
         return ApiLogComponent;
     }());
     ApiLogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ApiLogComponent, deps: [{ token: i1__namespace$1.MatDialogRef }, { token: i1$1.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ApiLogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ApiLogComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog *fsSkeleton=\"apiLog\">\n  <div mat-dialog-title>API Log</div>\n  <mat-dialog-content>\n    <div fxLayout=\"column\">\n      <fs-label-field>\n        <fs-label>\n          Type\n        </fs-label>\n        {{apiLog.type}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Status\n        </fs-label>\n        {{apiLogStates[apiLog.state]}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{apiLog.createDate|fsDateFormat: 'full-date-time'}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.length\">\n        <fs-label>\n          Duration\n        </fs-label>\n        {{ apiLog.length | fsDateDuration }}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.code\">\n        <fs-label>\n          Code\n        </fs-label>\n        {{apiLog.code}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.message\">\n        <fs-label>\n          Message\n        </fs-label>\n        {{apiLog.message}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.url\">\n        <fs-label>\n          URL\n        </fs-label>\n        {{apiLog.url}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.request\">\n        <fs-label>\n          Request\n        </fs-label>\n        <pre>{{apiLog.request|json}}</pre>\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.response\">\n        <fs-label>\n          Response\n        </fs-label>\n        <pre>{{apiLog.response|json}}</pre>\n      </fs-label-field>\n\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [""], components: [{ type: i2__namespace$1.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i2__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace.FsLabelComponent, selector: "fs-label" }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5__namespace$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i6__namespace.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "fsDateFormat": i5__namespace$2.FsDateFormatPipe, "fsDateDuration": i5__namespace$2.FsDateDurationPipe, "json": i7__namespace$1.JsonPipe } });
+    ApiLogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ApiLogComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog *fsSkeleton=\"apiLog\">\n  <div mat-dialog-title>API Log</div>\n  <mat-dialog-content>\n    <div fxLayout=\"column\">\n      <fs-label-field>\n        <fs-label>\n          Type\n        </fs-label>\n        {{apiLog.type}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Status\n        </fs-label>\n        {{apiLogStates[apiLog.state]}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{apiLog.createDate|fsDateFormat: 'full-date-time'}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.length\">\n        <fs-label>\n          Duration\n        </fs-label>\n        {{ apiLog.length | fsDateDuration }}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.code\">\n        <fs-label>\n          Code\n        </fs-label>\n        {{apiLog.code}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.message\">\n        <fs-label>\n          Message\n        </fs-label>\n        {{apiLog.message}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.url\">\n        <fs-label>\n          URL\n        </fs-label>\n        {{apiLog.url}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.request\">\n        <fs-label>\n          Request\n        </fs-label>\n        <pre>{{apiLog.request|json}}</pre>\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.response\">\n        <fs-label>\n          Response\n        </fs-label>\n        <pre>{{apiLog.response|json}}</pre>\n      </fs-label-field>\n\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [""], components: [{ type: i2__namespace$2.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i2__namespace$1.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace$1.FsLabelComponent, selector: "fs-label" }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5__namespace.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i6__namespace$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "fsDateFormat": i4__namespace$2.FsDateFormatPipe, "fsDateDuration": i4__namespace$2.FsDateDurationPipe, "json": i9__namespace.JsonPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ApiLogComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1416,9 +1374,8 @@
         } });
 
     var ApiLogsComponent = /** @class */ (function () {
-        function ApiLogsComponent(_dialog, _systemService) {
+        function ApiLogsComponent(_dialog) {
             this._dialog = _dialog;
-            this._systemService = _systemService;
             this.config = null;
             this.apiLogStates = indexNameValue(ApiLogStates);
         }
@@ -1449,7 +1406,7 @@
                 fetch: function (query) {
                     Object.assign(query, {});
                     return _this.loadApiLogs(query)
-                        .pipe(operators.map(function (response) { return ({ data: _this._systemService.input(response.data), paging: response.paging }); }));
+                        .pipe(operators.map(function (response) { return ({ data: response.data, paging: response.paging }); }));
                 }
             };
         };
@@ -1461,8 +1418,8 @@
         };
         return ApiLogsComponent;
     }());
-    ApiLogsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ApiLogsComponent, deps: [{ token: i1__namespace$1.MatDialog }, { token: SystemService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ApiLogsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ApiLogsComponent, selector: "fs-system-api-logs", inputs: { loadApiLogs: "loadApiLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: i4$1.FsListComponent, descendants: true, static: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"config\">\n    <fs-list-column>\n      <ng-template fs-list-header>Name</ng-template>\n      <ng-template fs-list-cell let-row=\"row\">\n        <a href=\"javascript:;\" (click)=\"open(row)\">{{row.type || 'Unknown'}}</a>\n      </ng-template>\n    </fs-list-column>\n    <fs-list-column>\n        <ng-template fs-list-header>Message</ng-template>\n        <ng-template fs-list-cell let-row=\"row\">\n          {{row.message}}\n        </ng-template>\n      </fs-list-column>\n    <fs-list-column>\n      <ng-template fs-list-header>Status</ng-template>\n      <ng-template fs-list-cell let-row=\"row\">\n        {{apiLogStates[row.state]}}\n      </ng-template>\n    </fs-list-column>\n    <fs-list-column>\n      <ng-template fs-list-header>Date</ng-template>\n      <ng-template fs-list-cell let-row=\"row\">\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n        <div><small *ngIf=\"row.length\">Duration: {{ row.length | fsDateDuration }}</small></div>\n      </ng-template>\n    </fs-list-column>\n  </fs-list>\n", styles: [""], components: [{ type: i4__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i5__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i4__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["title", "name", "show", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i4__namespace$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i4__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i7__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsDateDuration": i5__namespace$2.FsDateDurationPipe } });
+    ApiLogsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ApiLogsComponent, deps: [{ token: i1__namespace$1.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ApiLogsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ApiLogsComponent, selector: "fs-system-api-logs", inputs: { loadApiLogs: "loadApiLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: i3$1.FsListComponent, descendants: true, static: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"config\">\n    <fs-list-column>\n      <ng-template fs-list-header>Name</ng-template>\n      <ng-template fs-list-cell let-row=\"row\">\n        <a href=\"javascript:;\" (click)=\"open(row)\">{{row.type || 'Unknown'}}</a>\n      </ng-template>\n    </fs-list-column>\n    <fs-list-column>\n        <ng-template fs-list-header>Message</ng-template>\n        <ng-template fs-list-cell let-row=\"row\">\n          {{row.message}}\n        </ng-template>\n      </fs-list-column>\n    <fs-list-column>\n      <ng-template fs-list-header>Status</ng-template>\n      <ng-template fs-list-cell let-row=\"row\">\n        {{apiLogStates[row.state]}}\n      </ng-template>\n    </fs-list-column>\n    <fs-list-column>\n      <ng-template fs-list-header>Date</ng-template>\n      <ng-template fs-list-cell let-row=\"row\">\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n        <div><small *ngIf=\"row.length\">Duration: {{ row.length | fsDateDuration }}</small></div>\n      </ng-template>\n    </fs-list-column>\n  </fs-list>\n", styles: [""], components: [{ type: i3__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i4__namespace$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i3__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["title", "name", "show", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i3__namespace$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i3__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsDateDuration": i4__namespace$2.FsDateDurationPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ApiLogsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1470,9 +1427,9 @@
                         templateUrl: './api-logs.component.html',
                         styleUrls: ['./api-logs.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.MatDialog }, { type: SystemService }]; }, propDecorators: { list: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.MatDialog }]; }, propDecorators: { list: [{
                     type: i0.ViewChild,
-                    args: [i4$1.FsListComponent, { static: true }]
+                    args: [i3$1.FsListComponent, { static: true }]
                 }], loadApiLogs: [{
                     type: i0.Input
                 }] } });
@@ -1543,28 +1500,28 @@
             InfoComponent,
             ProcessComponent,
             CronComponent,
-            CronLogComponent], imports: [i7$1.CommonModule,
+            CronLogComponent], imports: [i9.CommonModule,
             flexLayout.FlexLayoutModule,
-            i16.FormsModule,
+            i15.FormsModule,
             i4.MatButtonModule,
-            i5$3.MatExpansionModule,
-            i12.MatTooltipModule,
-            i7.MatIconModule,
-            i8.MatFormFieldModule,
-            i15.MatInputModule,
-            i9.MatSelectModule,
+            i4$3.MatExpansionModule,
+            i11.MatTooltipModule,
+            i6.MatIconModule,
+            i7.MatFormFieldModule,
+            i14.MatInputModule,
+            i8.MatSelectModule,
             i1$1.MatDialogModule,
-            i3$1.MatTabsModule,
-            i5$2.FsDateModule,
-            i5$1.FsSkeletonModule,
-            i4$1.FsListModule,
-            i12$1.FsFileModule,
+            i3.MatTabsModule,
+            i4$2.FsDateModule,
+            i5.FsSkeletonModule,
+            i3$1.FsListModule,
+            i11$1.FsFileModule,
             i1$2.FsFileManagerModule,
-            i2.FsLabelModule,
-            i2$1.FsDialogModule,
-            i11$1.FsDatePickerModule,
-            i5.FsMenuModule,
-            i3$2.ClipboardModule], exports: [DashboardComponent,
+            i2$1.FsLabelModule,
+            i2$2.FsDialogModule,
+            i10$1.FsDatePickerModule,
+            i4$1.FsMenuModule,
+            i2$3.ClipboardModule], exports: [DashboardComponent,
             CronsComponent,
             SettingsComponent,
             FileManagerComponent,
@@ -1573,58 +1530,56 @@
             UpgradeLogsComponent,
             ApiLogsComponent,
             InfoComponent] });
-    FsSystemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemModule, providers: [
-            SystemService
-        ], imports: [[
-                i7$1.CommonModule,
+    FsSystemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemModule, imports: [[
+                i9.CommonModule,
                 flexLayout.FlexLayoutModule,
-                i16.FormsModule,
+                i15.FormsModule,
                 i4.MatButtonModule,
-                i5$3.MatExpansionModule,
-                i12.MatTooltipModule,
-                i7.MatIconModule,
-                i8.MatFormFieldModule,
-                i15.MatInputModule,
-                i9.MatSelectModule,
+                i4$3.MatExpansionModule,
+                i11.MatTooltipModule,
+                i6.MatIconModule,
+                i7.MatFormFieldModule,
+                i14.MatInputModule,
+                i8.MatSelectModule,
                 i1$1.MatDialogModule,
-                i3$1.MatTabsModule,
-                i5$2.FsDateModule,
-                i5$1.FsSkeletonModule,
-                i4$1.FsListModule,
-                i12$1.FsFileModule,
+                i3.MatTabsModule,
+                i4$2.FsDateModule,
+                i5.FsSkeletonModule,
+                i3$1.FsListModule,
+                i11$1.FsFileModule,
                 i1$2.FsFileManagerModule,
-                i2.FsLabelModule,
-                i2$1.FsDialogModule,
-                i11$1.FsDatePickerModule,
-                i5.FsMenuModule,
-                i3$2.ClipboardModule,
+                i2$1.FsLabelModule,
+                i2$2.FsDialogModule,
+                i10$1.FsDatePickerModule,
+                i4$1.FsMenuModule,
+                i2$3.ClipboardModule,
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [
-                            i7$1.CommonModule,
+                            i9.CommonModule,
                             flexLayout.FlexLayoutModule,
-                            i16.FormsModule,
+                            i15.FormsModule,
                             i4.MatButtonModule,
-                            i5$3.MatExpansionModule,
-                            i12.MatTooltipModule,
-                            i7.MatIconModule,
-                            i8.MatFormFieldModule,
-                            i15.MatInputModule,
-                            i9.MatSelectModule,
+                            i4$3.MatExpansionModule,
+                            i11.MatTooltipModule,
+                            i6.MatIconModule,
+                            i7.MatFormFieldModule,
+                            i14.MatInputModule,
+                            i8.MatSelectModule,
                             i1$1.MatDialogModule,
-                            i3$1.MatTabsModule,
-                            i5$2.FsDateModule,
-                            i5$1.FsSkeletonModule,
-                            i4$1.FsListModule,
-                            i12$1.FsFileModule,
+                            i3.MatTabsModule,
+                            i4$2.FsDateModule,
+                            i5.FsSkeletonModule,
+                            i3$1.FsListModule,
+                            i11$1.FsFileModule,
                             i1$2.FsFileManagerModule,
-                            i2.FsLabelModule,
-                            i2$1.FsDialogModule,
-                            i11$1.FsDatePickerModule,
-                            i5.FsMenuModule,
-                            i3$2.ClipboardModule,
+                            i2$1.FsLabelModule,
+                            i2$2.FsDialogModule,
+                            i10$1.FsDatePickerModule,
+                            i4$1.FsMenuModule,
+                            i2$3.ClipboardModule,
                         ],
                         exports: [
                             DashboardComponent,
@@ -1654,9 +1609,6 @@
                             CronComponent,
                             CronLogComponent,
                         ],
-                        providers: [
-                            SystemService
-                        ],
                     }]
             }] });