@firestitch/system 18.0.37 → 18.0.38

package/app/modules/system/components/server-logs/components/server-log/server-log.component.d.ts

@@ -2,8 +2,16 @@ import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ServerLogComponent implements OnInit {
     data: any;
+    private _clipboard;
+    private _message;
     log: any;
+    backtrace: string;
+    logData: string;
+    server: string;
+    LogTypes: Record<string, string>;
     ngOnInit(): void;
+    copy(): void;
+    private _prettify;
     static ɵfac: i0.ɵɵFactoryDeclaration<ServerLogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ServerLogComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,60 +1,72 @@
-import { CommonModule, JsonPipe } from '@angular/common';
 import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { FsBadgeModule } from '@firestitch/badge';
+import { MatTabsModule } from '@angular/material/tabs';
+import { FsClipboard } from '@firestitch/clipboard';
+import { index } from '@firestitch/common';
 import { FsDateModule } from '@firestitch/date';
 import { FsDialogModule } from '@firestitch/dialog';
 import { FsLabelModule } from '@firestitch/label';
+import { FsMessage } from '@firestitch/message';
 import { FsSkeletonModule } from '@firestitch/skeleton';
+import { LogTypes } from '../../../../../../consts';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/dialog";
-import * as i3 from "@angular/material/button";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/tabs";
 import * as i4 from "@firestitch/label";
 import * as i5 from "@firestitch/date";
 import * as i6 from "@firestitch/skeleton";
 import * as i7 from "@firestitch/dialog";
 export class ServerLogComponent {
     data = inject(MAT_DIALOG_DATA);
+    _clipboard = inject(FsClipboard);
+    _message = inject(FsMessage);
     log;
+    backtrace;
+    logData;
+    server;
+    LogTypes = index(LogTypes, 'value', 'name');
     ngOnInit() {
         if (this.data.log) {
             this.log = this.data.log;
+            this.backtrace = this._prettify(this.log.backtrace);
+            this.logData = this._prettify(this.log.data);
+            this.server = this._prettify(this.log.server);
+        }
+    }
+    copy() {
+        this._clipboard.copy(JSON.stringify(this.log, null, 2));
+        this._message.success('Copied to clipboard');
+    }
+    _prettify(value) {
+        if (typeof value === 'string') {
+            value = value.trim();
             try {
-                this.log.backtrace = JSON.parse(this.log.backtrace);
-            }
-            catch (e) {
-                //
-            }
-            try {
-                this.log.server = JSON.parse(this.log.server);
+                value = JSON.parse(value);
             }
             catch (e) {
-                // 
+                return value;
             }
         }
+        if (!value || (typeof value === 'object' && Object.keys(value).length === 0)) {
+            return '';
+        }
+        return JSON.stringify(value, null, 2);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ServerLogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: ServerLogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>\n    Log\n  </div>\n  <mat-dialog-content>\n    <div class=\"fs-row.column-gap-lg.row-gap-sm.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{ log.type }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{ log.message }}\n      </fs-label-field>\n      @if (log.url) {\n        <fs-label-field>\n          <fs-label>\n            URL\n          </fs-label>\n          {{ log.url }}\n        </fs-label-field>\n      }\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{ log.createDate|fsDateFormat: 'full-date-time' }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{ log.file }} &#64; {{ log.line }}\n      </fs-label-field>\n    </div>\n    @if (log.data) {\n      <fs-label-field>\n        <fs-label>\n          Data\n        </fs-label>\n        <pre>\n          {{ log.data|json }}\n        </pre>\n      </fs-label-field>\n    }\n    <fs-label-field>\n      <fs-label>\n        Backtrace\n      </fs-label>\n      <pre>\n        {{ log.backtrace|json }}\n      </pre>\n    </fs-label-field>\n    <fs-label-field>\n      <fs-label>\n        $_SERVER\n      </fs-label>\n      <pre>\n        {{ log.server|json }}\n      </pre>\n    </fs-label-field>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        [mat-dialog-close]=\"true\"\n        color=\"primary\">\n      Done\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.JsonPipe, name: "json" }, { kind: "ngmodule", type: MatDialogModule }, { 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: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "ngmodule", type: FsLabelModule }, { kind: "component", type: i4.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i4.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["appearance", "showOutline", "disabled", "focused", "hoverable", "padless"] }, { kind: "ngmodule", type: FsBadgeModule }, { kind: "ngmodule", type: FsDateModule }, { kind: "pipe", type: i5.FsDateFormatPipe, name: "fsDateFormat" }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i6.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "ngmodule", type: FsDialogModule }, { kind: "component", type: i7.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: ServerLogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>\n    Log\n  </div>\n  <mat-dialog-content>\n    <div class=\"fs-row.column-gap-lg.row-gap-sm.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{ LogTypes[log.type] || log.type }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{ log.message }}\n      </fs-label-field>\n      @if (log.url) {\n        <fs-label-field>\n          <fs-label>\n            URL\n          </fs-label>\n          {{ log.url }}\n        </fs-label-field>\n      }\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{ log.createDate|fsDateFormat: 'full-date-time' }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{ log.file }} &#64; {{ log.line }}\n      </fs-label-field>\n    </div>\n    @if (backtrace || logData || server) {\n      <mat-tab-group>\n        @if (backtrace) {\n          <mat-tab label=\"Backtrace\">\n            <pre>{{ backtrace }}</pre>\n          </mat-tab>\n        }\n        @if (logData) {\n          <mat-tab label=\"Data\">\n            <pre>{{ logData }}</pre>\n          </mat-tab>\n        }\n        @if (server) {\n          <mat-tab label=\"$_SERVER\">\n            <pre>{{ server }}</pre>\n          </mat-tab>\n        }\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    <button\n        mat-button\n        type=\"button\"\n        (click)=\"copy()\">\n      Copy\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: ["mat-tab-group{margin-top:16px}pre{margin:0;padding:16px 0;white-space:pre-wrap;word-break:break-word}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTabsModule }, { 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: "ngmodule", type: FsLabelModule }, { kind: "component", type: i4.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i4.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["appearance", "showOutline", "disabled", "focused", "hoverable", "padless"] }, { kind: "ngmodule", type: FsDateModule }, { kind: "pipe", type: i5.FsDateFormatPipe, name: "fsDateFormat" }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i6.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "ngmodule", type: FsDialogModule }, { 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: ServerLogComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        CommonModule,
                         MatDialogModule,
                         MatButtonModule,
-                        MatIconModule,
-                        MatTooltipModule,
-                        FsLabelModule,
+                        MatTabsModule,
                         FsLabelModule,
-                        FsBadgeModule,
-                        JsonPipe,
                         FsDateModule,
                         FsSkeletonModule,
                         FsDialogModule,
-                    ], template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>\n    Log\n  </div>\n  <mat-dialog-content>\n    <div class=\"fs-row.column-gap-lg.row-gap-sm.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{ log.type }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{ log.message }}\n      </fs-label-field>\n      @if (log.url) {\n        <fs-label-field>\n          <fs-label>\n            URL\n          </fs-label>\n          {{ log.url }}\n        </fs-label-field>\n      }\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{ log.createDate|fsDateFormat: 'full-date-time' }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{ log.file }} &#64; {{ log.line }}\n      </fs-label-field>\n    </div>\n    @if (log.data) {\n      <fs-label-field>\n        <fs-label>\n          Data\n        </fs-label>\n        <pre>\n          {{ log.data|json }}\n        </pre>\n      </fs-label-field>\n    }\n    <fs-label-field>\n      <fs-label>\n        Backtrace\n      </fs-label>\n      <pre>\n        {{ log.backtrace|json }}\n      </pre>\n    </fs-label-field>\n    <fs-label-field>\n      <fs-label>\n        $_SERVER\n      </fs-label>\n      <pre>\n        {{ log.server|json }}\n      </pre>\n    </fs-label-field>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        [mat-dialog-close]=\"true\"\n        color=\"primary\">\n      Done\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>" }]
+                    ], template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>\n    Log\n  </div>\n  <mat-dialog-content>\n    <div class=\"fs-row.column-gap-lg.row-gap-sm.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{ LogTypes[log.type] || log.type }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{ log.message }}\n      </fs-label-field>\n      @if (log.url) {\n        <fs-label-field>\n          <fs-label>\n            URL\n          </fs-label>\n          {{ log.url }}\n        </fs-label-field>\n      }\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{ log.createDate|fsDateFormat: 'full-date-time' }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{ log.file }} &#64; {{ log.line }}\n      </fs-label-field>\n    </div>\n    @if (backtrace || logData || server) {\n      <mat-tab-group>\n        @if (backtrace) {\n          <mat-tab label=\"Backtrace\">\n            <pre>{{ backtrace }}</pre>\n          </mat-tab>\n        }\n        @if (logData) {\n          <mat-tab label=\"Data\">\n            <pre>{{ logData }}</pre>\n          </mat-tab>\n        }\n        @if (server) {\n          <mat-tab label=\"$_SERVER\">\n            <pre>{{ server }}</pre>\n          </mat-tab>\n        }\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    <button\n        mat-button\n        type=\"button\"\n        (click)=\"copy()\">\n      Copy\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: ["mat-tab-group{margin-top:16px}pre{margin:0;padding:16px 0;white-space:pre-wrap;word-break:break-word}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VydmVyLWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvc3lzdGVtL2NvbXBvbmVudHMvc2VydmVyLWxvZ3MvY29tcG9uZW50cy9zZXJ2ZXItbG9nL3NlcnZlci1sb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL3N5c3RlbS9jb21wb25lbnRzL3NlcnZlci1sb2dzL2NvbXBvbmVudHMvc2VydmVyLWxvZy9zZXJ2ZXItbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbkYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7O0FBdUJ4RCxNQUFNLE9BQU8sa0JBQWtCO0lBQzdCLElBQUksR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7SUFHeEIsR0FBRyxDQUFDO0lBRUosUUFBUTtRQUViLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBRXpCLElBQUksQ0FBQztnQkFDSCxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDdEQsQ0FBQztZQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7Z0JBQ1gsRUFBRTtZQUNKLENBQUM7WUFFRCxJQUFJLENBQUM7Z0JBQ0gsSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ2hELENBQUM7WUFBQyxPQUFPLENBQUMsRUFBRSxDQUFDO2dCQUNYLEdBQUc7WUFDTCxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7dUdBdkJVLGtCQUFrQjsyRkFBbEIsa0JBQWtCLHdFQ25DL0IsNG9EQTBFWSx5RERyRFIsWUFBWSxpRkFDWixlQUFlLCtuQkFDZixlQUFlLDJOQUNmLGFBQWEsOEJBQ2IsZ0JBQWdCLDhCQUNoQixhQUFhLCtRQUViLGFBQWEsOEJBRWIsWUFBWSxpR0FDWixnQkFBZ0IsaUtBQ2hCLGNBQWM7OzJGQUdMLGtCQUFrQjtrQkFwQjlCLFNBQVM7c0NBR1MsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixhQUFhO3dCQUNiLFFBQVE7d0JBQ1IsWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLGNBQWM7cUJBQ2YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUsIEpzb25QaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE9uSW5pdCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XG5cbmltcG9ydCB7IEZzQmFkZ2VNb2R1bGUgfSBmcm9tICdAZmlyZXN0aXRjaC9iYWRnZSc7XG5pbXBvcnQgeyBGc0RhdGVNb2R1bGUgfSBmcm9tICdAZmlyZXN0aXRjaC9kYXRlJztcbmltcG9ydCB7IEZzRGlhbG9nTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvZGlhbG9nJztcbmltcG9ydCB7IEZzTGFiZWxNb2R1bGUgfSBmcm9tICdAZmlyZXN0aXRjaC9sYWJlbCc7XG5pbXBvcnQgeyBGc1NrZWxldG9uTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvc2tlbGV0b24nO1xuXG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZVVybDogJy4vc2VydmVyLWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlcnZlci1sb2cuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0RGlhbG9nTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdFRvb2x0aXBNb2R1bGUsXG4gICAgRnNMYWJlbE1vZHVsZSxcbiAgICBGc0xhYmVsTW9kdWxlLFxuICAgIEZzQmFkZ2VNb2R1bGUsXG4gICAgSnNvblBpcGUsXG4gICAgRnNEYXRlTW9kdWxlLFxuICAgIEZzU2tlbGV0b25Nb2R1bGUsXG4gICAgRnNEaWFsb2dNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNlcnZlckxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGRhdGEgPSBpbmplY3QoTUFUX0RJQUxPR19EQVRBKTtcblxuXG4gIHB1YmxpYyBsb2c7XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuXG4gICAgaWYgKHRoaXMuZGF0YS5sb2cpIHtcbiAgICAgIHRoaXMubG9nID0gdGhpcy5kYXRhLmxvZztcblxuICAgICAgdHJ5IHtcbiAgICAgICAgdGhpcy5sb2cuYmFja3RyYWNlID0gSlNPTi5wYXJzZSh0aGlzLmxvZy5iYWNrdHJhY2UpO1xuICAgICAgfSBjYXRjaCAoZSkge1xuICAgICAgICAvL1xuICAgICAgfVxuXG4gICAgICB0cnkge1xuICAgICAgICB0aGlzLmxvZy5zZXJ2ZXIgPSBKU09OLnBhcnNlKHRoaXMubG9nLnNlcnZlcik7XG4gICAgICB9IGNhdGNoIChlKSB7XG4gICAgICAgIC8vIFxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiPGZzLWRpYWxvZyAqZnNTa2VsZXRvbj1cImxvZ1wiPlxuICA8ZGl2IG1hdC1kaWFsb2ctdGl0bGU+XG4gICAgTG9nXG4gIDwvZGl2PlxuICA8bWF0LWRpYWxvZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJmcy1yb3cuY29sdW1uLWdhcC1sZy5yb3ctZ2FwLXNtLndyYXAuYWxpZ24tc3RhcnRcIj5cbiAgICAgIDxmcy1sYWJlbC1maWVsZD5cbiAgICAgICAgPGZzLWxhYmVsPlxuICAgICAgICAgIEVycm9yIFR5cGVcbiAgICAgICAgPC9mcy1sYWJlbD5cbiAgICAgICAge3sgbG9nLnR5cGUgfX1cbiAgICAgIDwvZnMtbGFiZWwtZmllbGQ+XG4gICAgICA8ZnMtbGFiZWwtZmllbGQ+XG4gICAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgICBNZXNzYWdlXG4gICAgICAgIDwvZnMtbGFiZWw+XG4gICAgICAgIHt7IGxvZy5tZXNzYWdlIH19XG4gICAgICA8L2ZzLWxhYmVsLWZpZWxkPlxuICAgICAgQGlmIChsb2cudXJsKSB7XG4gICAgICAgIDxmcy1sYWJlbC1maWVsZD5cbiAgICAgICAgICA8ZnMtbGFiZWw+XG4gICAgICAgICAgICBVUkxcbiAgICAgICAgICA8L2ZzLWxhYmVsPlxuICAgICAgICAgIHt7IGxvZy51cmwgfX1cbiAgICAgICAgPC9mcy1sYWJlbC1maWVsZD5cbiAgICAgIH1cbiAgICAgIDxmcy1sYWJlbC1maWVsZD5cbiAgICAgICAgPGZzLWxhYmVsPlxuICAgICAgICAgIERhdGVcbiAgICAgICAgPC9mcy1sYWJlbD5cbiAgICAgICAge3sgbG9nLmNyZWF0ZURhdGV8ZnNEYXRlRm9ybWF0OiAnZnVsbC1kYXRlLXRpbWUnIH19XG4gICAgICA8L2ZzLWxhYmVsLWZpZWxkPlxuICAgICAgPGZzLWxhYmVsLWZpZWxkPlxuICAgICAgICA8ZnMtbGFiZWw+XG4gICAgICAgICAgRmlsZVxuICAgICAgICA8L2ZzLWxhYmVsPlxuICAgICAgICB7eyBsb2cuZmlsZSB9fSAmIzY0OyB7eyBsb2cubGluZSB9fVxuICAgICAgPC9mcy1sYWJlbC1maWVsZD5cbiAgICA8L2Rpdj5cbiAgICBAaWYgKGxvZy5kYXRhKSB7XG4gICAgICA8ZnMtbGFiZWwtZmllbGQ+XG4gICAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgICBEYXRhXG4gICAgICAgIDwvZnMtbGFiZWw+XG4gICAgICAgIDxwcmU+XG4gICAgICAgICAge3sgbG9nLmRhdGF8anNvbiB9fVxuICAgICAgICA8L3ByZT5cbiAgICAgIDwvZnMtbGFiZWwtZmllbGQ+XG4gICAgfVxuICAgIDxmcy1sYWJlbC1maWVsZD5cbiAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgQmFja3RyYWNlXG4gICAgICA8L2ZzLWxhYmVsPlxuICAgICAgPHByZT5cbiAgICAgICAge3sgbG9nLmJhY2t0cmFjZXxqc29uIH19XG4gICAgICA8L3ByZT5cbiAgICA8L2ZzLWxhYmVsLWZpZWxkPlxuICAgIDxmcy1sYWJlbC1maWVsZD5cbiAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgJF9TRVJWRVJcbiAgICAgIDwvZnMtbGFiZWw+XG4gICAgICA8cHJlPlxuICAgICAgICB7eyBsb2cuc2VydmVyfGpzb24gfX1cbiAgICAgIDwvcHJlPlxuICAgIDwvZnMtbGFiZWwtZmllbGQ+XG4gIDwvbWF0LWRpYWxvZy1jb250ZW50PlxuICA8bWF0LWRpYWxvZy1hY3Rpb25zPlxuICAgIDxidXR0b25cbiAgICAgICAgbWF0LWJ1dHRvblxuICAgICAgICBbbWF0LWRpYWxvZy1jbG9zZV09XCJ0cnVlXCJcbiAgICAgICAgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgICBEb25lXG4gICAgPC9idXR0b24+XG4gIDwvbWF0LWRpYWxvZy1hY3Rpb25zPlxuPC9mcy1kaWFsb2c+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VydmVyLWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvc3lzdGVtL2NvbXBvbmVudHMvc2VydmVyLWxvZ3MvY29tcG9uZW50cy9zZXJ2ZXItbG9nL3NlcnZlci1sb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL3N5c3RlbS9jb21wb25lbnRzL3NlcnZlci1sb2dzL2NvbXBvbmVudHMvc2VydmVyLWxvZy9zZXJ2ZXItbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRW5GLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV2RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7OztBQWtCcEQsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QixJQUFJLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBRXZCLFVBQVUsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDakMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUU5QixHQUFHLENBQUM7SUFDSixTQUFTLENBQVM7SUFDbEIsT0FBTyxDQUFTO0lBQ2hCLE1BQU0sQ0FBUztJQUNmLFFBQVEsR0FBMkIsS0FBSyxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFFcEUsUUFBUTtRQUNiLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ3pCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ3BELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzdDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2hELENBQUM7SUFDSCxDQUFDO0lBRU0sSUFBSTtRQUNULElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN4RCxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFTyxTQUFTLENBQUMsS0FBSztRQUNyQixJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRSxDQUFDO1lBQzlCLEtBQUssR0FBRyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7WUFFckIsSUFBSSxDQUFDO2dCQUNILEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzVCLENBQUM7WUFBQyxPQUFPLENBQUMsRUFBRSxDQUFDO2dCQUNYLE9BQU8sS0FBSyxDQUFDO1lBQ2YsQ0FBQztRQUNILENBQUM7UUFFRCxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDN0UsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDO1FBRUQsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDeEMsQ0FBQzt1R0ExQ1Usa0JBQWtCOzJGQUFsQixrQkFBa0Isd0VDaEMvQiwwd0RBMEVBLGdLRG5ESSxlQUFlLCtuQkFDZixlQUFlLDJOQUNmLGFBQWEsNG9CQUNiLGFBQWEsK1FBQ2IsWUFBWSxpR0FDWixnQkFBZ0IsaUtBQ2hCLGNBQWM7OzJGQUdMLGtCQUFrQjtrQkFmOUIsU0FBUztzQ0FHUyx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixhQUFhO3dCQUNiLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixjQUFjO3FCQUNmIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25Jbml0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IE1hdFRhYnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJzJztcblxuaW1wb3J0IHsgRnNDbGlwYm9hcmQgfSBmcm9tICdAZmlyZXN0aXRjaC9jbGlwYm9hcmQnO1xuaW1wb3J0IHsgaW5kZXggfSBmcm9tICdAZmlyZXN0aXRjaC9jb21tb24nO1xuaW1wb3J0IHsgRnNEYXRlTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvZGF0ZSc7XG5pbXBvcnQgeyBGc0RpYWxvZ01vZHVsZSB9IGZyb20gJ0BmaXJlc3RpdGNoL2RpYWxvZyc7XG5pbXBvcnQgeyBGc0xhYmVsTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvbGFiZWwnO1xuaW1wb3J0IHsgRnNNZXNzYWdlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvbWVzc2FnZSc7XG5pbXBvcnQgeyBGc1NrZWxldG9uTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvc2tlbGV0b24nO1xuXG5pbXBvcnQgeyBMb2dUeXBlcyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uL2NvbnN0cyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlVXJsOiAnLi9zZXJ2ZXItbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2VydmVyLWxvZy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE1hdERpYWxvZ01vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0VGFic01vZHVsZSxcbiAgICBGc0xhYmVsTW9kdWxlLFxuICAgIEZzRGF0ZU1vZHVsZSxcbiAgICBGc1NrZWxldG9uTW9kdWxlLFxuICAgIEZzRGlhbG9nTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTZXJ2ZXJMb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBkYXRhID0gaW5qZWN0KE1BVF9ESUFMT0dfREFUQSk7XG5cbiAgcHJpdmF0ZSBfY2xpcGJvYXJkID0gaW5qZWN0KEZzQ2xpcGJvYXJkKTtcbiAgcHJpdmF0ZSBfbWVzc2FnZSA9IGluamVjdChGc01lc3NhZ2UpO1xuXG4gIHB1YmxpYyBsb2c7XG4gIHB1YmxpYyBiYWNrdHJhY2U6IHN0cmluZztcbiAgcHVibGljIGxvZ0RhdGE6IHN0cmluZztcbiAgcHVibGljIHNlcnZlcjogc3RyaW5nO1xuICBwdWJsaWMgTG9nVHlwZXM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSBpbmRleChMb2dUeXBlcywgJ3ZhbHVlJywgJ25hbWUnKTtcblxuICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgaWYgKHRoaXMuZGF0YS5sb2cpIHtcbiAgICAgIHRoaXMubG9nID0gdGhpcy5kYXRhLmxvZztcbiAgICAgIHRoaXMuYmFja3RyYWNlID0gdGhpcy5fcHJldHRpZnkodGhpcy5sb2cuYmFja3RyYWNlKTtcbiAgICAgIHRoaXMubG9nRGF0YSA9IHRoaXMuX3ByZXR0aWZ5KHRoaXMubG9nLmRhdGEpO1xuICAgICAgdGhpcy5zZXJ2ZXIgPSB0aGlzLl9wcmV0dGlmeSh0aGlzLmxvZy5zZXJ2ZXIpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBjb3B5KCkge1xuICAgIHRoaXMuX2NsaXBib2FyZC5jb3B5KEpTT04uc3RyaW5naWZ5KHRoaXMubG9nLCBudWxsLCAyKSk7XG4gICAgdGhpcy5fbWVzc2FnZS5zdWNjZXNzKCdDb3BpZWQgdG8gY2xpcGJvYXJkJyk7XG4gIH1cblxuICBwcml2YXRlIF9wcmV0dGlmeSh2YWx1ZSk6IHN0cmluZyB7XG4gICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycpIHtcbiAgICAgIHZhbHVlID0gdmFsdWUudHJpbSgpO1xuXG4gICAgICB0cnkge1xuICAgICAgICB2YWx1ZSA9IEpTT04ucGFyc2UodmFsdWUpO1xuICAgICAgfSBjYXRjaCAoZSkge1xuICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKCF2YWx1ZSB8fCAodHlwZW9mIHZhbHVlID09PSAnb2JqZWN0JyAmJiBPYmplY3Qua2V5cyh2YWx1ZSkubGVuZ3RoID09PSAwKSkge1xuICAgICAgcmV0dXJuICcnO1xuICAgIH1cblxuICAgIHJldHVybiBKU09OLnN0cmluZ2lmeSh2YWx1ZSwgbnVsbCwgMik7XG4gIH1cbn1cbiIsIjxmcy1kaWFsb2cgKmZzU2tlbGV0b249XCJsb2dcIj5cbiAgPGRpdiBtYXQtZGlhbG9nLXRpdGxlPlxuICAgIExvZ1xuICA8L2Rpdj5cbiAgPG1hdC1kaWFsb2ctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiZnMtcm93LmNvbHVtbi1nYXAtbGcucm93LWdhcC1zbS53cmFwLmFsaWduLXN0YXJ0XCI+XG4gICAgICA8ZnMtbGFiZWwtZmllbGQ+XG4gICAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgICBFcnJvciBUeXBlXG4gICAgICAgIDwvZnMtbGFiZWw+XG4gICAgICAgIHt7IExvZ1R5cGVzW2xvZy50eXBlXSB8fCBsb2cudHlwZSB9fVxuICAgICAgPC9mcy1sYWJlbC1maWVsZD5cbiAgICAgIDxmcy1sYWJlbC1maWVsZD5cbiAgICAgICAgPGZzLWxhYmVsPlxuICAgICAgICAgIE1lc3NhZ2VcbiAgICAgICAgPC9mcy1sYWJlbD5cbiAgICAgICAge3sgbG9nLm1lc3NhZ2UgfX1cbiAgICAgIDwvZnMtbGFiZWwtZmllbGQ+XG4gICAgICBAaWYgKGxvZy51cmwpIHtcbiAgICAgICAgPGZzLWxhYmVsLWZpZWxkPlxuICAgICAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgICAgIFVSTFxuICAgICAgICAgIDwvZnMtbGFiZWw+XG4gICAgICAgICAge3sgbG9nLnVybCB9fVxuICAgICAgICA8L2ZzLWxhYmVsLWZpZWxkPlxuICAgICAgfVxuICAgICAgPGZzLWxhYmVsLWZpZWxkPlxuICAgICAgICA8ZnMtbGFiZWw+XG4gICAgICAgICAgRGF0ZVxuICAgICAgICA8L2ZzLWxhYmVsPlxuICAgICAgICB7eyBsb2cuY3JlYXRlRGF0ZXxmc0RhdGVGb3JtYXQ6ICdmdWxsLWRhdGUtdGltZScgfX1cbiAgICAgIDwvZnMtbGFiZWwtZmllbGQ+XG4gICAgICA8ZnMtbGFiZWwtZmllbGQ+XG4gICAgICAgIDxmcy1sYWJlbD5cbiAgICAgICAgICBGaWxlXG4gICAgICAgIDwvZnMtbGFiZWw+XG4gICAgICAgIHt7IGxvZy5maWxlIH19ICYjNjQ7IHt7IGxvZy5saW5lIH19XG4gICAgICA8L2ZzLWxhYmVsLWZpZWxkPlxuICAgIDwvZGl2PlxuICAgIEBpZiAoYmFja3RyYWNlIHx8IGxvZ0RhdGEgfHwgc2VydmVyKSB7XG4gICAgICA8bWF0LXRhYi1ncm91cD5cbiAgICAgICAgQGlmIChiYWNrdHJhY2UpIHtcbiAgICAgICAgICA8bWF0LXRhYiBsYWJlbD1cIkJhY2t0cmFjZVwiPlxuICAgICAgICAgICAgPHByZT57eyBiYWNrdHJhY2UgfX08L3ByZT5cbiAgICAgICAgICA8L21hdC10YWI+XG4gICAgICAgIH1cbiAgICAgICAgQGlmIChsb2dEYXRhKSB7XG4gICAgICAgICAgPG1hdC10YWIgbGFiZWw9XCJEYXRhXCI+XG4gICAgICAgICAgICA8cHJlPnt7IGxvZ0RhdGEgfX08L3ByZT5cbiAgICAgICAgICA8L21hdC10YWI+XG4gICAgICAgIH1cbiAgICAgICAgQGlmIChzZXJ2ZXIpIHtcbiAgICAgICAgICA8bWF0LXRhYiBsYWJlbD1cIiRfU0VSVkVSXCI+XG4gICAgICAgICAgICA8cHJlPnt7IHNlcnZlciB9fTwvcHJlPlxuICAgICAgICAgIDwvbWF0LXRhYj5cbiAgICAgICAgfVxuICAgICAgPC9tYXQtdGFiLWdyb3VwPlxuICAgIH1cbiAgPC9tYXQtZGlhbG9nLWNvbnRlbnQ+XG4gIDxtYXQtZGlhbG9nLWFjdGlvbnM+XG4gICAgPGJ1dHRvblxuICAgICAgICBtYXQtYnV0dG9uXG4gICAgICAgIFttYXQtZGlhbG9nLWNsb3NlXT1cInRydWVcIlxuICAgICAgICBjb2xvcj1cInByaW1hcnlcIj5cbiAgICAgIERvbmVcbiAgICA8L2J1dHRvbj5cbiAgICA8YnV0dG9uXG4gICAgICAgIG1hdC1idXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIChjbGljayk9XCJjb3B5KClcIj5cbiAgICAgIENvcHlcbiAgICA8L2J1dHRvbj5cbiAgPC9tYXQtZGlhbG9nLWFjdGlvbnM+XG48L2ZzLWRpYWxvZz5cbiJdfQ==

