@firestitch/system 18.0.7 → 18.0.9

package/app/modules/system/components/cron/cron.component.d.ts

@@ -1,11 +1,7 @@
-import { ChangeDetectorRef, OnInit } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
+import { OnInit } from '@angular/core';
 import { FsListConfig } from '@firestitch/list';
 import * as i0 from "@angular/core";
 export declare class CronComponent implements OnInit {
-    private _data;
-    private _dialog;
-    private _cdRef;
     cron: any;
     tabIndex: number;
     CronStates: {};
@@ -14,7 +10,10 @@ export declare class CronComponent implements OnInit {
     CronLogStateColors: {};
     config: FsListConfig;
     cronActions: any;
-    constructor(_data: any, _dialog: MatDialog, _cdRef: ChangeDetectorRef);
+    private _cronData;
+    private _dialog;
+    private _cdRef;
+    private _data;
     ngOnInit(): void;
     cronLogOpen(cronLog: any): void;
     cronActionClick(cronAction: any): void;

package/app/modules/system/components/crons/crons.component.d.ts

@@ -1,34 +1,21 @@
 import { OnDestroy, OnInit } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
 import { FsListComponent, FsListConfig } from '@firestitch/list';
-import { FsMessage } from '@firestitch/message';
-import { FsPrompt } from '@firestitch/prompt';
 import { Observable } from 'rxjs';
 import { CronState } from '../../enums';
 import * as i0 from "@angular/core";
 export declare class CronsComponent implements OnInit, OnDestroy {
-    private _message;
-    private _dialog;
-    private _prompt;
     list: FsListComponent;
-    enable: (data: any) => Observable<any>;
-    disable: (data: any) => Observable<any>;
-    kill: (data: any) => Observable<any>;
-    queue: (data: any) => Observable<any>;
-    run: (data: any) => Observable<any>;
-    loadCrons: (data: any) => Observable<any[]>;
-    loadCron: (data: any) => Observable<any>;
-    loadCronLogs: (data: any) => Observable<{
-        data: any[];
-        paging: any;
-    }>;
-    bulk: (actionName: string, data: any[]) => Observable<any>;
     config: FsListConfig;
     CronStates: {};
     CronProcessStates: {};
     CronState: typeof CronState;
     private _destroy$;
-    constructor(_message: FsMessage, _dialog: MatDialog, _prompt: FsPrompt);
+    private _cronData;
+    private _message;
+    private _dialog;
+    private _prompt;
+    private _process;
+    private _api;
     ngOnInit(): void;
     open(cron: any): void;
     getCronActions(): {
@@ -37,7 +24,18 @@ export declare class CronsComponent implements OnInit, OnDestroy {
         show: (cron: any) => boolean;
     }[];
     ngOnDestroy(): void;
+    enable(data: any): Observable<any>;
+    disable(data: any): Observable<any>;
+    kill(data: any): Observable<any>;
+    queue(data: any): Observable<any>;
+    run(cron: any): Observable<any>;
+    loadCrons: (query: any) => Observable<any>;
+    loadCronLogs: (query: any) => Observable<{
+        data: any;
+        paging: any;
+    }>;
+    bulk: (action: any, crons: any) => Observable<any>;
     private _configList;
     static ɵfac: i0.ɵɵFactoryDeclaration<CronsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CronsComponent, "fs-system-crons", never, { "enable": { "alias": "enable"; "required": false; }; "disable": { "alias": "disable"; "required": false; }; "kill": { "alias": "kill"; "required": false; }; "queue": { "alias": "queue"; "required": false; }; "run": { "alias": "run"; "required": false; }; "loadCrons": { "alias": "loadCrons"; "required": false; }; "loadCron": { "alias": "loadCron"; "required": false; }; "loadCronLogs": { "alias": "loadCronLogs"; "required": false; }; "bulk": { "alias": "bulk"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CronsComponent, "fs-system-crons", never, {}, {}, never, never, false, never>;
 }

package/app/modules/system/data/cron.data.d.ts

@@ -0,0 +1,23 @@
+import { FsApi } from '@firestitch/api';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class CronData {
+    private _fsApi;
+    constructor(_fsApi: FsApi);
+    create(data?: {
+        id: any;
+    }): {
+        id: any;
+    };
+    get(cronId: number | string, query?: {}): Observable<any>;
+    gets(data?: {}, config?: {}): Observable<any>;
+    cronLogGets(data?: {}, config?: {}): Observable<any>;
+    enable(cron: any, config?: {}): Observable<any>;
+    disable(cron: any, config?: {}): Observable<any>;
+    kill(cron: any, config?: {}): Observable<any>;
+    queue(cron: any, config?: {}): Observable<any>;
+    run(cron: any, config?: {}): Observable<any>;
+    bulk(action: any, processes: any, config?: {}): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CronData, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CronData>;
+}

package/esm2022/app/modules/query-logs/components/explain/explain.component.mjs

@@ -14,7 +14,7 @@ export class ExplainComponent {
         this.explain = _data.explain;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ExplainComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ExplainComponent, selector: "ng-component", ngImport: i0, 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"], dependencies: [{ kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "component", type: i4.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout", "dock", "dockable", "fullscreenPercent"] }, { kind: "pipe", type: i5.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ExplainComponent, selector: "ng-component", ngImport: i0, 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"], dependencies: [{ kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "component", type: i4.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }, { kind: "pipe", type: i5.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ExplainComponent, decorators: [{
             type: Component,

package/esm2022/app/modules/query-logs/components/query-log/query-log.component.mjs

@@ -49,7 +49,7 @@ export class QueryLogComponent {
         return this.queryBlock?.orderingOperation;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: QueryLogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: QueryLogComponent, selector: "ng-component", ngImport: i0, template: "<fs-dialog>\n  <h1 mat-dialog-title>Query Log</h1>\n  <mat-dialog-content>\n    <div class=\"fs-row.gap-lg.wrap.align-start\">\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-lg.wrap.align-start\">\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:700}::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"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { 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: i5.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "component", type: i6.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i6.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { kind: "component", type: i7.FsPopoverComponent, selector: "fs-popover" }, { kind: "component", type: i8.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout", "dock", "dockable", "fullscreenPercent"] }, { kind: "component", type: i9.FsClipboardButtonComponent, selector: "fs-clipboard-button", inputs: ["content", "tooltip"] }, { kind: "pipe", type: i10.FsFormatTruncatePipe, name: "fsFormatTruncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: QueryLogComponent, selector: "ng-component", ngImport: i0, template: "<fs-dialog>\n  <h1 mat-dialog-title>Query Log</h1>\n  <mat-dialog-content>\n    <div class=\"fs-row.gap-lg.wrap.align-start\">\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-lg.wrap.align-start\">\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:700}::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"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { 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: i5.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { 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: i7.FsPopoverComponent, selector: "fs-popover" }, { kind: "component", type: i8.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }, { kind: "component", type: i9.FsClipboardButtonComponent, selector: "fs-clipboard-button", inputs: ["content", "tooltip"] }, { kind: "pipe", type: i10.FsFormatTruncatePipe, name: "fsFormatTruncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: QueryLogComponent, decorators: [{
             type: Component,

package/esm2022/app/modules/query-logs/components/query-logs/query-logs.component.mjs

@@ -73,7 +73,7 @@ export class QueryLogsComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: QueryLogsComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: QueryLogsComponent, selector: "fs-system-query-logs", inputs: { loadQueryLogs: "loadQueryLogs", purgeQueryLogs: "purgeQueryLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true }], ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { kind: "component", type: i4.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { kind: "directive", type: i4.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "sortableDirection", "direction", "align", "width", "class"] }, { kind: "directive", type: i4.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { kind: "pipe", type: i5.FsFormatTruncatePipe, name: "fsFormatTruncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: QueryLogsComponent, selector: "fs-system-query-logs", inputs: { loadQueryLogs: "loadQueryLogs", purgeQueryLogs: "purgeQueryLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true }], ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { kind: "component", type: i4.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { kind: "directive", type: i4.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customizable", "sortable", "sortableDefault", "sortableDirection", "direction", "align", "width", "class"] }, { kind: "directive", type: i4.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { kind: "pipe", type: i5.FsFormatTruncatePipe, name: "fsFormatTruncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: QueryLogsComponent, decorators: [{
             type: Component,

package/esm2022/app/modules/system/components/api-log/api-log.component.mjs

@@ -26,7 +26,7 @@ export class ApiLogComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ApiLogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ApiLogComponent, selector: "ng-component", ngImport: i0, 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-lg.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Type\n        </fs-label>\n        {{apiLog.type}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Status\n        </fs-label>\n        {{apiLogStates[apiLog.state]}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.code\">\n        <fs-label>\n          Code\n        </fs-label>\n        {{apiLog.code}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{apiLog.createDate|fsDateFormat: 'full-date-time'}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.direction\">\n        <fs-label>\n          Direction\n        </fs-label>\n        {{apiLog.direction}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.length\">\n        <fs-label>\n          Duration\n        </fs-label>\n        {{ apiLog.length | fsDateDuration }}\n      </fs-label-field>\n\n      <ng-container *ngIf=\"apiLog.method\">\n        <fs-label-field *ngIf=\"apiLog.method\">\n          <fs-label>\n            Method\n          </fs-label>\n          {{apiLog.method}}\n        </fs-label-field>\n      </ng-container>\n    \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\n    <fs-label-field *ngIf=\"apiLog.message\">\n      <fs-label>\n        Message\n      </fs-label>\n      {{apiLog.message}}\n    </fs-label-field>\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  <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>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i4.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: i5.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i5.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { kind: "component", type: i6.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout", "dock", "dockable", "fullscreenPercent"] }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "pipe", type: i7.FsDateDurationPipe, name: "fsDateDuration" }, { kind: "pipe", type: i7.FsDateFormatPipe, name: "fsDateFormat" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ApiLogComponent, selector: "ng-component", ngImport: i0, 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-lg.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Type\n        </fs-label>\n        {{apiLog.type}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Status\n        </fs-label>\n        {{apiLogStates[apiLog.state]}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.code\">\n        <fs-label>\n          Code\n        </fs-label>\n        {{apiLog.code}}\n      </fs-label-field>\n\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{apiLog.createDate|fsDateFormat: 'full-date-time'}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.direction\">\n        <fs-label>\n          Direction\n        </fs-label>\n        {{apiLog.direction}}\n      </fs-label-field>\n\n      <fs-label-field *ngIf=\"apiLog.length\">\n        <fs-label>\n          Duration\n        </fs-label>\n        {{ apiLog.length | fsDateDuration }}\n      </fs-label-field>\n\n      <ng-container *ngIf=\"apiLog.method\">\n        <fs-label-field *ngIf=\"apiLog.method\">\n          <fs-label>\n            Method\n          </fs-label>\n          {{apiLog.method}}\n        </fs-label-field>\n      </ng-container>\n    \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\n    <fs-label-field *ngIf=\"apiLog.message\">\n      <fs-label>\n        Message\n      </fs-label>\n      {{apiLog.message}}\n    </fs-label-field>\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  <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>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i4.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: i5.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i5.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["appearance", "showOutline", "disabled", "focused", "hoverable", "padless"] }, { kind: "component", type: i6.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "pipe", type: i7.FsDateDurationPipe, name: "fsDateDuration" }, { kind: "pipe", type: i7.FsDateFormatPipe, name: "fsDateFormat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ApiLogComponent, decorators: [{
             type: Component,

package/esm2022/app/modules/system/components/api-logs/api-logs.component.mjs

@@ -61,7 +61,7 @@ export class ApiLogsComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ApiLogsComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ApiLogsComponent, selector: "fs-system-api-logs", inputs: { loadApiLogs: "loadApiLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true, static: true }], ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.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", "customize", "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: "pipe", type: i4.FsDateDurationPipe, name: "fsDateDuration" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ApiLogsComponent, selector: "fs-system-api-logs", inputs: { loadApiLogs: "loadApiLogs" }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true, static: true }], ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.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: "pipe", type: i4.FsDateDurationPipe, name: "fsDateDuration" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ApiLogsComponent, decorators: [{
             type: Component,

package/esm2022/app/modules/system/components/cron/cron.component.mjs

@@ -1,14 +1,15 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialog } from '@angular/material/dialog';
 import { ItemType } from '@firestitch/filter';
 import { CronProcessStates, CronStates } from '../../consts';
 import { CronLogStates } from '../../consts/cron-log-states.const';
+import { CronData } from '../../data/cron.data';
 import { indexNameValue } from '../../helpers/index-name-value';
 import { CronLogComponent } from '../cron-log';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/button";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/dialog";
 import * as i4 from "@angular/material/tabs";
 import * as i5 from "@firestitch/date";
 import * as i6 from "@firestitch/skeleton";
@@ -16,9 +17,6 @@ import * as i7 from "@firestitch/list";
 import * as i8 from "@firestitch/label";
 import * as i9 from "@firestitch/dialog";
 export class CronComponent {
-    _data;
-    _dialog;
-    _cdRef;
     cron;
     tabIndex = 0;
     CronStates = indexNameValue(CronStates);
@@ -27,11 +25,10 @@ export class CronComponent {
     CronLogStateColors = {};
     config;
     cronActions;
-    constructor(_data, _dialog, _cdRef) {
-        this._data = _data;
-        this._dialog = _dialog;
-        this._cdRef = _cdRef;
-    }
+    _cronData = inject(CronData);
+    _dialog = inject(MatDialog);
+    _cdRef = inject(ChangeDetectorRef);
+    _data = inject(MAT_DIALOG_DATA);
     ngOnInit() {
         this.load();
         this.CronLogStateColors = CronLogStates
@@ -49,7 +46,8 @@ export class CronComponent {
         });
     }
     cronActionClick(cronAction) {
-        cronAction.action(this.cron)
+        cronAction
+            .action(this.cron)
             .subscribe(() => {
             this.load();
         });
@@ -58,7 +56,10 @@ export class CronComponent {
         this.tabIndex = index;
     }
     load() {
-        this._data.loadCron(this._data.cron)
+        const query = {
+            timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+        };
+        this._cronData.get(this._data.cron.id, query)
             .subscribe((cron) => {
             this.cron = {
                 ...this._data.cron,
@@ -98,14 +99,11 @@ export class CronComponent {
             this._cdRef.markForCheck();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CronComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CronComponent, selector: "ng-component", ngImport: i0, template: "<fs-dialog *fsSkeleton=\"cron\">\n  <h1 mat-dialog-title>\n    Cron\n    <div class=\"small\">{{cron.name}}</div>\n  </h1>\n  <mat-dialog-content>\n    <mat-tab-group (selectedIndexChange)=\"selectedIndexChange($event)\">\n      <mat-tab label=\"Overview\">\n        <div class=\"fs-row.gap-lg.wrap.align-start\">\n          <fs-label-field>\n            <fs-label>\n              Status\n            </fs-label>\n            {{CronStates[cron.state]}}\n          </fs-label-field>\n\n          <fs-label-field *ngIf=\"cron.cronSetting\">\n            <fs-label>\n              Run Frequency\n            </fs-label>\n            {{cron.cronSetting.summary}}\n          </fs-label-field>\n\n          <fs-label-field>\n            <fs-label>\n              Process ID\n            </fs-label>\n            {{cron.processId || 'None'}}\n            <ng-container *ngIf=\"cron.processId\">\n              <div class=\"small\">\n                {{CronProcessStates[cron.processState] || 'Unknown'}}\n              </div>\n            </ng-container>\n          </fs-label-field>\n\n          <fs-label-field>\n            <fs-label>\n              Last Ran\n            </fs-label>\n            <ng-container *ngIf=\"cron.duration===null; else lastRan\">\n              Never\n            </ng-container>\n            <ng-template #lastRan>\n              <fs-date-ago [date]=\"cron.createDate\"></fs-date-ago>\n              <div><small *ngIf=\"cron.duration\">Duration: {{ cron.duration | fsDateDuration }}</small></div>\n            </ng-template>\n          </fs-label-field>\n\n          <fs-label-field>\n            <fs-label>\n              Timeout hours\n            </fs-label>\n            {{cron.cronSetting?.timeout || 'N/A'}}\n          </fs-label-field>\n        </div>\n\n        <fs-label-field *ngIf=\"cron.message\">\n          <fs-label>\n            Last Message\n          </fs-label>\n          <div class=\"message\">{{cron.message}}</div>\n        </fs-label-field>\n      </mat-tab>\n      <mat-tab label=\"Logs\" *ngIf=\"config\">\n        <ng-template matTabContent>\n          <fs-list [config]=\"config\">\n            <fs-list-column name=\"state\" title=\"Status\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <a \n                    (click)=\"cronLogOpen(row)\"\n                    [ngStyle]=\"{ color: CronLogStateColors[row.state] }\">\n                  {{CronLogStates[row.state] || row.state}}\n                </a>\n              </ng-template>\n            </fs-list-column>\n            \n            <fs-list-column title=\"Message\" class=\"col-message\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <div class=\"message\">{{row.message}}</div>\n              </ng-template>\n            </fs-list-column>\n            \n            <fs-list-column title=\"Duration\" class=\"col-message\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <ng-container *ngIf=\"row.duration\">\n                  {{row.duration | fsDateDuration: 'hour-minute-second'}}\n                </ng-container>\n              </ng-template>\n            </fs-list-column>\n\n            <fs-list-column name=\"create_date\" title=\"Date\" class=\"col-date\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n              </ng-template>\n            </fs-list-column>\n          </fs-list> \n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n\n  </mat-dialog-content>\n  <mat-dialog-actions>   \n    <button \n        mat-button \n        [mat-dialog-close]=\"true\" \n        color=\"primary\">\n      Done\n    </button>\n    <ng-container *ngIf=\"tabIndex === 0\">\n      <button   \n          *ngFor=\"let cronAction of cronActions\"\n          mat-button \n          (click)=\"cronActionClick(cronAction)\">\n        {{cronAction.label}}\n      </button>  \n    </ng-container>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [":host ::ng-deep .col-message .message{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}:host ::ng-deep .col-date{white-space:nowrap}h1 .small{line-height:normal}.row{display:flex;flex-wrap:wrap}.row fs-label-field:not(:last-child){margin-right:40px}.message{white-space:pre-line}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.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: i4.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i5.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { kind: "directive", type: i6.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: i7.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { kind: "directive", type: i7.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "sortableDirection", "direction", "align", "width", "class"] }, { kind: "directive", type: i7.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { kind: "component", type: i8.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i8.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { kind: "component", type: i9.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout", "dock", "dockable", "fullscreenPercent"] }, { kind: "pipe", type: i5.FsDateDurationPipe, name: "fsDateDuration" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CronComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CronComponent, selector: "ng-component", ngImport: i0, template: "<fs-dialog *fsSkeleton=\"cron\">\n  <h1 mat-dialog-title>\n    Cron\n    <div class=\"small\">\n      {{ cron.name }}\n    </div>\n  </h1>\n  <mat-dialog-content>\n    <mat-tab-group (selectedIndexChange)=\"selectedIndexChange($event)\">\n      <mat-tab label=\"Overview\">\n        <div class=\"fs-row.gap-lg.wrap.align-start\">\n          <fs-label-field>\n            <fs-label>\n              Status\n            </fs-label>\n            {{ CronStates[cron.state] }}\n          </fs-label-field>\n          <fs-label-field *ngIf=\"cron.cronSetting\">\n            <fs-label>\n              Run Frequency\n            </fs-label>\n            {{ cron.cronSetting.summary }}\n          </fs-label-field>\n          <fs-label-field>\n            <fs-label>\n              Process ID\n            </fs-label>\n            {{ cron.processId || 'None' }}\n            <ng-container *ngIf=\"cron.processId\">\n              <div class=\"small\">\n                {{ CronProcessStates[cron.processState] || 'Unknown' }}\n              </div>\n            </ng-container>\n          </fs-label-field>\n          <fs-label-field>\n            <fs-label>\n              Last Ran\n            </fs-label>\n            <ng-container *ngIf=\"cron.duration===null; else lastRan\">\n              Never\n            </ng-container>\n            <ng-template #lastRan>\n              <fs-date-ago [date]=\"cron.createDate\"></fs-date-ago>\n              <div>\n                <small *ngIf=\"cron.duration\">\n                  Duration: {{ cron.duration | fsDateDuration }}\n                </small>\n              </div>\n            </ng-template>\n          </fs-label-field>\n          <fs-label-field>\n            <fs-label>\n              Timeout hours\n            </fs-label>\n            {{ cron.cronSetting?.timeout || 'N/A' }}\n          </fs-label-field>\n        </div>\n        <fs-label-field *ngIf=\"cron.message\">\n          <fs-label>\n            Last Message\n          </fs-label>\n          <div class=\"message\">\n            {{ cron.message }}\n          </div>\n        </fs-label-field>\n      </mat-tab>\n      <mat-tab\n          label=\"Logs\"\n          *ngIf=\"config\">\n        <ng-template matTabContent>\n          <fs-list [config]=\"config\">\n            <fs-list-column\n                name=\"state\"\n                title=\"Status\">\n              <ng-template\n                  fs-list-cell\n                  let-row=\"row\">\n                <a\n                    (click)=\"cronLogOpen(row)\"\n                    [ngStyle]=\"{ color: CronLogStateColors[row.state] }\">\n                  {{ CronLogStates[row.state] || row.state }}\n                </a>\n              </ng-template>\n            </fs-list-column>\n            <fs-list-column\n                title=\"Message\"\n                class=\"col-message\">\n              <ng-template\n                  fs-list-cell\n                  let-row=\"row\">\n                <div class=\"message\">\n                  {{ row.message }}\n                </div>\n              </ng-template>\n            </fs-list-column>\n            <fs-list-column\n                title=\"Duration\"\n                class=\"col-message\">\n              <ng-template\n                  fs-list-cell\n                  let-row=\"row\">\n                <ng-container *ngIf=\"row.duration\">\n                  {{ row.duration | fsDateDuration: 'hour-minute-second' }}\n                </ng-container>\n              </ng-template>\n            </fs-list-column>\n            <fs-list-column\n                name=\"create_date\"\n                title=\"Date\"\n                class=\"col-date\">\n              <ng-template\n                  fs-list-cell\n                  let-row=\"row\">\n                <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n              </ng-template>\n            </fs-list-column>\n          </fs-list>\n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        [mat-dialog-close]=\"true\"\n        color=\"primary\">\n      Done\n    </button>\n    <ng-container *ngIf=\"tabIndex === 0\">\n      <button\n          *ngFor=\"let cronAction of cronActions\"\n          mat-button\n          (click)=\"cronActionClick(cronAction)\">\n        {{ cronAction.label }}\n      </button>\n    </ng-container>\n  </mat-dialog-actions>\n</fs-dialog>", 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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i4.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i5.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { kind: "directive", type: i6.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: i7.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { kind: "directive", type: i7.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customizable", "sortable", "sortableDefault", "sortableDirection", "direction", "align", "width", "class"] }, { kind: "directive", type: i7.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { kind: "component", type: i8.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i8.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["appearance", "showOutline", "disabled", "focused", "hoverable", "padless"] }, { kind: "component", type: i9.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }, { kind: "pipe", type: i5.FsDateDurationPipe, name: "fsDateDuration" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CronComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<fs-dialog *fsSkeleton=\"cron\">\n  <h1 mat-dialog-title>\n    Cron\n    <div class=\"small\">{{cron.name}}</div>\n  </h1>\n  <mat-dialog-content>\n    <mat-tab-group (selectedIndexChange)=\"selectedIndexChange($event)\">\n      <mat-tab label=\"Overview\">\n        <div class=\"fs-row.gap-lg.wrap.align-start\">\n          <fs-label-field>\n            <fs-label>\n              Status\n            </fs-label>\n            {{CronStates[cron.state]}}\n          </fs-label-field>\n\n          <fs-label-field *ngIf=\"cron.cronSetting\">\n            <fs-label>\n              Run Frequency\n            </fs-label>\n            {{cron.cronSetting.summary}}\n          </fs-label-field>\n\n          <fs-label-field>\n            <fs-label>\n              Process ID\n            </fs-label>\n            {{cron.processId || 'None'}}\n            <ng-container *ngIf=\"cron.processId\">\n              <div class=\"small\">\n                {{CronProcessStates[cron.processState] || 'Unknown'}}\n              </div>\n            </ng-container>\n          </fs-label-field>\n\n          <fs-label-field>\n            <fs-label>\n              Last Ran\n            </fs-label>\n            <ng-container *ngIf=\"cron.duration===null; else lastRan\">\n              Never\n            </ng-container>\n            <ng-template #lastRan>\n              <fs-date-ago [date]=\"cron.createDate\"></fs-date-ago>\n              <div><small *ngIf=\"cron.duration\">Duration: {{ cron.duration | fsDateDuration }}</small></div>\n            </ng-template>\n          </fs-label-field>\n\n          <fs-label-field>\n            <fs-label>\n              Timeout hours\n            </fs-label>\n            {{cron.cronSetting?.timeout || 'N/A'}}\n          </fs-label-field>\n        </div>\n\n        <fs-label-field *ngIf=\"cron.message\">\n          <fs-label>\n            Last Message\n          </fs-label>\n          <div class=\"message\">{{cron.message}}</div>\n        </fs-label-field>\n      </mat-tab>\n      <mat-tab label=\"Logs\" *ngIf=\"config\">\n        <ng-template matTabContent>\n          <fs-list [config]=\"config\">\n            <fs-list-column name=\"state\" title=\"Status\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <a \n                    (click)=\"cronLogOpen(row)\"\n                    [ngStyle]=\"{ color: CronLogStateColors[row.state] }\">\n                  {{CronLogStates[row.state] || row.state}}\n                </a>\n              </ng-template>\n            </fs-list-column>\n            \n            <fs-list-column title=\"Message\" class=\"col-message\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <div class=\"message\">{{row.message}}</div>\n              </ng-template>\n            </fs-list-column>\n            \n            <fs-list-column title=\"Duration\" class=\"col-message\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <ng-container *ngIf=\"row.duration\">\n                  {{row.duration | fsDateDuration: 'hour-minute-second'}}\n                </ng-container>\n              </ng-template>\n            </fs-list-column>\n\n            <fs-list-column name=\"create_date\" title=\"Date\" class=\"col-date\">\n              <ng-template fs-list-cell let-row=\"row\">\n                <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n              </ng-template>\n            </fs-list-column>\n          </fs-list> \n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n\n  </mat-dialog-content>\n  <mat-dialog-actions>   \n    <button \n        mat-button \n        [mat-dialog-close]=\"true\" \n        color=\"primary\">\n      Done\n    </button>\n    <ng-container *ngIf=\"tabIndex === 0\">\n      <button   \n          *ngFor=\"let cronAction of cronActions\"\n          mat-button \n          (click)=\"cronActionClick(cronAction)\">\n        {{cronAction.label}}\n      </button>  \n    </ng-container>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [":host ::ng-deep .col-message .message{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}:host ::ng-deep .col-date{white-space:nowrap}h1 .small{line-height:normal}.row{display:flex;flex-wrap:wrap}.row fs-label-field:not(:last-child){margin-right:40px}.message{white-space:pre-line}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i1.MatDialog }, { type: i0.ChangeDetectorRef }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Jvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvc3lzdGVtL2NvbXBvbmVudHMvY3Jvbi9jcm9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9jcm9uL2Nyb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFdEcsT0FBTyxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUV0RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHOUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7Ozs7Ozs7QUFRL0MsTUFBTSxPQUFPLGFBQWE7SUFhVztJQUN6QjtJQUNBO0lBYkgsSUFBSSxDQUFDO0lBQ0wsUUFBUSxHQUFHLENBQUMsQ0FBQztJQUNiLFVBQVUsR0FBRyxjQUFjLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDeEMsaUJBQWlCLEdBQUcsY0FBYyxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDdEQsYUFBYSxHQUFHLGNBQWMsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUM5QyxrQkFBa0IsR0FBRyxFQUFFLENBQUM7SUFFeEIsTUFBTSxDQUFlO0lBQ3JCLFdBQVcsQ0FBQztJQUVuQixZQUNtQyxLQUFLLEVBQzlCLE9BQWtCLEVBQ2xCLE1BQXlCO1FBRkEsVUFBSyxHQUFMLEtBQUssQ0FBQTtRQUM5QixZQUFPLEdBQVAsT0FBTyxDQUFXO1FBQ2xCLFdBQU0sR0FBTixNQUFNLENBQW1CO0lBQ2hDLENBQUM7SUFFRyxRQUFRO1FBQ2IsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ1osSUFBSSxDQUFDLGtCQUFrQixHQUFHLGFBQWE7YUFDcEMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLFlBQVksRUFBRSxFQUFFO1lBQzlCLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLEdBQUcsWUFBWSxDQUFDLEtBQUssQ0FBQztZQUUvQyxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFTSxXQUFXLENBQUMsT0FBTztRQUN4QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUNsQyxJQUFJLEVBQUU7Z0JBQ0osT0FBTzthQUNSO1lBQ0QsS0FBSyxFQUFFLEtBQUs7U0FDYixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sZUFBZSxDQUFDLFVBQVU7UUFDL0IsVUFBVSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO2FBQ3pCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDZCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTSxtQkFBbUIsQ0FBQyxLQUFLO1FBQzlCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFFTSxJQUFJO1FBQ1QsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7YUFDakMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDbEIsSUFBSSxDQUFDLElBQUksR0FBRztnQkFDVixHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSTtnQkFDbEIsR0FBRyxJQUFJO2FBQ1IsQ0FBQztZQUVGLElBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztnQkFDM0IsSUFBSSxDQUFDLE1BQU0sR0FBRztvQkFDWixPQUFPLEVBQUU7d0JBQ1A7NEJBQ0UsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNOzRCQUNyQixJQUFJLEVBQUUsT0FBTzs0QkFDYixLQUFLLEVBQUUsUUFBUTs0QkFDZixNQUFNLEVBQUU7Z0NBQ04sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7Z0NBQzVCLEdBQUcsYUFBYTs2QkFDakI7eUJBQ0Y7d0JBQ0Q7NEJBQ0UsSUFBSSxFQUFFLFFBQVEsQ0FBQyxTQUFTOzRCQUN4QixJQUFJLEVBQUUsTUFBTTs0QkFDWixLQUFLLEVBQUUsQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDO3lCQUNoQztxQkFDRjtvQkFDRCxLQUFLLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRTt3QkFDZixLQUFLLEdBQUc7NEJBQ04sR0FBRyxLQUFLOzRCQUNSLE1BQU0sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7eUJBQ3JCLENBQUM7d0JBRUYsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztvQkFDeEMsQ0FBQztpQkFDRixDQUFDO1lBQ0osQ0FBQztZQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXO2lCQUN0QyxNQUFNLENBQUMsQ0FBQyxhQUFhLEVBQUUsRUFBRTtnQkFDeEIsT0FBTyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN2QyxDQUFDLENBQUMsQ0FBQztZQUVMLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDN0IsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO3VHQTVGVSxhQUFhLGtCQWFkLGVBQWU7MkZBYmQsYUFBYSxvRENsQjFCLHk3SEFzSEE7OzJGRHBHYSxhQUFhO2tCQUx6QixTQUFTO3NDQUdTLHVCQUF1QixDQUFDLE1BQU07OzBCQWU1QyxNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTUFUX0RJQUxPR19EQVRBLCBNYXREaWFsb2cgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuXG5pbXBvcnQgeyBJdGVtVHlwZSB9IGZyb20gJ0BmaXJlc3RpdGNoL2ZpbHRlcic7XG5pbXBvcnQgeyBGc0xpc3RDb25maWcgfSBmcm9tICdAZmlyZXN0aXRjaC9saXN0JztcblxuaW1wb3J0IHsgQ3JvblByb2Nlc3NTdGF0ZXMsIENyb25TdGF0ZXMgfSBmcm9tICcuLi8uLi9jb25zdHMnO1xuaW1wb3J0IHsgQ3JvbkxvZ1N0YXRlcyB9IGZyb20gJy4uLy4uL2NvbnN0cy9jcm9uLWxvZy1zdGF0ZXMuY29uc3QnO1xuaW1wb3J0IHsgaW5kZXhOYW1lVmFsdWUgfSBmcm9tICcuLi8uLi9oZWxwZXJzL2luZGV4LW5hbWUtdmFsdWUnO1xuaW1wb3J0IHsgQ3JvbkxvZ0NvbXBvbmVudCB9IGZyb20gJy4uL2Nyb24tbG9nJztcblxuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGVVcmw6ICcuL2Nyb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jcm9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDcm9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgY3JvbjtcbiAgcHVibGljIHRhYkluZGV4ID0gMDtcbiAgcHVibGljIENyb25TdGF0ZXMgPSBpbmRleE5hbWVWYWx1ZShDcm9uU3RhdGVzKTtcbiAgcHVibGljIENyb25Qcm9jZXNzU3RhdGVzID0gaW5kZXhOYW1lVmFsdWUoQ3JvblByb2Nlc3NTdGF0ZXMpO1xuICBwdWJsaWMgQ3JvbkxvZ1N0YXRlcyA9IGluZGV4TmFtZVZhbHVlKENyb25Mb2dTdGF0ZXMpO1xuICBwdWJsaWMgQ3JvbkxvZ1N0YXRlQ29sb3JzID0ge307XG5cbiAgcHVibGljIGNvbmZpZzogRnNMaXN0Q29uZmlnO1xuICBwdWJsaWMgY3JvbkFjdGlvbnM7XG4gIFxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHJpdmF0ZSBfZGF0YSxcbiAgICBwcml2YXRlIF9kaWFsb2c6IE1hdERpYWxvZyxcbiAgICBwcml2YXRlIF9jZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge31cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5sb2FkKCk7XG4gICAgdGhpcy5Dcm9uTG9nU3RhdGVDb2xvcnMgPSBDcm9uTG9nU3RhdGVzXG4gICAgICAucmVkdWNlKChhY2N1bSwgY3JvbkxvZ1N0YXRlKSA9PiB7XG4gICAgICAgIGFjY3VtW2Nyb25Mb2dTdGF0ZS52YWx1ZV0gPSBjcm9uTG9nU3RhdGUuY29sb3I7XG5cbiAgICAgICAgcmV0dXJuIGFjY3VtO1xuICAgICAgfSwge30pO1xuICB9XG5cbiAgcHVibGljIGNyb25Mb2dPcGVuKGNyb25Mb2cpOiB2b2lkIHtcbiAgICB0aGlzLl9kaWFsb2cub3BlbihDcm9uTG9nQ29tcG9uZW50LCB7XG4gICAgICBkYXRhOiB7IFxuICAgICAgICBjcm9uTG9nLFxuICAgICAgfSxcbiAgICAgIHdpZHRoOiAnODUlJyxcbiAgICB9KTsgICAgXG4gIH1cblxuICBwdWJsaWMgY3JvbkFjdGlvbkNsaWNrKGNyb25BY3Rpb24pIHtcbiAgICBjcm9uQWN0aW9uLmFjdGlvbih0aGlzLmNyb24pXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5sb2FkKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBzZWxlY3RlZEluZGV4Q2hhbmdlKGluZGV4KSB7XG4gICAgdGhpcy50YWJJbmRleCA9IGluZGV4O1xuICB9XG4gICAgXG4gIHB1YmxpYyBsb2FkKCk6IHZvaWQge1xuICAgIHRoaXMuX2RhdGEubG9hZENyb24odGhpcy5fZGF0YS5jcm9uKVxuICAgICAgLnN1YnNjcmliZSgoY3JvbikgPT4ge1xuICAgICAgICB0aGlzLmNyb24gPSB7XG4gICAgICAgICAgLi4udGhpcy5fZGF0YS5jcm9uLFxuICAgICAgICAgIC4uLmNyb24sXG4gICAgICAgIH07XG5cbiAgICAgICAgaWYodGhpcy5fZGF0YS5sb2FkQ3JvbkxvZ3MpIHtcbiAgICAgICAgICB0aGlzLmNvbmZpZyA9IHtcbiAgICAgICAgICAgIGZpbHRlcnM6IFtcbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIHR5cGU6IEl0ZW1UeXBlLlNlbGVjdCxcbiAgICAgICAgICAgICAgICBuYW1lOiAnc3RhdGUnLFxuICAgICAgICAgICAgICAgIGxhYmVsOiAnU3RhdHVzJyxcbiAgICAgICAgICAgICAgICB2YWx1ZXM6IFtcbiAgICAgICAgICAgICAgICAgIHsgbmFtZTogJ0FsbCcsIHZhbHVlOiBudWxsIH0sXG4gICAgICAgICAgICAgICAgICAuLi5Dcm9uTG9nU3RhdGVzLFxuICAgICAgICAgICAgICAgIF0sXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICB0eXBlOiBJdGVtVHlwZS5EYXRlUmFuZ2UsXG4gICAgICAgICAgICAgICAgbmFtZTogJ2RhdGUnLFxuICAgICAgICAgICAgICAgIGxhYmVsOiBbJ0Zyb20gRGF0ZScsICdUbyBEYXRlJ10sXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBdLCAgICAgICAgICBcbiAgICAgICAgICAgIGZldGNoOiAocXVlcnkpID0+IHtcbiAgICAgICAgICAgICAgcXVlcnkgPSB7XG4gICAgICAgICAgICAgICAgLi4ucXVlcnksXG4gICAgICAgICAgICAgICAgY3JvbklkOiB0aGlzLmNyb24uaWQsXG4gICAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgICAgcmV0dXJuIHRoaXMuX2RhdGEubG9hZENyb25Mb2dzKHF1ZXJ5KTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuY3JvbkFjdGlvbnMgPSB0aGlzLl9kYXRhLmNyb25BY3Rpb25zXG4gICAgICAgICAgLmZpbHRlcigoY3JvbkxvZ0FjdGlvbikgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIGNyb25Mb2dBY3Rpb24uc2hvdyh0aGlzLmNyb24pO1xuICAgICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMuX2NkUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSk7XG4gIH1cbn1cbiIsIjxmcy1kaWFsb2cgKmZzU2tlbGV0b249XCJjcm9uXCI+XG4gIDxoMSBtYXQtZGlhbG9nLXRpdGxlPlxuICAgIENyb25cbiAgICA8ZGl2IGNsYXNzPVwic21hbGxcIj57e2Nyb24ubmFtZX19PC9kaXY+XG4gIDwvaDE+XG4gIDxtYXQtZGlhbG9nLWNvbnRlbnQ+XG4gICAgPG1hdC10YWItZ3JvdXAgKHNlbGVjdGVkSW5kZXhDaGFuZ2UpPVwic2VsZWN0ZWRJbmRleENoYW5nZSgkZXZlbnQpXCI+XG4gICAgICA8bWF0LXRhYiBsYWJlbD1cIk92ZXJ2aWV3XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmcy1yb3cuZ2FwLWxnLndyYXAuYWxpZ24tc3RhcnRcIj5cbiAgICAgICAgICA8ZnMtbGFiZWwtZmllbGQ+XG4gICAgICAgICAgICA8ZnMtbGFiZWw+XG4gICAgICAgICAgICAgIFN0YXR1c1xuICAgICAgICAgICAgPC9mcy1sYWJlbD5cbiAgICAgICAgICAgIHt7Q3JvblN0YXRlc1tjcm9uLnN0YXRlXX19XG4gICAgICAgICAgPC9mcy1sYWJlbC1maWVsZD5cblxuICAgICAgICAgIDxmcy1sYWJlbC1maWVsZCAqbmdJZj1cImNyb24uY3JvblNldHRpbmdcIj5cbiAgICAgICAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgICAgICAgUnVuIEZyZXF1ZW5jeVxuICAgICAgICAgICAgPC9mcy1sYWJlbD5cbiAgICAgICAgICAgIHt7Y3Jvbi5jcm9uU2V0dGluZy5zdW1tYXJ5fX1cbiAgICAgICAgICA8L2ZzLWxhYmVsLWZpZWxkPlxuXG4gICAgICAgICAgPGZzLWxhYmVsLWZpZWxkPlxuICAgICAgICAgICAgPGZzLWxhYmVsPlxuICAgICAgICAgICAgICBQcm9jZXNzIElEXG4gICAgICAgICAgICA8L2ZzLWxhYmVsPlxuICAgICAgICAgICAge3tjcm9uLnByb2Nlc3NJZCB8fCAnTm9uZSd9fVxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNyb24ucHJvY2Vzc0lkXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzbWFsbFwiPlxuICAgICAgICAgICAgICAgIHt7Q3JvblByb2Nlc3NTdGF0ZXNbY3Jvbi5wcm9jZXNzU3RhdGVdIHx8ICdVbmtub3duJ319XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9mcy1sYWJlbC1maWVsZD5cblxuICAgICAgICAgIDxmcy1sYWJlbC1maWVsZD5cbiAgICAgICAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgICAgICAgTGFzdCBSYW5cbiAgICAgICAgICAgIDwvZnMtbGFiZWw+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3Jvbi5kdXJhdGlvbj09PW51bGw7IGVsc2UgbGFzdFJhblwiPlxuICAgICAgICAgICAgICBOZXZlclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2xhc3RSYW4+XG4gICAgICAgICAgICAgIDxmcy1kYXRlLWFnbyBbZGF0ZV09XCJjcm9uLmNyZWF0ZURhdGVcIj48L2ZzLWRhdGUtYWdvPlxuICAgICAgICAgICAgICA8ZGl2PjxzbWFsbCAqbmdJZj1cImNyb24uZHVyYXRpb25cIj5EdXJhdGlvbjoge3sgY3Jvbi5kdXJhdGlvbiB8IGZzRGF0ZUR1cmF0aW9uIH19PC9zbWFsbD48L2Rpdj5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgPC9mcy1sYWJlbC1maWVsZD5cblxuICAgICAgICAgIDxmcy1sYWJlbC1maWVsZD5cbiAgICAgICAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgICAgICAgVGltZW91dCBob3Vyc1xuICAgICAgICAgICAgPC9mcy1sYWJlbD5cbiAgICAgICAgICAgIHt7Y3Jvbi5jcm9uU2V0dGluZz8udGltZW91dCB8fCAnTi9BJ319XG4gICAgICAgICAgPC9mcy1sYWJlbC1maWVsZD5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGZzLWxhYmVsLWZpZWxkICpuZ0lmPVwiY3Jvbi5tZXNzYWdlXCI+XG4gICAgICAgICAgPGZzLWxhYmVsPlxuICAgICAgICAgICAgTGFzdCBNZXNzYWdlXG4gICAgICAgICAgPC9mcy1sYWJlbD5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibWVzc2FnZVwiPnt7Y3Jvbi5tZXNzYWdlfX08L2Rpdj5cbiAgICAgICAgPC9mcy1sYWJlbC1maWVsZD5cbiAgICAgIDwvbWF0LXRhYj5cbiAgICAgIDxtYXQtdGFiIGxhYmVsPVwiTG9nc1wiICpuZ0lmPVwiY29uZmlnXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBtYXRUYWJDb250ZW50PlxuICAgICAgICAgIDxmcy1saXN0IFtjb25maWddPVwiY29uZmlnXCI+XG4gICAgICAgICAgICA8ZnMtbGlzdC1jb2x1bW4gbmFtZT1cInN0YXRlXCIgdGl0bGU9XCJTdGF0dXNcIj5cbiAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGZzLWxpc3QtY2VsbCBsZXQtcm93PVwicm93XCI+XG4gICAgICAgICAgICAgICAgPGEgXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJjcm9uTG9nT3Blbihyb3cpXCJcbiAgICAgICAgICAgICAgICAgICAgW25nU3R5bGVdPVwieyBjb2xvcjogQ3JvbkxvZ1N0YXRlQ29sb3JzW3Jvdy5zdGF0ZV0gfVwiPlxuICAgICAgICAgICAgICAgICAge3tDcm9uTG9nU3RhdGVzW3Jvdy5zdGF0ZV0gfHwgcm93LnN0YXRlfX1cbiAgICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8L2ZzLWxpc3QtY29sdW1uPlxuICAgICAgICAgICAgXG4gICAgICAgICAgICA8ZnMtbGlzdC1jb2x1bW4gdGl0bGU9XCJNZXNzYWdlXCIgY2xhc3M9XCJjb2wtbWVzc2FnZVwiPlxuICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgZnMtbGlzdC1jZWxsIGxldC1yb3c9XCJyb3dcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWVzc2FnZVwiPnt7cm93Lm1lc3NhZ2V9fTwvZGl2PlxuICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9mcy1saXN0LWNvbHVtbj5cbiAgICAgICAgICAgIFxuICAgICAgICAgICAgPGZzLWxpc3QtY29sdW1uIHRpdGxlPVwiRHVyYXRpb25cIiBjbGFzcz1cImNvbC1tZXNzYWdlXCI+XG4gICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBmcy1saXN0LWNlbGwgbGV0LXJvdz1cInJvd1wiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJyb3cuZHVyYXRpb25cIj5cbiAgICAgICAgICAgICAgICAgIHt7cm93LmR1cmF0aW9uIHwgZnNEYXRlRHVyYXRpb246ICdob3VyLW1pbnV0ZS1zZWNvbmQnfX1cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDwvZnMtbGlzdC1jb2x1bW4+XG5cbiAgICAgICAgICAgIDxmcy1saXN0LWNvbHVtbiBuYW1lPVwiY3JlYXRlX2RhdGVcIiB0aXRsZT1cIkRhdGVcIiBjbGFzcz1cImNvbC1kYXRlXCI+XG4gICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBmcy1saXN0LWNlbGwgbGV0LXJvdz1cInJvd1wiPlxuICAgICAgICAgICAgICAgIDxmcy1kYXRlLWFnbyBbZGF0ZV09XCJyb3cuY3JlYXRlRGF0ZVwiPjwvZnMtZGF0ZS1hZ28+XG4gICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8L2ZzLWxpc3QtY29sdW1uPlxuICAgICAgICAgIDwvZnMtbGlzdD4gXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8L21hdC10YWI+XG4gICAgPC9tYXQtdGFiLWdyb3VwPlxuXG4gIDwvbWF0LWRpYWxvZy1jb250ZW50PlxuICA8bWF0LWRpYWxvZy1hY3Rpb25zPiAgIFxuICAgIDxidXR0b24gXG4gICAgICAgIG1hdC1idXR0b24gXG4gICAgICAgIFttYXQtZGlhbG9nLWNsb3NlXT1cInRydWVcIiBcbiAgICAgICAgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgICBEb25lXG4gICAgPC9idXR0b24+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRhYkluZGV4ID09PSAwXCI+XG4gICAgICA8YnV0dG9uICAgXG4gICAgICAgICAgKm5nRm9yPVwibGV0IGNyb25BY3Rpb24gb2YgY3JvbkFjdGlvbnNcIlxuICAgICAgICAgIG1hdC1idXR0b24gXG4gICAgICAgICAgKGNsaWNrKT1cImNyb25BY3Rpb25DbGljayhjcm9uQWN0aW9uKVwiPlxuICAgICAgICB7e2Nyb25BY3Rpb24ubGFiZWx9fVxuICAgICAgPC9idXR0b24+ICBcbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9tYXQtZGlhbG9nLWFjdGlvbnM+XG48L2ZzLWRpYWxvZz5cbiJdfQ==
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<fs-dialog *fsSkeleton=\"cron\">\n  <h1 mat-dialog-title>\n    Cron\n    <div class=\"small\">\n      {{ cron.name }}\n    </div>\n  </h1>\n  <mat-dialog-content>\n    <mat-tab-group (selectedIndexChange)=\"selectedIndexChange($event)\">\n      <mat-tab label=\"Overview\">\n        <div class=\"fs-row.gap-lg.wrap.align-start\">\n          <fs-label-field>\n            <fs-label>\n              Status\n            </fs-label>\n            {{ CronStates[cron.state] }}\n          </fs-label-field>\n          <fs-label-field *ngIf=\"cron.cronSetting\">\n            <fs-label>\n              Run Frequency\n            </fs-label>\n            {{ cron.cronSetting.summary }}\n          </fs-label-field>\n          <fs-label-field>\n            <fs-label>\n              Process ID\n            </fs-label>\n            {{ cron.processId || 'None' }}\n            <ng-container *ngIf=\"cron.processId\">\n              <div class=\"small\">\n                {{ CronProcessStates[cron.processState] || 'Unknown' }}\n              </div>\n            </ng-container>\n          </fs-label-field>\n          <fs-label-field>\n            <fs-label>\n              Last Ran\n            </fs-label>\n            <ng-container *ngIf=\"cron.duration===null; else lastRan\">\n              Never\n            </ng-container>\n            <ng-template #lastRan>\n              <fs-date-ago [date]=\"cron.createDate\"></fs-date-ago>\n              <div>\n                <small *ngIf=\"cron.duration\">\n                  Duration: {{ cron.duration | fsDateDuration }}\n                </small>\n              </div>\n            </ng-template>\n          </fs-label-field>\n          <fs-label-field>\n            <fs-label>\n              Timeout hours\n            </fs-label>\n            {{ cron.cronSetting?.timeout || 'N/A' }}\n          </fs-label-field>\n        </div>\n        <fs-label-field *ngIf=\"cron.message\">\n          <fs-label>\n            Last Message\n          </fs-label>\n          <div class=\"message\">\n            {{ cron.message }}\n          </div>\n        </fs-label-field>\n      </mat-tab>\n      <mat-tab\n          label=\"Logs\"\n          *ngIf=\"config\">\n        <ng-template matTabContent>\n          <fs-list [config]=\"config\">\n            <fs-list-column\n                name=\"state\"\n                title=\"Status\">\n              <ng-template\n                  fs-list-cell\n                  let-row=\"row\">\n                <a\n                    (click)=\"cronLogOpen(row)\"\n                    [ngStyle]=\"{ color: CronLogStateColors[row.state] }\">\n                  {{ CronLogStates[row.state] || row.state }}\n                </a>\n              </ng-template>\n            </fs-list-column>\n            <fs-list-column\n                title=\"Message\"\n                class=\"col-message\">\n              <ng-template\n                  fs-list-cell\n                  let-row=\"row\">\n                <div class=\"message\">\n                  {{ row.message }}\n                </div>\n              </ng-template>\n            </fs-list-column>\n            <fs-list-column\n                title=\"Duration\"\n                class=\"col-message\">\n              <ng-template\n                  fs-list-cell\n                  let-row=\"row\">\n                <ng-container *ngIf=\"row.duration\">\n                  {{ row.duration | fsDateDuration: 'hour-minute-second' }}\n                </ng-container>\n              </ng-template>\n            </fs-list-column>\n            <fs-list-column\n                name=\"create_date\"\n                title=\"Date\"\n                class=\"col-date\">\n              <ng-template\n                  fs-list-cell\n                  let-row=\"row\">\n                <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n              </ng-template>\n            </fs-list-column>\n          </fs-list>\n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        [mat-dialog-close]=\"true\"\n        color=\"primary\">\n      Done\n    </button>\n    <ng-container *ngIf=\"tabIndex === 0\">\n      <button\n          *ngFor=\"let cronAction of cronActions\"\n          mat-button\n          (click)=\"cronActionClick(cronAction)\">\n        {{ cronAction.label }}\n      </button>\n    </ng-container>\n  </mat-dialog-actions>\n</fs-dialog>", 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"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Jvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvc3lzdGVtL2NvbXBvbmVudHMvY3Jvbi9jcm9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9jcm9uL2Nyb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFdEcsT0FBTyxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUV0RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHOUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxhQUFhLENBQUM7Ozs7Ozs7Ozs7O0FBUS9DLE1BQU0sT0FBTyxhQUFhO0lBRWpCLElBQUksQ0FBQztJQUNMLFFBQVEsR0FBRyxDQUFDLENBQUM7SUFDYixVQUFVLEdBQUcsY0FBYyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3hDLGlCQUFpQixHQUFHLGNBQWMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3RELGFBQWEsR0FBRyxjQUFjLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDOUMsa0JBQWtCLEdBQUcsRUFBRSxDQUFDO0lBRXhCLE1BQU0sQ0FBZTtJQUNyQixXQUFXLENBQUM7SUFFWCxTQUFTLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzdCLE9BQU8sR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDNUIsTUFBTSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ25DLEtBQUssR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7SUFFakMsUUFBUTtRQUNiLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNaLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxhQUFhO2FBQ3BDLE1BQU0sQ0FBQyxDQUFDLEtBQUssRUFBRSxZQUFZLEVBQUUsRUFBRTtZQUM5QixLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxHQUFHLFlBQVksQ0FBQyxLQUFLLENBQUM7WUFFL0MsT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRU0sV0FBVyxDQUFDLE9BQU87UUFDeEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDbEMsSUFBSSxFQUFFO2dCQUNKLE9BQU87YUFDUjtZQUNELEtBQUssRUFBRSxLQUFLO1NBQ2IsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVNLGVBQWUsQ0FBQyxVQUFVO1FBQy9CLFVBQVU7YUFDUCxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQzthQUNqQixTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2QsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU0sbUJBQW1CLENBQUMsS0FBSztRQUM5QixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRU0sSUFBSTtRQUNULE1BQU0sS0FBSyxHQUFHO1lBQ1osUUFBUSxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRO1NBQzNELENBQUM7UUFFRixJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDO2FBQzFDLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxJQUFJLEdBQUc7Z0JBQ1YsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUk7Z0JBQ2xCLEdBQUcsSUFBSTthQUNSLENBQUM7WUFFRixJQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7Z0JBQzNCLElBQUksQ0FBQyxNQUFNLEdBQUc7b0JBQ1osT0FBTyxFQUFFO3dCQUNQOzRCQUNFLElBQUksRUFBRSxRQUFRLENBQUMsTUFBTTs0QkFDckIsSUFBSSxFQUFFLE9BQU87NEJBQ2IsS0FBSyxFQUFFLFFBQVE7NEJBQ2YsTUFBTSxFQUFFO2dDQUNOLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO2dDQUM1QixHQUFHLGFBQWE7NkJBQ2pCO3lCQUNGO3dCQUNEOzRCQUNFLElBQUksRUFBRSxRQUFRLENBQUMsU0FBUzs0QkFDeEIsSUFBSSxFQUFFLE1BQU07NEJBQ1osS0FBSyxFQUFFLENBQUMsV0FBVyxFQUFFLFNBQVMsQ0FBQzt5QkFDaEM7cUJBQ0Y7b0JBQ0QsS0FBSyxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7d0JBQ2YsS0FBSyxHQUFHOzRCQUNOLEdBQUcsS0FBSzs0QkFDUixNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFO3lCQUNyQixDQUFDO3dCQUVGLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBQ3hDLENBQUM7aUJBQ0YsQ0FBQztZQUNKLENBQUM7WUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVztpQkFDdEMsTUFBTSxDQUFDLENBQUMsYUFBYSxFQUFFLEVBQUU7Z0JBQ3hCLE9BQU8sYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDdkMsQ0FBQyxDQUFDLENBQUM7WUFFTCxJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzdCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzt1R0FoR1UsYUFBYTsyRkFBYixhQUFhLG9EQ25CMUIsazNJQXlJWTs7MkZEdEhDLGFBQWE7a0JBTHpCLFNBQVM7c0NBR1MsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBpbmplY3QsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZyB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5cbmltcG9ydCB7IEl0ZW1UeXBlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvZmlsdGVyJztcbmltcG9ydCB7IEZzTGlzdENvbmZpZyB9IGZyb20gJ0BmaXJlc3RpdGNoL2xpc3QnO1xuXG5pbXBvcnQgeyBDcm9uUHJvY2Vzc1N0YXRlcywgQ3JvblN0YXRlcyB9IGZyb20gJy4uLy4uL2NvbnN0cyc7XG5pbXBvcnQgeyBDcm9uTG9nU3RhdGVzIH0gZnJvbSAnLi4vLi4vY29uc3RzL2Nyb24tbG9nLXN0YXRlcy5jb25zdCc7XG5pbXBvcnQgeyBDcm9uRGF0YSB9IGZyb20gJy4uLy4uL2RhdGEvY3Jvbi5kYXRhJztcbmltcG9ydCB7IGluZGV4TmFtZVZhbHVlIH0gZnJvbSAnLi4vLi4vaGVscGVycy9pbmRleC1uYW1lLXZhbHVlJztcbmltcG9ydCB7IENyb25Mb2dDb21wb25lbnQgfSBmcm9tICcuLi9jcm9uLWxvZyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlVXJsOiAnLi9jcm9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY3Jvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ3JvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcHVibGljIGNyb247XG4gIHB1YmxpYyB0YWJJbmRleCA9IDA7XG4gIHB1YmxpYyBDcm9uU3RhdGVzID0gaW5kZXhOYW1lVmFsdWUoQ3JvblN0YXRlcyk7XG4gIHB1YmxpYyBDcm9uUHJvY2Vzc1N0YXRlcyA9IGluZGV4TmFtZVZhbHVlKENyb25Qcm9jZXNzU3RhdGVzKTtcbiAgcHVibGljIENyb25Mb2dTdGF0ZXMgPSBpbmRleE5hbWVWYWx1ZShDcm9uTG9nU3RhdGVzKTtcbiAgcHVibGljIENyb25Mb2dTdGF0ZUNvbG9ycyA9IHt9O1xuXG4gIHB1YmxpYyBjb25maWc6IEZzTGlzdENvbmZpZztcbiAgcHVibGljIGNyb25BY3Rpb25zO1xuICBcbiAgcHJpdmF0ZSBfY3JvbkRhdGEgPSBpbmplY3QoQ3JvbkRhdGEpO1xuICBwcml2YXRlIF9kaWFsb2cgPSBpbmplY3QoTWF0RGlhbG9nKTtcbiAgcHJpdmF0ZSBfY2RSZWYgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuICBwcml2YXRlIF9kYXRhID0gaW5qZWN0KE1BVF9ESUFMT0dfREFUQSk7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMubG9hZCgpO1xuICAgIHRoaXMuQ3JvbkxvZ1N0YXRlQ29sb3JzID0gQ3JvbkxvZ1N0YXRlc1xuICAgICAgLnJlZHVjZSgoYWNjdW0sIGNyb25Mb2dTdGF0ZSkgPT4ge1xuICAgICAgICBhY2N1bVtjcm9uTG9nU3RhdGUudmFsdWVdID0gY3JvbkxvZ1N0YXRlLmNvbG9yO1xuXG4gICAgICAgIHJldHVybiBhY2N1bTtcbiAgICAgIH0sIHt9KTtcbiAgfVxuXG4gIHB1YmxpYyBjcm9uTG9nT3Blbihjcm9uTG9nKTogdm9pZCB7XG4gICAgdGhpcy5fZGlhbG9nLm9wZW4oQ3JvbkxvZ0NvbXBvbmVudCwge1xuICAgICAgZGF0YTogeyBcbiAgICAgICAgY3JvbkxvZyxcbiAgICAgIH0sXG4gICAgICB3aWR0aDogJzg1JScsXG4gICAgfSk7ICAgIFxuICB9XG5cbiAgcHVibGljIGNyb25BY3Rpb25DbGljayhjcm9uQWN0aW9uKSB7XG4gICAgY3JvbkFjdGlvblxuICAgICAgLmFjdGlvbih0aGlzLmNyb24pXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5sb2FkKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBzZWxlY3RlZEluZGV4Q2hhbmdlKGluZGV4KSB7XG4gICAgdGhpcy50YWJJbmRleCA9IGluZGV4O1xuICB9XG5cbiAgcHVibGljIGxvYWQoKTogdm9pZCB7XG4gICAgY29uc3QgcXVlcnkgPSB7XG4gICAgICB0aW1lem9uZTogSW50bC5EYXRlVGltZUZvcm1hdCgpLnJlc29sdmVkT3B0aW9ucygpLnRpbWVab25lLFxuICAgIH07XG5cbiAgICB0aGlzLl9jcm9uRGF0YS5nZXQodGhpcy5fZGF0YS5jcm9uLmlkLCBxdWVyeSlcbiAgICAgIC5zdWJzY3JpYmUoKGNyb24pID0+IHtcbiAgICAgICAgdGhpcy5jcm9uID0ge1xuICAgICAgICAgIC4uLnRoaXMuX2RhdGEuY3JvbixcbiAgICAgICAgICAuLi5jcm9uLFxuICAgICAgICB9O1xuXG4gICAgICAgIGlmKHRoaXMuX2RhdGEubG9hZENyb25Mb2dzKSB7XG4gICAgICAgICAgdGhpcy5jb25maWcgPSB7XG4gICAgICAgICAgICBmaWx0ZXJzOiBbXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICB0eXBlOiBJdGVtVHlwZS5TZWxlY3QsXG4gICAgICAgICAgICAgICAgbmFtZTogJ3N0YXRlJyxcbiAgICAgICAgICAgICAgICBsYWJlbDogJ1N0YXR1cycsXG4gICAgICAgICAgICAgICAgdmFsdWVzOiBbXG4gICAgICAgICAgICAgICAgICB7IG5hbWU6ICdBbGwnLCB2YWx1ZTogbnVsbCB9LFxuICAgICAgICAgICAgICAgICAgLi4uQ3JvbkxvZ1N0YXRlcyxcbiAgICAgICAgICAgICAgICBdLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgdHlwZTogSXRlbVR5cGUuRGF0ZVJhbmdlLFxuICAgICAgICAgICAgICAgIG5hbWU6ICdkYXRlJyxcbiAgICAgICAgICAgICAgICBsYWJlbDogWydGcm9tIERhdGUnLCAnVG8gRGF0ZSddLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgXSwgICAgICAgICAgXG4gICAgICAgICAgICBmZXRjaDogKHF1ZXJ5KSA9PiB7XG4gICAgICAgICAgICAgIHF1ZXJ5ID0ge1xuICAgICAgICAgICAgICAgIC4uLnF1ZXJ5LFxuICAgICAgICAgICAgICAgIGNyb25JZDogdGhpcy5jcm9uLmlkLFxuICAgICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICAgIHJldHVybiB0aGlzLl9kYXRhLmxvYWRDcm9uTG9ncyhxdWVyeSk7XG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH07XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmNyb25BY3Rpb25zID0gdGhpcy5fZGF0YS5jcm9uQWN0aW9uc1xuICAgICAgICAgIC5maWx0ZXIoKGNyb25Mb2dBY3Rpb24pID0+IHtcbiAgICAgICAgICAgIHJldHVybiBjcm9uTG9nQWN0aW9uLnNob3codGhpcy5jcm9uKTtcbiAgICAgICAgICB9KTtcblxuICAgICAgICB0aGlzLl9jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuICB9XG59XG4iLCI8ZnMtZGlhbG9nICpmc1NrZWxldG9uPVwiY3JvblwiPlxuICA8aDEgbWF0LWRpYWxvZy10aXRsZT5cbiAgICBDcm9uXG4gICAgPGRpdiBjbGFzcz1cInNtYWxsXCI+XG4gICAgICB7eyBjcm9uLm5hbWUgfX1cbiAgICA8L2Rpdj5cbiAgPC9oMT5cbiAgPG1hdC1kaWFsb2ctY29udGVudD5cbiAgICA8bWF0LXRhYi1ncm91cCAoc2VsZWN0ZWRJbmRleENoYW5nZSk9XCJzZWxlY3RlZEluZGV4Q2hhbmdlKCRldmVudClcIj5cbiAgICAgIDxtYXQtdGFiIGxhYmVsPVwiT3ZlcnZpZXdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZzLXJvdy5nYXAtbGcud3JhcC5hbGlnbi1zdGFydFwiPlxuICAgICAgICAgIDxmcy1sYWJlbC1maWVsZD5cbiAgICAgICAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgICAgICAgU3RhdHVzXG4gICAgICAgICAgICA8L2ZzLWxhYmVsPlxuICAgICAgICAgICAge3sgQ3JvblN0YXRlc1tjcm9uLnN0YXRlXSB9fVxuICAgICAgICAgIDwvZnMtbGFiZWwtZmllbGQ+XG4gICAgICAgICAgPGZzLWxhYmVsLWZpZWxkICpuZ0lmPVwiY3Jvbi5jcm9uU2V0dGluZ1wiPlxuICAgICAgICAgICAgPGZzLWxhYmVsPlxuICAgICAgICAgICAgICBSdW4gRnJlcXVlbmN5XG4gICAgICAgICAgICA8L2ZzLWxhYmVsPlxuICAgICAgICAgICAge3sgY3Jvbi5jcm9uU2V0dGluZy5zdW1tYXJ5IH19XG4gICAgICAgICAgPC9mcy1sYWJlbC1maWVsZD5cbiAgICAgICAgICA8ZnMtbGFiZWwtZmllbGQ+XG4gICAgICAgICAgICA8ZnMtbGFiZWw+XG4gICAgICAgICAgICAgIFByb2Nlc3MgSURcbiAgICAgICAgICAgIDwvZnMtbGFiZWw+XG4gICAgICAgICAgICB7eyBjcm9uLnByb2Nlc3NJZCB8fCAnTm9uZScgfX1cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjcm9uLnByb2Nlc3NJZFwiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic21hbGxcIj5cbiAgICAgICAgICAgICAgICB7eyBDcm9uUHJvY2Vzc1N0YXRlc1tjcm9uLnByb2Nlc3NTdGF0ZV0gfHwgJ1Vua25vd24nIH19XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9mcy1sYWJlbC1maWVsZD5cbiAgICAgICAgICA8ZnMtbGFiZWwtZmllbGQ+XG4gICAgICAgICAgICA8ZnMtbGFiZWw+XG4gICAgICAgICAgICAgIExhc3QgUmFuXG4gICAgICAgICAgICA8L2ZzLWxhYmVsPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNyb24uZHVyYXRpb249PT1udWxsOyBlbHNlIGxhc3RSYW5cIj5cbiAgICAgICAgICAgICAgTmV2ZXJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNsYXN0UmFuPlxuICAgICAgICAgICAgICA8ZnMtZGF0ZS1hZ28gW2RhdGVdPVwiY3Jvbi5jcmVhdGVEYXRlXCI+PC9mcy1kYXRlLWFnbz5cbiAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICA8c21hbGwgKm5nSWY9XCJjcm9uLmR1cmF0aW9uXCI+XG4gICAgICAgICAgICAgICAgICBEdXJhdGlvbjoge3sgY3Jvbi5kdXJhdGlvbiB8IGZzRGF0ZUR1cmF0aW9uIH19XG4gICAgICAgICAgICAgICAgPC9zbWFsbD5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgIDwvZnMtbGFiZWwtZmllbGQ+XG4gICAgICAgICAgPGZzLWxhYmVsLWZpZWxkPlxuICAgICAgICAgICAgPGZzLWxhYmVsPlxuICAgICAgICAgICAgICBUaW1lb3V0IGhvdXJzXG4gICAgICAgICAgICA8L2ZzLWxhYmVsPlxuICAgICAgICAgICAge3sgY3Jvbi5jcm9uU2V0dGluZz8udGltZW91dCB8fCAnTi9BJyB9fVxuICAgICAgICAgIDwvZnMtbGFiZWwtZmllbGQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZnMtbGFiZWwtZmllbGQgKm5nSWY9XCJjcm9uLm1lc3NhZ2VcIj5cbiAgICAgICAgICA8ZnMtbGFiZWw+XG4gICAgICAgICAgICBMYXN0IE1lc3NhZ2VcbiAgICAgICAgICA8L2ZzLWxhYmVsPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtZXNzYWdlXCI+XG4gICAgICAgICAgICB7eyBjcm9uLm1lc3NhZ2UgfX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9mcy1sYWJlbC1maWVsZD5cbiAgICAgIDwvbWF0LXRhYj5cbiAgICAgIDxtYXQtdGFiXG4gICAgICAgICAgbGFiZWw9XCJMb2dzXCJcbiAgICAgICAgICAqbmdJZj1cImNvbmZpZ1wiPlxuICAgICAgICA8bmctdGVtcGxhdGUgbWF0VGFiQ29udGVudD5cbiAgICAgICAgICA8ZnMtbGlzdCBbY29uZmlnXT1cImNvbmZpZ1wiPlxuICAgICAgICAgICAgPGZzLWxpc3QtY29sdW1uXG4gICAgICAgICAgICAgICAgbmFtZT1cInN0YXRlXCJcbiAgICAgICAgICAgICAgICB0aXRsZT1cIlN0YXR1c1wiPlxuICAgICAgICAgICAgICA8bmctdGVtcGxhdGVcbiAgICAgICAgICAgICAgICAgIGZzLWxpc3QtY2VsbFxuICAgICAgICAgICAgICAgICAgbGV0LXJvdz1cInJvd1wiPlxuICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJjcm9uTG9nT3Blbihyb3cpXCJcbiAgICAgICAgICAgICAgICAgICAgW25nU3R5bGVdPVwieyBjb2xvcjogQ3JvbkxvZ1N0YXRlQ29sb3JzW3Jvdy5zdGF0ZV0gfVwiPlxuICAgICAgICAgICAgICAgICAge3sgQ3JvbkxvZ1N0YXRlc1tyb3cuc3RhdGVdIHx8IHJvdy5zdGF0ZSB9fVxuICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDwvZnMtbGlzdC1jb2x1bW4+XG4gICAgICAgICAgICA8ZnMtbGlzdC1jb2x1bW5cbiAgICAgICAgICAgICAgICB0aXRsZT1cIk1lc3NhZ2VcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiY29sLW1lc3NhZ2VcIj5cbiAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlXG4gICAgICAgICAgICAgICAgICBmcy1saXN0LWNlbGxcbiAgICAgICAgICAgICAgICAgIGxldC1yb3c9XCJyb3dcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWVzc2FnZVwiPlxuICAgICAgICAgICAgICAgICAge3sgcm93Lm1lc3NhZ2UgfX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDwvZnMtbGlzdC1jb2x1bW4+XG4gICAgICAgICAgICA8ZnMtbGlzdC1jb2x1bW5cbiAgICAgICAgICAgICAgICB0aXRsZT1cIkR1cmF0aW9uXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImNvbC1tZXNzYWdlXCI+XG4gICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgICAgICAgICAgICAgZnMtbGlzdC1jZWxsXG4gICAgICAgICAgICAgICAgICBsZXQtcm93PVwicm93XCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInJvdy5kdXJhdGlvblwiPlxuICAgICAgICAgICAgICAgICAge3sgcm93LmR1cmF0aW9uIHwgZnNEYXRlRHVyYXRpb246ICdob3VyLW1pbnV0ZS1zZWNvbmQnIH19XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8L2ZzLWxpc3QtY29sdW1uPlxuICAgICAgICAgICAgPGZzLWxpc3QtY29sdW1uXG4gICAgICAgICAgICAgICAgbmFtZT1cImNyZWF0ZV9kYXRlXCJcbiAgICAgICAgICAgICAgICB0aXRsZT1cIkRhdGVcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiY29sLWRhdGVcIj5cbiAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlXG4gICAgICAgICAgICAgICAgICBmcy1saXN0LWNlbGxcbiAgICAgICAgICAgICAgICAgIGxldC1yb3c9XCJyb3dcIj5cbiAgICAgICAgICAgICAgICA8ZnMtZGF0ZS1hZ28gW2RhdGVdPVwicm93LmNyZWF0ZURhdGVcIj48L2ZzLWRhdGUtYWdvPlxuICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9mcy1saXN0LWNvbHVtbj5cbiAgICAgICAgICA8L2ZzLWxpc3Q+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8L21hdC10YWI+XG4gICAgPC9tYXQtdGFiLWdyb3VwPlxuICA8L21hdC1kaWFsb2ctY29udGVudD5cbiAgPG1hdC1kaWFsb2ctYWN0aW9ucz5cbiAgICA8YnV0dG9uXG4gICAgICAgIG1hdC1idXR0b25cbiAgICAgICAgW21hdC1kaWFsb2ctY2xvc2VdPVwidHJ1ZVwiXG4gICAgICAgIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgICAgRG9uZVxuICAgIDwvYnV0dG9uPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0YWJJbmRleCA9PT0gMFwiPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAgICpuZ0Zvcj1cImxldCBjcm9uQWN0aW9uIG9mIGNyb25BY3Rpb25zXCJcbiAgICAgICAgICBtYXQtYnV0dG9uXG4gICAgICAgICAgKGNsaWNrKT1cImNyb25BY3Rpb25DbGljayhjcm9uQWN0aW9uKVwiPlxuICAgICAgICB7eyBjcm9uQWN0aW9uLmxhYmVsIH19XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9tYXQtZGlhbG9nLWFjdGlvbnM+XG48L2ZzLWRpYWxvZz4iXX0=

package/esm2022/app/modules/system/components/cron-log/cron-log.component.mjs

@@ -27,13 +27,13 @@ export class CronLogComponent {
         }, {});
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CronLogComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CronLogComponent, selector: "ng-component", ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i4.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { kind: "directive", type: i5.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: i6.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i6.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { kind: "component", type: i7.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout", "dock", "dockable", "fullscreenPercent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CronLogComponent, selector: "ng-component", ngImport: i0, template: "<fs-dialog *fsSkeleton=\"cronLog\">\n  <div mat-dialog-title>\n    Cron Log\n  </div>\n  <mat-dialog-content>\n    <div class=\"row\">\n      <fs-label-field>\n        <fs-label>\n          Status\n        </fs-label>\n        <div [ngStyle]=\"{ color: CronLogStateColors[cronLog.state]}\">\n          {{ CronLogStates[cronLog.state] || cronLog.state }}\n        </div>\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        <fs-date-ago [date]=\"cronLog.createDate\"></fs-date-ago>\n      </fs-label-field>\n    </div>\n    <fs-label-field *ngIf=\"cronLog.message\">\n      <fs-label>\n        Message\n      </fs-label>\n      <div class=\"message\">\n        {{ cronLog.message }}\n      </div>\n    </fs-label-field>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        [mat-dialog-close]=\"true\"\n        color=\"primary\">\n      Done\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>", styles: [".message{white-space:pre-line}.row{display:flex;flex-wrap:wrap}.row fs-label-field:not(:last-child){margin-right:40px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i4.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { kind: "directive", type: i5.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: i7.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: CronLogComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<fs-dialog *fsSkeleton=\"cronLog\">\n  <div mat-dialog-title>\n    Cron Log\n  </div>\n  <mat-dialog-content>\n    <div class=\"row\">\n      <fs-label-field>\n        <fs-label>\n          Status\n        </fs-label>\n        <div [ngStyle]=\"{ color: CronLogStateColors[cronLog.state]}\">\n          {{ CronLogStates[cronLog.state] || cronLog.state }}\n        </div>\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        <fs-date-ago [date]=\"cronLog.createDate\"></fs-date-ago>\n      </fs-label-field>\n    </div>\n    <fs-label-field *ngIf=\"cronLog.message\">\n      <fs-label>\n        Message\n      </fs-label>\n      <div class=\"message\">\n        {{ cronLog.message }}\n      </div>\n    </fs-label-field>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        [mat-dialog-close]=\"true\"\n        color=\"primary\">\n      Done\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>", styles: [".message{white-space:pre-line}.row{display:flex;flex-wrap:wrap}.row fs-label-field:not(:last-child){margin-right:40px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Jvbi1sb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL3N5c3RlbS9jb21wb25lbnRzL2Nyb24tbG9nL2Nyb24tbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9jcm9uLWxvZy9jcm9uLWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVuRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7Ozs7O0FBUWhFLE1BQU0sT0FBTyxnQkFBZ0I7SUFPUTtJQUw1QixPQUFPLENBQUM7SUFDUixhQUFhLEdBQUcsY0FBYyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzlDLGtCQUFrQixHQUFHLEVBQUUsQ0FBQztJQUUvQixZQUNtQyxLQUFLO1FBQUwsVUFBSyxHQUFMLEtBQUssQ0FBQTtJQUNyQyxDQUFDO0lBRUcsUUFBUTtRQUNiLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7UUFDbEMsSUFBSSxDQUFDLGtCQUFrQixHQUFHLGFBQWE7YUFDcEMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLFlBQVksRUFBRSxFQUFFO1lBQzlCLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLEdBQUcsWUFBWSxDQUFDLEtBQUssQ0FBQztZQUUvQyxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNYLENBQUM7dUdBbEJVLGdCQUFnQixrQkFPakIsZUFBZTsyRkFQZCxnQkFBZ0Isb0RDYjdCLHcvQkFrQ0E7OzJGRHJCYSxnQkFBZ0I7a0JBTDVCLFNBQVM7c0NBR1MsdUJBQXVCLENBQUMsTUFBTTs7MEJBUzVDLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5cbmltcG9ydCB7IENyb25Mb2dTdGF0ZXMgfSBmcm9tICcuLi8uLi9jb25zdHMvY3Jvbi1sb2ctc3RhdGVzLmNvbnN0JztcbmltcG9ydCB7IGluZGV4TmFtZVZhbHVlIH0gZnJvbSAnLi4vLi4vaGVscGVycy9pbmRleC1uYW1lLXZhbHVlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGVVcmw6ICcuL2Nyb24tbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY3Jvbi1sb2cuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENyb25Mb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIHB1YmxpYyBjcm9uTG9nO1xuICBwdWJsaWMgQ3JvbkxvZ1N0YXRlcyA9IGluZGV4TmFtZVZhbHVlKENyb25Mb2dTdGF0ZXMpO1xuICBwdWJsaWMgQ3JvbkxvZ1N0YXRlQ29sb3JzID0ge307XG4gIFxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHJpdmF0ZSBfZGF0YSxcbiAgKSB7fVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNyb25Mb2cgPSB0aGlzLl9kYXRhLmNyb25Mb2c7XG4gICAgdGhpcy5Dcm9uTG9nU3RhdGVDb2xvcnMgPSBDcm9uTG9nU3RhdGVzXG4gICAgICAucmVkdWNlKChhY2N1bSwgY3JvbkxvZ1N0YXRlKSA9PiB7XG4gICAgICAgIGFjY3VtW2Nyb25Mb2dTdGF0ZS52YWx1ZV0gPSBjcm9uTG9nU3RhdGUuY29sb3I7XG5cbiAgICAgICAgcmV0dXJuIGFjY3VtO1xuICAgICAgfSwge30pO1xuICB9XG59XG4iLCI8ZnMtZGlhbG9nICpmc1NrZWxldG9uPVwiY3JvbkxvZ1wiPlxyXG4gIDxkaXYgbWF0LWRpYWxvZy10aXRsZT5Dcm9uIExvZzwvZGl2PlxyXG4gIDxtYXQtZGlhbG9nLWNvbnRlbnQ+XHJcbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICAgIDxmcy1sYWJlbC1maWVsZD5cclxuICAgICAgICA8ZnMtbGFiZWw+XHJcbiAgICAgICAgICBTdGF0dXNcclxuICAgICAgICA8L2ZzLWxhYmVsPlxyXG4gICAgICAgIDxkaXYgW25nU3R5bGVdPVwieyBjb2xvcjogQ3JvbkxvZ1N0YXRlQ29sb3JzW2Nyb25Mb2cuc3RhdGVdfVwiPlxyXG4gICAgICAgICAge3tDcm9uTG9nU3RhdGVzW2Nyb25Mb2cuc3RhdGVdIHx8IGNyb25Mb2cuc3RhdGV9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2ZzLWxhYmVsLWZpZWxkPlxyXG5cclxuICAgICAgPGZzLWxhYmVsLWZpZWxkPlxyXG4gICAgICAgIDxmcy1sYWJlbD5cclxuICAgICAgICAgIERhdGVcclxuICAgICAgICA8L2ZzLWxhYmVsPlxyXG4gICAgICAgIDxmcy1kYXRlLWFnbyBbZGF0ZV09XCJjcm9uTG9nLmNyZWF0ZURhdGVcIj48L2ZzLWRhdGUtYWdvPlxyXG4gICAgICA8L2ZzLWxhYmVsLWZpZWxkPlxyXG4gICAgPC9kaXY+XHJcbiAgXHJcbiAgICA8ZnMtbGFiZWwtZmllbGQgKm5nSWY9XCJjcm9uTG9nLm1lc3NhZ2VcIj5cclxuICAgICAgPGZzLWxhYmVsPlxyXG4gICAgICAgIE1lc3NhZ2VcclxuICAgICAgPC9mcy1sYWJlbD5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1lc3NhZ2VcIj5cclxuICAgICAgICB7e2Nyb25Mb2cubWVzc2FnZX19XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9mcy1sYWJlbC1maWVsZD5cclxuICA8L21hdC1kaWFsb2ctY29udGVudD5cclxuICA8bWF0LWRpYWxvZy1hY3Rpb25zPlxyXG4gICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFttYXQtZGlhbG9nLWNsb3NlXT1cInRydWVcIiBjb2xvcj1cInByaW1hcnlcIj5Eb25lPC9idXR0b24+XHJcbiAgPC9tYXQtZGlhbG9nLWFjdGlvbnM+XHJcbjwvZnMtZGlhbG9nPlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Jvbi1sb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL3N5c3RlbS9jb21wb25lbnRzL2Nyb24tbG9nL2Nyb24tbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9jcm9uLWxvZy9jcm9uLWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVuRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7Ozs7O0FBUWhFLE1BQU0sT0FBTyxnQkFBZ0I7SUFPUTtJQUw1QixPQUFPLENBQUM7SUFDUixhQUFhLEdBQUcsY0FBYyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzlDLGtCQUFrQixHQUFHLEVBQUUsQ0FBQztJQUUvQixZQUNtQyxLQUFLO1FBQUwsVUFBSyxHQUFMLEtBQUssQ0FBQTtJQUNyQyxDQUFDO0lBRUcsUUFBUTtRQUNiLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7UUFDbEMsSUFBSSxDQUFDLGtCQUFrQixHQUFHLGFBQWE7YUFDcEMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLFlBQVksRUFBRSxFQUFFO1lBQzlCLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLEdBQUcsWUFBWSxDQUFDLEtBQUssQ0FBQztZQUUvQyxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNYLENBQUM7dUdBbEJVLGdCQUFnQixrQkFPakIsZUFBZTsyRkFQZCxnQkFBZ0Isb0RDYjdCLG0rQkFzQ1k7OzJGRHpCQyxnQkFBZ0I7a0JBTDVCLFNBQVM7c0NBR1MsdUJBQXVCLENBQUMsTUFBTTs7MEJBUzVDLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5cbmltcG9ydCB7IENyb25Mb2dTdGF0ZXMgfSBmcm9tICcuLi8uLi9jb25zdHMvY3Jvbi1sb2ctc3RhdGVzLmNvbnN0JztcbmltcG9ydCB7IGluZGV4TmFtZVZhbHVlIH0gZnJvbSAnLi4vLi4vaGVscGVycy9pbmRleC1uYW1lLXZhbHVlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGVVcmw6ICcuL2Nyb24tbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY3Jvbi1sb2cuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENyb25Mb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIHB1YmxpYyBjcm9uTG9nO1xuICBwdWJsaWMgQ3JvbkxvZ1N0YXRlcyA9IGluZGV4TmFtZVZhbHVlKENyb25Mb2dTdGF0ZXMpO1xuICBwdWJsaWMgQ3JvbkxvZ1N0YXRlQ29sb3JzID0ge307XG4gIFxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHJpdmF0ZSBfZGF0YSxcbiAgKSB7fVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNyb25Mb2cgPSB0aGlzLl9kYXRhLmNyb25Mb2c7XG4gICAgdGhpcy5Dcm9uTG9nU3RhdGVDb2xvcnMgPSBDcm9uTG9nU3RhdGVzXG4gICAgICAucmVkdWNlKChhY2N1bSwgY3JvbkxvZ1N0YXRlKSA9PiB7XG4gICAgICAgIGFjY3VtW2Nyb25Mb2dTdGF0ZS52YWx1ZV0gPSBjcm9uTG9nU3RhdGUuY29sb3I7XG5cbiAgICAgICAgcmV0dXJuIGFjY3VtO1xuICAgICAgfSwge30pO1xuICB9XG59XG4iLCI8ZnMtZGlhbG9nICpmc1NrZWxldG9uPVwiY3JvbkxvZ1wiPlxuICA8ZGl2IG1hdC1kaWFsb2ctdGl0bGU+XG4gICAgQ3JvbiBMb2dcbiAgPC9kaXY+XG4gIDxtYXQtZGlhbG9nLWNvbnRlbnQ+XG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgPGZzLWxhYmVsLWZpZWxkPlxuICAgICAgICA8ZnMtbGFiZWw+XG4gICAgICAgICAgU3RhdHVzXG4gICAgICAgIDwvZnMtbGFiZWw+XG4gICAgICAgIDxkaXYgW25nU3R5bGVdPVwieyBjb2xvcjogQ3JvbkxvZ1N0YXRlQ29sb3JzW2Nyb25Mb2cuc3RhdGVdfVwiPlxuICAgICAgICAgIHt7IENyb25Mb2dTdGF0ZXNbY3JvbkxvZy5zdGF0ZV0gfHwgY3JvbkxvZy5zdGF0ZSB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZnMtbGFiZWwtZmllbGQ+XG4gICAgICA8ZnMtbGFiZWwtZmllbGQ+XG4gICAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgICBEYXRlXG4gICAgICAgIDwvZnMtbGFiZWw+XG4gICAgICAgIDxmcy1kYXRlLWFnbyBbZGF0ZV09XCJjcm9uTG9nLmNyZWF0ZURhdGVcIj48L2ZzLWRhdGUtYWdvPlxuICAgICAgPC9mcy1sYWJlbC1maWVsZD5cbiAgICA8L2Rpdj5cbiAgICA8ZnMtbGFiZWwtZmllbGQgKm5nSWY9XCJjcm9uTG9nLm1lc3NhZ2VcIj5cbiAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgTWVzc2FnZVxuICAgICAgPC9mcy1sYWJlbD5cbiAgICAgIDxkaXYgY2xhc3M9XCJtZXNzYWdlXCI+XG4gICAgICAgIHt7IGNyb25Mb2cubWVzc2FnZSB9fVxuICAgICAgPC9kaXY+XG4gICAgPC9mcy1sYWJlbC1maWVsZD5cbiAgPC9tYXQtZGlhbG9nLWNvbnRlbnQ+XG4gIDxtYXQtZGlhbG9nLWFjdGlvbnM+XG4gICAgPGJ1dHRvblxuICAgICAgICBtYXQtYnV0dG9uXG4gICAgICAgIFttYXQtZGlhbG9nLWNsb3NlXT1cInRydWVcIlxuICAgICAgICBjb2xvcj1cInByaW1hcnlcIj5cbiAgICAgIERvbmVcbiAgICA8L2J1dHRvbj5cbiAgPC9tYXQtZGlhbG9nLWFjdGlvbnM+XG48L2ZzLWRpYWxvZz4iXX0=