@firestitch/system 18.0.20 → 18.0.22

package/fesm2022/firestitch-system.mjs

@@ -1,8 +1,8 @@
 import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { CommonModule, JsonPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Inject, ViewChild, Input, NgModule, Injectable, inject, ChangeDetectorRef, Pipe, EventEmitter, Output, InjectionToken } from '@angular/core';
-import * as i5$2 from '@angular/forms';
+import * as i5$3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 import * as i4 from '@angular/material/button';
@@ -14,7 +14,7 @@ import { MatTabsModule } from '@angular/material/tabs';
 import * as i2 from '@firestitch/clipboard';
 import { FsClipboardModule } from '@firestitch/clipboard';
 import * as i10 from '@firestitch/common';
-import { FsCommonModule } from '@firestitch/common';
+import { FsCommonModule, index } from '@firestitch/common';
 import * as i4$2 from '@firestitch/date';
 import { FsDateModule, parse } from '@firestitch/date';
 import * as i8 from '@firestitch/dialog';
@@ -43,6 +43,8 @@ import * as i12 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i5$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i5$2 from '@firestitch/badge';
+import { FsBadgeModule } from '@firestitch/badge';
 import * as i16 from '@firestitch/colorpicker';
 import { FsColorPickerModule } from '@firestitch/colorpicker';
 import * as i15 from '@firestitch/datepicker';
@@ -1433,6 +1435,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                 type: Input
             }] } });
 