package/fesm2022/firestitch-system.mjs

@@ -2,11 +2,11 @@ import * as i1$2 from '@angular/common';
 import { JsonPipe, NgClass, NgStyle, CommonModule, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, Component, ChangeDetectionStrategy, ViewChild, Input, Injectable, ChangeDetectorRef, EventEmitter, Output, Pipe, InjectionToken, NgModule } from '@angular/core';
-import * as i1$3 from '@angular/forms';
+import * as i1$4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i3$2 from '@angular/material/button';
+import * as i2$2 from '@angular/material/button';
 import { MatButton, MatButtonModule, MatIconButton } from '@angular/material/button';
-import * as i2$2 from '@angular/material/dialog';
+import * as i1$3 from '@angular/material/dialog';
 import { MatDialogRef, MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose, MatDialog, MatDialogModule } from '@angular/material/dialog';
 import { MatAccordion, MatExpansionPanel, MatExpansionPanelHeader, MatExpansionPanelTitle, MatExpansionModule } from '@angular/material/expansion';
 import { MatFormField, MatLabel, MatHint, MatFormFieldModule } from '@angular/material/form-field';
@@ -14,6 +14,7 @@ import { MatIcon, MatIconModule } from '@angular/material/icon';
 import { MatInput, MatInputModule } from '@angular/material/input';
 import { MatProgressSpinner, MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSelect, MatSelectModule } from '@angular/material/select';
