@firestitch/system 9.2.0 → 12.0.0

package/fesm5/firestitch-system.js

@@ -1,1281 +0,0 @@
-import { __decorate, __metadata, __param, __assign, __spread } from 'tslib';
-import { InjectionToken, ChangeDetectorRef, Input, Component, ChangeDetectionStrategy, Inject, ViewChild, EventEmitter, Output, Pipe, Injectable, ElementRef, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatIconModule } from '@angular/material/icon';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import { MatButtonModule } from '@angular/material/button';
-import { parse, FsDateModule } from '@firestitch/date';
-import { FsDatePickerModule } from '@firestitch/datepicker';
-import { FsSkeletonModule } from '@firestitch/skeleton';
-import { FsListComponent, FsListModule } from '@firestitch/list';
-import { FsFileManagerModule } from '@firestitch/file-manager';
-import { FsDialogModule } from '@firestitch/dialog';
-import { FsLabelModule } from '@firestitch/label';
-import { FsFileModule } from '@firestitch/file';
-import { FsMenuModule } from '@firestitch/menu';
-import { FsMessage } from '@firestitch/message';
-import { FsBuildService } from '@firestitch/build';
-import { takeUntil, map, tap } from 'rxjs/operators';
-import { Subject } from 'rxjs';
-import { differenceInMinutes } from 'date-fns';
-import { ItemType } from '@firestitch/filter';
-import { SelectionActionType } from '@firestitch/selection';
-import { FsPrompt } from '@firestitch/prompt';
-import { groupBy, reduce } from 'lodash-es';
-import { ClipboardService, ClipboardModule } from 'ngx-clipboard';
-import { MatTabsModule } from '@angular/material/tabs';
-
-var FS_SYSTEM_CONFIG = new InjectionToken('fs-system-config');
-
-var DashboardComponent = /** @class */ (function () {
-    function DashboardComponent(_message, _cdRef, _buildService) {
-        this._message = _message;
-        this._cdRef = _cdRef;
-        this._buildService = _buildService;
-        this.buttonActions = [];
-        this.menuActions = [];
-        this._destroy$ = new Subject();
-        this.actions = [];
-    }
-    DashboardComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this._load();
-        this.buttonActions = this.actions.filter(function (item) { return !item.menu; });
-        this.menuActions = this.actions.filter(function (item) { return item.menu; });
-        this.build = this._buildService.build;
-        this._buildService.buildChange$
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(function (build) {
-            _this.build = build;
-            _this._cdRef.markForCheck();
-        });
-    };
-    DashboardComponent.prototype._load = function () {
-        var _this = this;
-        this.load()
-            .subscribe(function (dashboard) {
-            _this.dashboard = dashboard;
-            _this.dashboard.cronRanAttention = !dashboard.cronRan ||
-                differenceInMinutes(new Date(), new Date(dashboard.cronRan)) > 15;
-            _this._cdRef.markForCheck();
-        });
-    };
-    DashboardComponent.prototype.ngOnDestroy = function () {
-        this._destroy$.next();
-        this._destroy$.complete();
-    };
-    DashboardComponent.prototype.actionClick = function (action) {
-        action.click();
-    };
-    DashboardComponent.prototype.initClick = function () {
-        var _this = this;
-        this.init()
-            .subscribe(function () {
-            _this._message.success('Successfully initialized the system');
-        });
-    };
-    DashboardComponent.prototype.upgradeClick = function () {
-        var _this = this;
-        this.upgrade()
-            .subscribe(function () {
-            _this._load();
-            _this._message.success('Successfully upgraded the system');
-        });
-    };
-    DashboardComponent.ctorParameters = function () { return [
-        { type: FsMessage },
-        { type: ChangeDetectorRef },
-        { type: FsBuildService }
-    ]; };
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], DashboardComponent.prototype, "init", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], DashboardComponent.prototype, "upgrade", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], DashboardComponent.prototype, "load", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Array)
-    ], DashboardComponent.prototype, "actions", void 0);
-    DashboardComponent = __decorate([
-        Component({
-            selector: 'fs-system-dashboard',
-            template: "<div *fsSkeleton=\"dashboard\">\r\n\r\n  <div class=\"h2-container\">\r\n\r\n    <div class=\"actions\">\r\n        <h2>Actions</h2>\r\n        <div fxLayout=\"row\" fxLayoutGap=\"5px\" fxLayout.xs=\"column\">\r\n          <button mat-raised-button (click)=\"upgradeClick()\">Run Upgrades</button>\r\n          <button mat-raised-button (click)=\"initClick()\">Init System</button>\r\n\r\n          <button\r\n            *ngFor=\"let action of buttonActions\"\r\n            mat-raised-button\r\n            (click)=\"actionClick(action)\">\r\n            {{action.label}}\r\n          </button>\r\n\r\n          <ng-container *ngIf=\"menuActions.length\">\r\n\r\n            <fs-menu buttonClass=\"mat-raised-button menu-button\">\r\n              <ng-template\r\n                *ngFor=\"let action of menuActions\"\r\n                fs-menu-item\r\n                (click)=\"actionClick(action)\">\r\n                {{action.label}}\r\n              </ng-template>\r\n            </fs-menu>\r\n\r\n\r\n          </ng-container>\r\n\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      fxLayout=\"row wrap\"\r\n      fxLayout.xs=\"column\"\r\n      fxLayoutGap.xs=\"0px\"\r\n      fxLayoutAlign=\"start start\"\r\n      fxLayoutGap=\"50px\">\r\n\r\n      <div>\r\n        <h2>Server</h2>\r\n\r\n        <fs-label-field>\r\n          <fs-label>Date/Time</fs-label>\r\n          {{dashboard.serverTime | fsDateFormat: 'date-time'}}\r\n        </fs-label-field>\r\n\r\n        <fs-label-field>\r\n          <fs-label>Timezone</fs-label>\r\n          {{dashboard.serverTimezone}}\r\n        </fs-label-field>\r\n\r\n        <fs-label-field>\r\n          <fs-label>Hostname</fs-label>\r\n          {{dashboard.serverHostname}}\r\n        </fs-label-field>\r\n\r\n        <fs-label-field>\r\n          <fs-label>Directory</fs-label>\r\n          {{dashboard.appDirectory}}\r\n        </fs-label-field>\r\n      </div>\r\n\r\n      <div>\r\n        <h2>System</h2>\r\n        <fs-label-field>\r\n          <fs-label>Mode</fs-label>\r\n          {{dashboard.appMode}}\r\n        </fs-label-field>\r\n\r\n        <fs-label-field>\r\n          <fs-label>Notification Recipients</fs-label>\r\n          {{dashboard.notifyRecipients.join(', ')}}\r\n        </fs-label-field>\r\n      </div>\r\n\r\n      <div>\r\n        <h2>Database</h2>\r\n\r\n        <fs-label-field>\r\n          <fs-label>Name</fs-label>\r\n          {{dashboard.databaseName}}\r\n        </fs-label-field>\r\n\r\n        <fs-label-field>\r\n          <fs-label>Date/Time</fs-label>\r\n          {{dashboard.databaseTime | fsDateFormat: 'date-time'}}\r\n        </fs-label-field>\r\n\r\n        <fs-label-field>\r\n          <fs-label>Timezone</fs-label>\r\n          {{dashboard.databaseTimezone}}\r\n        </fs-label-field>\r\n      </div>\r\n\r\n      <div *ngIf=\"build || dashboard.upgrades.length\">\r\n        <h2>Build</h2>\r\n\r\n        <ng-container *ngIf=\"build\">\r\n          <fs-label-field>\r\n            <fs-label>Version</fs-label>\r\n            {{build.version}}\r\n          </fs-label-field>\r\n\r\n          <fs-label-field>\r\n            <fs-label>Date</fs-label>\r\n            {{ build.date | fsDateFormat: 'date-time' }}\r\n          </fs-label-field>\r\n        </ng-container>\r\n\r\n        <fs-label-field *ngIf=\"dashboard.upgrades.length\">\r\n          <fs-label>Pending Upgrades</fs-label>\r\n          <span class=\"attention\" [ngClass]=\"{ 'needs-attention': !!dashboard.upgrades.length }\">\r\n            {{dashboard.upgrades.length}}\r\n            <mat-icon\r\n                [matTooltip]=\"dashboard.upgrades.join('\\n')\"\r\n                matTooltipClass=\"tooltip-pending-upgrades\"\r\n                >\r\n              warning\r\n            </mat-icon>\r\n          </span>\r\n        </fs-label-field>\r\n      </div>\r\n\r\n      <div>\r\n        <h2>Cron</h2>\r\n\r\n        <fs-label-field>\r\n          <fs-label>Last Ran</fs-label>\r\n          <span class=\"attention\" [ngClass]=\"{ 'needs-attention': dashboard.cronRanAttention }\">\r\n            <span *ngIf=\"!dashboard.cronRan\">Never</span>\r\n            <span *ngIf=\"dashboard.cronRan\">{{dashboard.cronRan | fsDateFormat: 'date-time'}}</span>\r\n            <mat-icon>warning</mat-icon>\r\n          </span>\r\n        </fs-label-field>\r\n      </div>\r\n  </div>\r\n</div>\r\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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}}"]
-        }),
-        __metadata("design:paramtypes", [FsMessage,
-            ChangeDetectorRef,
-            FsBuildService])
-    ], DashboardComponent);
-    return DashboardComponent;
-}());
-
-function indexNameValue(arry) {
-    var obj = {};
-    arry.forEach(function (item) {
-        obj[item.value] = item.name;
-    });
-    return obj;
-}
-
-var CronState;
-(function (CronState) {
-    CronState["Running"] = "running";
-    CronState["Idle"] = "idle";
-    CronState["Failed"] = "failed";
-    CronState["Queued"] = "queued";
-    CronState["Disabled"] = "disabled";
-})(CronState || (CronState = {}));
-
-var SettingInterfaceType;
-(function (SettingInterfaceType) {
-    SettingInterfaceType["RadioButton"] = "R";
-    SettingInterfaceType["InputBox"] = "I";
-    SettingInterfaceType["Textarea"] = "T";
-    SettingInterfaceType["Select"] = "D";
-    SettingInterfaceType["SelectMultiple"] = "W";
-    SettingInterfaceType["Date"] = "A";
-    SettingInterfaceType["File"] = "F";
-    SettingInterfaceType["Static"] = "S";
-    SettingInterfaceType["Password"] = "P";
-    SettingInterfaceType["Time"] = "M";
-})(SettingInterfaceType || (SettingInterfaceType = {}));
-
-var ApiLogState;
-(function (ApiLogState) {
-    ApiLogState["Success"] = "success";
-    ApiLogState["Failed"] = "failed";
-    ApiLogState["Deleted"] = "deleted";
-})(ApiLogState || (ApiLogState = {}));
-
-var ProcessState;
-(function (ProcessState) {
-    ProcessState["Queued"] = "Q";
-    ProcessState["Running"] = "R";
-    ProcessState["Completed"] = "C";
-    ProcessState["Killed"] = "K";
-    ProcessState["Deleted"] = "D";
-    ProcessState["Failed"] = "F";
-})(ProcessState || (ProcessState = {}));
-
-var CronLogState;
-(function (CronLogState) {
-    CronLogState["Message"] = "message";
-    CronLogState["Disabled"] = "disabled";
-    CronLogState["Started"] = "started";
-    CronLogState["Running"] = "running";
-    CronLogState["Completed"] = "completed";
-    CronLogState["Failed"] = "failed";
-    CronLogState["Killed"] = "killed";
-    CronLogState["Queued"] = "queued";
-    CronLogState["Reset"] = "reset";
-    CronLogState["Stagnant"] = "stagnant";
-    CronLogState["LongRunning"] = "long_running";
-})(CronLogState || (CronLogState = {}));
-
-var CronLogStates = [
-    { name: 'Message', value: CronLogState.Message, color: '#29B7FF' },
-    { name: 'Disabled', value: CronLogState.Disabled, color: '#29B7FF' },
-    { name: 'Started', value: CronLogState.Started, color: '#34BD43' },
-    { name: 'Running', value: CronLogState.Running, color: '#34BD43' },
-    { name: 'Completed', value: CronLogState.Completed, color: '#34BD43' },
-    { name: 'Failed', value: CronLogState.Failed, color: '#FA7567' },
-    { name: 'Killed', value: CronLogState.Killed, color: '#29B7FF' },
-    { name: 'Queued', value: CronLogState.Queued, color: '#29B7FF' },
-    { name: 'Reset', value: CronLogState.Reset, color: '#29B7FF' },
-    { name: 'Stagnant', value: CronLogState.Stagnant, color: '#FA7567' },
-    { name: 'Long Running', value: CronLogState.LongRunning, color: '#FA7567' },
-];
-
-var CronStates = [
-    { name: 'Running', value: CronState.Running },
-    { name: 'Idle', value: CronState.Idle },
-    { name: 'Failed', value: CronState.Failed },
-    { name: 'Queued', value: CronState.Queued },
-    { name: 'Disabled', value: CronState.Disabled }
-];
-
-var ApiLogStates = [
-    { name: 'Success', value: ApiLogState.Success },
-    { name: 'Failed', value: ApiLogState.Failed },
-    { name: 'Deleted', value: ApiLogState.Deleted }
-];
-
-var ProcessStates = [
-    { name: 'Queued', value: ProcessState.Queued },
-    { name: 'Running', value: ProcessState.Running },
-    { name: 'Completed', value: ProcessState.Completed },
-    { name: 'Killed', value: ProcessState.Killed },
-    { name: 'Failed', value: ProcessState.Failed },
-    { name: 'Deleted', value: ProcessState.Deleted }
-];
-
-var CronLogComponent = /** @class */ (function () {
-    function CronLogComponent(_data) {
-        this._data = _data;
-        this.CronLogStates = indexNameValue(CronLogStates);
-        this.CronLogStateColors = {};
-    }
-    CronLogComponent.prototype.ngOnInit = function () {
-        this.cronLog = this._data.cronLog;
-        this.CronLogStateColors = CronLogStates
-            .reduce(function (accum, cronLogState) {
-            accum[cronLogState.value] = cronLogState.color;
-            return accum;
-        }, {});
-    };
-    CronLogComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-    ]; };
-    CronLogComponent = __decorate([
-        Component({
-            template: "<fs-dialog *fsSkeleton=\"cronLog\">\r\n  <div mat-dialog-title>Cron Log</div>\r\n  <mat-dialog-content>\r\n    <div class=\"row\">\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Status\r\n        </fs-label>\r\n        <div [ngStyle]=\"{ color: CronLogStateColors[cronLog.state]}\">\r\n          {{CronLogStates[cronLog.state] || cronLog.state}}\r\n        </div>\r\n      </fs-label-field>\r\n\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Date\r\n        </fs-label>\r\n        <fs-date-ago [date]=\"cronLog.createDate\"></fs-date-ago>\r\n      </fs-label-field>\r\n    </div>\r\n  \r\n    <fs-label-field *ngIf=\"cronLog.message\">\r\n      <fs-label>\r\n        Message\r\n      </fs-label>\r\n      <div class=\"message\">\r\n        {{cronLog.message}}\r\n      </div>\r\n    </fs-label-field>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions>\r\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\r\n  </mat-dialog-actions>\r\n</fs-dialog>\r\n",
-            styles: [".message{white-space:pre-line}.row{display:flex;flex-wrap:wrap}.row fs-label-field:not(:last-child){margin-right:40px}"]
-        }),
-        __param(0, Inject(MAT_DIALOG_DATA)),
-        __metadata("design:paramtypes", [Object])
-    ], CronLogComponent);
-    return CronLogComponent;
-}());
-
-var CronComponent = /** @class */ (function () {
-    function CronComponent(_data, _dialog, _cdRef) {
-        this._data = _data;
-        this._dialog = _dialog;
-        this._cdRef = _cdRef;
-        this.tabIndex = 0;
-        this.CronStates = indexNameValue(CronStates);
-        this.CronLogStates = indexNameValue(CronLogStates);
-        this.CronLogStateColors = {};
-    }
-    CronComponent.prototype.ngOnInit = function () {
-        this.load();
-        this.CronLogStateColors = CronLogStates
-            .reduce(function (accum, cronLogState) {
-            accum[cronLogState.value] = cronLogState.color;
-            return accum;
-        }, {});
-    };
-    CronComponent.prototype.cronLogOpen = function (cronLog) {
-        this._dialog.open(CronLogComponent, {
-            data: {
-                cronLog: cronLog,
-            },
-            width: '85%'
-        });
-    };
-    CronComponent.prototype.cronActionClick = function (cronAction) {
-        var _this = this;
-        cronAction.action(this.cron)
-            .subscribe(function () {
-            _this.load();
-        });
-    };
-    CronComponent.prototype.selectedIndexChange = function (index) {
-        this.tabIndex = index;
-    };
-    CronComponent.prototype.load = function () {
-        var _this = this;
-        this._data.loadCron(this._data.cron)
-            .subscribe(function (cron) {
-            _this.cron = __assign(__assign({}, _this._data.cron), cron);
-            if (_this._data.loadCronLogs) {
-                _this.config = {
-                    filters: [
-                        {
-                            type: ItemType.Select,
-                            name: 'state',
-                            label: 'Status',
-                            values: __spread([
-                                { name: 'All', value: null }
-                            ], CronLogStates),
-                        },
-                        {
-                            type: ItemType.DateRange,
-                            name: 'date',
-                            label: ['From Date', 'To Date'],
-                        },
-                    ],
-                    fetch: function (query) {
-                        query = __assign(__assign({}, query), { cronId: _this.cron.id });
-                        return _this._data.loadCronLogs(query);
-                    },
-                };
-            }
-            _this.cronActions = _this._data.cronActions
-                .filter(function (cronLogAction) {
-                return cronLogAction.show(_this.cron);
-            });
-            _this._cdRef.markForCheck();
-        });
-    };
-    CronComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
-        { type: MatDialog },
-        { type: ChangeDetectorRef }
-    ]; };
-    CronComponent = __decorate([
-        Component({
-            template: "<fs-dialog *fsSkeleton=\"cron\">\r\n  <h1 mat-dialog-title>\r\n    Cron\r\n    <div class=\"small\">{{cron.name}}</div>\r\n  </h1>\r\n  <mat-dialog-content>\r\n    <mat-tab-group (selectedIndexChange)=\"selectedIndexChange($event)\">\r\n      <mat-tab label=\"Overview\">\r\n        <div class=\"row\">\r\n          <fs-label-field>\r\n            <fs-label>\r\n              Status\r\n            </fs-label>\r\n            {{CronStates[cron.state]}}\r\n          </fs-label-field>\r\n\r\n          <fs-label-field *ngIf=\"cron.cronSetting\">\r\n            <fs-label>\r\n              Run Frequency\r\n            </fs-label>\r\n            {{cron.cronSetting.summary}}\r\n          </fs-label-field>\r\n\r\n          <fs-label-field>\r\n            <fs-label>\r\n              Last Ran\r\n            </fs-label>\r\n            <ng-container *ngIf=\"cron.duration===null; else lastRan\">\r\n              Never\r\n            </ng-container>\r\n            <ng-template #lastRan>\r\n              <fs-date-ago [date]=\"cron.createDate\"></fs-date-ago>\r\n              <div><small *ngIf=\"cron.duration\">Duration: {{ cron.duration | fsDateDuration }}</small></div>\r\n            </ng-template>\r\n          </fs-label-field>\r\n        </div>\r\n\r\n        <fs-label-field *ngIf=\"cron.message\">\r\n          <fs-label>\r\n            Last Message\r\n          </fs-label>\r\n          <div class=\"message\">{{cron.message}}</div>\r\n        </fs-label-field>\r\n      </mat-tab>\r\n      <mat-tab label=\"Logs\" *ngIf=\"config\">\r\n        <ng-template matTabContent>\r\n          <fs-list [config]=\"config\">\r\n            <fs-list-column name=\"state\" title=\"Status\">\r\n              <ng-template fs-list-cell let-row=\"row\">\r\n                <a \r\n                    (click)=\"cronLogOpen(row)\"\r\n                    [ngStyle]=\"{ color: CronLogStateColors[row.state] }\">\r\n                  {{CronLogStates[row.state] || row.state}}\r\n                </a>\r\n              </ng-template>\r\n            </fs-list-column>\r\n            \r\n            <fs-list-column title=\"Message\" class=\"col-message\">\r\n              <ng-template fs-list-cell let-row=\"row\">\r\n                <div class=\"message\">{{row.message}}</div>\r\n              </ng-template>\r\n            </fs-list-column>\r\n\r\n            <fs-list-column name=\"create_date\" title=\"Date\" class=\"col-date\">\r\n              <ng-template fs-list-cell let-row=\"row\">\r\n                <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\r\n              </ng-template>\r\n            </fs-list-column>\r\n          </fs-list> \r\n        </ng-template>\r\n      </mat-tab>\r\n    </mat-tab-group>\r\n\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions>   \r\n    <button \r\n        mat-button \r\n        [mat-dialog-close]=\"true\" \r\n        color=\"primary\">\r\n      Done\r\n    </button>\r\n    <ng-container *ngIf=\"tabIndex === 0\">\r\n      <button   \r\n          *ngFor=\"let cronAction of cronActions\"\r\n          mat-button \r\n          (click)=\"cronActionClick(cronAction)\">\r\n        {{cronAction.label}}\r\n      </button>  \r\n    </ng-container>\r\n  </mat-dialog-actions>\r\n</fs-dialog>\r\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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}"]
-        }),
-        __param(0, Inject(MAT_DIALOG_DATA)),
-        __metadata("design:paramtypes", [Object, MatDialog,
-            ChangeDetectorRef])
-    ], CronComponent);
-    return CronComponent;
-}());
-
-var CronsComponent = /** @class */ (function () {
-    function CronsComponent(_message, _dialog) {
-        this._message = _message;
-        this._dialog = _dialog;
-        this.config = null;
-        this.cronStates = indexNameValue(CronStates);
-    }
-    CronsComponent.prototype.ngOnInit = function () {
-        this._configList();
-    };
-    CronsComponent.prototype._configList = function () {
-        var _this = this;
-        this.config = {
-            paging: false,
-            filters: [
-                {
-                    type: ItemType.Keyword,
-                    name: 'keyword',
-                    label: 'Search'
-                }
-            ],
-            rowActions: this.getCronActions()
-                .map(function (rowAction) {
-                return __assign(__assign({}, rowAction), { click: function (cron) {
-                        rowAction.action(cron)
-                            .subscribe();
-                    } });
-            }),
-            fetch: function (query) {
-                query.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-                return _this.loadCrons(query)
-                    .pipe(map(function (response) { return ({ data: response }); }));
-            },
-        };
-        if (this.bulk) {
-            this.config.selection = {
-                selectAll: false,
-                actions: [
-                    {
-                        type: SelectionActionType.Action,
-                        name: 'disable',
-                        label: 'Disable'
-                    },
-                    {
-                        type: SelectionActionType.Action,
-                        name: 'enable',
-                        label: 'Enable'
-                    },
-                ],
-                actionSelected: function (action) {
-                    return _this.bulk(action.action.name, action.selected)
-                        .pipe(tap(function () {
-                        _this.list.reload();
-                        _this._message.success('Applied Changes');
-                    }));
-                },
-            };
-        }
-    };
-    CronsComponent.prototype.open = function (cron) {
-        this._dialog.open(CronComponent, {
-            data: {
-                cron: cron,
-                loadCronLogs: this.loadCronLogs,
-                loadCron: this.loadCron,
-                cronActions: this.getCronActions(),
-            },
-            width: '85%'
-        });
-    };
-    CronsComponent.prototype.getCronActions = function () {
-        var _this = this;
-        return [
-            {
-                action: function (data) {
-                    return _this.queue(data)
-                        .pipe(tap(function () {
-                        _this._message.success('Queued cron');
-                        _this.list.reload();
-                    }));
-                },
-                label: 'Queue',
-                show: function (cron) {
-                    return cron.state === CronState.Idle || cron.state === CronState.Failed;
-                },
-            },
-            {
-                action: function (data) {
-                    return _this.run(data)
-                        .pipe(tap(function () {
-                        _this._message.success('Cron ran');
-                        _this.list.reload();
-                    }));
-                },
-                label: 'Run',
-                show: function (cron) {
-                    return cron.state === CronState.Idle || cron.state === CronState.Failed;
-                },
-            },
-            {
-                action: function (data) {
-                    return _this.enable(data)
-                        .pipe(tap(function () {
-                        _this._message.success('Enabled cron');
-                        _this.list.reload();
-                    }));
-                },
-                label: 'Enable',
-                show: function (cron) {
-                    return cron.state === CronState.Disabled;
-                },
-            },
-            {
-                action: function (data) {
-                    return _this.disable(data)
-                        .pipe(tap(function () {
-                        _this._message.success('Disabled cron');
-                        _this.list.reload();
-                    }));
-                },
-                label: 'Disable',
-                show: function (cron) {
-                    return cron.state === CronState.Idle || cron.state === CronState.Failed;
-                },
-            },
-            {
-                action: function (data) {
-                    return _this.kill(data)
-                        .pipe(tap(function () {
-                        _this._message.success('Killed cron');
-                        _this.list.reload();
-                    }));
-                },
-                label: 'Kill',
-                show: function (cron) {
-                    return cron.state === CronState.Running;
-                },
-            },
-        ];
-    };
-    CronsComponent.ctorParameters = function () { return [
-        { type: FsMessage },
-        { type: MatDialog }
-    ]; };
-    __decorate([
-        ViewChild(FsListComponent, { static: true }),
-        __metadata("design:type", FsListComponent)
-    ], CronsComponent.prototype, "list", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], CronsComponent.prototype, "enable", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], CronsComponent.prototype, "disable", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], CronsComponent.prototype, "kill", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], CronsComponent.prototype, "queue", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], CronsComponent.prototype, "run", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], CronsComponent.prototype, "loadCrons", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], CronsComponent.prototype, "loadCron", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], CronsComponent.prototype, "loadCronLogs", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], CronsComponent.prototype, "bulk", void 0);
-    CronsComponent = __decorate([
-        Component({
-            selector: 'fs-system-crons',
-            template: "<fs-list [config]=\"config\">\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Name</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      <a (click)=\"open(row)\">{{row.name}}</a>\r\n      <div *ngIf=\"row.cronSetting\">\r\n        <small>{{row.cronSetting.summary}}</small>\r\n      </div>\r\n    </ng-template>\r\n  </fs-list-column>\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Status</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{cronStates[row.state]}}\r\n    </ng-template>\r\n  </fs-list-column>\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Last Ran</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      <ng-container *ngIf=\"row.duration===null; else lastRan\">\r\n        Never\r\n      </ng-container>\r\n      <ng-template #lastRan>\r\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\r\n        <div><small *ngIf=\"row.duration\">Duration: {{ row.duration | fsDateDuration }}</small></div>\r\n      </ng-template>\r\n    </ng-template>\r\n  </fs-list-column>\r\n</fs-list>\r\n",
-            styles: [""]
-        }),
-        __metadata("design:paramtypes", [FsMessage,
-            MatDialog])
-    ], CronsComponent);
-    return CronsComponent;
-}());
-
-var SettingsComponent = /** @class */ (function () {
-    function SettingsComponent(_message, _clipboardService, _prompt, _cdRef) {
-        this._message = _message;
-        this._clipboardService = _clipboardService;
-        this._prompt = _prompt;
-        this._cdRef = _cdRef;
-        this.fileRemove = new EventEmitter();
-        this.fileSelect = new EventEmitter();
-        this.groupedSettings = [];
-        this.groups = [];
-        this.SettingInterfaceType = SettingInterfaceType;
-    }
-    SettingsComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.loadSettings()
-            .subscribe(function (settings) {
-            settings = settings.map(function (setting) {
-                switch (setting.interfaceType) {
-                    case SettingInterfaceType.Date:
-                    case SettingInterfaceType.Time:
-                        setting.value = parse(setting.value);
-                    case SettingInterfaceType.SelectMultiple:
-                        setting.value = Array.isArray(setting.value) ? setting.value : [];
-                        break;
-                }
-                return setting;
-            });
-            _this.groupedSettings = groupBy(settings, function (item) {
-                return item.group;
-            });
-            _this.groups = Object.keys(_this.groupedSettings);
-            _this._cdRef.markForCheck();
-        });
-    };
-    SettingsComponent.prototype.export = function (event, settings) {
-        event.stopPropagation();
-        var data = settings.map(function (setting) {
-            return {
-                name: setting.name,
-                value: setting.value,
-                group: setting.group,
-            };
-        });
-        this._clipboardService.copy(JSON.stringify(data));
-        this._message.success('Copied to clipboard');
-    };
-    SettingsComponent.prototype.import = function (event, group) {
-        var _this = this;
-        event.stopPropagation();
-        this._prompt.input({
-            label: 'JSON Import',
-            title: 'Import Settings',
-            commitLabel: 'Import',
-            required: true,
-        }).subscribe(function (value) {
-            if (value) {
-                try {
-                    var settings_1 = _this.groupedSettings[group];
-                    var data = JSON.parse(value);
-                    data.forEach(function (item) {
-                        var setting = settings_1.find(function (s) {
-                            return item.name === s.name;
-                        });
-                        if (setting) {
-                            Object.assign(setting, item);
-                        }
-                    });
-                    _this._cdRef.markForCheck();
-                }
-                catch (e) {
-                    _this._message.error(e);
-                }
-            }
-        });
-    };
-    SettingsComponent.prototype.saveGroup = function (group) {
-        var _this = this;
-        var settings = this.groupedSettings[group];
-        var values = reduce(settings, function (result, value, key) {
-            return (result[value.name] = value.value, result);
-        }, {});
-        this.save(group, values)
-            .subscribe(function () {
-            _this._message.success('Changes Saved');
-        });
-    };
-    SettingsComponent.ctorParameters = function () { return [
-        { type: FsMessage },
-        { type: ClipboardService },
-        { type: FsPrompt },
-        { type: ChangeDetectorRef }
-    ]; };
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], SettingsComponent.prototype, "loadSettings", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], SettingsComponent.prototype, "save", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", Object)
-    ], SettingsComponent.prototype, "fileRemove", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", Object)
-    ], SettingsComponent.prototype, "fileSelect", void 0);
-    SettingsComponent = __decorate([
-        Component({
-            selector: 'fs-system-settings',
-            template: "\r\n<mat-accordion>\r\n  <mat-expansion-panel hideToggle *ngFor=\"let group of groups\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <div class=\"title-row\">\r\n          <div class=\"title\">{{group || 'General'}}</div>\r\n          <div class=\"actions\">\r\n            <button\r\n              type=\"button\"\r\n              [matTooltip]=\"'Export ' + (group || 'General') + ' Settings'\"\r\n              mat-icon-button\r\n              (click)=\"export($event, groupedSettings[group])\">\r\n              <mat-icon>cloud_download</mat-icon>\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              [matTooltip]=\"'Import ' + (group || 'General') + ' Settings'\"\r\n              mat-icon-button\r\n              (click)=\"import($event, group)\">\r\n              <mat-icon>cloud_upload</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </mat-panel-title>\r\n    </mat-expansion-panel-header>\r\n\r\n    <div hideToggle *ngFor=\"let setting of groupedSettings[group]\">\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.InputBox\">\r\n        <input\r\n          matInput\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Textarea\">\r\n        <textarea\r\n          matInput\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        </textarea>\r\n        <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Select || setting.interfaceType===SettingInterfaceType.SelectMultiple\">\r\n        <mat-select\r\n            [placeholder]=\"setting.label\"\r\n            [(ngModel)]=\"setting.value\"\r\n            [multiple]=\"setting.interfaceType===SettingInterfaceType.SelectMultiple\"\r\n            [name]=\"'setting' + setting.id\">\r\n          <mat-option *ngFor=\"let item of setting.values | keyNameValue\" [value]=\"item.value\">\r\n            {{item.name}}\r\n          </mat-option>\r\n        </mat-select>\r\n        <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Date\">\r\n        <input\r\n          matInput\r\n          fsDatePicker\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Time\">\r\n        <input\r\n          matInput\r\n          fsTimePicker\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <fs-file-picker\r\n        *ngIf=\"setting.interfaceType===SettingInterfaceType.File\"\r\n        [allowRemove]=\"true\"\r\n        [allowDownload]=\"true\"\r\n        (select)=\"fileSelect.emit({ setting: setting, file: $event.file })\"\r\n        (remove)=\"fileRemove.emit(setting)\"\r\n        [url]=\"setting.value\">\r\n        <div fsFileLabel>{{setting.label}}</div>\r\n      </fs-file-picker>\r\n    </div>\r\n\r\n    <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"saveGroup(group)\">Save</button>\r\n\r\n  </mat-expansion-panel>\r\n\r\n</mat-accordion>\r\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            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}"]
-        }),
-        __metadata("design:paramtypes", [FsMessage,
-            ClipboardService,
-            FsPrompt,
-            ChangeDetectorRef])
-    ], SettingsComponent);
-    return SettingsComponent;
-}());
-
-var FileManagerComponent = /** @class */ (function () {
-    function FileManagerComponent() {
-    }
-    FileManagerComponent.prototype.ngOnInit = function () {
-        this._configFileManager();
-    };
-    FileManagerComponent.prototype._configFileManager = function () {
-        var _this = this;
-        this.config = {
-            fetch: function (path) {
-                return _this.fetch(path);
-            },
-            deleteFile: function (path) {
-                return _this.deleteFile(path);
-            },
-            deleteDirectory: function (path) {
-                return _this.deleteDirectory(path);
-            },
-            createDirectory: function (path) {
-                return _this.createDirectory(path);
-            },
-            download: function (path) {
-                return _this.download(path);
-            },
-            upload: function (path, file) {
-                return _this.upload(path, file);
-            }
-        };
-    };
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], FileManagerComponent.prototype, "fetch", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], FileManagerComponent.prototype, "deleteFile", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], FileManagerComponent.prototype, "deleteDirectory", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], FileManagerComponent.prototype, "createDirectory", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], FileManagerComponent.prototype, "download", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], FileManagerComponent.prototype, "upload", void 0);
-    FileManagerComponent = __decorate([
-        Component({
-            selector: 'fs-system-file-manager',
-            template: "<fs-file-manager [config]=\"config\"></fs-file-manager>",
-            styles: [""]
-        }),
-        __metadata("design:paramtypes", [])
-    ], FileManagerComponent);
-    return FileManagerComponent;
-}());
-
-var KeyNameValuePipe = /** @class */ (function () {
-    function KeyNameValuePipe() {
-    }
-    KeyNameValuePipe.prototype.transform = function (values) {
-        return Object.keys(values).map(function (key) {
-            return { value: key, name: values[key] };
-        });
-    };
-    KeyNameValuePipe = __decorate([
-        Pipe({
-            name: 'keyNameValue'
-        }),
-        Injectable()
-    ], KeyNameValuePipe);
-    return KeyNameValuePipe;
-}());
-
-var ProcessComponent = /** @class */ (function () {
-    function ProcessComponent(_dialogRef, data) {
-        this._dialogRef = _dialogRef;
-        this.data = data;
-        this.ProcessState = ProcessState;
-    }
-    ProcessComponent.prototype.ngOnInit = function () {
-        this.ProcessStates = indexNameValue(ProcessStates);
-        if (this.data.loadProcess) {
-            this.load();
-        }
-        else {
-            this.process = this.data.process;
-        }
-    };
-    ProcessComponent.prototype.load = function () {
-        var _this = this;
-        this.data.loadProcess(this.data.process)
-            .subscribe(function (process) {
-            _this.process = process;
-        });
-    };
-    ProcessComponent.ctorParameters = function () { return [
-        { type: MatDialogRef },
-        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-    ]; };
-    ProcessComponent = __decorate([
-        Component({
-            template: "<fs-dialog *fsSkeleton=\"process\">\r\n  <div mat-dialog-title>Process</div>\r\n  <mat-dialog-content>\r\n    <div fxLayout=\"column\">\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Name\r\n        </fs-label>\r\n        {{process.prettyName}}\r\n      </fs-label-field>\r\n\r\n      <div fxLayout=\"row\" fxLayoutGap=\"20px\">\r\n\r\n        <fs-label-field>\r\n          <fs-label>\r\n            Status\r\n          </fs-label>\r\n          {{ProcessStates[process.state]}}\r\n        </fs-label-field>\r\n\r\n        <fs-label-field *ngIf=\"process.notify\">\r\n          <fs-label>\r\n            Notification Email\r\n          </fs-label>\r\n          {{process.notify}}\r\n        </fs-label-field>\r\n\r\n        <fs-label-field *ngIf=\"process.pid\">\r\n          <fs-label>\r\n            PID\r\n          </fs-label>\r\n          {{process.pid}}\r\n        </fs-label-field>\r\n      </div>\r\n\r\n      <div fxLayout=\"row\" fxLayoutGap=\"20px\">\r\n        <fs-label-field>\r\n          <fs-label>\r\n            Create Date\r\n          </fs-label>\r\n          {{ process.createDate | fsDateFormat: 'date-time' }}\r\n        </fs-label-field>\r\n\r\n        <fs-label-field *ngIf=\"process.startDate\">\r\n          <fs-label>\r\n            Start Date\r\n          </fs-label>\r\n          {{ process.startDate | fsDateFormat: 'date-time' }}\r\n        </fs-label-field>\r\n\r\n        <fs-label-field *ngIf=\"process.endDate\">\r\n          <fs-label>\r\n            Complete Date\r\n          </fs-label>\r\n          {{ process.endDate | fsDateFormat: 'date-time' }}\r\n        </fs-label-field>\r\n\r\n        <fs-label-field *ngIf=\"process.duration\">\r\n          <fs-label>\r\n            Duration\r\n          </fs-label>\r\n          {{ process.duration | fsDateDuration: {hours: true, minutes: true, seconds: true} }}\r\n        </fs-label-field>\r\n      </div>\r\n\r\n      <fs-label-field *ngIf=\"process.message\">\r\n        <fs-label>\r\n          Message\r\n        </fs-label>\r\n        {{process.message}}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field *ngIf=\"process.log\" class=\"log\">\r\n        <fs-label>\r\n          Log\r\n        </fs-label>{{process.log}}\r\n      </fs-label-field>\r\n\r\n    </div>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions>\r\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\r\n    <button\r\n      *ngIf=\"process.state===ProcessState.Running && data.loadProcess\"\r\n      mat-button\r\n      (click)=\"load()\">\r\n      Reload\r\n    </button>\r\n  </mat-dialog-actions>\r\n</fs-dialog>\r\n",
-            styles: [":host ::ng-deep .log .field-content{white-space:pre-wrap;font-family:monospace;font-size:14px}"]
-        }),
-        __param(1, Inject(MAT_DIALOG_DATA)),
-        __metadata("design:paramtypes", [MatDialogRef, Object])
-    ], ProcessComponent);
-    return ProcessComponent;
-}());
-
-var ProcessesComponent = /** @class */ (function () {
-    function ProcessesComponent(_dialog, _message) {
-        this._dialog = _dialog;
-        this._message = _message;
-        this.actions = [];
-        this.config = null;
-        this.ProcessStates = indexNameValue(ProcessStates);
-        this.ProcessState = ProcessState;
-        this._destroy$ = new Subject();
-    }
-    ProcessesComponent.prototype.ngOnInit = function () {
-        this._configList();
-    };
-    ProcessesComponent.prototype._configList = function () {
-        var _this = this;
-        this.config = {
-            actions: [],
-            rowActions: [],
-            filters: [
-                {
-                    type: ItemType.Keyword,
-                    name: 'keyword',
-                    label: 'Search'
-                },
-                {
-                    type: ItemType.Select,
-                    name: 'state',
-                    label: 'Status',
-                    values: ProcessStates
-                },
-            ],
-            fetch: function (query) {
-                return _this.loadProcesses(query)
-                    .pipe(map(function (response) { return ({ data: response.data, paging: response.paging }); }));
-            }
-        };
-        if (this.run) {
-            this.config.rowActions.push({
-                label: 'Run',
-                click: function (data) {
-                    _this._message.info('Running process...');
-                    _this.run(data)
-                        .subscribe(function () {
-                        _this.list.reload();
-                        _this._message.success('Succesfully ran process');
-                    });
-                    setTimeout(function () {
-                        _this.list.reload();
-                    }, 500);
-                }
-            });
-        }
-        if (this.kill) {
-            this.config.rowActions.push({
-                label: 'Kill',
-                show: function (data) {
-                    return !!data.pid;
-                },
-                click: function (data) {
-                    _this._message.info('Killing process...');
-                    _this.kill(data)
-                        .subscribe(function () {
-                        _this.list.reload();
-                        _this._message.success('Succesfully killed process');
-                    });
-                    setTimeout(function () {
-                        _this.list.reload();
-                    }, 500);
-                }
-            });
-        }
-        if (this.delete) {
-            this.config.rowActions.push({
-                label: 'Delete',
-                click: function (data) {
-                    _this.delete(data)
-                        .subscribe(function () {
-                        _this.list.reload();
-                        _this._message.success('Deleted process');
-                    });
-                }
-            });
-        }
-        this.actions.forEach(function (action) {
-            _this.config.actions.push({
-                primary: false,
-                label: action.label,
-                menu: action.menu,
-                click: function () {
-                    if (action.click) {
-                        action.click();
-                    }
-                    if (action.component) {
-                        var dialogRef = _this._dialog.open(action.component, {
-                            width: '800px'
-                        });
-                        dialogRef.afterClosed()
-                            .pipe(takeUntil(_this._destroy$))
-                            .subscribe(function (result) {
-                            _this.list.reload();
-                        });
-                    }
-                },
-            });
-        });
-    };
-    ProcessesComponent.prototype.open = function (process) {
-        this._dialog.open(ProcessComponent, {
-            data: {
-                process: process,
-                loadProcess: this.loadProcess,
-            },
-            width: '85%'
-        });
-    };
-    ProcessesComponent.prototype.ngOnDestroy = function () {
-        this._destroy$.next();
-        this._destroy$.complete();
-    };
-    ProcessesComponent.ctorParameters = function () { return [
-        { type: MatDialog },
-        { type: FsMessage }
-    ]; };
-    __decorate([
-        ViewChild(FsListComponent),
-        __metadata("design:type", FsListComponent)
-    ], ProcessesComponent.prototype, "list", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], ProcessesComponent.prototype, "loadProcesses", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], ProcessesComponent.prototype, "loadProcess", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], ProcessesComponent.prototype, "run", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], ProcessesComponent.prototype, "kill", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], ProcessesComponent.prototype, "delete", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], ProcessesComponent.prototype, "download", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Array)
-    ], ProcessesComponent.prototype, "actions", void 0);
-    ProcessesComponent = __decorate([
-        Component({
-            selector: 'fs-system-processes',
-            template: "<fs-list [config]=\"config\">\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Name</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      <a (click)=\"open(row)\">{{row.prettyName}}</a>\r\n    </ng-template>\r\n  </fs-list-column>\r\n\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Status</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{ProcessStates[row.state]}}\r\n      <small>\r\n        <div *ngIf=\"row.state===ProcessState.Running && row.percent\">Complete: {{ row.percent }}%</div>\r\n        <div *ngIf=\"row.state===ProcessState.Completed && row.filename\">Download: <a href=\"javascript:;\" (click)=\"download(row)\">{{ row.filename }}</a></div>\r\n        <div *ngIf=\"row.pid\">PID: {{ row.pid }}</div>\r\n        <div *ngIf=\"row.state===ProcessState.Running && row.notify\">Notify: {{ row.notify }}</div>\r\n      </small>\r\n    </ng-template>\r\n  </fs-list-column>\r\n\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Duration</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{ row.duration | fsDateDuration: {hours: true, minutes: true, seconds: true} }}\r\n    </ng-template>\r\n  </fs-list-column>\r\n\r\n\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Message</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{row.message}}\r\n    </ng-template>\r\n  </fs-list-column>\r\n\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Completed</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      <fs-date-ago [date]=\"row.endDate\"></fs-date-ago>\r\n    </ng-template>\r\n  </fs-list-column>\r\n</fs-list>\r\n",
-            styles: [""]
-        }),
-        __metadata("design:paramtypes", [MatDialog,
-            FsMessage])
-    ], ProcessesComponent);
-    return ProcessesComponent;
-}());
-
-var ServerLogComponent = /** @class */ (function () {
-    function ServerLogComponent(data) {
-        this.data = data;
-    }
-    ServerLogComponent.prototype.ngOnInit = function () {
-        if (this.data.log) {
-            this.log = this.data.log;
-            try {
-                this.log.backtrace = JSON.parse(this.log.backtrace);
-            }
-            catch (e) { }
-            try {
-                this.log.server = JSON.parse(this.log.server);
-            }
-            catch (e) { }
-        }
-    };
-    ServerLogComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-    ]; };
-    ServerLogComponent = __decorate([
-        Component({
-            template: "<fs-dialog *fsSkeleton=\"log\">\r\n  <div mat-dialog-title>Log</div>\r\n  <mat-dialog-content>\r\n    <div fxLayout=\"column\">\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Error Type\r\n        </fs-label>\r\n        {{log.type}}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Message\r\n        </fs-label>\r\n        {{log.message}}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field>\r\n        <fs-label>\r\n          URL\r\n        </fs-label>\r\n        {{log.url}}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Date\r\n        </fs-label>\r\n        {{log.createDate|fsDateFormat: 'full-date-time'}}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field>\r\n        <fs-label>\r\n          File\r\n        </fs-label>\r\n        {{log.file}} @ {{log.line}}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Backtrace\r\n        </fs-label>\r\n        <pre>{{log.backtrace|json}}</pre>\r\n      </fs-label-field>\r\n\r\n      <fs-label-field>\r\n        <fs-label>\r\n          $_SERVER\r\n        </fs-label>\r\n        <pre>{{log.server|json}}</pre>\r\n      </fs-label-field>\r\n    </div>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions>\r\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\r\n  </mat-dialog-actions>\r\n</fs-dialog>\r\n",
-            styles: [""]
-        }),
-        __param(0, Inject(MAT_DIALOG_DATA)),
-        __metadata("design:paramtypes", [Object])
-    ], ServerLogComponent);
-    return ServerLogComponent;
-}());
-
-var ServerLogsComponent = /** @class */ (function () {
-    function ServerLogsComponent(_dialog) {
-        this._dialog = _dialog;
-        this.config = null;
-        this.logTypes = [];
-    }
-    ServerLogsComponent.prototype.ngOnInit = function () {
-        this._configList();
-    };
-    ServerLogsComponent.prototype._configList = function () {
-        var _this = this;
-        this.config = {
-            filters: [
-                {
-                    type: ItemType.Keyword,
-                    name: 'keyword',
-                    label: 'Search'
-                }
-            ],
-            fetch: function (query) {
-                return _this.loadLogs(query)
-                    .pipe(map(function (response) { return ({ data: response.data, paging: response.paging }); }));
-            }
-        };
-    };
-    ServerLogsComponent.prototype.open = function (log) {
-        this._dialog.open(ServerLogComponent, {
-            data: { log: log },
-            width: '85%'
-        });
-    };
-    ServerLogsComponent.ctorParameters = function () { return [
-        { type: MatDialog }
-    ]; };
-    __decorate([
-        ViewChild('list', { static: true }),
-        __metadata("design:type", FsListComponent)
-    ], ServerLogsComponent.prototype, "list", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], ServerLogsComponent.prototype, "loadLogs", void 0);
-    ServerLogsComponent = __decorate([
-        Component({
-            selector: 'fs-system-server-logs',
-            template: "<fs-list [config]=\"config\">\r\n    <fs-list-column>\r\n      <ng-template fs-list-header>Message</ng-template>\r\n      <ng-template fs-list-cell let-row=\"row\">\r\n        <a href=\"javascript:;\" (click)=\"open(row)\">{{row.message}}</a>\r\n      </ng-template>\r\n    </fs-list-column>\r\n    <fs-list-column>\r\n      <ng-template fs-list-header>Type</ng-template>\r\n      <ng-template fs-list-cell let-row=\"row\">\r\n        {{row.type}}\r\n      </ng-template>\r\n    </fs-list-column>\r\n    <fs-list-column>\r\n      <ng-template fs-list-header>Date</ng-template>\r\n      <ng-template fs-list-cell let-row=\"row\">\r\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\r\n      </ng-template>\r\n    </fs-list-column>\r\n  </fs-list>\r\n",
-            styles: [""]
-        }),
-        __metadata("design:paramtypes", [MatDialog])
-    ], ServerLogsComponent);
-    return ServerLogsComponent;
-}());
-
-var UpgradeLogsComponent = /** @class */ (function () {
-    function UpgradeLogsComponent() {
-        this.config = null;
-        this.logTypes = [];
-    }
-    UpgradeLogsComponent.prototype.ngOnInit = function () {
-        this._configList();
-    };
-    UpgradeLogsComponent.prototype._configList = function () {
-        var _this = this;
-        this.config = {
-            paging: false,
-            filters: [
-                {
-                    type: ItemType.Keyword,
-                    name: 'keyword',
-                    label: 'Search'
-                }
-            ],
-            fetch: function (query) {
-                return _this.loadUpgradeLogs(query)
-                    .pipe(map(function (response) { return ({ data: response.data, paging: response.paging }); }));
-            }
-        };
-    };
-    __decorate([
-        ViewChild(FsListComponent, { static: true }),
-        __metadata("design:type", FsListComponent)
-    ], UpgradeLogsComponent.prototype, "list", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], UpgradeLogsComponent.prototype, "loadUpgradeLogs", void 0);
-    UpgradeLogsComponent = __decorate([
-        Component({
-            selector: 'fs-system-upgrade-logs',
-            template: "<fs-list [config]=\"config\">\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Name</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{row.name}}\r\n    </ng-template>\r\n  </fs-list-column>\r\n\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Function</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{row.function}}()\r\n    </ng-template>\r\n  </fs-list-column>\r\n\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Date</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\r\n    </ng-template>\r\n  </fs-list-column>\r\n</fs-list>\r\n",
-            styles: [""]
-        })
-    ], UpgradeLogsComponent);
-    return UpgradeLogsComponent;
-}());
-
-var ApiLogComponent = /** @class */ (function () {
-    function ApiLogComponent(_dialogRef, data) {
-        this._dialogRef = _dialogRef;
-        this.data = data;
-    }
-    ApiLogComponent.prototype.ngOnInit = function () {
-        this.apiLogStates = indexNameValue(ApiLogStates);
-        if (this.data.apiLog) {
-            this.apiLog = this.data.apiLog;
-        }
-    };
-    ApiLogComponent.ctorParameters = function () { return [
-        { type: MatDialogRef },
-        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-    ]; };
-    ApiLogComponent = __decorate([
-        Component({
-            template: "<fs-dialog *fsSkeleton=\"apiLog\">\r\n  <div mat-dialog-title>API Log</div>\r\n  <mat-dialog-content>\r\n    <div fxLayout=\"column\">\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Type\r\n        </fs-label>\r\n        {{apiLog.type}}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Status\r\n        </fs-label>\r\n        {{apiLogStates[apiLog.state]}}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Date\r\n        </fs-label>\r\n        {{apiLog.createDate|fsDateFormat: 'full-date-time'}}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field *ngIf=\"apiLog.length\">\r\n        <fs-label>\r\n          Duration\r\n        </fs-label>\r\n        {{ apiLog.length | fsDateDuration }}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field *ngIf=\"apiLog.code\">\r\n        <fs-label>\r\n          Code\r\n        </fs-label>\r\n        {{apiLog.code}}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field *ngIf=\"apiLog.message\">\r\n        <fs-label>\r\n          Message\r\n        </fs-label>\r\n        {{apiLog.message}}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field *ngIf=\"apiLog.url\">\r\n        <fs-label>\r\n          URL\r\n        </fs-label>\r\n        {{apiLog.url}}\r\n      </fs-label-field>\r\n\r\n      <fs-label-field *ngIf=\"apiLog.request\">\r\n        <fs-label>\r\n          Request\r\n        </fs-label>\r\n        <pre>{{apiLog.request|json}}</pre>\r\n      </fs-label-field>\r\n\r\n      <fs-label-field *ngIf=\"apiLog.response\">\r\n        <fs-label>\r\n          Response\r\n        </fs-label>\r\n        <pre>{{apiLog.response|json}}</pre>\r\n      </fs-label-field>\r\n\r\n    </div>\r\n  </mat-dialog-content>\r\n  <mat-dialog-actions>\r\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\r\n  </mat-dialog-actions>\r\n</fs-dialog>\r\n",
-            styles: [""]
-        }),
-        __param(1, Inject(MAT_DIALOG_DATA)),
-        __metadata("design:paramtypes", [MatDialogRef, Object])
-    ], ApiLogComponent);
-    return ApiLogComponent;
-}());
-
-var ApiLogsComponent = /** @class */ (function () {
-    function ApiLogsComponent(_dialog) {
-        this._dialog = _dialog;
-        this.config = null;
-        this.apiLogStates = indexNameValue(ApiLogStates);
-    }
-    ApiLogsComponent.prototype.ngOnInit = function () {
-        this._configList();
-    };
-    ApiLogsComponent.prototype._configList = function () {
-        var _this = this;
-        this.config = {
-            filters: [
-                {
-                    type: ItemType.Keyword,
-                    name: 'keyword',
-                    label: 'Search'
-                },
-                {
-                    type: ItemType.Select,
-                    name: 'state',
-                    label: 'Status',
-                    values: ApiLogStates
-                },
-                {
-                    name: 'createDate',
-                    type: ItemType.DateRange,
-                    label: ['From Date', 'To Date'],
-                }
-            ],
-            fetch: function (query) {
-                Object.assign(query, {});
-                return _this.loadApiLogs(query)
-                    .pipe(map(function (response) { return ({ data: response.data, paging: response.paging }); }));
-            }
-        };
-    };
-    ApiLogsComponent.prototype.open = function (apiLog) {
-        this._dialog.open(ApiLogComponent, {
-            data: { apiLog: apiLog },
-            width: '85%'
-        });
-    };
-    ApiLogsComponent.ctorParameters = function () { return [
-        { type: MatDialog }
-    ]; };
-    __decorate([
-        ViewChild(FsListComponent, { static: true }),
-        __metadata("design:type", FsListComponent)
-    ], ApiLogsComponent.prototype, "list", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], ApiLogsComponent.prototype, "loadApiLogs", void 0);
-    ApiLogsComponent = __decorate([
-        Component({
-            selector: 'fs-system-api-logs',
-            template: "<fs-list [config]=\"config\">\r\n    <fs-list-column>\r\n      <ng-template fs-list-header>Name</ng-template>\r\n      <ng-template fs-list-cell let-row=\"row\">\r\n        <a href=\"javascript:;\" (click)=\"open(row)\">{{row.type || 'Unknown'}}</a>\r\n      </ng-template>\r\n    </fs-list-column>\r\n    <fs-list-column>\r\n        <ng-template fs-list-header>Message</ng-template>\r\n        <ng-template fs-list-cell let-row=\"row\">\r\n          {{row.message}}\r\n        </ng-template>\r\n      </fs-list-column>\r\n    <fs-list-column>\r\n      <ng-template fs-list-header>Status</ng-template>\r\n      <ng-template fs-list-cell let-row=\"row\">\r\n        {{apiLogStates[row.state]}}\r\n      </ng-template>\r\n    </fs-list-column>\r\n    <fs-list-column>\r\n      <ng-template fs-list-header>Date</ng-template>\r\n      <ng-template fs-list-cell let-row=\"row\">\r\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\r\n        <div><small *ngIf=\"row.length\">Duration: {{ row.length | fsDateDuration }}</small></div>\r\n      </ng-template>\r\n    </fs-list-column>\r\n  </fs-list>\r\n",
-            styles: [""]
-        }),
-        __metadata("design:paramtypes", [MatDialog])
-    ], ApiLogsComponent);
-    return ApiLogsComponent;
-}());
-
-var InfoComponent = /** @class */ (function () {
-    function InfoComponent() {
-    }
-    InfoComponent.prototype.ngAfterViewInit = function () {
-        this._load();
-    };
-    InfoComponent.prototype._load = function () {
-        var _this = this;
-        this.load()
-            .subscribe(function (info) {
-            info += '<style>body { background: transparent; }</style>';
-            var doc = _this.iframe.nativeElement.contentDocument || _this.iframe.nativeElement.contentWindow;
-            doc.open();
-            doc.write(info);
-            doc.close();
-            var scrollHeight = (_this.iframe.nativeElement.contentWindow.document.documentElement.scrollHeight + 100);
-            _this.iframe.nativeElement.style.height = scrollHeight + "px";
-        });
-    };
-    __decorate([
-        ViewChild('iframe'),
-        __metadata("design:type", ElementRef)
-    ], InfoComponent.prototype, "iframe", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], InfoComponent.prototype, "load", void 0);
-    InfoComponent = __decorate([
-        Component({
-            selector: 'fs-system-info',
-            template: "<iframe #iframe></iframe>\r\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: ["iframe{width:100%;border:0}"]
-        })
-    ], InfoComponent);
-    return InfoComponent;
-}());
-
-var FsSystemModule = /** @class */ (function () {
-    function FsSystemModule() {
-    }
-    FsSystemModule_1 = FsSystemModule;
-    FsSystemModule.forRoot = function (config) {
-        return {
-            ngModule: FsSystemModule_1,
-            providers: [
-                { provide: FS_SYSTEM_CONFIG, useValue: config || {} },
-            ]
-        };
-    };
-    var FsSystemModule_1;
-    FsSystemModule = FsSystemModule_1 = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                FlexLayoutModule,
-                FormsModule,
-                MatButtonModule,
-                MatExpansionModule,
-                MatTooltipModule,
-                MatIconModule,
-                MatFormFieldModule,
-                MatInputModule,
-                MatSelectModule,
-                MatDialogModule,
-                MatTabsModule,
-                FsDateModule,
-                FsSkeletonModule,
-                FsListModule,
-                FsFileModule,
-                FsFileManagerModule,
-                FsLabelModule,
-                FsDialogModule,
-                FsDatePickerModule,
-                FsMenuModule,
-                ClipboardModule,
-            ],
-            exports: [
-                DashboardComponent,
-                CronsComponent,
-                SettingsComponent,
-                FileManagerComponent,
-                ProcessesComponent,
-                ServerLogsComponent,
-                UpgradeLogsComponent,
-                ApiLogsComponent,
-                InfoComponent,
-            ],
-            declarations: [
-                DashboardComponent,
-                CronsComponent,
-                SettingsComponent,
-                KeyNameValuePipe,
-                FileManagerComponent,
-                ProcessesComponent,
-                ServerLogComponent,
-                ServerLogsComponent,
-                UpgradeLogsComponent,
-                ApiLogsComponent,
-                ApiLogComponent,
-                InfoComponent,
-                ProcessComponent,
-                CronComponent,
-                CronLogComponent,
-            ],
-        })
-    ], FsSystemModule);
-    return FsSystemModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ApiLogState, ApiLogStates, CronState, CronStates, FS_SYSTEM_CONFIG, FsSystemModule, ProcessState, ProcessStates, DashboardComponent as ɵa, CronsComponent as ɵb, SettingsComponent as ɵc, FileManagerComponent as ɵd, ProcessesComponent as ɵe, ServerLogsComponent as ɵf, UpgradeLogsComponent as ɵg, ApiLogsComponent as ɵh, InfoComponent as ɵi, KeyNameValuePipe as ɵj, ServerLogComponent as ɵk, ApiLogComponent as ɵl, ProcessComponent as ɵm, CronComponent as ɵn, CronLogComponent as ɵo };
-//# sourceMappingURL=firestitch-system.js.map