+const LogTypes = [
+    { value: '1', name: 'Fatal Error' }, // E_ERROR
+    { value: '2', name: 'Warning' }, // E_WARNING
+    { value: '4', name: 'Parse Error' }, // E_PARSE
+    { value: '8', name: 'Notice' }, // E_NOTICE
+    { value: '16', name: 'Core Error' }, // E_CORE_ERROR
+    { value: '32', name: 'Core Warning' }, // E_CORE_WARNING
+    { value: '64', name: 'Compile Error' }, // E_COMPILE_ERROR
+    { value: '128', name: 'Compile Warning' }, // E_COMPILE_WARNING
+    { value: '256', name: 'User Error' }, // E_USER_ERROR
+    { value: '512', name: 'User Warning' }, // E_USER_WARNING
+    { value: '1024', name: 'User Notice' }, // E_USER_NOTICE
+    { value: '2048', name: 'Strict Notice' }, // E_STRICT
+    { value: '4096', name: 'Recoverable Error' }, // E_RECOVERABLE_ERROR
+    { value: '8192', name: 'Deprecated' }, // E_DEPRECATED
+    { value: '16384', name: 'User Deprecated' }, // E_USER_DEPRECATED
+    { value: 'exception', name: 'Exception' },
+];
+
 class ServerLogComponent {
     data;
     log;
@@ -1452,16 +1473,29 @@ class ServerLogComponent {
                 this.log.server = JSON.parse(this.log.server);
             }
             catch (e) {
-                //
+                // 
             }
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ServerLogComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ServerLogComponent, selector: "ng-component", ngImport: i0, template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>Log</div>\n  <mat-dialog-content>\n    <div class=\"fs-row.gap-lg.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{log.type}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{log.message}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"log.url\">\n        <fs-label>\n          URL\n        </fs-label>\n        {{log.url}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{log.createDate|fsDateFormat: 'full-date-time'}}\n      </fs-label-field>\n        \n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{log.file}} &#64; {{log.line}}\n      </fs-label-field>\n    </div>\n    <fs-label-field>\n      <fs-label>\n        $_SERVER\n      </fs-label>\n      <pre>{{log.server|json}}</pre>\n    </fs-label-field>\n\n    <fs-label-field>\n      <fs-label>\n        Backtrace\n      </fs-label>\n      <pre>{{log.backtrace|json}}</pre>\n    </fs-label-field>\n\n\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i7$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: i6.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i6.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["appearance", "showOutline", "disabled", "focused", "hoverable", "padless"] }, { kind: "component", type: i8.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }, { kind: "pipe", type: i1$1.JsonPipe, name: "json" }, { kind: "pipe", type: i4$2.FsDateFormatPipe, name: "fsDateFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ServerLogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>\n    Log\n  </div>\n  <mat-dialog-content>\n    <div class=\"fs-row.gap-lg.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{ log.type }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{ log.message }}\n      </fs-label-field>\n      <fs-label-field *ngIf=\"log.url\">\n        <fs-label>\n          URL\n        </fs-label>\n        {{ log.url }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{ log.createDate|fsDateFormat: 'full-date-time' }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{ log.file }} &#64; {{ log.line }}\n      </fs-label-field>\n    </div>\n    <fs-label-field>\n      <fs-label>\n        $_SERVER\n      </fs-label>\n      <pre>\n        {{ log.server|json }}\n      </pre>\n    </fs-label-field>\n    <fs-label-field>\n      <fs-label>\n        Backtrace\n      </fs-label>\n      <pre>\n        {{ log.backtrace|json }}\n      </pre>\n    </fs-label-field>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        [mat-dialog-close]=\"true\"\n        color=\"primary\">\n      Done\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.JsonPipe, name: "json" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "ngmodule", type: FsLabelModule }, { kind: "component", type: i6.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i6.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["appearance", "showOutline", "disabled", "focused", "hoverable", "padless"] }, { kind: "ngmodule", type: FsBadgeModule }, { kind: "ngmodule", type: FsDateModule }, { kind: "pipe", type: i4$2.FsDateFormatPipe, name: "fsDateFormat" }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i7$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "ngmodule", type: FsDialogModule }, { kind: "component", type: i8.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ServerLogComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>Log</div>\n  <mat-dialog-content>\n    <div class=\"fs-row.gap-lg.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{log.type}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{log.message}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"log.url\">\n        <fs-label>\n          URL\n        </fs-label>\n        {{log.url}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{log.createDate|fsDateFormat: 'full-date-time'}}\n      </fs-label-field>\n        \n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{log.file}} &#64; {{log.line}}\n      </fs-label-field>\n    </div>\n    <fs-label-field>\n      <fs-label>\n        $_SERVER\n      </fs-label>\n      <pre>{{log.server|json}}</pre>\n    </fs-label-field>\n\n    <fs-label-field>\n      <fs-label>\n        Backtrace\n      </fs-label>\n      <pre>{{log.backtrace|json}}</pre>\n    </fs-label-field>\n\n\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Done</button>\n  </mat-dialog-actions>\n</fs-dialog>\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        MatDialogModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        FsLabelModule,
+                        FsLabelModule,
+                        FsBadgeModule,
+                        JsonPipe,
+                        FsDateModule,
+                        FsSkeletonModule,
+                        FsDialogModule,
+                    ], template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>\n    Log\n  </div>\n  <mat-dialog-content>\n    <div class=\"fs-row.gap-lg.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{ log.type }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{ log.message }}\n      </fs-label-field>\n      <fs-label-field *ngIf=\"log.url\">\n        <fs-label>\n          URL\n        </fs-label>\n        {{ log.url }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{ log.createDate|fsDateFormat: 'full-date-time' }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{ log.file }} &#64; {{ log.line }}\n      </fs-label-field>\n    </div>\n    <fs-label-field>\n      <fs-label>\n        $_SERVER\n      </fs-label>\n      <pre>\n        {{ log.server|json }}\n      </pre>\n    </fs-label-field>\n    <fs-label-field>\n      <fs-label>\n        Backtrace\n      </fs-label>\n      <pre>\n        {{ log.backtrace|json }}\n      </pre>\n    </fs-label-field>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        [mat-dialog-close]=\"true\"\n        color=\"primary\">\n      Done\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -1469,24 +1503,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
 
 class ServerLogsComponent {
     _dialog;
+    _api;
     list;
     loadLogs;
     config = null;
-    logTypes = [];
-    constructor(_dialog) {
+    actions = [];
+    LogTypes = index(LogTypes, 'value', 'name');
+    constructor(_dialog, _api) {
         this._dialog = _dialog;
+        this._api = _api;
     }
     ngOnInit() {
         this._configList();
     }
+    toggleAcknowledged(log) {
+        const acknowledge = log.acknowledged ? 'unacknowledge' : 'acknowledge';
+        this._api
+            .put(`system/logs/server/${log.id}/${acknowledge}`)
+            .subscribe((response) => {
+            this.list
+                .updateData(response, (data) => {
+                return data.id === response.id;
+            });
+        });
+    }
     open(log) {
-        this._dialog.open(ServerLogComponent, {
+        this._dialog
+            .open(ServerLogComponent, {
             data: { log: log },
             width: '85%',
         });
     }
     _configList() {
         this.config = {
+            actions: this.actions,
             paging: {
                 strategy: PaginationStrategy.Many,
             },
@@ -1498,20 +1548,21 @@ class ServerLogsComponent {
                 },
             ],
             fetch: (query) => {
-                return this.loadLogs(query)
-                    .pipe(map((response) => ({ data: response.data, paging: response.paging })));
+                return this._api
+                    .get('system/logs/server', query, { key: null })
+                    .pipe(map((response) => ({ data: response.logs, paging: response.paging })));
             },
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ServerLogsComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ServerLogsComponent, selector: "fs-system-server-logs", inputs: { loadLogs: "loadLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true, static: true }], ngImport: i0, 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: [""], dependencies: [{ kind: "component", type: i4$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { kind: "component", type: i5.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { kind: "directive", type: i5.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customizable", "sortable", "sortableDefault", "sortableDirection", "direction", "align", "width", "class"] }, { kind: "directive", type: i5.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { kind: "directive", type: i5.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ServerLogsComponent, deps: [{ token: i1.MatDialog }, { token: i1$2.FsApi }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ServerLogsComponent, selector: "fs-system-server-logs", inputs: { loadLogs: "loadLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true }], ngImport: i0, template: "<fs-list [config]=\"config\">\r\n  <fs-list-column width=\"1%\">\r\n    <ng-template fs-list-header>\r\n      Acknowledged\r\n    </ng-template>\r\n    <ng-template\r\n        fs-list-cell\r\n        let-row=\"row\">\r\n      <a (click)=\"toggleAcknowledged(row)\">\r\n        <fs-badge\r\n          [size]=\"16\"\r\n          [tooltip]=\"row.acknowledged ? 'Acknowledged' : 'Unacknowledged'\"\r\n          [color]=\"row.acknowledged ? '#E3E3E3' : '#F30000'\">\r\n        </fs-badge>\r\n      </a>\r\n    </ng-template>\r\n  </fs-list-column>\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>\r\n      Message\r\n    </ng-template>\r\n    <ng-template\r\n        fs-list-cell\r\n        let-row=\"row\">\r\n      <a\r\n          href=\"javascript:;\"\r\n          (click)=\"open(row)\">\r\n        {{ row.message }}\r\n      </a>\r\n    </ng-template>\r\n  </fs-list-column>\r\n  <fs-list-column class=\"col-date\">\r\n    <ng-template fs-list-header>\r\n      Type\r\n    </ng-template>\r\n    <ng-template\r\n        fs-list-cell\r\n        let-row=\"row\">\r\n      {{ LogTypes[row.type] }}\r\n    </ng-template>\r\n  </fs-list-column>\r\n  <fs-list-column class=\"col-date\">\r\n    <ng-template fs-list-header>\r\n      Date\r\n    </ng-template>\r\n    <ng-template\r\n        fs-list-cell\r\n        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>", styles: ["fs-list ::ng-deep .col-date,fs-list ::ng-deep .col-type{white-space:nowrap}\n"], dependencies: [{ kind: "component", type: i4$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { kind: "component", type: i5.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { kind: "directive", type: i5.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customizable", "sortable", "sortableDefault", "sortableDirection", "direction", "align", "width", "class"] }, { kind: "directive", type: i5.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { kind: "directive", type: i5.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { kind: "component", type: i5$2.FsBadgeComponent, selector: "fs-badge", inputs: ["color", "text", "tooltip", "size", "shape", "image", "icon", "iconSize", "iconSizePercent", "iconColor", "backgroundSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ServerLogsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fs-system-server-logs', changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
-        }], ctorParameters: () => [{ type: i1.MatDialog }], propDecorators: { list: [{
+            args: [{ selector: 'fs-system-server-logs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fs-list [config]=\"config\">\r\n  <fs-list-column width=\"1%\">\r\n    <ng-template fs-list-header>\r\n      Acknowledged\r\n    </ng-template>\r\n    <ng-template\r\n        fs-list-cell\r\n        let-row=\"row\">\r\n      <a (click)=\"toggleAcknowledged(row)\">\r\n        <fs-badge\r\n          [size]=\"16\"\r\n          [tooltip]=\"row.acknowledged ? 'Acknowledged' : 'Unacknowledged'\"\r\n          [color]=\"row.acknowledged ? '#E3E3E3' : '#F30000'\">\r\n        </fs-badge>\r\n      </a>\r\n    </ng-template>\r\n  </fs-list-column>\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>\r\n      Message\r\n    </ng-template>\r\n    <ng-template\r\n        fs-list-cell\r\n        let-row=\"row\">\r\n      <a\r\n          href=\"javascript:;\"\r\n          (click)=\"open(row)\">\r\n        {{ row.message }}\r\n      </a>\r\n    </ng-template>\r\n  </fs-list-column>\r\n  <fs-list-column class=\"col-date\">\r\n    <ng-template fs-list-header>\r\n      Type\r\n    </ng-template>\r\n    <ng-template\r\n        fs-list-cell\r\n        let-row=\"row\">\r\n      {{ LogTypes[row.type] }}\r\n    </ng-template>\r\n  </fs-list-column>\r\n  <fs-list-column class=\"col-date\">\r\n    <ng-template fs-list-header>\r\n      Date\r\n    </ng-template>\r\n    <ng-template\r\n        fs-list-cell\r\n        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>", styles: ["fs-list ::ng-deep .col-date,fs-list ::ng-deep .col-type{white-space:nowrap}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MatDialog }, { type: i1$2.FsApi }], propDecorators: { list: [{
                 type: ViewChild,
-                args: ['list', { static: true }]
+                args: [FsListComponent]
             }], loadLogs: [{
                 type: Input
             }] } });
@@ -1640,7 +1691,7 @@ class SettingsComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SettingsComponent, deps: [{ token: i1$3.FsMessage }, { token: i2.FsClipboard }, { token: i2$2.FsPrompt }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: SettingsComponent, selector: "fs-system-settings", inputs: { loadSettings: "loadSettings", save: "save" }, outputs: { fileRemove: "fileRemove", fileSelect: "fileSelect" }, ngImport: i0, template: "<mat-accordion>\r\n  <mat-expansion-panel\r\n      hideToggle\r\n      *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\">\r\n            {{ group || 'General' }}\r\n          </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>\r\n                cloud_download\r\n              </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>\r\n                cloud_upload\r\n              </mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </mat-panel-title>\r\n    </mat-expansion-panel-header>\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        <mat-label>\r\n          {{ setting.label }}\r\n        </mat-label>\r\n        <input\r\n          matInput\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        <mat-hint>\r\n          {{ setting.instruction }}\r\n        </mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field\r\n          class=\"full-width form-field-multiline-subscript\"\r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Textarea\">\r\n        <mat-label>\r\n          {{ setting.label }}\r\n        </mat-label>\r\n        <textarea\r\n          matInput\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        </textarea>\r\n        <mat-hint>\r\n          {{ setting.instruction }}\r\n        </mat-hint>\r\n      </mat-form-field>\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-label>\r\n          {{ setting.label }}\r\n        </mat-label>\r\n        <mat-select\r\n            [(ngModel)]=\"setting.value\"\r\n            [multiple]=\"setting.interfaceType===SettingInterfaceType.SelectMultiple\"\r\n            [name]=\"'setting' + setting.id\">\r\n          <mat-option\r\n              *ngFor=\"let item of setting.values | keyNameValue\"\r\n              [value]=\"item.value\">\r\n            {{ item.name }}\r\n          </mat-option>\r\n        </mat-select>\r\n        <mat-hint>\r\n          {{ setting.instruction }}\r\n        </mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field\r\n          class=\"full-width form-field-multiline-subscript\"\r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Date\">\r\n        <mat-label>\r\n          {{ setting.label }}\r\n        </mat-label>\r\n        <input\r\n          matInput\r\n          fsDatePicker\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        <mat-hint>\r\n          {{ setting.instruction }}\r\n        </mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field\r\n          class=\"full-width form-field-multiline-subscript\"\r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Color\">\r\n        <mat-label>\r\n          {{ setting.label }}\r\n        </mat-label>\r\n        <input\r\n          matInput\r\n          fsColorPicker\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        <mat-hint>\r\n          {{ setting.instruction }}\r\n        </mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field\r\n          class=\"full-width form-field-multiline-subscript\"\r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Time\">\r\n        <mat-label>\r\n          {{ setting.label }}\r\n        </mat-label>\r\n        <input\r\n          matInput\r\n          fsTimePicker\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        <mat-hint>\r\n          {{ setting.instruction }}\r\n        </mat-hint>\r\n      </mat-form-field>\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>\r\n          {{ setting.label }}\r\n        </div>\r\n        <div fsFileHint>\r\n          {{ setting.instruction }}\r\n        </div>\r\n      </fs-file-picker>\r\n    </div>\r\n    <button\r\n        mat-stroked-button\r\n        color=\"primary\"\r\n        type=\"button\"\r\n        (click)=\"saveGroup(group)\">\r\n      Save\r\n    </button>\r\n  </mat-expansion-panel>\r\n</mat-accordion>", 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"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i7$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i7$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i7$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i7$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i5$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i13.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i14.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"] }, { kind: "directive", type: i14.FsFileLabelDirective, selector: "[fsFileLabel]" }, { kind: "component", type: i15.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes"], outputs: ["change"] }, { kind: "component", type: i15.FsTimePickerComponent, selector: "[fsTimePicker]", inputs: ["view"] }, { kind: "component", type: i16.FsColorPickerComponent, selector: "[fsColorPicker]", inputs: ["showClear"] }, { kind: "pipe", type: KeyNameValuePipe, name: "keyNameValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: SettingsComponent, selector: "fs-system-settings", inputs: { loadSettings: "loadSettings", save: "save" }, outputs: { fileRemove: "fileRemove", fileSelect: "fileSelect" }, ngImport: i0, template: "<mat-accordion>\r\n  <mat-expansion-panel\r\n      hideToggle\r\n      *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\">\r\n            {{ group || 'General' }}\r\n          </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>\r\n                cloud_download\r\n              </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>\r\n                cloud_upload\r\n              </mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </mat-panel-title>\r\n    </mat-expansion-panel-header>\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        <mat-label>\r\n          {{ setting.label }}\r\n        </mat-label>\r\n        <input\r\n          matInput\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        <mat-hint>\r\n          {{ setting.instruction }}\r\n        </mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field\r\n          class=\"full-width form-field-multiline-subscript\"\r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Textarea\">\r\n        <mat-label>\r\n          {{ setting.label }}\r\n        </mat-label>\r\n        <textarea\r\n          matInput\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        </textarea>\r\n        <mat-hint>\r\n          {{ setting.instruction }}\r\n        </mat-hint>\r\n      </mat-form-field>\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-label>\r\n          {{ setting.label }}\r\n        </mat-label>\r\n        <mat-select\r\n            [(ngModel)]=\"setting.value\"\r\n            [multiple]=\"setting.interfaceType===SettingInterfaceType.SelectMultiple\"\r\n            [name]=\"'setting' + setting.id\">\r\n          <mat-option\r\n              *ngFor=\"let item of setting.values | keyNameValue\"\r\n              [value]=\"item.value\">\r\n            {{ item.name }}\r\n          </mat-option>\r\n        </mat-select>\r\n        <mat-hint>\r\n          {{ setting.instruction }}\r\n        </mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field\r\n          class=\"full-width form-field-multiline-subscript\"\r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Date\">\r\n        <mat-label>\r\n          {{ setting.label }}\r\n        </mat-label>\r\n        <input\r\n          matInput\r\n          fsDatePicker\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        <mat-hint>\r\n          {{ setting.instruction }}\r\n        </mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field\r\n          class=\"full-width form-field-multiline-subscript\"\r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Color\">\r\n        <mat-label>\r\n          {{ setting.label }}\r\n        </mat-label>\r\n        <input\r\n          matInput\r\n          fsColorPicker\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        <mat-hint>\r\n          {{ setting.instruction }}\r\n        </mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field\r\n          class=\"full-width form-field-multiline-subscript\"\r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Time\">\r\n        <mat-label>\r\n          {{ setting.label }}\r\n        </mat-label>\r\n        <input\r\n          matInput\r\n          fsTimePicker\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        <mat-hint>\r\n          {{ setting.instruction }}\r\n        </mat-hint>\r\n      </mat-form-field>\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>\r\n          {{ setting.label }}\r\n        </div>\r\n        <div fsFileHint>\r\n          {{ setting.instruction }}\r\n        </div>\r\n      </fs-file-picker>\r\n    </div>\r\n    <button\r\n        mat-stroked-button\r\n        color=\"primary\"\r\n        type=\"button\"\r\n        (click)=\"saveGroup(group)\">\r\n      Save\r\n    </button>\r\n  </mat-expansion-panel>\r\n</mat-accordion>", 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"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i7$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i7$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i7$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i7$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i5$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i12.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i13.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i14.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"] }, { kind: "directive", type: i14.FsFileLabelDirective, selector: "[fsFileLabel]" }, { kind: "component", type: i15.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes"], outputs: ["change"] }, { kind: "component", type: i15.FsTimePickerComponent, selector: "[fsTimePicker]", inputs: ["view"] }, { kind: "component", type: i16.FsColorPickerComponent, selector: "[fsColorPicker]", inputs: ["showClear"] }, { kind: "pipe", type: KeyNameValuePipe, name: "keyNameValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SettingsComponent, decorators: [{
             type: Component,
@@ -1710,7 +1761,6 @@ class FsSystemModule {
             SettingsComponent,
             KeyNameValuePipe,
             ProcessesComponent,
-            ServerLogComponent,
             ServerLogsComponent,
             UpgradeLogsComponent,
             ApiLogsComponent,
@@ -1739,13 +1789,13 @@ class FsSystemModule {
             FsDialogModule,
             FsDatePickerModule,
             FsMenuModule,
+            FsBadgeModule,
             FsPopoverModule,
             FsColorPickerModule,
             CronLogsComponent], exports: [DashboardComponent,
             CronsComponent,
             SettingsComponent,
             ProcessesComponent,
-            ServerLogsComponent,
             UpgradeLogsComponent,
             ApiLogsComponent,
             InfoComponent] });
@@ -1770,6 +1820,7 @@ class FsSystemModule {
             FsDialogModule,
             FsDatePickerModule,
             FsMenuModule,
+            FsBadgeModule,
             FsPopoverModule,
             FsColorPickerModule,
             CronLogsComponent] });
@@ -1799,6 +1850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                         FsDialogModule,
                         FsDatePickerModule,
                         FsMenuModule,
+                        FsBadgeModule,
                         FsPopoverModule,
                         FsColorPickerModule,
                         CronLogsComponent,
@@ -1808,7 +1860,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                         CronsComponent,
                         SettingsComponent,
                         ProcessesComponent,
-                        ServerLogsComponent,
                         UpgradeLogsComponent,
                         ApiLogsComponent,
                         InfoComponent,
@@ -1820,7 +1871,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                         SettingsComponent,
                         KeyNameValuePipe,
                         ProcessesComponent,
-                        ServerLogComponent,
                         ServerLogsComponent,
                         UpgradeLogsComponent,
                         ApiLogsComponent,
@@ -1837,5 +1887,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ApiLogComponent, ApiLogState, ApiLogStates, ApiLogsComponent, CronComponent, CronLogComponent, CronState, CronStates, CronsComponent, DashboardComponent, FS_SYSTEM_CONFIG, FsSystemModule, FsSystemQueryLogsModule, InfoComponent, KeyNameValuePipe, ProcessComponent, ProcessState, ProcessStates, ProcessesComponent, QueryLogsComponent, ServerLogComponent, ServerLogsComponent, SettingsComponent, UpgradeLogsComponent };
+export { ApiLogComponent, ApiLogState, ApiLogStates, ApiLogsComponent, CronComponent, CronLogComponent, CronState, CronStates, CronsComponent, DashboardComponent, FS_SYSTEM_CONFIG, FsSystemModule, FsSystemQueryLogsModule, InfoComponent, KeyNameValuePipe, ProcessComponent, ProcessState, ProcessStates, ProcessesComponent, QueryLogsComponent, ServerLogsComponent, SettingsComponent, UpgradeLogsComponent };
 //# sourceMappingURL=firestitch-system.mjs.map