@firestitch/system 12.5.6 → 13.0.1

package/bundles/firestitch-system.umd.js

@@ -1,1904 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/router'), require('@angular/material/button'), require('@angular/material/dialog'), require('@angular/material/tabs'), require('@firestitch/clipboard'), require('@firestitch/common'), require('@firestitch/date'), require('@firestitch/dialog'), require('@firestitch/form'), require('@firestitch/label'), require('@firestitch/list'), require('@firestitch/popover'), require('@firestitch/filter'), require('rxjs/operators'), require('@angular/material/expansion'), require('@angular/material/form-field'), require('@angular/material/icon'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/tooltip'), require('@firestitch/colorpicker'), require('@firestitch/datepicker'), require('@firestitch/file'), require('@firestitch/file-manager'), require('@firestitch/menu'), require('@firestitch/skeleton'), require('@firestitch/selection'), require('rxjs'), require('date-fns'), require('@firestitch/message'), require('@firestitch/prompt'), require('@firestitch/build'), require('@angular/material/core')) :
-    typeof define === 'function' && define.amd ? define('@firestitch/system', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/router', '@angular/material/button', '@angular/material/dialog', '@angular/material/tabs', '@firestitch/clipboard', '@firestitch/common', '@firestitch/date', '@firestitch/dialog', '@firestitch/form', '@firestitch/label', '@firestitch/list', '@firestitch/popover', '@firestitch/filter', 'rxjs/operators', '@angular/material/expansion', '@angular/material/form-field', '@angular/material/icon', '@angular/material/input', '@angular/material/select', '@angular/material/tooltip', '@firestitch/colorpicker', '@firestitch/datepicker', '@firestitch/file', '@firestitch/file-manager', '@firestitch/menu', '@firestitch/skeleton', '@firestitch/selection', 'rxjs', 'date-fns', '@firestitch/message', '@firestitch/prompt', '@firestitch/build', '@angular/material/core'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.system = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.router, global.ng.material.button, global.ng.material.dialog, global.ng.material.tabs, global.i2$1, global.i9, global.i4$1, global.i2, global.form, global.i3, global.i2$2, global.i7, global.filter, global.rxjs.operators, global.ng.material.expansion, global.ng.material.formField, global.ng.material.icon, global.ng.material.input, global.ng.material.select, global.ng.material.tooltip, global.i11, global.i10, global.i12, global.fileManager, global.i4$2, global.i5, global.selection, global.rxjs, global.dateFns, global.i1$1, global.i3$2, global.i2$3, global.ng.material.core));
-})(this, (function (exports, i8, i0, i16, router, i4, i1, i3$1, i2$1, i9, i4$1, i2, form, i3, i2$2, i7, filter, operators, i4$3, i7$1, i6, i15, i8$1, i9$1, i11, i10, i12, fileManager, i4$2, i5, selection, rxjs, dateFns, i1$1, i3$2, i2$3, i9$2) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i16__namespace = /*#__PURE__*/_interopNamespace(i16);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
-    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
-    var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
-    var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
-    var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
-    var i4__namespace$3 = /*#__PURE__*/_interopNamespace(i4$3);
-    var i7__namespace$1 = /*#__PURE__*/_interopNamespace(i7$1);
-    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-    var i15__namespace = /*#__PURE__*/_interopNamespace(i15);
-    var i8__namespace$1 = /*#__PURE__*/_interopNamespace(i8$1);
-    var i9__namespace$1 = /*#__PURE__*/_interopNamespace(i9$1);
-    var i11__namespace = /*#__PURE__*/_interopNamespace(i11);
-    var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
-    var i12__namespace = /*#__PURE__*/_interopNamespace(i12);
-    var i4__namespace$2 = /*#__PURE__*/_interopNamespace(i4$2);
-    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
-    var i2__namespace$3 = /*#__PURE__*/_interopNamespace(i2$3);
-    var i9__namespace$2 = /*#__PURE__*/_interopNamespace(i9$2);
-
-    var ExplainComponent = /** @class */ (function () {
-        function ExplainComponent(_data) {
-            this._data = _data;
-            this.explain = _data.explain;
-        }
-        return ExplainComponent;
-    }());
-    ExplainComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ExplainComponent, deps: [{ token: i1.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ExplainComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ExplainComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog>\n  <h1 mat-dialog-title>Explain</h1>\n  <mat-dialog-content>\n    <div class=\"explain-popover\">{{explain | json}}</div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        type=\"button\"\n        color=\"primary\"\n        [mat-dialog-close]=\"undefined\">\n      Done\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [".explain-popover{white-space:pre}\n"], components: [{ type: i2__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { 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: i1__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "json": i8__namespace.JsonPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ExplainComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        templateUrl: './explain.component.html',
-                        styleUrls: ['./explain.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.MAT_DIALOG_DATA]
-                        }] }];
-        } });
-
-    var QueryLogComponent = /** @class */ (function () {
-        function QueryLogComponent(_data, _dialog) {
-            this._data = _data;
-            this._dialog = _dialog;
-            this.accessTypes = {
-                NULL: 'This access method means MySQL can resolve the query during the optimization phase and will not even access the table or index during the execution stage.',
-                system: 'The table is empty or has one row.',
-                const: 'The value of the column can be treated as a constant (there is one row matching the query). Note: Primary Key Lookup, Unique Index Lookup',
-                eq_ref: 'The index is clustered and is being used by the operation (either the index is a PRIMARY KEY or UNIQUE INDEX with all key columns defined as NOT NULL)',
-                ref: 'The indexed column was accessed using an equality operator Note: The ref_or_null access type is a variation on ref. It means MySQL must do a second lookup to find NULL entries after doing the initial lookup.',
-                fulltext: 'Operation (JOIN) is using the table’s fulltext index',
-                index: 'The entire index is scanned to find a match for the query. Note: The main advantage is that this avoids sorting. The biggest disadvantage is the cost of reading an entire table in index order. This usually means accessing the rows in random order, which is very expensive.',
-                index_merge: 'This join type indicates that the Index Merge optimization is used. In this case, the key column in the output row contains a list of indexes used. It indicates a query can make limited use of multiple indexes on a single table.',
-                range: 'This type replaces eq_ref for some IN subqueries of the following form: value IN (SELECT primary_key FROM single_table WHERE some_expr)',
-                unique_subquery: '',
-                ALL: 'MySQL scans the entire table to satisfy the query',
-            };
-            this.queryLog = _data.queryLog;
-        }
-        QueryLogComponent.prototype.openExplain = function () {
-            this._dialog.open(ExplainComponent, {
-                data: { explain: this.explain },
-            });
-        };
-        Object.defineProperty(QueryLogComponent.prototype, "explain", {
-            get: function () {
-                return this.queryLog.explain;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QueryLogComponent.prototype, "queryBlock", {
-            get: function () {
-                var _a;
-                return (_a = this.explain) === null || _a === void 0 ? void 0 : _a.queryBlock;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QueryLogComponent.prototype, "orderingOperation", {
-            get: function () {
-                var _a;
-                return (_a = this.queryBlock) === null || _a === void 0 ? void 0 : _a.orderingOperation;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return QueryLogComponent;
-    }());
-    QueryLogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: QueryLogComponent, deps: [{ token: i1.MAT_DIALOG_DATA }, { token: i1__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    QueryLogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: QueryLogComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog>\n  <h1 mat-dialog-title>Query Log</h1>\n  <mat-dialog-content>\n    <div class=\"fs-row.gap-large\">\n      <fs-label-field>\n        <fs-label>Duration</fs-label>\n        {{queryLog.duration}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>Optimized</fs-label>\n        {{queryLog.optimized ? 'Yes' : 'No'}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>Query Cost</fs-label>\n        {{queryLog.queryCost}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>Raw Explain</fs-label>\n        <a (click)=\"openExplain()\">View</a>\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>URL</fs-label>\n        {{queryLog.path | fsFormatTruncate: 50}}\n      </fs-label-field>\n    </div>\n\n    <mat-tab-group>\n      <mat-tab label=\"Query\">\n        <fs-clipboard-button\n          [content]=\"queryLog.prettyQuery\">\n        </fs-clipboard-button>\n        <div [innerHTML]=\"queryLog.prettyQuery\" class=\"query\"></div>\n      </mat-tab>\n      \n      <mat-tab label=\"Explain\">\n        <ng-container [ngTemplateOutlet]=\"nestedLoop\" [ngTemplateOutletContext]=\"{ queryBlock: queryBlock, selectId: queryBlock.selectId, costInfo: queryBlock.costInfo }\"></ng-container>\n      </mat-tab>\n    </mat-tab-group>\n\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        type=\"button\"\n        color=\"primary\"\n        [mat-dialog-close]=\"undefined\">\n      Done\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n\n<ng-template #nestedLoop let-queryBlock=\"queryBlock\" let-selectId=\"selectId\" let-costInfo=\"costInfo\">\n  <ng-container *ngIf=\"selectId\">\n    <h1>Select {{selectId}}</h1>\n  </ng-container>\n  \n  <div class=\"fs-row.gap-large\">\n    <ng-container *ngIf=\"costInfo?.queryCost\">\n      <fs-label-field>\n        <fs-label>Query Cost</fs-label>\n        {{costInfo.queryCost}}\n      </fs-label-field>\n    </ng-container>\n    <ng-container *ngIf=\"queryBlock.orderingOperation\">\n      <fs-label-field>\n        <fs-label>Ordering Operation</fs-label>\n        <ng-container [ngTemplateOutlet]=\"queryBlockCritical\" [ngTemplateOutletContext]=\"{ queryBlock: queryBlock.orderingOperation }\"></ng-container>\n      </fs-label-field>\n    </ng-container>\n\n    <ng-container *ngIf=\"queryBlock.groupingOperation\">\n      <fs-label-field>\n        <fs-label>Grouping Operation</fs-label>\n        <ng-container [ngTemplateOutlet]=\"queryBlockCritical\" [ngTemplateOutletContext]=\"{ queryBlock: queryBlock.groupingOperation }\"></ng-container>\n      </fs-label-field>\n    </ng-container>\n\n    <ng-container *ngIf=\"queryBlock.duplicatesRemoval\">\n      <fs-label-field>\n        <fs-label>Duplicates Removal</fs-label>\n        <ng-container [ngTemplateOutlet]=\"queryBlockCritical\" [ngTemplateOutletContext]=\"{ queryBlock: queryBlock.duplicatesRemoval }\"></ng-container>\n      </fs-label-field>\n    </ng-container>\n  </div>\n\n  <ng-container *ngIf=\"queryBlock.orderingOperation\">\n    <ng-container [ngTemplateOutlet]=\"nestedLoop\" [ngTemplateOutletContext]=\"{ queryBlock: queryBlock.orderingOperation }\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"queryBlock.groupingOperation\">\n    <ng-container [ngTemplateOutlet]=\"nestedLoop\" [ngTemplateOutletContext]=\"{ queryBlock: queryBlock.groupingOperation }\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"queryBlock.duplicatesRemoval\">\n    <ng-container [ngTemplateOutlet]=\"nestedLoop\" [ngTemplateOutletContext]=\"{ queryBlock: queryBlock.duplicatesRemoval }\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"queryBlock.table\">\n    <ng-container [ngTemplateOutlet]=\"nestedLoop\" [ngTemplateOutletContext]=\"{ queryBlock: { nestedLoop: [ queryBlock ]} }\"></ng-container>\n  \n    <ng-container *ngIf=\"queryBlock.table.attachedSubqueries\">  \n      <fs-label>Attached Subqueries</fs-label>\n      <ng-container *ngFor=\"let subquery of queryBlock.table.attachedSubqueries\">\n        <ng-container [ngTemplateOutlet]=\"queryBlockCritical\" [ngTemplateOutletContext]=\"{ queryBlock: subquery.queryBlock }\"></ng-container> \n        <ng-container [ngTemplateOutlet]=\"nestedLoop\" [ngTemplateOutletContext]=\"{ queryBlock: subquery.queryBlock, selectId: subquery.queryBlock.selectId, costInfo: subquery.queryBlock.costInfo }\"></ng-container>\n      </ng-container>\n    </ng-container>    \n  </ng-container>\n\n  <ng-container *ngIf=\"queryBlock.nestedLoop\">\n    <table class=\"fs-list-table style-line\">\n       <thead>\n         <tr>\n           <th>Table</th>\n           <th>Type</th>\n           <th>Keys</th>\n           <th>Ref</th>\n           <th>Rows</th>\n           <th>Filtered</th>\n           <th>Extra</th>\n           <th>Cost</th>\n         </tr>\n       </thead>\n       <tbody>\n         <ng-container *ngFor=\"let item of queryBlock.nestedLoop; let index = index\">\n           <tr>\n             <td>\n               {{item.table.tableName}}\n             </td>\n             <td>\n               <fs-popover [template]=\"accessTypePopover\" [data]=\"item.table.accessType\">\n                 <span class=\"access-type\" [ngClass]=\"item.table.accessType\">{{item.table.accessType}}</span>\n               </fs-popover>            \n             </td>\n             <td>\n               <fs-popover          \n                   [template]=\"keysPopover\"\n                   [maxWidth]=\"null\"\n                   [data]=\"{ possibleKeys: item.table.possibleKeys, key: item.table.key }\">\n                 {{item.table.key}}\n               </fs-popover>\n             </td>\n             <td>\n               <div class=\"fs-delimit\">\n                 <ng-container *ngFor=\"let ref of item.table.ref\">\n                   <span>{{ref}}</span>\n                 </ng-container>\n               </div>\n             </td>\n             <td>\n               {{item.table.rowsExaminedPerScan}}\n             </td>\n             <td>\n               {{item.table.filtered}}\n             </td>\n             <td>\n               <div class=\"fs-delimit\">\n                 <ng-container *ngIf=\"item.table.indexCondition\">\n                   <span>\n                     <fs-popover \n                         [template]=\"usingIndexCondition\" \n                         [maxWidth]=\"null\"\n                         [data]=\"item.table.indexCondition\">\n                       Using Index Condition\n                     </fs-popover>\n                   </span>\n                 </ng-container>\n                 <ng-container *ngIf=\"item.table.attachedCondition\">\n                   <span>\n                     <fs-popover \n                         [template]=\"usingWhere\" \n                         [maxWidth]=\"null\"\n                         [data]=\"item.table.attachedCondition\">\n                       Using Where\n                     </fs-popover>\n                   </span>\n                 </ng-container>\n                 <ng-container *ngIf=\"item.usingIndex\">\n                   <span>Using Index</span>\n                 </ng-container>    \n                <ng-container *ngIf=\"item.usingFilesort\">\n                  <span class=\"critical\">Using File Sort</span>\n                </ng-container>\n                \n                <ng-container *ngIf=\"item.usingTemporaryTable\">\n                  <span class=\"critical\">Temporary Table</span>\n                </ng-container>\n               </div>\n             </td>\n             <td>     \n              <fs-popover [template]=\"tableCostPopover\" [data]=\"item.table?.costInfo\">\n                {{item.table?.costInfo.prefixCost}}\n              </fs-popover>\n              <ng-template #tableCostPopover let-data=\"data\">\n                <div>Eval Cost: {{data.evalCost}}</div>\n                <div>Read Cost: {{data.readCost}}</div>\n                <div>Prefix Cost: {{data.prefixCost}}</div>\n                <div>Data Read Per Join: {{data.dataReadPerJoin}}</div>\n              </ng-template>\n             </td>\n           </tr>\n         </ng-container>\n       </tbody>\n     </table>\n     <br>\n   </ng-container>  \n  \n  <ng-container *ngIf=\"queryBlock.selectListSubqueries\">\n    <br>\n    <fs-label>Select List Subqueries</fs-label>\n    <ng-container *ngFor=\"let subquery of queryBlock.selectListSubqueries\">\n      <ng-container [ngTemplateOutlet]=\"queryBlockCritical\" [ngTemplateOutletContext]=\"{ queryBlock: subquery.queryBlock }\"></ng-container> \n      <ng-container [ngTemplateOutlet]=\"nestedLoop\" [ngTemplateOutletContext]=\"{ queryBlock: subquery.queryBlock, selectId: subquery.queryBlock.selectId, costInfo: subquery.queryBlock.costInfo }\"></ng-container>\n    </ng-container>\n  </ng-container>\n<!-- \n  <ng-container *ngIf=\"queryBlock.queryBlockattachedSubqueries\">\n    <br>\n    <fs-label>Attached Subqueries</fs-label>\n    <ng-container *ngFor=\"let subquery of queryBlock.attachedSubqueries\">\n      <ng-container [ngTemplateOutlet]=\"queryBlockCritical\" [ngTemplateOutletContext]=\"{ queryBlock: subquery.queryBlock }\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"nestedLoop\" [ngTemplateOutletContext]=\"{ queryBlock: subquery.queryBlock }\"></ng-container>\n    </ng-container>\n  </ng-container> -->\n</ng-template>\n\n<ng-template #keysPopover let-data=\"data\">\n  <div class=\"fs-delimit\">\n    <ng-container *ngFor=\"let possibleKey of data.possibleKeys\">\n      <span [ngClass]=\"{ 'query-log-used-key': possibleKey === data.key }\">{{possibleKey}}</span>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #usingWhere let-data=\"data\">\n  {{data}}\n</ng-template>\n\n<ng-template #usingIndexCondition let-data=\"data\">\n  {{data}}\n</ng-template>\n\n<ng-template #accessTypePopover let-data=\"data\">\n  {{accessTypes[data]}}\n</ng-template>\n\n\n<ng-template #queryBlockCritical let-queryBlock=\"queryBlock\">\n  <div class=\"fs-delimit\">\n    <ng-container *ngIf=\"queryBlock.usingFilesort\">\n      <span class=\"critical\">Using File Sort</span>\n    </ng-container>\n    \n    <ng-container *ngIf=\"queryBlock.usingTemporaryTable\">\n      <span class=\"critical\">Temporary Table</span>\n    </ng-container>\n  </div>\n</ng-template>", styles: ["::ng-deep .query-log-used-key{font-weight:bold}::ng-deep .explain-popover{white-space:pre}.critical{color:red}fs-clipboard-button{float:right}.query{white-space:break-spaces}.access-type{color:green}.access-type.fulltext,.access-type.index,.access-type.range{color:orange}.access-type.ALL{color:red}\n"], components: [{ type: i2__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i3__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i3__namespace.FsLabelComponent, selector: "fs-label" }, { 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$1.FsClipboardButtonComponent, selector: "fs-clipboard-button", inputs: ["content"] }, { 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.FsPopoverComponent, selector: "fs-popover" }], directives: [{ type: i1__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i8__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i8__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fsFormatTruncate": i9__namespace.FsFormatTruncatePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: QueryLogComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        templateUrl: './query-log.component.html',
-                        styleUrls: ['./query-log.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.MAT_DIALOG_DATA]
-                        }] }, { type: i1__namespace.MatDialog }];
-        } });
-
-    var QueryLogsComponent = /** @class */ (function () {
-        function QueryLogsComponent(_dialog) {
-            this._dialog = _dialog;
-        }
-        QueryLogsComponent.prototype.openQueryLog = function (queryLog) {
-            this._dialog.open(QueryLogComponent, {
-                data: { queryLog: queryLog },
-                width: '100%',
-            });
-        };
-        QueryLogsComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.listConfig = {
-                filters: [
-                    {
-                        name: 'keyword',
-                        type: filter.ItemType.Keyword,
-                        label: 'Search',
-                    },
-                    {
-                        name: 'optimized',
-                        type: filter.ItemType.Select,
-                        label: 'Optimization',
-                        values: [
-                            { name: 'Any', value: undefined },
-                            { name: 'Yes', value: 'true' },
-                            { name: 'No', value: 'false' },
-                        ],
-                    },
-                    {
-                        name: 'createDate',
-                        type: filter.ItemType.DateTimeRange,
-                        label: ['From Date', 'To Date'],
-                    },
-                    {
-                        name: 'duration',
-                        type: filter.ItemType.Range,
-                        label: ['Min Duration', 'Max Duration'],
-                    },
-                ],
-                actions: [
-                    {
-                        label: 'Purge',
-                        primary: false,
-                        click: function () {
-                            _this.purgeQueryLogs()
-                                .subscribe(function () {
-                                _this.list.reload();
-                            });
-                        },
-                    },
-                ],
-                fetch: function (query) {
-                    return _this.loadQueryLogs(query)
-                        .pipe(operators.map(function (response) { return ({ data: response.data, paging: response.paging }); }));
-                },
-            };
-        };
-        return QueryLogsComponent;
-    }());
-    QueryLogsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: QueryLogsComponent, deps: [{ token: i1__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    QueryLogsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: QueryLogsComponent, selector: "fs-system-query-logs", inputs: { loadQueryLogs: "loadQueryLogs", purgeQueryLogs: "purgeQueryLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: i2$2.FsListComponent, descendants: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"listConfig\">\n  <fs-list-column title=\"Optimized\" name=\"optimized\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <span [ngClass]=\"{ optimized: row.optimized, 'not-optimized': !row.optimized }\">\n        {{row.optimized ? 'Yes' : 'No'}}\n      </span>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Duration\" name=\"duration\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.duration}}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Cost\" name=\"query_cost\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.queryCost}}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Query\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"openQueryLog(row)\">{{ row.query | fsFormatTruncate: 500 }}</a>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Created\" name=\"query_log_id\" [sortable]=\"true\" [direction]=\"'desc'\" [sortableDefault]=\"true\">\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>", styles: [":host ::ng-deep .optimized{color:green}:host ::ng-deep .not-optimized{color:red}\n"], components: [{ type: i2__namespace$2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i4__namespace$1.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i2__namespace$2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i8__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fsFormatTruncate": i9__namespace.FsFormatTruncatePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: QueryLogsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'fs-system-query-logs',
-                        templateUrl: './query-logs.component.html',
-                        styleUrls: ['./query-logs.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.MatDialog }]; }, propDecorators: { list: [{
-                    type: i0.ViewChild,
-                    args: [i2$2.FsListComponent]
-                }], loadQueryLogs: [{
-                    type: i0.Input
-                }], purgeQueryLogs: [{
-                    type: i0.Input
-                }] } });
-
-    var FsSystemQueryLogsModule = /** @class */ (function () {
-        function FsSystemQueryLogsModule() {
-        }
-        return FsSystemQueryLogsModule;
-    }());
-    FsSystemQueryLogsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemQueryLogsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    FsSystemQueryLogsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemQueryLogsModule, declarations: [QueryLogsComponent,
-            QueryLogComponent,
-            ExplainComponent], imports: [i8.CommonModule,
-            router.RouterModule,
-            i8.CommonModule,
-            i16.FormsModule,
-            i3$1.MatTabsModule,
-            i4.MatButtonModule,
-            i1.MatDialogModule,
-            form.FsFormModule,
-            i3.FsLabelModule,
-            i7.FsPopoverModule,
-            i9.FsCommonModule,
-            i4$1.FsDateModule,
-            i2.FsDialogModule,
-            i2$2.FsListModule,
-            i2$1.FsClipboardModule], exports: [QueryLogsComponent] });
-    FsSystemQueryLogsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemQueryLogsModule, imports: [[
-                i8.CommonModule,
-                router.RouterModule,
-                i8.CommonModule,
-                i16.FormsModule,
-                i3$1.MatTabsModule,
-                i4.MatButtonModule,
-                i1.MatDialogModule,
-                form.FsFormModule,
-                i3.FsLabelModule,
-                i7.FsPopoverModule,
-                i9.FsCommonModule,
-                i4$1.FsDateModule,
-                i2.FsDialogModule,
-                i2$2.FsListModule,
-                i2$1.FsClipboardModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemQueryLogsModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i8.CommonModule,
-                            router.RouterModule,
-                            i8.CommonModule,
-                            i16.FormsModule,
-                            i3$1.MatTabsModule,
-                            i4.MatButtonModule,
-                            i1.MatDialogModule,
-                            form.FsFormModule,
-                            i3.FsLabelModule,
-                            i7.FsPopoverModule,
-                            i9.FsCommonModule,
-                            i4$1.FsDateModule,
-                            i2.FsDialogModule,
-                            i2$2.FsListModule,
-                            i2$1.FsClipboardModule,
-                        ],
-                        declarations: [
-                            QueryLogsComponent,
-                            QueryLogComponent,
-                            ExplainComponent,
-                        ],
-                        exports: [
-                            QueryLogsComponent,
-                        ],
-                    }]
-            }] });
-
-    exports.CronState = void 0;
-    (function (CronState) {
-        CronState["Running"] = "running";
-        CronState["Idle"] = "idle";
-        CronState["Failed"] = "failed";
-        CronState["Queued"] = "queued";
-        CronState["Disabled"] = "disabled";
-        CronState["Enabled"] = "enabled";
-        CronState["Killing"] = "killing";
-    })(exports.CronState || (exports.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["None"] = "N";
-        SettingInterfaceType["Color"] = "C";
-    })(SettingInterfaceType || (SettingInterfaceType = {}));
-
-    exports.ApiLogState = void 0;
-    (function (ApiLogState) {
-        ApiLogState["Success"] = "success";
-        ApiLogState["Failed"] = "failed";
-        ApiLogState["Deleted"] = "deleted";
-    })(exports.ApiLogState || (exports.ApiLogState = {}));
-
-    exports.ProcessState = void 0;
-    (function (ProcessState) {
-        ProcessState["Queued"] = "Q";
-        ProcessState["Running"] = "R";
-        ProcessState["Completed"] = "C";
-        ProcessState["Killed"] = "K";
-        ProcessState["Deleted"] = "D";
-        ProcessState["Failed"] = "F";
-    })(exports.ProcessState || (exports.ProcessState = {}));
-
-    var CronLogState;
-    (function (CronLogState) {
-        CronLogState["Message"] = "message";
-        CronLogState["Disabled"] = "disabled";
-        CronLogState["Enabled"] = "enabled";
-        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 CronStates = [
-        { name: 'Running', value: exports.CronState.Running },
-        { name: 'Idle', value: exports.CronState.Idle },
-        { name: 'Failed', value: exports.CronState.Failed },
-        { name: 'Queued', value: exports.CronState.Queued },
-        { name: 'Disabled', value: exports.CronState.Disabled },
-        { name: 'Killing', value: exports.CronState.Killing },
-        { name: 'Enabled', value: exports.CronState.Enabled },
-    ];
-
-    var ApiLogStates = [
-        { name: 'Success', value: exports.ApiLogState.Success },
-        { name: 'Failed', value: exports.ApiLogState.Failed },
-        { name: 'Deleted', value: exports.ApiLogState.Deleted }
-    ];
-
-    var ProcessStates = [
-        { name: 'Queued', value: exports.ProcessState.Queued },
-        { name: 'Running', value: exports.ProcessState.Running },
-        { name: 'Completed', value: exports.ProcessState.Completed },
-        { name: 'Killed', value: exports.ProcessState.Killed },
-        { name: 'Failed', value: exports.ProcessState.Failed },
-        { name: 'Deleted', value: exports.ProcessState.Deleted }
-    ];
-
-    function indexNameValue(arry) {
-        var obj = {};
-        arry.forEach(function (item) {
-            obj[item.value] = item.name;
-        });
-        return obj;
-    }
-
-    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;
-            }
-        };
-        return ApiLogComponent;
-    }());
-    ApiLogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ApiLogComponent, deps: [{ token: i1__namespace.MatDialogRef }, { token: i1.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\n  <div mat-dialog-title>API Log</div>\n\n  <mat-dialog-content>\n    <div class=\"fs-row.gap-large.wrap\">\n      <div>\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\n        <fs-label-field *ngIf=\"apiLog.code\">\n          <fs-label>\n            Code\n          </fs-label>\n          {{apiLog.code}}\n        </fs-label-field>\n\n      </div>\n      <div>\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\n        <fs-label-field *ngIf=\"apiLog.direction\">\n          <fs-label>\n            Direction\n          </fs-label>\n          {{apiLog.direction}}\n        </fs-label-field>\n\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      </div>\n    </div>\n\n    <div>\n      <fs-label-field *ngIf=\"apiLog.message\">\n        <fs-label>\n          Message\n        </fs-label>\n        {{apiLog.message}}\n      </fs-label-field>\n    </div>\n\n\n    <div class=\"fs-row.gap-large.wrap\">\n      <div>\n        <fs-label-field *ngIf=\"apiLog.method\">\n          <fs-label>\n            Method\n          </fs-label>\n          {{apiLog.method}}\n        </fs-label-field>\n      </div>\n      <div>\n        <fs-label-field *ngIf=\"apiLog.url\">\n          <fs-label>\n            URL\n          </fs-label>\n          {{apiLog.url}}\n        </fs-label-field>\n      </div>\n    </div>\n\n    <div>\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    </div>\n  </mat-dialog-content>\n\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.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i3__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i3__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.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i8__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "fsDateFormat": i4__namespace$1.FsDateFormatPipe, "fsDateDuration": i4__namespace$1.FsDateDurationPipe, "json": i8__namespace.JsonPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ApiLogComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        templateUrl: './api-log.component.html',
-                        styleUrls: ['./api-log.component.scss']
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i1__namespace.MatDialogRef }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.MAT_DIALOG_DATA]
-                        }] }];
-        } });
-
-    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: filter.ItemType.Keyword,
-                        name: 'keyword',
-                        label: 'Search',
-                    },
-                    {
-                        type: filter.ItemType.Select,
-                        name: 'state',
-                        label: 'Status',
-                        values: ApiLogStates,
-                    },
-                    {
-                        name: 'createDate',
-                        type: filter.ItemType.DateRange,
-                        label: ['From Date', 'To Date'],
-                    },
-                ],
-                fetch: function (query) {
-                    Object.assign(query, {});
-                    return _this.loadApiLogs(query)
-                        .pipe(operators.map(function (response) { return ({ data: response.data, paging: response.paging }); }));
-                },
-            };
-        };
-        ApiLogsComponent.prototype.open = function (apiLog) {
-            this._dialog.open(ApiLogComponent, {
-                data: { apiLog: apiLog },
-                width: '85%',
-            });
-        };
-        return ApiLogsComponent;
-    }());
-    ApiLogsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ApiLogsComponent, deps: [{ token: i1__namespace.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: i2$2.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)\">\n          {{row.type || 'Unknown'}}\n          <mat-icon class=\"direction\" *ngIf=\"row.direction=='outgoing'\">arrow_upward</mat-icon>\n          <mat-icon class=\"direction\" *ngIf=\"row.direction=='incoming'\">arrow_downward</mat-icon>\n        </a>\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        <span *ngIf=\"row.code\" class=\"code\" [ngClass]=\"{'success': row.code==200,'error': row.code!=200 }\">[{{row.code}}]</span>\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>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: [".code.success{color:green}.code.error{color:red}.direction{font-size:14px;height:14px;line-height:14px;width:14px}\n"], components: [{ type: i2__namespace$2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i6__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4__namespace$1.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i2__namespace$2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$2.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i2__namespace$2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i8__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "fsDateDuration": i4__namespace$1.FsDateDurationPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ApiLogsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'fs-system-api-logs',
-                        templateUrl: './api-logs.component.html',
-                        styleUrls: ['./api-logs.component.scss'],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.MatDialog }]; }, propDecorators: { list: [{
-                    type: i0.ViewChild,
-                    args: [i2$2.FsListComponent, { static: true }]
-                }], loadApiLogs: [{
-                    type: i0.Input
-                }] } });
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    var CronLogStates = [
-        { name: 'Message', value: CronLogState.Message, color: '#29B7FF' },
-        { name: 'Disabled', value: CronLogState.Disabled, color: '#29B7FF' },
-        { name: 'Reset', value: CronLogState.Reset, color: '#29B7FF' },
-        { name: 'Enabled', value: CronLogState.Enabled, color: '#29B7FF' },
-        { name: 'Queued', value: CronLogState.Queued, color: '#29B7FF' },
-        { name: 'Started', value: CronLogState.Started, color: '#D17333' },
-        { 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: '#FA7567' },
-        { name: 'Stagnant', value: CronLogState.Stagnant, color: '#FA7567' },
-        { name: 'Long Running', value: CronLogState.LongRunning, color: '#FA7567' },
-    ];
-
-    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;
-            }, {});
-        };
-        return CronLogComponent;
-    }());
-    CronLogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CronLogComponent, deps: [{ token: i1.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\">\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}\n"], components: [{ type: i2__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i3__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i3__namespace.FsLabelComponent, selector: "fs-label" }, { type: i4__namespace$1.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.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i8__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i8__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace.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: [{
-                        templateUrl: './cron-log.component.html',
-                        styleUrls: ['./cron-log.component.scss']
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.MAT_DIALOG_DATA]
-                        }] }];
-        } });
-
-    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 = Object.assign(Object.assign({}, _this._data.cron), cron);
-                if (_this._data.loadCronLogs) {
-                    _this.config = {
-                        filters: [
-                            {
-                                type: filter.ItemType.Select,
-                                name: 'state',
-                                label: 'Status',
-                                values: __spreadArray([
-                                    { name: 'All', value: null }
-                                ], __read(CronLogStates)),
-                            },
-                            {
-                                type: filter.ItemType.DateRange,
-                                name: 'date',
-                                label: ['From Date', 'To Date'],
-                            },
-                        ],
-                        fetch: function (query) {
-                            query = Object.assign(Object.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();
-            });
-        };
-        return CronComponent;
-    }());
-    CronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CronComponent, deps: [{ token: i1.MAT_DIALOG_DATA }, { token: i1__namespace.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\">\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 title=\"Duration\" class=\"col-message\">\r\n              <ng-template fs-list-cell let-row=\"row\">\r\n                <ng-container *ngIf=\"row.duration\">\r\n                  {{row.duration | fsDateDuration: 'hour-minute-second'}}\r\n                </ng-container>\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", 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.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: i3__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i3__namespace.FsLabelComponent, selector: "fs-label" }, { type: i4__namespace$1.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { type: i2__namespace$2.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.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i8__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$1.MatTabContent, selector: "[matTabContent]" }, { type: i2__namespace$2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i8__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i8__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "fsDateDuration": i4__namespace$1.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: [{
-                        templateUrl: './cron.component.html',
-                        styleUrls: ['./cron.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.MAT_DIALOG_DATA]
-                        }] }, { type: i1__namespace.MatDialog }, { type: i0__namespace.ChangeDetectorRef }];
-        } });
-
-    var CronsComponent = /** @class */ (function () {
-        function CronsComponent(_message, _dialog, _prompt) {
-            this._message = _message;
-            this._dialog = _dialog;
-            this._prompt = _prompt;
-            this.config = null;
-            this.cronStates = indexNameValue(CronStates);
-            this.CronState = exports.CronState;
-            this._destroy$ = new rxjs.Subject();
-        }
-        CronsComponent.prototype.ngOnInit = function () {
-            this._configList();
-        };
-        CronsComponent.prototype._configList = function () {
-            var _this = this;
-            this.config = {
-                paging: false,
-                filters: [
-                    {
-                        type: filter.ItemType.Keyword,
-                        name: 'keyword',
-                        label: 'Search',
-                    },
-                ],
-                rowActions: this.getCronActions()
-                    .map(function (rowAction) {
-                    return Object.assign(Object.assign({}, rowAction), { click: function (cron) {
-                            rowAction.action(cron)
-                                .subscribe();
-                        } });
-                }),
-                fetch: function (query) {
-                    query.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-                    return _this.loadCrons(query)
-                        .pipe(operators.map(function (crons) { return ({
-                        data: crons
-                            .map(function (cron) {
-                            return Object.assign(Object.assign({}, cron), { runningDuration: dateFns.differenceInSeconds(i4$1.parse(cron.createDate), new Date()) });
-                        }),
-                    }); }));
-                },
-            };
-            if (this.bulk) {
-                this.config.selection = {
-                    selectAll: false,
-                    actions: [
-                        {
-                            type: selection.SelectionActionType.Action,
-                            name: 'disable',
-                            label: 'Disable',
-                        },
-                        {
-                            type: selection.SelectionActionType.Action,
-                            name: 'enable',
-                            label: 'Enable',
-                        },
-                    ],
-                    actionSelected: function (action) {
-                        return _this.bulk(action.action.name, action.selected)
-                            .pipe(operators.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(operators.tap(function () {
-                            _this._message.success('Queued cron');
-                            _this.list.reload();
-                        }));
-                    },
-                    label: 'Queue',
-                    show: function (cron) {
-                        return cron.state === exports.CronState.Idle || cron.state === exports.CronState.Failed;
-                    },
-                },
-                {
-                    action: function (data) {
-                        return _this.run(data)
-                            .pipe(operators.tap(function () {
-                            _this._message.success('Cron ran');
-                            _this.list.reload();
-                        }));
-                    },
-                    label: 'Run',
-                    show: function (cron) {
-                        return cron.state === exports.CronState.Idle || cron.state === exports.CronState.Failed;
-                    },
-                },
-                {
-                    action: function (data) {
-                        return _this.enable(data)
-                            .pipe(operators.tap(function () {
-                            _this._message.success('Enabled cron');
-                            _this.list.reload();
-                        }));
-                    },
-                    label: 'Enable',
-                    show: function (cron) {
-                        return cron.state === exports.CronState.Disabled;
-                    },
-                },
-                {
-                    action: function (data) {
-                        return _this.disable(data)
-                            .pipe(operators.tap(function () {
-                            _this._message.success('Disabled cron');
-                            _this.list.reload();
-                        }));
-                    },
-                    label: 'Disable',
-                    show: function (cron) {
-                        return cron.state === exports.CronState.Idle || cron.state === exports.CronState.Failed;
-                    },
-                },
-                {
-                    action: function (data) {
-                        return _this._prompt.confirm({
-                            title: 'Confirm',
-                            template: 'Are you sure you would like to kill the cron?',
-                        })
-                            .pipe(operators.switchMap(function () {
-                            return _this.kill(data);
-                        }), operators.tap(function () {
-                            _this._message.success('Killed cron');
-                            _this.list.reload();
-                        }), operators.takeUntil(_this._destroy$));
-                    },
-                    label: 'Kill',
-                    show: function (cron) {
-                        return cron.state === exports.CronState.Running;
-                    },
-                },
-                {
-                    action: function (data) {
-                        return _this._prompt.confirm({
-                            title: 'Confirm',
-                            template: 'Are you sure you would like to reset the cron?',
-                        })
-                            .pipe(operators.switchMap(function () {
-                            return _this.enable(data);
-                        }), operators.tap(function () {
-                            _this._message.success('Reset cron');
-                            _this.list.reload();
-                        }), operators.takeUntil(_this._destroy$));
-                    },
-                    label: 'Reset',
-                    show: function (cron) {
-                        return cron.state === exports.CronState.Killing || cron.state === exports.CronState.Running || cron.state === exports.CronState.Failed || cron.state === exports.CronState.Queued;
-                    },
-                },
-            ];
-        };
-        CronsComponent.prototype.ngOnDestroy = function () {
-            this._destroy$.next();
-            this._destroy$.complete();
-        };
-        return CronsComponent;
-    }());
-    CronsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CronsComponent, deps: [{ token: i1__namespace$1.FsMessage }, { token: i1__namespace.MatDialog }, { token: i3__namespace$2.FsPrompt }], 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: i2$2.FsListComponent, descendants: true, static: true }], ngImport: i0__namespace, 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 align=\"center\">\r\n    <ng-template fs-list-header>Status</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      <ng-container *ngIf=\"row.host || row.processId; else status\">\r\n        <fs-popover \r\n            [maxWidth]=\"null\"\r\n            [template]=\"statusPopover\" \r\n            size=\"small\">\r\n          <ng-container *ngTemplateOutlet=\"status\"></ng-container>\r\n        </fs-popover>\r\n        <ng-template #statusPopover>\r\n          <div *ngIf=\"row.host\">Host: {{row.host}}</div>\r\n          <div *ngIf=\"row.processId\">Process ID: {{row.processId}}</div>\r\n        </ng-template>\r\n      </ng-container>\r\n      <ng-template #status>\r\n        {{cronStates[row.state]}}\r\n      </ng-template>\r\n      <ng-container *ngIf=\"row.state === CronState.Running\">\r\n        <div class=\"small\">\r\n          Duration: {{ row.runningDuration | fsDateDuration: { hours: true, minutes: true, seconds: true } }}\r\n        </div>\r\n      </ng-container>      \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 class=\"small\" *ngIf=\"row.duration\">\r\n          Duration: {{ row.duration | fsDateDuration: { hours: true, minutes: true, seconds: true } }}\r\n        </div>\r\n      </ng-template>\r\n    </ng-template>\r\n  </fs-list-column>\r\n</fs-list>\r\n", styles: [""], components: [{ type: i2__namespace$2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i7__namespace.FsPopoverComponent, selector: "fs-popover" }, { type: i4__namespace$1.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i2__namespace$2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$2.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i2__namespace$2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i8__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "fsDateDuration": i4__namespace$1.FsDateDurationPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CronsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'fs-system-crons',
-                        templateUrl: './crons.component.html',
-                        styleUrls: ['./crons.component.scss'],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FsMessage }, { type: i1__namespace.MatDialog }, { type: i3__namespace$2.FsPrompt }]; }, propDecorators: { list: [{
-                    type: i0.ViewChild,
-                    args: [i2$2.FsListComponent, { static: true }]
-                }], enable: [{
-                    type: i0.Input
-                }], disable: [{
-                    type: i0.Input
-                }], kill: [{
-                    type: i0.Input
-                }], queue: [{
-                    type: i0.Input
-                }], run: [{
-                    type: i0.Input
-                }], loadCrons: [{
-                    type: i0.Input
-                }], loadCron: [{
-                    type: i0.Input
-                }], loadCronLogs: [{
-                    type: i0.Input
-                }], bulk: [{
-                    type: i0.Input
-                }] } });
-
-    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 rxjs.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.build$
-                .pipe(operators.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 ||
-                    dateFns.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');
-            });
-        };
-        return DashboardComponent;
-    }());
-    DashboardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DashboardComponent, deps: [{ token: i1__namespace$1.FsMessage }, { token: i0__namespace.ChangeDetectorRef }, { token: i2__namespace$3.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\">\r\n\r\n  <div class=\"h2-container\">\r\n\r\n    <div class=\"actions\">\r\n        <h2>Actions</h2>\r\n        <div class=\"fs-row.gap-tiny.wrap\">\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            <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          </ng-container>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"fs-row.gap-large.wrap\">\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", 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$2.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { type: i3__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i3__namespace.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: i8__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$2.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { type: i8__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9__namespace$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "fsDateFormat": i4__namespace$1.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: [{
-                        selector: 'fs-system-dashboard',
-                        templateUrl: 'dashboard.component.html',
-                        styleUrls: ['dashboard.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FsMessage }, { type: i0__namespace.ChangeDetectorRef }, { type: i2__namespace$3.FsBuildService }]; }, propDecorators: { init: [{
-                    type: i0.Input
-                }], upgrade: [{
-                    type: i0.Input
-                }], load: [{
-                    type: i0.Input
-                }], actions: [{
-                    type: i0.Input
-                }] } });
-
-    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";
-            });
-        };
-        return InfoComponent;
-    }());
-    InfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: InfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    InfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: InfoComponent, selector: "fs-system-info", inputs: { load: "load" }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0__namespace, template: "<iframe #iframe></iframe>\r\n", styles: ["iframe{width:100%;border:0}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: InfoComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'fs-system-info',
-                        templateUrl: 'info.component.html',
-                        styleUrls: ['info.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], propDecorators: { iframe: [{
-                    type: i0.ViewChild,
-                    args: ['iframe']
-                }], load: [{
-                    type: i0.Input
-                }] } });
-
-    var ProcessComponent = /** @class */ (function () {
-        function ProcessComponent(data, _message, _cdRef) {
-            this.data = data;
-            this._message = _message;
-            this._cdRef = _cdRef;
-            this.ProcessStates = indexNameValue(ProcessStates);
-            this.ProcessState = exports.ProcessState;
-        }
-        ProcessComponent.prototype.ngOnInit = function () {
-            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;
-                _this._cdRef.markForCheck();
-            });
-        };
-        ProcessComponent.prototype.run = function () {
-            var _this = this;
-            this._message.success('Running process');
-            this.data.run(this.data.process)
-                .subscribe(function () {
-                _this.load();
-            });
-            setTimeout(function () {
-                _this.load();
-            }, 1000);
-        };
-        ProcessComponent.prototype.download = function () {
-            this.data.download(this.data.process);
-        };
-        return ProcessComponent;
-    }());
-    ProcessComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ProcessComponent, deps: [{ token: i1.MAT_DIALOG_DATA }, { token: i1__namespace$1.FsMessage }, { token: i0__namespace.ChangeDetectorRef }], 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\">\r\n  <div mat-dialog-title>Process</div>\r\n  <mat-dialog-content>\r\n    <div class=\"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 class=\"fs-row.gap-large.wrap\">\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 class=\"fs-row.gap-large.wrap\">\r\n        <fs-label-field *ngIf=\"process.createDate\">\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 \r\n        mat-button \r\n        [mat-dialog-close]=\"true\" \r\n        color=\"primary\">\r\n      Close\r\n    </button>\r\n    <button\r\n        *ngIf=\"process.state === ProcessState.Running && data.loadProcess\"\r\n        mat-button\r\n        (click)=\"load()\">\r\n      Refresh\r\n    </button>\r\n    <button \r\n        *ngIf=\"process.state !== ProcessState.Running && data.run\" \r\n        mat-button \r\n        (click)=\"run()\">\r\n      Run\r\n    </button>\r\n    <button\r\n        *ngIf=\"process.filename\"\r\n        mat-button\r\n        (click)=\"download()\">\r\n      Download\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}\n"], components: [{ type: i2__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i3__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i3__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.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i8__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "fsDateFormat": i4__namespace$1.FsDateFormatPipe, "fsDateDuration": i4__namespace$1.FsDateDurationPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ProcessComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        templateUrl: './process.component.html',
-                        styleUrls: ['./process.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.MAT_DIALOG_DATA]
-                        }] }, { type: i1__namespace$1.FsMessage }, { type: i0__namespace.ChangeDetectorRef }];
-        } });
-
-    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 = exports.ProcessState;
-            this._destroy$ = new rxjs.Subject();
-        }
-        ProcessesComponent.prototype.ngOnInit = function () {
-            this._configList();
-        };
-        ProcessesComponent.prototype.reload = function () {
-            this.list.reload();
-        };
-        ProcessesComponent.prototype.open = function (process) {
-            var _this = this;
-            this._dialog.open(ProcessComponent, {
-                data: {
-                    process: process,
-                    download: this.download,
-                    run: this.run,
-                    loadProcess: this.loadProcess,
-                },
-                width: '85%',
-            })
-                .afterClosed()
-                .pipe(operators.takeUntil(this._destroy$))
-                .subscribe(function () {
-                _this.reload();
-            });
-        };
-        ProcessesComponent.prototype.ngOnDestroy = function () {
-            this._destroy$.next();
-            this._destroy$.complete();
-        };
-        ProcessesComponent.prototype._configList = function () {
-            var _this = this;
-            this.config = {
-                actions: [],
-                rowActions: [],
-                filters: [
-                    {
-                        type: filter.ItemType.Keyword,
-                        name: 'keyword',
-                        label: 'Search',
-                    },
-                    {
-                        type: filter.ItemType.Select,
-                        name: 'state',
-                        label: 'Status',
-                        values: ProcessStates,
-                    },
-                ],
-                fetch: function (query) {
-                    return _this.loadProcesses(query)
-                        .pipe(operators.map(function (response) { return ({ data: response.data, paging: response.paging }); }));
-                },
-            };
-            if (this.run) {
-                this.config.rowActions
-                    .push({
-                    label: 'Run',
-                    show: function (process) {
-                        return process.state !== exports.ProcessState.Running;
-                    },
-                    click: function (data) {
-                        _this._message.info('Running process...');
-                        _this.run(data)
-                            .subscribe(function () {
-                            _this.reload();
-                            _this._message.success('Succesfully ran process');
-                        });
-                        setTimeout(function () {
-                            _this.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.reload();
-                            _this._message.success('Succesfully killed process');
-                        });
-                        setTimeout(function () {
-                            _this.reload();
-                        }, 500);
-                    },
-                });
-            }
-            if (this.delete) {
-                this.config.rowActions.push({
-                    label: 'Delete',
-                    click: function (data) {
-                        _this.delete(data)
-                            .subscribe(function () {
-                            _this.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 (data) {
-                        if (action.click) {
-                            action.click(data);
-                        }
-                        if (action.component) {
-                            _this._dialog.open(action.component, {
-                                width: '800px',
-                            })
-                                .afterClosed()
-                                .pipe(operators.takeUntil(_this._destroy$))
-                                .subscribe(function () {
-                                _this.reload();
-                            });
-                        }
-                    },
-                });
-            });
-        };
-        return ProcessesComponent;
-    }());
-    ProcessesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ProcessesComponent, deps: [{ token: i1__namespace.MatDialog }, { token: i1__namespace$1.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: i2$2.FsListComponent, descendants: true }], ngImport: i0__namespace, 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: [""], components: [{ type: i2__namespace$2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i4__namespace$1.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i2__namespace$2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$2.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i2__namespace$2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i8__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsDateDuration": i4__namespace$1.FsDateDurationPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ProcessesComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'fs-system-processes',
-                        templateUrl: './processes.component.html',
-                        styleUrls: ['./processes.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.MatDialog }, { type: i1__namespace$1.FsMessage }]; }, propDecorators: { list: [{
-                    type: i0.ViewChild,
-                    args: [i2$2.FsListComponent]
-                }], loadProcesses: [{
-                    type: i0.Input
-                }], loadProcess: [{
-                    type: i0.Input
-                }], run: [{
-                    type: i0.Input
-                }], kill: [{
-                    type: i0.Input
-                }], delete: [{
-                    type: i0.Input
-                }], download: [{
-                    type: i0.Input
-                }], actions: [{
-                    type: i0.Input
-                }] } });
-
-    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) { }
-            }
-        };
-        return ServerLogComponent;
-    }());
-    ServerLogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ServerLogComponent, deps: [{ token: i1.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\">\r\n  <div mat-dialog-title>Log</div>\r\n  <mat-dialog-content>\r\n    <div class=\"fs-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: [""], components: [{ type: i2__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i3__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i3__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.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i1__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], pipes: { "fsDateFormat": i4__namespace$1.FsDateFormatPipe, "json": i8__namespace.JsonPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ServerLogComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        templateUrl: './server-log.component.html',
-                        styleUrls: ['./server-log.component.scss']
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.MAT_DIALOG_DATA]
-                        }] }];
-        } });
-
-    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: filter.ItemType.Keyword,
-                        name: 'keyword',
-                        label: 'Search'
-                    }
-                ],
-                fetch: function (query) {
-                    return _this.loadLogs(query)
-                        .pipe(operators.map(function (response) { return ({ data: response.data, paging: response.paging }); }));
-                }
-            };
-        };
-        ServerLogsComponent.prototype.open = function (log) {
-            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.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\">\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: [""], components: [{ type: i2__namespace$2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i4__namespace$1.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i2__namespace$2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$2.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i2__namespace$2.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: [{
-                        selector: 'fs-system-server-logs',
-                        templateUrl: './server-logs.component.html',
-                        styleUrls: ['./server-logs.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.MatDialog }]; }, propDecorators: { list: [{
-                    type: i0.ViewChild,
-                    args: ['list', { static: true }]
-                }], loadLogs: [{
-                    type: i0.Input
-                }] } });
-
-    var KeyNameValuePipe = /** @class */ (function () {
-        function KeyNameValuePipe() {
-        }
-        KeyNameValuePipe.prototype.transform = function (values) {
-            return Object.keys(values).map(function (key) {
-                return { value: key, name: values[key] };
-            });
-        };
-        return KeyNameValuePipe;
-    }());
-    KeyNameValuePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyNameValuePipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    KeyNameValuePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyNameValuePipe, name: "keyNameValue" });
-    KeyNameValuePipe.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyNameValuePipe });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KeyNameValuePipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'keyNameValue',
-                    }]
-            }, {
-                type: i0.Injectable
-            }] });
-
-    var SettingsComponent = /** @class */ (function () {
-        function SettingsComponent(_message, _clipboard, _prompt, _cdRef) {
-            this._message = _message;
-            this._clipboard = _clipboard;
-            this._prompt = _prompt;
-            this._cdRef = _cdRef;
-            this.fileRemove = new i0.EventEmitter();
-            this.fileSelect = new i0.EventEmitter();
-            this.groupedSettings = [];
-            this.groups = [];
-            this.SettingInterfaceType = SettingInterfaceType;
-        }
-        SettingsComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.loadSettings({
-                visible: true,
-            })
-                .subscribe(function (settings) {
-                settings = settings
-                    .filter(function (setting) {
-                    return setting.interfaceType !== SettingInterfaceType.None;
-                })
-                    .map(function (setting) {
-                    switch (setting.interfaceType) {
-                        case SettingInterfaceType.Date:
-                        case SettingInterfaceType.Time:
-                            return Object.assign(Object.assign({}, setting), { value: i4$1.parse(setting.value) });
-                        case SettingInterfaceType.SelectMultiple:
-                            return Object.assign(Object.assign({}, setting), { value: Array.isArray(setting.value) ? setting.value : [] });
-                    }
-                    return setting;
-                });
-                _this.groupedSettings = settings.reduce(function (accum, item) {
-                    if (accum[item.group] === undefined) {
-                        accum[item.group] = [];
-                    }
-                    accum[item.group].push(item);
-                    return accum;
-                }, {});
-                _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._clipboard.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 = settings.reduce(function (result, value) {
-                return (result[value.name] = value.value, result);
-            }, {});
-            this.save(group, values)
-                .subscribe(function () {
-                _this._message.success('Changes Saved');
-            });
-        };
-        return SettingsComponent;
-    }());
-    SettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SettingsComponent, deps: [{ token: i1__namespace$1.FsMessage }, { token: i2__namespace$1.FsClipboard }, { 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: "\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 \r\n        hideToggle \r\n        *ngFor=\"let setting of groupedSettings[group]\" \r\n        class=\"setting\"\r\n        [ngClass]=\"{ 'has-instruction': !! setting.instruction }\">\r\n      <mat-form-field \r\n          class=\"full-width form-field-multiline-subscript\"\r\n          *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 \r\n          class=\"full-width form-field-multiline-subscript\" \r\n          *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 \r\n          class=\"full-width form-field-multiline-subscript\" \r\n          *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 \r\n          class=\"full-width form-field-multiline-subscript\" \r\n          *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 \r\n          class=\"full-width form-field-multiline-subscript\" \r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Color\">\r\n        <input\r\n          matInput\r\n          fsColorPicker\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 \r\n          class=\"full-width form-field-multiline-subscript\" \r\n          *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        <div fsFileHint>{{setting.instruction}}</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", 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}:host ::ng-deep .setting.has-instruction fs-file-picker fs-label-message{display:block;padding-bottom:1em}\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$1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i8__namespace$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i9__namespace$2.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i10__namespace.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes", "weekStartsOn"], outputs: ["change"] }, { type: i11__namespace.FsColorPickerComponent, selector: "[fsColorPicker]", inputs: ["showClear"] }, { type: i10__namespace.FsTimePickerComponent, selector: "[fsTimePicker]", inputs: ["view"] }, { type: i12__namespace.FsFilePickerComponent, selector: "fs-file-picker", inputs: ["minWidth", "minHeight", "imageWidth", "imageHeight", "imageQuality", "label", "showFilename", "allowDownload", "allowReupload", "multiple", "allowRemove", "url", "file", "accept", "disabled", "previewWidth", "previewHeight"], outputs: ["select", "remove", "download"] }], directives: [{ type: i4__namespace$3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i8__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i9__namespace$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i8__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8__namespace.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: i7__namespace$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i12__namespace.FsFileLabelDirective, selector: "[fsFileLabel]" }], 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: [{
-                        selector: 'fs-system-settings',
-                        templateUrl: './settings.component.html',
-                        styleUrls: ['./settings.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FsMessage }, { type: i2__namespace$1.FsClipboard }, { type: i3__namespace$2.FsPrompt }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { loadSettings: [{
-                    type: i0.Input
-                }], save: [{
-                    type: i0.Input
-                }], fileRemove: [{
-                    type: i0.Output
-                }], fileSelect: [{
-                    type: i0.Output
-                }] } });
-
-    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: filter.ItemType.Keyword,
-                        name: 'keyword',
-                        label: 'Search'
-                    }
-                ],
-                fetch: function (query) {
-                    return _this.loadUpgradeLogs(query)
-                        .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: [], 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: i2$2.FsListComponent, descendants: true, static: true }], ngImport: i0__namespace, 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: [""], components: [{ type: i2__namespace$2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i4__namespace$1.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i2__namespace$2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$2.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i2__namespace$2.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: [{
-                        selector: 'fs-system-upgrade-logs',
-                        templateUrl: './upgrade-logs.component.html',
-                        styleUrls: ['./upgrade-logs.component.scss']
-                    }]
-            }], propDecorators: { list: [{
-                    type: i0.ViewChild,
-                    args: [i2$2.FsListComponent, { static: true }]
-                }], loadUpgradeLogs: [{
-                    type: i0.Input
-                }] } });
-
-    var FS_SYSTEM_CONFIG = new i0.InjectionToken('fs-system-config');
-
-    var FsSystemModule = /** @class */ (function () {
-        function FsSystemModule() {
-        }
-        FsSystemModule.forRoot = function (config) {
-            return {
-                ngModule: FsSystemModule,
-                providers: [
-                    { provide: FS_SYSTEM_CONFIG, useValue: config || {} },
-                ],
-            };
-        };
-        return FsSystemModule;
-    }());
-    FsSystemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    FsSystemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemModule, declarations: [DashboardComponent,
-            CronsComponent,
-            SettingsComponent,
-            KeyNameValuePipe,
-            ProcessesComponent,
-            ServerLogComponent,
-            ServerLogsComponent,
-            UpgradeLogsComponent,
-            ApiLogsComponent,
-            ApiLogComponent,
-            InfoComponent,
-            ProcessComponent,
-            CronComponent,
-            CronLogComponent], imports: [i8.CommonModule,
-            i16.FormsModule,
-            i4.MatButtonModule,
-            i4$3.MatExpansionModule,
-            i9$1.MatTooltipModule,
-            i6.MatIconModule,
-            i7$1.MatFormFieldModule,
-            i15.MatInputModule,
-            i8$1.MatSelectModule,
-            i1.MatDialogModule,
-            i3$1.MatTabsModule,
-            i4$1.FsDateModule,
-            i5.FsSkeletonModule,
-            i2$2.FsListModule,
-            i12.FsFileModule,
-            fileManager.FsFileManagerModule,
-            i3.FsLabelModule,
-            i2.FsDialogModule,
-            i10.FsDatePickerModule,
-            i4$2.FsMenuModule,
-            i7.FsPopoverModule,
-            i11.FsColorPickerModule], exports: [DashboardComponent,
-            CronsComponent,
-            SettingsComponent,
-            ProcessesComponent,
-            ServerLogsComponent,
-            UpgradeLogsComponent,
-            ApiLogsComponent,
-            InfoComponent] });
-    FsSystemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemModule, imports: [[
-                i8.CommonModule,
-                i16.FormsModule,
-                i4.MatButtonModule,
-                i4$3.MatExpansionModule,
-                i9$1.MatTooltipModule,
-                i6.MatIconModule,
-                i7$1.MatFormFieldModule,
-                i15.MatInputModule,
-                i8$1.MatSelectModule,
-                i1.MatDialogModule,
-                i3$1.MatTabsModule,
-                i4$1.FsDateModule,
-                i5.FsSkeletonModule,
-                i2$2.FsListModule,
-                i12.FsFileModule,
-                fileManager.FsFileManagerModule,
-                i3.FsLabelModule,
-                i2.FsDialogModule,
-                i10.FsDatePickerModule,
-                i4$2.FsMenuModule,
-                i7.FsPopoverModule,
-                i11.FsColorPickerModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i8.CommonModule,
-                            i16.FormsModule,
-                            i4.MatButtonModule,
-                            i4$3.MatExpansionModule,
-                            i9$1.MatTooltipModule,
-                            i6.MatIconModule,
-                            i7$1.MatFormFieldModule,
-                            i15.MatInputModule,
-                            i8$1.MatSelectModule,
-                            i1.MatDialogModule,
-                            i3$1.MatTabsModule,
-                            i4$1.FsDateModule,
-                            i5.FsSkeletonModule,
-                            i2$2.FsListModule,
-                            i12.FsFileModule,
-                            fileManager.FsFileManagerModule,
-                            i3.FsLabelModule,
-                            i2.FsDialogModule,
-                            i10.FsDatePickerModule,
-                            i4$2.FsMenuModule,
-                            i7.FsPopoverModule,
-                            i11.FsColorPickerModule,
-                        ],
-                        exports: [
-                            DashboardComponent,
-                            CronsComponent,
-                            SettingsComponent,
-                            ProcessesComponent,
-                            ServerLogsComponent,
-                            UpgradeLogsComponent,
-                            ApiLogsComponent,
-                            InfoComponent,
-                        ],
-                        declarations: [
-                            DashboardComponent,
-                            CronsComponent,
-                            SettingsComponent,
-                            KeyNameValuePipe,
-                            ProcessesComponent,
-                            ServerLogComponent,
-                            ServerLogsComponent,
-                            UpgradeLogsComponent,
-                            ApiLogsComponent,
-                            ApiLogComponent,
-                            InfoComponent,
-                            ProcessComponent,
-                            CronComponent,
-                            CronLogComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.ApiLogComponent = ApiLogComponent;
-    exports.ApiLogStates = ApiLogStates;
-    exports.ApiLogsComponent = ApiLogsComponent;
-    exports.CronComponent = CronComponent;
-    exports.CronLogComponent = CronLogComponent;
-    exports.CronStates = CronStates;
-    exports.CronsComponent = CronsComponent;
-    exports.DashboardComponent = DashboardComponent;
-    exports.FS_SYSTEM_CONFIG = FS_SYSTEM_CONFIG;
-    exports.FsSystemModule = FsSystemModule;
-    exports.FsSystemQueryLogsModule = FsSystemQueryLogsModule;
-    exports.InfoComponent = InfoComponent;
-    exports.KeyNameValuePipe = KeyNameValuePipe;
-    exports.ProcessComponent = ProcessComponent;
-    exports.ProcessStates = ProcessStates;
-    exports.ProcessesComponent = ProcessesComponent;
-    exports.QueryLogsComponent = QueryLogsComponent;
-    exports.ServerLogComponent = ServerLogComponent;
-    exports.ServerLogsComponent = ServerLogsComponent;
-    exports.SettingsComponent = SettingsComponent;
-    exports.UpgradeLogsComponent = UpgradeLogsComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=firestitch-system.umd.js.map