+import * as i3$2 from '@angular/material/tabs';
 import { MatTabGroup, MatTab, MatTabContent, MatTabsModule } from '@angular/material/tabs';
 import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
 import * as i2$3 from '@firestitch/badge';
@@ -1266,43 +1267,54 @@ const LogTypes = [
 
 class ServerLogComponent {
     data = inject(MAT_DIALOG_DATA);
+    _clipboard = inject(FsClipboard);
+    _message = inject(FsMessage);
     log;
+    backtrace;
+    logData;
+    server;
+    LogTypes = index(LogTypes, 'value', 'name');
     ngOnInit() {
         if (this.data.log) {
             this.log = this.data.log;
+            this.backtrace = this._prettify(this.log.backtrace);
+            this.logData = this._prettify(this.log.data);
+            this.server = this._prettify(this.log.server);
+        }
+    }
+    copy() {
+        this._clipboard.copy(JSON.stringify(this.log, null, 2));
+        this._message.success('Copied to clipboard');
+    }
+    _prettify(value) {
+        if (typeof value === 'string') {
+            value = value.trim();
             try {
-                this.log.backtrace = JSON.parse(this.log.backtrace);
-            }
-            catch (e) {
-                //
-            }
-            try {
-                this.log.server = JSON.parse(this.log.server);
+                value = JSON.parse(value);
             }
             catch (e) {
-                // 
+                return value;
             }
         }
+        if (!value || (typeof value === 'object' && Object.keys(value).length === 0)) {
+            return '';
+        }
+        return JSON.stringify(value, null, 2);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ServerLogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: ServerLogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>\n    Log\n  </div>\n  <mat-dialog-content>\n    <div class=\"fs-row.column-gap-lg.row-gap-sm.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{ log.type }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{ log.message }}\n      </fs-label-field>\n      @if (log.url) {\n        <fs-label-field>\n          <fs-label>\n            URL\n          </fs-label>\n          {{ log.url }}\n        </fs-label-field>\n      }\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{ log.createDate|fsDateFormat: 'full-date-time' }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{ log.file }} &#64; {{ log.line }}\n      </fs-label-field>\n    </div>\n    @if (log.data) {\n      <fs-label-field>\n        <fs-label>\n          Data\n        </fs-label>\n        <pre>\n          {{ log.data|json }}\n        </pre>\n      </fs-label-field>\n    }\n    <fs-label-field>\n      <fs-label>\n        Backtrace\n      </fs-label>\n      <pre>\n        {{ log.backtrace|json }}\n      </pre>\n    </fs-label-field>\n    <fs-label-field>\n      <fs-label>\n        $_SERVER\n      </fs-label>\n      <pre>\n        {{ log.server|json }}\n      </pre>\n    </fs-label-field>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        [mat-dialog-close]=\"true\"\n        color=\"primary\">\n      Done\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.JsonPipe, name: "json" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "ngmodule", type: FsLabelModule }, { kind: "component", type: i3.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i3.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["appearance", "showOutline", "disabled", "focused", "hoverable", "padless"] }, { kind: "ngmodule", type: FsBadgeModule }, { kind: "ngmodule", type: FsDateModule }, { kind: "pipe", type: i4.FsDateFormatPipe, name: "fsDateFormat" }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "ngmodule", type: FsDialogModule }, { kind: "component", type: i2.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: ServerLogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>\n    Log\n  </div>\n  <mat-dialog-content>\n    <div class=\"fs-row.column-gap-lg.row-gap-sm.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{ LogTypes[log.type] || log.type }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{ log.message }}\n      </fs-label-field>\n      @if (log.url) {\n        <fs-label-field>\n          <fs-label>\n            URL\n          </fs-label>\n          {{ log.url }}\n        </fs-label-field>\n      }\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{ log.createDate|fsDateFormat: 'full-date-time' }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{ log.file }} &#64; {{ log.line }}\n      </fs-label-field>\n    </div>\n    @if (backtrace || logData || server) {\n      <mat-tab-group>\n        @if (backtrace) {\n          <mat-tab label=\"Backtrace\">\n            <pre>{{ backtrace }}</pre>\n          </mat-tab>\n        }\n        @if (logData) {\n          <mat-tab label=\"Data\">\n            <pre>{{ logData }}</pre>\n          </mat-tab>\n        }\n        @if (server) {\n          <mat-tab label=\"$_SERVER\">\n            <pre>{{ server }}</pre>\n          </mat-tab>\n        }\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    <button\n        mat-button\n        type=\"button\"\n        (click)=\"copy()\">\n      Copy\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: ["mat-tab-group{margin-top:16px}pre{margin:0;padding:16px 0;white-space:pre-wrap;word-break:break-word}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i3$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i3$2.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: "ngmodule", type: FsLabelModule }, { kind: "component", type: i3.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i3.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["appearance", "showOutline", "disabled", "focused", "hoverable", "padless"] }, { kind: "ngmodule", type: FsDateModule }, { kind: "pipe", type: i4.FsDateFormatPipe, name: "fsDateFormat" }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "ngmodule", type: FsDialogModule }, { kind: "component", type: i2.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ServerLogComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        CommonModule,
                         MatDialogModule,
                         MatButtonModule,
-                        MatIconModule,
-                        MatTooltipModule,
-                        FsLabelModule,
+                        MatTabsModule,
                         FsLabelModule,
-                        FsBadgeModule,
-                        JsonPipe,
                         FsDateModule,
                         FsSkeletonModule,
                         FsDialogModule,
-                    ], template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>\n    Log\n  </div>\n  <mat-dialog-content>\n    <div class=\"fs-row.column-gap-lg.row-gap-sm.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{ log.type }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{ log.message }}\n      </fs-label-field>\n      @if (log.url) {\n        <fs-label-field>\n          <fs-label>\n            URL\n          </fs-label>\n          {{ log.url }}\n        </fs-label-field>\n      }\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{ log.createDate|fsDateFormat: 'full-date-time' }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{ log.file }} &#64; {{ log.line }}\n      </fs-label-field>\n    </div>\n    @if (log.data) {\n      <fs-label-field>\n        <fs-label>\n          Data\n        </fs-label>\n        <pre>\n          {{ log.data|json }}\n        </pre>\n      </fs-label-field>\n    }\n    <fs-label-field>\n      <fs-label>\n        Backtrace\n      </fs-label>\n      <pre>\n        {{ log.backtrace|json }}\n      </pre>\n    </fs-label-field>\n    <fs-label-field>\n      <fs-label>\n        $_SERVER\n      </fs-label>\n      <pre>\n        {{ log.server|json }}\n      </pre>\n    </fs-label-field>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        [mat-dialog-close]=\"true\"\n        color=\"primary\">\n      Done\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>" }]
+                    ], template: "<fs-dialog *fsSkeleton=\"log\">\n  <div mat-dialog-title>\n    Log\n  </div>\n  <mat-dialog-content>\n    <div class=\"fs-row.column-gap-lg.row-gap-sm.wrap.align-start\">\n      <fs-label-field>\n        <fs-label>\n          Error Type\n        </fs-label>\n        {{ LogTypes[log.type] || log.type }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          Message\n        </fs-label>\n        {{ log.message }}\n      </fs-label-field>\n      @if (log.url) {\n        <fs-label-field>\n          <fs-label>\n            URL\n          </fs-label>\n          {{ log.url }}\n        </fs-label-field>\n      }\n      <fs-label-field>\n        <fs-label>\n          Date\n        </fs-label>\n        {{ log.createDate|fsDateFormat: 'full-date-time' }}\n      </fs-label-field>\n      <fs-label-field>\n        <fs-label>\n          File\n        </fs-label>\n        {{ log.file }} &#64; {{ log.line }}\n      </fs-label-field>\n    </div>\n    @if (backtrace || logData || server) {\n      <mat-tab-group>\n        @if (backtrace) {\n          <mat-tab label=\"Backtrace\">\n            <pre>{{ backtrace }}</pre>\n          </mat-tab>\n        }\n        @if (logData) {\n          <mat-tab label=\"Data\">\n            <pre>{{ logData }}</pre>\n          </mat-tab>\n        }\n        @if (server) {\n          <mat-tab label=\"$_SERVER\">\n            <pre>{{ server }}</pre>\n          </mat-tab>\n        }\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    <button\n        mat-button\n        type=\"button\"\n        (click)=\"copy()\">\n      Copy\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: ["mat-tab-group{margin-top:16px}pre{margin:0;padding:16px 0;white-space:pre-wrap;word-break:break-word}\n"] }]
         }] });
 
 class ServerLogsComponent {
@@ -1528,7 +1540,7 @@ class SettingsComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: SettingsComponent, isStandalone: true, selector: "fs-system-settings", inputs: { loadSettings: "loadSettings", save: "save" }, outputs: { fileRemove: "fileRemove", fileSelect: "fileSelect" }, ngImport: i0, template: "<mat-accordion>\n  @for (group of groups; track group) {\n    <mat-expansion-panel\n      hideToggle\n      >\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <div class=\"title-row\">\n            <div class=\"title\">\n              {{ group || 'General' }}\n            </div>\n            <div class=\"actions\">\n              <button\n                type=\"button\"\n                [matTooltip]=\"'Export ' + (group || 'General') + ' Settings'\"\n                mat-icon-button\n                (click)=\"export($event, groupedSettings[group])\">\n                <mat-icon>\n                  cloud_download\n                </mat-icon>\n              </button>\n              <button\n                type=\"button\"\n                [matTooltip]=\"'Import ' + (group || 'General') + ' Settings'\"\n                mat-icon-button\n                (click)=\"import($event, group)\">\n                <mat-icon>\n                  cloud_upload\n                </mat-icon>\n              </button>\n            </div>\n          </div>\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      @for (setting of groupedSettings[group]; track setting) {\n        <div\n          hideToggle\n          class=\"setting\"\n          [ngClass]=\"{ 'has-instruction': !! setting.instruction }\">\n          @if (setting.interfaceType===SettingInterfaceType.InputBox) {\n            <mat-form-field\n              class=\"full-width form-field-multiline-subscript\"\n              >\n              <mat-label>\n                {{ setting.label }}\n              </mat-label>\n              <input\n                matInput\n                [(ngModel)]=\"setting.value\"\n                [name]=\"'setting' + setting.id\">\n              <mat-hint>\n                {{ setting.instruction }}\n              </mat-hint>\n            </mat-form-field>\n          }\n          @if (setting.interfaceType===SettingInterfaceType.Textarea) {\n            <mat-form-field\n              class=\"full-width form-field-multiline-subscript\"\n              >\n              <mat-label>\n                {{ setting.label }}\n              </mat-label>\n              <textarea\n                matInput\n                [(ngModel)]=\"setting.value\"\n                [name]=\"'setting' + setting.id\">\n              </textarea>\n              <mat-hint>\n                {{ setting.instruction }}\n              </mat-hint>\n            </mat-form-field>\n          }\n          @if (setting.interfaceType===SettingInterfaceType.Select || setting.interfaceType===SettingInterfaceType.SelectMultiple) {\n            <mat-form-field\n              class=\"full-width form-field-multiline-subscript\"\n              >\n              <mat-label>\n                {{ setting.label }}\n              </mat-label>\n              <mat-select\n                [(ngModel)]=\"setting.value\"\n                [multiple]=\"setting.interfaceType===SettingInterfaceType.SelectMultiple\"\n                [name]=\"'setting' + setting.id\">\n                @for (item of setting.values | keyNameValue; track item) {\n                  <mat-option\n                    [value]=\"item.value\">\n                    {{ item.name }}\n                  </mat-option>\n                }\n              </mat-select>\n              <mat-hint>\n                {{ setting.instruction }}\n              </mat-hint>\n            </mat-form-field>\n          }\n          @if (setting.interfaceType===SettingInterfaceType.Date) {\n            <mat-form-field\n              class=\"full-width form-field-multiline-subscript\"\n              >\n              <mat-label>\n                {{ setting.label }}\n              </mat-label>\n              <input\n                matInput\n                fsDatePicker\n                [(ngModel)]=\"setting.value\"\n                [name]=\"'setting' + setting.id\">\n              <mat-hint>\n                {{ setting.instruction }}\n              </mat-hint>\n            </mat-form-field>\n          }\n          @if (setting.interfaceType===SettingInterfaceType.Color) {\n            <mat-form-field\n              class=\"full-width form-field-multiline-subscript\"\n              >\n              <mat-label>\n                {{ setting.label }}\n              </mat-label>\n              <input\n                matInput\n                fsColorPicker\n                [(ngModel)]=\"setting.value\"\n                [name]=\"'setting' + setting.id\">\n              <mat-hint>\n                {{ setting.instruction }}\n              </mat-hint>\n            </mat-form-field>\n          }\n          @if (setting.interfaceType===SettingInterfaceType.Time) {\n            <mat-form-field\n              class=\"full-width form-field-multiline-subscript\"\n              >\n              <mat-label>\n                {{ setting.label }}\n              </mat-label>\n              <input\n                matInput\n                fsTimePicker\n                [(ngModel)]=\"setting.value\"\n                [name]=\"'setting' + setting.id\">\n              <mat-hint>\n                {{ setting.instruction }}\n              </mat-hint>\n            </mat-form-field>\n          }\n          @if (setting.interfaceType===SettingInterfaceType.File) {\n            <fs-file-picker\n              [allowRemove]=\"true\"\n              [allowDownload]=\"true\"\n              (select)=\"fileSelect.emit({ setting: setting, file: $event.file })\"\n              (remove)=\"fileRemove.emit(setting)\"\n              [url]=\"setting.value\">\n              <div fsFileLabel>\n                {{ setting.label }}\n              </div>\n              <div fsFileHint>\n                {{ setting.instruction }}\n              </div>\n            </fs-file-picker>\n          }\n        </div>\n      }\n      <button\n        mat-stroked-button\n        color=\"primary\"\n        type=\"button\"\n        (click)=\"saveGroup(group)\">\n        Save\n      </button>\n    </mat-expansion-panel>\n  }\n</mat-accordion>", styles: [".mat-expansion-panel-header{font-size:19px}.full-width{width:100%}.title-row{flex-direction:row;box-sizing:border-box;display:flex;place-content:center flex-start;align-items:center;width:100%}.title-row .title{display:flex;flex:1}:host ::ng-deep .mat-expansion-panel-header-title{margin:0}:host ::ng-deep .mat-expansion-panel .actions{display:none}:host ::ng-deep .mat-expansion-panel.mat-expanded .actions{display:block}:host ::ng-deep .setting.has-instruction fs-file-picker fs-label-message{display:block;padding-bottom:1em}\n"], dependencies: [{ kind: "directive", type: MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FsDatePickerModule }, { kind: "component", type: i2$4.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes"], outputs: ["change"] }, { kind: "component", type: i2$4.FsTimePickerComponent, selector: "[fsTimePicker]", inputs: ["view"] }, { kind: "ngmodule", type: FsColorPickerModule }, { kind: "component", type: i3$3.FsColorPickerComponent, selector: "[fsColorPicker]", inputs: ["showClear"] }, { kind: "ngmodule", type: FsFileModule }, { kind: "component", type: i4$1.FsFilePickerComponent, selector: "fs-file-picker", inputs: ["minWidth", "minHeight", "imageWidth", "imageHeight", "imageQuality", "label", "showFilename", "allowDownload", "allowReupload", "multiple", "allowRemove", "url", "file", "accept", "disabled", "previewWidth", "previewHeight"], outputs: ["select", "remove", "download"] }, { kind: "directive", type: i4$1.FsFileLabelDirective, selector: "[fsFileLabel]" }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: KeyNameValuePipe, name: "keyNameValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: SettingsComponent, isStandalone: true, selector: "fs-system-settings", inputs: { loadSettings: "loadSettings", save: "save" }, outputs: { fileRemove: "fileRemove", fileSelect: "fileSelect" }, ngImport: i0, template: "<mat-accordion>\n  @for (group of groups; track group) {\n    <mat-expansion-panel\n      hideToggle\n      >\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <div class=\"title-row\">\n            <div class=\"title\">\n              {{ group || 'General' }}\n            </div>\n            <div class=\"actions\">\n              <button\n                type=\"button\"\n                [matTooltip]=\"'Export ' + (group || 'General') + ' Settings'\"\n                mat-icon-button\n                (click)=\"export($event, groupedSettings[group])\">\n                <mat-icon>\n                  cloud_download\n                </mat-icon>\n              </button>\n              <button\n                type=\"button\"\n                [matTooltip]=\"'Import ' + (group || 'General') + ' Settings'\"\n                mat-icon-button\n                (click)=\"import($event, group)\">\n                <mat-icon>\n                  cloud_upload\n                </mat-icon>\n              </button>\n            </div>\n          </div>\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      @for (setting of groupedSettings[group]; track setting) {\n        <div\n          hideToggle\n          class=\"setting\"\n          [ngClass]=\"{ 'has-instruction': !! setting.instruction }\">\n          @if (setting.interfaceType===SettingInterfaceType.InputBox) {\n            <mat-form-field\n              class=\"full-width form-field-multiline-subscript\"\n              >\n              <mat-label>\n                {{ setting.label }}\n              </mat-label>\n              <input\n                matInput\n                [(ngModel)]=\"setting.value\"\n                [name]=\"'setting' + setting.id\">\n              <mat-hint>\n                {{ setting.instruction }}\n              </mat-hint>\n            </mat-form-field>\n          }\n          @if (setting.interfaceType===SettingInterfaceType.Textarea) {\n            <mat-form-field\n              class=\"full-width form-field-multiline-subscript\"\n              >\n              <mat-label>\n                {{ setting.label }}\n              </mat-label>\n              <textarea\n                matInput\n                [(ngModel)]=\"setting.value\"\n                [name]=\"'setting' + setting.id\">\n              </textarea>\n              <mat-hint>\n                {{ setting.instruction }}\n              </mat-hint>\n            </mat-form-field>\n          }\n          @if (setting.interfaceType===SettingInterfaceType.Select || setting.interfaceType===SettingInterfaceType.SelectMultiple) {\n            <mat-form-field\n              class=\"full-width form-field-multiline-subscript\"\n              >\n              <mat-label>\n                {{ setting.label }}\n              </mat-label>\n              <mat-select\n                [(ngModel)]=\"setting.value\"\n                [multiple]=\"setting.interfaceType===SettingInterfaceType.SelectMultiple\"\n                [name]=\"'setting' + setting.id\">\n                @for (item of setting.values | keyNameValue; track item) {\n                  <mat-option\n                    [value]=\"item.value\">\n                    {{ item.name }}\n                  </mat-option>\n                }\n              </mat-select>\n              <mat-hint>\n                {{ setting.instruction }}\n              </mat-hint>\n            </mat-form-field>\n          }\n          @if (setting.interfaceType===SettingInterfaceType.Date) {\n            <mat-form-field\n              class=\"full-width form-field-multiline-subscript\"\n              >\n              <mat-label>\n                {{ setting.label }}\n              </mat-label>\n              <input\n                matInput\n                fsDatePicker\n                [(ngModel)]=\"setting.value\"\n                [name]=\"'setting' + setting.id\">\n              <mat-hint>\n                {{ setting.instruction }}\n              </mat-hint>\n            </mat-form-field>\n          }\n          @if (setting.interfaceType===SettingInterfaceType.Color) {\n            <mat-form-field\n              class=\"full-width form-field-multiline-subscript\"\n              >\n              <mat-label>\n                {{ setting.label }}\n              </mat-label>\n              <input\n                matInput\n                fsColorPicker\n                [(ngModel)]=\"setting.value\"\n                [name]=\"'setting' + setting.id\">\n              <mat-hint>\n                {{ setting.instruction }}\n              </mat-hint>\n            </mat-form-field>\n          }\n          @if (setting.interfaceType===SettingInterfaceType.Time) {\n            <mat-form-field\n              class=\"full-width form-field-multiline-subscript\"\n              >\n              <mat-label>\n                {{ setting.label }}\n              </mat-label>\n              <input\n                matInput\n                fsTimePicker\n                [(ngModel)]=\"setting.value\"\n                [name]=\"'setting' + setting.id\">\n              <mat-hint>\n                {{ setting.instruction }}\n              </mat-hint>\n            </mat-form-field>\n          }\n          @if (setting.interfaceType===SettingInterfaceType.File) {\n            <fs-file-picker\n              [allowRemove]=\"true\"\n              [allowDownload]=\"true\"\n              (select)=\"fileSelect.emit({ setting: setting, file: $event.file })\"\n              (remove)=\"fileRemove.emit(setting)\"\n              [url]=\"setting.value\">\n              <div fsFileLabel>\n                {{ setting.label }}\n              </div>\n              <div fsFileHint>\n                {{ setting.instruction }}\n              </div>\n            </fs-file-picker>\n          }\n        </div>\n      }\n      <button\n        mat-stroked-button\n        color=\"primary\"\n        type=\"button\"\n        (click)=\"saveGroup(group)\">\n        Save\n      </button>\n    </mat-expansion-panel>\n  }\n</mat-accordion>", styles: [".mat-expansion-panel-header{font-size:19px}.full-width{width:100%}.title-row{flex-direction:row;box-sizing:border-box;display:flex;place-content:center flex-start;align-items:center;width:100%}.title-row .title{display:flex;flex:1}:host ::ng-deep .mat-expansion-panel-header-title{margin:0}:host ::ng-deep .mat-expansion-panel .actions{display:none}:host ::ng-deep .mat-expansion-panel.mat-expanded .actions{display:block}:host ::ng-deep .setting.has-instruction fs-file-picker fs-label-message{display:block;padding-bottom:1em}\n"], dependencies: [{ kind: "directive", type: MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FsDatePickerModule }, { kind: "component", type: i2$4.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes"], outputs: ["change"] }, { kind: "component", type: i2$4.FsTimePickerComponent, selector: "[fsTimePicker]", inputs: ["view"] }, { kind: "ngmodule", type: FsColorPickerModule }, { kind: "component", type: i3$3.FsColorPickerComponent, selector: "[fsColorPicker]", inputs: ["showClear"] }, { kind: "ngmodule", type: FsFileModule }, { kind: "component", type: i4$1.FsFilePickerComponent, selector: "fs-file-picker", inputs: ["minWidth", "minHeight", "imageWidth", "imageHeight", "imageQuality", "label", "showFilename", "allowDownload", "allowReupload", "multiple", "allowRemove", "url", "file", "accept", "disabled", "previewWidth", "previewHeight"], outputs: ["select", "remove", "download"] }, { kind: "directive", type: i4$1.FsFileLabelDirective, selector: "[fsFileLabel]" }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: KeyNameValuePipe, name: "keyNameValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SettingsComponent, decorators: [{
             type: Component,