@firestitch/system 18.0.41 → 18.0.42

package/app/modules/system/pipes/linkify.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class LinkifyPipe implements PipeTransform {
+    private _sanitizer;
+    transform(value: string): SafeHtml;
+    private _escape;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkifyPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LinkifyPipe, "linkify", true>;
+}

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

@@ -18,6 +18,7 @@ import { FsDatePickerModule } from '@firestitch/datepicker';
 import { FsColorPickerModule } from '@firestitch/colorpicker';
 import { FsFileModule } from '@firestitch/file';
 import { KeyNameValuePipe } from '../../pipes/key-name-value.pipe';
+import { LinkifyPipe } from '../../pipes/linkify.pipe';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@firestitch/datepicker";
@@ -122,7 +123,7 @@ export 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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.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.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes"], outputs: ["change"] }, { kind: "component", type: i2.FsTimePickerComponent, selector: "[fsTimePicker]", inputs: ["view"] }, { kind: "ngmodule", type: FsColorPickerModule }, { kind: "component", type: i3.FsColorPickerComponent, selector: "[fsColorPicker]", inputs: ["showClear"] }, { kind: "ngmodule", type: FsFileModule }, { kind: "component", type: i4.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.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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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\n                fsFileHint\n                [innerHTML]=\"setting.instruction | linkify\">\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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.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.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes"], outputs: ["change"] }, { kind: "component", type: i2.FsTimePickerComponent, selector: "[fsTimePicker]", inputs: ["view"] }, { kind: "ngmodule", type: FsColorPickerModule }, { kind: "component", type: i3.FsColorPickerComponent, selector: "[fsColorPicker]", inputs: ["showClear"] }, { kind: "ngmodule", type: FsFileModule }, { kind: "component", type: i4.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.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" }, { kind: "pipe", type: LinkifyPipe, name: "linkify" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SettingsComponent, decorators: [{
             type: Component,
@@ -147,7 +148,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                         FsFileModule,
                         MatButton,
                         KeyNameValuePipe,
-                    ], 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"] }]
+                        LinkifyPipe,
+                    ], 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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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\n                fsFileHint\n                [innerHTML]=\"setting.instruction | linkify\">\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"] }]
         }], propDecorators: { loadSettings: [{
                 type: Input
             }], save: [{
@@ -157,4 +159,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
             }], fileSelect: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL3N5c3RlbS9jb21wb25lbnRzL3NldHRpbmdzL3NldHRpbmdzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9zZXR0aW5ncy9zZXR0aW5ncy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuSSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFJOUMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvSCxPQUFPLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxN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NEtnQiw0a0JEM0lSLFlBQVksK0lBQ1osaUJBQWlCLHNMQUNqQix1QkFBdUIsa0lBQ3ZCLHNCQUFzQiw0REFDdEIsYUFBYSw2RkFDYixVQUFVLGlSQUNWLE9BQU8sMklBQ1AsT0FBTyxvRkFDUCxZQUFZLDRMQUNaLFFBQVEsc0RBQ1IsUUFBUSxnVUFDUixXQUFXLCttQkFDWCxPQUFPLDhFQUNQLFNBQVMsd2VBQ1QsU0FBUyxvSkFDVCxrQkFBa0IsNFVBQ2xCLG1CQUFtQiwwSUFDbkIsWUFBWSwwZEFDWixTQUFTLDRLQUNULGdCQUFnQjs7MkZBR1gsaUJBQWlCO2tCQTdCN0IsU0FBUzsrQkFDSSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixpQkFBaUI7d0JBQ2pCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0QixhQUFhO3dCQUNiLFVBQVU7d0JBQ1YsT0FBTzt3QkFDUCxPQUFPO3dCQUNQLFlBQVk7d0JBQ1osUUFBUTt3QkFDUixRQUFRO3dCQUNSLFdBQVc7d0JBQ1gsT0FBTzt3QkFDUCxTQUFTO3dCQUNULFNBQVM7d0JBQ1Qsa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLFlBQVk7d0JBQ1osU0FBUzt3QkFDVCxnQkFBZ0I7cUJBQ25COzhCQVNhLFlBQVk7c0JBQTNCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFFVyxVQUFVO3NCQUExQixNQUFNO2dCQUNVLFVBQVU7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGc0NsaXBib2FyZCB9IGZyb20gJ0BmaXJlc3RpdGNoL2NsaXBib2FyZCc7XG5pbXBvcnQgeyBwYXJzZSB9IGZyb20gJ0BmaXJlc3RpdGNoL2RhdGUnO1xuaW1wb3J0IHsgRnNNZXNzYWdlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvbWVzc2FnZSc7XG5pbXBvcnQgeyBGc1Byb21wdCB9IGZyb20gJ0BmaXJlc3RpdGNoL3Byb21wdCc7XG5cbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgU2V0dGluZ0ludGVyZmFjZVR5cGUgfSBmcm9tICcuLi8uLi9lbnVtcyc7XG5pbXBvcnQgeyBNYXRBY2NvcmRpb24sIE1hdEV4cGFuc2lvblBhbmVsLCBNYXRFeHBhbnNpb25QYW5lbEhlYWRlciwgTWF0RXhwYW5zaW9uUGFuZWxUaXRsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2V4cGFuc2lvbic7XG5pbXBvcnQgeyBNYXRJY29uQnV0dG9uLCBNYXRCdXR0b24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0VG9vbHRpcCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGQsIE1hdExhYmVsLCBNYXRIaW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNYXRJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0U2VsZWN0IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2VsZWN0JztcbmltcG9ydCB7IE1hdE9wdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgRnNEYXRlUGlja2VyTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvZGF0ZXBpY2tlcic7XG5pbXBvcnQgeyBGc0NvbG9yUGlja2VyTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvY29sb3JwaWNrZXInO1xuaW1wb3J0IHsgRnNGaWxlTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvZmlsZSc7XG5pbXBvcnQgeyBLZXlOYW1lVmFsdWVQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMva2V5LW5hbWUtdmFsdWUucGlwZSc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmcy1zeXN0ZW0tc2V0dGluZ3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZXR0aW5ncy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2V0dGluZ3MuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgTWF0QWNjb3JkaW9uLFxuICAgICAgICBNYXRFeHBhbnNpb25QYW5lbCxcbiAgICAgICAgTWF0RXhwYW5zaW9uUGFuZWxIZWFkZXIsXG4gICAgICAgIE1hdEV4cGFuc2lvblBhbmVsVGl0bGUsXG4gICAgICAgIE1hdEljb25CdXR0b24sXG4gICAgICAgIE1hdFRvb2x0aXAsXG4gICAgICAgIE1hdEljb24sXG4gICAgICAgIE5nQ2xhc3MsXG4gICAgICAgIE1hdEZvcm1GaWVsZCxcbiAgICAgICAgTWF0TGFiZWwsXG4gICAgICAgIE1hdElucHV0LFxuICAgICAgICBGb3Jtc01vZHVsZSxcbiAgICAgICAgTWF0SGludCxcbiAgICAgICAgTWF0U2VsZWN0LFxuICAgICAgICBNYXRPcHRpb24sXG4gICAgICAgIEZzRGF0ZVBpY2tlck1vZHVsZSxcbiAgICAgICAgRnNDb2xvclBpY2tlck1vZHVsZSxcbiAgICAgICAgRnNGaWxlTW9kdWxlLFxuICAgICAgICBNYXRCdXR0b24sXG4gICAgICAgIEtleU5hbWVWYWx1ZVBpcGUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2V0dGluZ3NDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIF9tZXNzYWdlID0gaW5qZWN0KEZzTWVzc2FnZSk7XG4gIHByaXZhdGUgX2NsaXBib2FyZCA9IGluamVjdChGc0NsaXBib2FyZCk7XG4gIHByaXZhdGUgX3Byb21wdCA9IGluamVjdChGc1Byb21wdCk7XG4gIHByaXZhdGUgX2NkUmVmID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcblxuXG4gIEBJbnB1dCgpIHB1YmxpYyBsb2FkU2V0dGluZ3M6IChxdWVyeSkgPT4gT2JzZXJ2YWJsZTxhbnlbXT47XG4gIEBJbnB1dCgpIHB1YmxpYyBzYXZlOiAoZGF0YTogYW55LCBncm91cDogc3RyaW5nKSA9PiBPYnNlcnZhYmxlPGFueT47XG5cbiAgQE91dHB1dCgpIHB1YmxpYyBmaWxlUmVtb3ZlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgcHVibGljIGZpbGVTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPHsgc2V0dGluZzogYW55LCBmaWxlOiBCbG9iIH0+KCk7XG5cbiAgcHVibGljIGdyb3VwZWRTZXR0aW5ncyA9IFtdO1xuICBwdWJsaWMgZ3JvdXBzID0gW107XG4gIHB1YmxpYyBTZXR0aW5nSW50ZXJmYWNlVHlwZSA9IFNldHRpbmdJbnRlcmZhY2VUeXBlO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxvYWRTZXR0aW5ncyh7XG4gICAgICB2aXNpYmxlOiB0cnVlLFxuICAgIH0pXG4gICAgICAuc3Vic2NyaWJlKChzZXR0aW5ncykgPT4ge1xuICAgICAgICBzZXR0aW5ncyA9IHNldHRpbmdzXG4gICAgICAgICAgLmZpbHRlcigoc2V0dGluZykgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIHNldHRpbmcuaW50ZXJmYWNlVHlwZSAhPT0gU2V0dGluZ0ludGVyZmFjZVR5cGUuTm9uZTtcbiAgICAgICAgICB9KVxuICAgICAgICAgIC5tYXAoKHNldHRpbmcpID0+IHtcbiAgICAgICAgICAgIHN3aXRjaCAoc2V0dGluZy5pbnRlcmZhY2VUeXBlKSB7XG4gICAgICAgICAgICAgIGNhc2UgU2V0dGluZ0ludGVyZmFjZVR5cGUuRGF0ZTpcbiAgICAgICAgICAgICAgY2FzZSBTZXR0aW5nSW50ZXJmYWNlVHlwZS5UaW1lOlxuICAgICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgICAuLi5zZXR0aW5nLFxuICAgICAgICAgICAgICAgICAgdmFsdWU6IHBhcnNlKHNldHRpbmcudmFsdWUpLFxuICAgICAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgICAgY2FzZSBTZXR0aW5nSW50ZXJmYWNlVHlwZS5TZWxlY3RNdWx0aXBsZTpcbiAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgLi4uc2V0dGluZyxcbiAgICAgICAgICAgICAgICAgIHZhbHVlOiBBcnJheS5pc0FycmF5KHNldHRpbmcudmFsdWUpID8gc2V0dGluZy52YWx1ZSA6IFtdLFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBcbiAgICAgICAgICAgIHJldHVybiBzZXR0aW5nO1xuICAgICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMuZ3JvdXBlZFNldHRpbmdzID0gc2V0dGluZ3MucmVkdWNlKChhY2N1bSwgaXRlbSkgPT4ge1xuICAgICAgICAgIGlmKGFjY3VtW2l0ZW0uZ3JvdXBdID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIGFjY3VtW2l0ZW0uZ3JvdXBdID0gW107XG4gICAgICAgICAgfVxuICAgICAgICAgIGFjY3VtW2l0ZW0uZ3JvdXBdLnB1c2goaXRlbSk7XG5cbiAgICAgICAgICByZXR1cm4gYWNjdW07XG4gICAgICAgIH0sIHt9KTtcbiAgICAgICAgXG4gICAgICAgIHRoaXMuZ3JvdXBzID0gT2JqZWN0LmtleXModGhpcy5ncm91cGVkU2V0dGluZ3MpO1xuICAgICAgICB0aGlzLl9jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcHVibGljIGV4cG9ydChldmVudDogVUlFdmVudCwgc2V0dGluZ3MpOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBjb25zdCBkYXRhID0gc2V0dGluZ3MubWFwKChzZXR0aW5nKSA9PiB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBuYW1lOiBzZXR0aW5nLm5hbWUsXG4gICAgICAgIHZhbHVlOiBzZXR0aW5nLnZhbHVlLFxuICAgICAgICBncm91cDogc2V0dGluZy5ncm91cCxcbiAgICAgIH07XG4gICAgfSk7XG5cbiAgICB0aGlzLl9jbGlwYm9hcmQuY29weShKU09OLnN0cmluZ2lmeShkYXRhKSk7XG4gICAgdGhpcy5fbWVzc2FnZS5zdWNjZXNzKCdDb3BpZWQgdG8gY2xpcGJvYXJkJyk7XG4gIH1cblxuICBwdWJsaWMgaW1wb3J0KGV2ZW50OiBVSUV2ZW50LCBncm91cCk6IHZvaWQge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuX3Byb21wdC5pbnB1dCh7XG4gICAgICBsYWJlbDogJ0pTT04gSW1wb3J0JyxcbiAgICAgIHRpdGxlOiAnSW1wb3J0IFNldHRpbmdzJyxcbiAgICAgIGNvbW1pdExhYmVsOiAnSW1wb3J0JyxcbiAgICAgIHJlcXVpcmVkOiB0cnVlLFxuICAgIH0pLnN1YnNjcmliZSgodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgY29uc3Qgc2V0dGluZ3MgPSB0aGlzLmdyb3VwZWRTZXR0aW5nc1tncm91cF07XG4gICAgICAgICAgY29uc3QgZGF0YSA9IEpTT04ucGFyc2UodmFsdWUpO1xuXG4gICAgICAgICAgZGF0YS5mb3JFYWNoKChpdGVtKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBzZXR0aW5nID0gc2V0dGluZ3MuZmluZCgocykgPT4ge1xuICAgICAgICAgICAgICByZXR1cm4gaXRlbS5uYW1lID09PSBzLm5hbWU7XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgaWYgKHNldHRpbmcpIHtcbiAgICAgICAgICAgICAgT2JqZWN0LmFzc2lnbihzZXR0aW5nLCBpdGVtKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9KTtcblxuICAgICAgICAgIHRoaXMuX2NkUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICB9IGNhdGNoIChlKSB7XG4gICAgICAgICAgdGhpcy5fbWVzc2FnZS5lcnJvcihlKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIHNhdmVHcm91cChncm91cCk6IHZvaWQge1xuICAgIGNvbnN0IHNldHRpbmdzID0gdGhpcy5ncm91cGVkU2V0dGluZ3NbZ3JvdXBdO1xuICAgIGNvbnN0IHZhbHVlcyA9IHNldHRpbmdzLnJlZHVjZSgocmVzdWx0LCB2YWx1ZSkgPT4ge1xuICAgICAgcmV0dXJuIChyZXN1bHRbdmFsdWUubmFtZV0gPSB2YWx1ZS52YWx1ZSwgcmVzdWx0KTtcbiAgICB9LCB7fSk7XG5cbiAgICB0aGlzLnNhdmUoZ3JvdXAsIHZhbHVlcylcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLl9tZXNzYWdlLnN1Y2Nlc3MoJ0NoYW5nZXMgU2F2ZWQnKTtcbiAgICAgIH0pO1xuICB9XG59XG4iLCI8bWF0LWFjY29yZGlvbj5cbiAgQGZvciAoZ3JvdXAgb2YgZ3JvdXBzOyB0cmFjayBncm91cCkge1xuICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsXG4gICAgICBoaWRlVG9nZ2xlXG4gICAgICA+XG4gICAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG4gICAgICAgIDxtYXQtcGFuZWwtdGl0bGU+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLXJvd1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICAgICAgICAgIHt7IGdyb3VwIHx8ICdHZW5lcmFsJyB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWN0aW9uc1wiPlxuICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ0V4cG9ydCAnICsgKGdyb3VwIHx8ICdHZW5lcmFsJykgKyAnIFNldHRpbmdzJ1wiXG4gICAgICAgICAgICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImV4cG9ydCgkZXZlbnQsIGdyb3VwZWRTZXR0aW5nc1tncm91cF0pXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgY2xvdWRfZG93bmxvYWRcbiAgICAgICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidJbXBvcnQgJyArIChncm91cCB8fCAnR2VuZXJhbCcpICsgJyBTZXR0aW5ncydcIlxuICAgICAgICAgICAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgICAgIChjbGljayk9XCJpbXBvcnQoJGV2ZW50LCBncm91cClcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24+XG4gICAgICAgICAgICAgICAgICBjbG91ZF91cGxvYWRcbiAgICAgICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L21hdC1wYW5lbC10aXRsZT5cbiAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG4gICAgICBAZm9yIChzZXR0aW5nIG9mIGdyb3VwZWRTZXR0aW5nc1tncm91cF07IHRyYWNrIHNldHRpbmcpIHtcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGhpZGVUb2dnbGVcbiAgICAgICAgICBjbGFzcz1cInNldHRpbmdcIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2hhcy1pbnN0cnVjdGlvbic6ICEhIHNldHRpbmcuaW5zdHJ1Y3Rpb24gfVwiPlxuICAgICAgICAgIEBpZiAoc2V0dGluZy5pbnRlcmZhY2VUeXBlPT09U2V0dGluZ0ludGVyZmFjZVR5cGUuSW5wdXRCb3gpIHtcbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZFxuICAgICAgICAgICAgICBjbGFzcz1cImZ1bGwtd2lkdGggZm9ybS1maWVsZC1tdWx0aWxpbmUtc3Vic2NyaXB0XCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8bWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgIHt7IHNldHRpbmcubGFiZWwgfX1cbiAgICAgICAgICAgICAgPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIG1hdElucHV0XG4gICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZXR0aW5nLnZhbHVlXCJcbiAgICAgICAgICAgICAgICBbbmFtZV09XCInc2V0dGluZycgKyBzZXR0aW5nLmlkXCI+XG4gICAgICAgICAgICAgIDxtYXQtaGludD5cbiAgICAgICAgICAgICAgICB7eyBzZXR0aW5nLmluc3RydWN0aW9uIH19XG4gICAgICAgICAgICAgIDwvbWF0LWhpbnQ+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKHNldHRpbmcuaW50ZXJmYWNlVHlwZT09PVNldHRpbmdJbnRlcmZhY2VUeXBlLlRleHRhcmVhKSB7XG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGRcbiAgICAgICAgICAgICAgY2xhc3M9XCJmdWxsLXdpZHRoIGZvcm0tZmllbGQtbXVsdGlsaW5lLXN1YnNjcmlwdFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPG1hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICB7eyBzZXR0aW5nLmxhYmVsIH19XG4gICAgICAgICAgICAgIDwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICA8dGV4dGFyZWFcbiAgICAgICAgICAgICAgICBtYXRJbnB1dFxuICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2V0dGluZy52YWx1ZVwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwiJ3NldHRpbmcnICsgc2V0dGluZy5pZFwiPlxuICAgICAgICAgICAgICA8L3RleHRhcmVhPlxuICAgICAgICAgICAgICA8bWF0LWhpbnQ+XG4gICAgICAgICAgICAgICAge3sgc2V0dGluZy5pbnN0cnVjdGlvbiB9fVxuICAgICAgICAgICAgICA8L21hdC1oaW50PlxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICB9XG4gICAgICAgICAgQGlmIChzZXR0aW5nLmludGVyZmFjZVR5cGU9PT1TZXR0aW5nSW50ZXJmYWNlVHlwZS5TZWxlY3QgfHwgc2V0dGluZy5pbnRlcmZhY2VUeXBlPT09U2V0dGluZ0ludGVyZmFjZVR5cGUuU2VsZWN0TXVsdGlwbGUpIHtcbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZFxuICAgICAgICAgICAgICBjbGFzcz1cImZ1bGwtd2lkdGggZm9ybS1maWVsZC1tdWx0aWxpbmUtc3Vic2NyaXB0XCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8bWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgIHt7IHNldHRpbmcubGFiZWwgfX1cbiAgICAgICAgICAgICAgPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgIDxtYXQtc2VsZWN0XG4gICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZXR0aW5nLnZhbHVlXCJcbiAgICAgICAgICAgICAgICBbbXVsdGlwbGVdPVwic2V0dGluZy5pbnRlcmZhY2VUeXBlPT09U2V0dGluZ0ludGVyZmFjZVR5cGUuU2VsZWN0TXVsdGlwbGVcIlxuICAgICAgICAgICAgICAgIFtuYW1lXT1cIidzZXR0aW5nJyArIHNldHRpbmcuaWRcIj5cbiAgICAgICAgICAgICAgICBAZm9yIChpdGVtIG9mIHNldHRpbmcudmFsdWVzIHwga2V5TmFtZVZhbHVlOyB0cmFjayBpdGVtKSB7XG4gICAgICAgICAgICAgICAgICA8bWF0LW9wdGlvblxuICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwiaXRlbS52YWx1ZVwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLm5hbWUgfX1cbiAgICAgICAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIDwvbWF0LXNlbGVjdD5cbiAgICAgICAgICAgICAgPG1hdC1oaW50PlxuICAgICAgICAgICAgICAgIHt7IHNldHRpbmcuaW5zdHJ1Y3Rpb24gfX1cbiAgICAgICAgICAgICAgPC9tYXQtaGludD5cbiAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAoc2V0dGluZy5pbnRlcmZhY2VUeXBlPT09U2V0dGluZ0ludGVyZmFjZVR5cGUuRGF0ZSkge1xuICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkXG4gICAgICAgICAgICAgIGNsYXNzPVwiZnVsbC13aWR0aCBmb3JtLWZpZWxkLW11bHRpbGluZS1zdWJzY3JpcHRcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxtYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAge3sgc2V0dGluZy5sYWJlbCB9fVxuICAgICAgICAgICAgICA8L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgICAgICAgICBmc0RhdGVQaWNrZXJcbiAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cInNldHRpbmcudmFsdWVcIlxuICAgICAgICAgICAgICAgIFtuYW1lXT1cIidzZXR0aW5nJyArIHNldHRpbmcuaWRcIj5cbiAgICAgICAgICAgICAgPG1hdC1oaW50PlxuICAgICAgICAgICAgICAgIHt7IHNldHRpbmcuaW5zdHJ1Y3Rpb24gfX1cbiAgICAgICAgICAgICAgPC9tYXQtaGludD5cbiAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAoc2V0dGluZy5pbnRlcmZhY2VUeXBlPT09U2V0dGluZ0ludGVyZmFjZVR5cGUuQ29sb3IpIHtcbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZFxuICAgICAgICAgICAgICBjbGFzcz1cImZ1bGwtd2lkdGggZm9ybS1maWVsZC1tdWx0aWxpbmUtc3Vic2NyaXB0XCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8bWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgIHt7IHNldHRpbmcubGFiZWwgfX1cbiAgICAgICAgICAgICAgPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIG1hdElucHV0XG4gICAgICAgICAgICAgICAgZnNDb2xvclBpY2tlclxuICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2V0dGluZy52YWx1ZVwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwiJ3NldHRpbmcnICsgc2V0dGluZy5pZFwiPlxuICAgICAgICAgICAgICA8bWF0LWhpbnQ+XG4gICAgICAgICAgICAgICAge3sgc2V0dGluZy5pbnN0cnVjdGlvbiB9fVxuICAgICAgICAgICAgICA8L21hdC1oaW50PlxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICB9XG4gICAgICAgICAgQGlmIChzZXR0aW5nLmludGVyZmFjZVR5cGU9PT1TZXR0aW5nSW50ZXJmYWNlVHlwZS5UaW1lKSB7XG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGRcbiAgICAgICAgICAgICAgY2xhc3M9XCJmdWxsLXdpZHRoIGZvcm0tZmllbGQtbXVsdGlsaW5lLXN1YnNjcmlwdFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPG1hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICB7eyBzZXR0aW5nLmxhYmVsIH19XG4gICAgICAgICAgICAgIDwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBtYXRJbnB1dFxuICAgICAgICAgICAgICAgIGZzVGltZVBpY2tlclxuICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2V0dGluZy52YWx1ZVwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwiJ3NldHRpbmcnICsgc2V0dGluZy5pZFwiPlxuICAgICAgICAgICAgICA8bWF0LWhpbnQ+XG4gICAgICAgICAgICAgICAge3sgc2V0dGluZy5pbnN0cnVjdGlvbiB9fVxuICAgICAgICAgICAgICA8L21hdC1oaW50PlxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICB9XG4gICAgICAgICAgQGlmIChzZXR0aW5nLmludGVyZmFjZVR5cGU9PT1TZXR0aW5nSW50ZXJmYWNlVHlwZS5GaWxlKSB7XG4gICAgICAgICAgICA8ZnMtZmlsZS1waWNrZXJcbiAgICAgICAgICAgICAgW2FsbG93UmVtb3ZlXT1cInRydWVcIlxuICAgICAgICAgICAgICBbYWxsb3dEb3dubG9hZF09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgKHNlbGVjdCk9XCJmaWxlU2VsZWN0LmVtaXQoeyBzZXR0aW5nOiBzZXR0aW5nLCBmaWxlOiAkZXZlbnQuZmlsZSB9KVwiXG4gICAgICAgICAgICAgIChyZW1vdmUpPVwiZmlsZVJlbW92ZS5lbWl0KHNldHRpbmcpXCJcbiAgICAgICAgICAgICAgW3VybF09XCJzZXR0aW5nLnZhbHVlXCI+XG4gICAgICAgICAgICAgIDxkaXYgZnNGaWxlTGFiZWw+XG4gICAgICAgICAgICAgICAge3sgc2V0dGluZy5sYWJlbCB9fVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPGRpdiBmc0ZpbGVIaW50PlxuICAgICAgICAgICAgICAgIHt7IHNldHRpbmcuaW5zdHJ1Y3Rpb24gfX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2ZzLWZpbGUtcGlja2VyPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgICA8YnV0dG9uXG4gICAgICAgIG1hdC1zdHJva2VkLWJ1dHRvblxuICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgKGNsaWNrKT1cInNhdmVHcm91cChncm91cClcIj5cbiAgICAgICAgU2F2ZVxuICAgICAgPC9idXR0b24+XG4gICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsPlxuICB9XG48L21hdC1hY2NvcmRpb24+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL3N5c3RlbS9jb21wb25lbnRzL3NldHRpbmdzL3NldHRpbmdzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9zZXR0aW5ncy9zZXR0aW5ncy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuSSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFJOUMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvSCxPQUFPLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxN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QUM7dUdBbEhVLGlCQUFpQjsyRkFBakIsaUJBQWlCLHVNQ3pEOUIsa2xNQTZLZ0IsNGtCRDNJUixZQUFZLCtJQUNaLGlCQUFpQixzTEFDakIsdUJBQXVCLGtJQUN2QixzQkFBc0IsNERBQ3RCLGFBQWEsNkZBQ2IsVUFBVSxpUkFDVixPQUFPLDJJQUNQLE9BQU8sb0ZBQ1AsWUFBWSw0TEFDWixRQUFRLHNEQUNSLFFBQVEsZ1VBQ1IsV0FBVywrbUJBQ1gsT0FBTyw4RUFDUCxTQUFTLHdlQUNULFNBQVMsb0pBQ1Qsa0JBQWtCLDRVQUNsQixtQkFBbUIsMElBQ25CLFlBQVksMGRBQ1osU0FBUyw0S0FDVCxnQkFBZ0IsZ0RBQ2hCLFdBQVc7OzJGQUdOLGlCQUFpQjtrQkE5QjdCLFNBQVM7K0JBQ0ksb0JBQW9CLG1CQUdiLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQix1QkFBdUI7d0JBQ3ZCLHNCQUFzQjt3QkFDdEIsYUFBYTt3QkFDYixVQUFVO3dCQUNWLE9BQU87d0JBQ1AsT0FBTzt3QkFDUCxZQUFZO3dCQUNaLFFBQVE7d0JBQ1IsUUFBUTt3QkFDUixXQUFXO3dCQUNYLE9BQU87d0JBQ1AsU0FBUzt3QkFDVCxTQUFTO3dCQUNULGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixZQUFZO3dCQUNaLFNBQVM7d0JBQ1QsZ0JBQWdCO3dCQUNoQixXQUFXO3FCQUNkOzhCQVNhLFlBQVk7c0JBQTNCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFFVyxVQUFVO3NCQUExQixNQUFNO2dCQUNVLFVBQVU7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGc0NsaXBib2FyZCB9IGZyb20gJ0BmaXJlc3RpdGNoL2NsaXBib2FyZCc7XG5pbXBvcnQgeyBwYXJzZSB9IGZyb20gJ0BmaXJlc3RpdGNoL2RhdGUnO1xuaW1wb3J0IHsgRnNNZXNzYWdlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvbWVzc2FnZSc7XG5pbXBvcnQgeyBGc1Byb21wdCB9IGZyb20gJ0BmaXJlc3RpdGNoL3Byb21wdCc7XG5cbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgU2V0dGluZ0ludGVyZmFjZVR5cGUgfSBmcm9tICcuLi8uLi9lbnVtcyc7XG5pbXBvcnQgeyBNYXRBY2NvcmRpb24sIE1hdEV4cGFuc2lvblBhbmVsLCBNYXRFeHBhbnNpb25QYW5lbEhlYWRlciwgTWF0RXhwYW5zaW9uUGFuZWxUaXRsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2V4cGFuc2lvbic7XG5pbXBvcnQgeyBNYXRJY29uQnV0dG9uLCBNYXRCdXR0b24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0VG9vbHRpcCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGQsIE1hdExhYmVsLCBNYXRIaW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNYXRJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0U2VsZWN0IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2VsZWN0JztcbmltcG9ydCB7IE1hdE9wdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgRnNEYXRlUGlja2VyTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvZGF0ZXBpY2tlcic7XG5pbXBvcnQgeyBGc0NvbG9yUGlja2VyTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvY29sb3JwaWNrZXInO1xuaW1wb3J0IHsgRnNGaWxlTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvZmlsZSc7XG5pbXBvcnQgeyBLZXlOYW1lVmFsdWVQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMva2V5LW5hbWUtdmFsdWUucGlwZSc7XG5pbXBvcnQgeyBMaW5raWZ5UGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL2xpbmtpZnkucGlwZSc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmcy1zeXN0ZW0tc2V0dGluZ3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZXR0aW5ncy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2V0dGluZ3MuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgTWF0QWNjb3JkaW9uLFxuICAgICAgICBNYXRFeHBhbnNpb25QYW5lbCxcbiAgICAgICAgTWF0RXhwYW5zaW9uUGFuZWxIZWFkZXIsXG4gICAgICAgIE1hdEV4cGFuc2lvblBhbmVsVGl0bGUsXG4gICAgICAgIE1hdEljb25CdXR0b24sXG4gICAgICAgIE1hdFRvb2x0aXAsXG4gICAgICAgIE1hdEljb24sXG4gICAgICAgIE5nQ2xhc3MsXG4gICAgICAgIE1hdEZvcm1GaWVsZCxcbiAgICAgICAgTWF0TGFiZWwsXG4gICAgICAgIE1hdElucHV0LFxuICAgICAgICBGb3Jtc01vZHVsZSxcbiAgICAgICAgTWF0SGludCxcbiAgICAgICAgTWF0U2VsZWN0LFxuICAgICAgICBNYXRPcHRpb24sXG4gICAgICAgIEZzRGF0ZVBpY2tlck1vZHVsZSxcbiAgICAgICAgRnNDb2xvclBpY2tlck1vZHVsZSxcbiAgICAgICAgRnNGaWxlTW9kdWxlLFxuICAgICAgICBNYXRCdXR0b24sXG4gICAgICAgIEtleU5hbWVWYWx1ZVBpcGUsXG4gICAgICAgIExpbmtpZnlQaXBlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNldHRpbmdzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJpdmF0ZSBfbWVzc2FnZSA9IGluamVjdChGc01lc3NhZ2UpO1xuICBwcml2YXRlIF9jbGlwYm9hcmQgPSBpbmplY3QoRnNDbGlwYm9hcmQpO1xuICBwcml2YXRlIF9wcm9tcHQgPSBpbmplY3QoRnNQcm9tcHQpO1xuICBwcml2YXRlIF9jZFJlZiA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG5cblxuICBASW5wdXQoKSBwdWJsaWMgbG9hZFNldHRpbmdzOiAocXVlcnkpID0+IE9ic2VydmFibGU8YW55W10+O1xuICBASW5wdXQoKSBwdWJsaWMgc2F2ZTogKGRhdGE6IGFueSwgZ3JvdXA6IHN0cmluZykgPT4gT2JzZXJ2YWJsZTxhbnk+O1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgZmlsZVJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIHB1YmxpYyBmaWxlU2VsZWN0ID0gbmV3IEV2ZW50RW1pdHRlcjx7IHNldHRpbmc6IGFueSwgZmlsZTogQmxvYiB9PigpO1xuXG4gIHB1YmxpYyBncm91cGVkU2V0dGluZ3MgPSBbXTtcbiAgcHVibGljIGdyb3VwcyA9IFtdO1xuICBwdWJsaWMgU2V0dGluZ0ludGVyZmFjZVR5cGUgPSBTZXR0aW5nSW50ZXJmYWNlVHlwZTtcblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5sb2FkU2V0dGluZ3Moe1xuICAgICAgdmlzaWJsZTogdHJ1ZSxcbiAgICB9KVxuICAgICAgLnN1YnNjcmliZSgoc2V0dGluZ3MpID0+IHtcbiAgICAgICAgc2V0dGluZ3MgPSBzZXR0aW5nc1xuICAgICAgICAgIC5maWx0ZXIoKHNldHRpbmcpID0+IHtcbiAgICAgICAgICAgIHJldHVybiBzZXR0aW5nLmludGVyZmFjZVR5cGUgIT09IFNldHRpbmdJbnRlcmZhY2VUeXBlLk5vbmU7XG4gICAgICAgICAgfSlcbiAgICAgICAgICAubWFwKChzZXR0aW5nKSA9PiB7XG4gICAgICAgICAgICBzd2l0Y2ggKHNldHRpbmcuaW50ZXJmYWNlVHlwZSkge1xuICAgICAgICAgICAgICBjYXNlIFNldHRpbmdJbnRlcmZhY2VUeXBlLkRhdGU6XG4gICAgICAgICAgICAgIGNhc2UgU2V0dGluZ0ludGVyZmFjZVR5cGUuVGltZTpcbiAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgLi4uc2V0dGluZyxcbiAgICAgICAgICAgICAgICAgIHZhbHVlOiBwYXJzZShzZXR0aW5nLnZhbHVlKSxcbiAgICAgICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICAgIGNhc2UgU2V0dGluZ0ludGVyZmFjZVR5cGUuU2VsZWN0TXVsdGlwbGU6XG4gICAgICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICAgIC4uLnNldHRpbmcsXG4gICAgICAgICAgICAgICAgICB2YWx1ZTogQXJyYXkuaXNBcnJheShzZXR0aW5nLnZhbHVlKSA/IHNldHRpbmcudmFsdWUgOiBbXSxcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgXG4gICAgICAgICAgICByZXR1cm4gc2V0dGluZztcbiAgICAgICAgICB9KTtcblxuICAgICAgICB0aGlzLmdyb3VwZWRTZXR0aW5ncyA9IHNldHRpbmdzLnJlZHVjZSgoYWNjdW0sIGl0ZW0pID0+IHtcbiAgICAgICAgICBpZihhY2N1bVtpdGVtLmdyb3VwXSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICBhY2N1bVtpdGVtLmdyb3VwXSA9IFtdO1xuICAgICAgICAgIH1cbiAgICAgICAgICBhY2N1bVtpdGVtLmdyb3VwXS5wdXNoKGl0ZW0pO1xuXG4gICAgICAgICAgcmV0dXJuIGFjY3VtO1xuICAgICAgICB9LCB7fSk7XG4gICAgICAgIFxuICAgICAgICB0aGlzLmdyb3VwcyA9IE9iamVjdC5rZXlzKHRoaXMuZ3JvdXBlZFNldHRpbmdzKTtcbiAgICAgICAgdGhpcy5fY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBleHBvcnQoZXZlbnQ6IFVJRXZlbnQsIHNldHRpbmdzKTogdm9pZCB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgY29uc3QgZGF0YSA9IHNldHRpbmdzLm1hcCgoc2V0dGluZykgPT4ge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgbmFtZTogc2V0dGluZy5uYW1lLFxuICAgICAgICB2YWx1ZTogc2V0dGluZy52YWx1ZSxcbiAgICAgICAgZ3JvdXA6IHNldHRpbmcuZ3JvdXAsXG4gICAgICB9O1xuICAgIH0pO1xuXG4gICAgdGhpcy5fY2xpcGJvYXJkLmNvcHkoSlNPTi5zdHJpbmdpZnkoZGF0YSkpO1xuICAgIHRoaXMuX21lc3NhZ2Uuc3VjY2VzcygnQ29waWVkIHRvIGNsaXBib2FyZCcpO1xuICB9XG5cbiAgcHVibGljIGltcG9ydChldmVudDogVUlFdmVudCwgZ3JvdXApOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLl9wcm9tcHQuaW5wdXQoe1xuICAgICAgbGFiZWw6ICdKU09OIEltcG9ydCcsXG4gICAgICB0aXRsZTogJ0ltcG9ydCBTZXR0aW5ncycsXG4gICAgICBjb21taXRMYWJlbDogJ0ltcG9ydCcsXG4gICAgICByZXF1aXJlZDogdHJ1ZSxcbiAgICB9KS5zdWJzY3JpYmUoKHZhbHVlOiBzdHJpbmcpID0+IHtcbiAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICB0cnkge1xuICAgICAgICAgIGNvbnN0IHNldHRpbmdzID0gdGhpcy5ncm91cGVkU2V0dGluZ3NbZ3JvdXBdO1xuICAgICAgICAgIGNvbnN0IGRhdGEgPSBKU09OLnBhcnNlKHZhbHVlKTtcblxuICAgICAgICAgIGRhdGEuZm9yRWFjaCgoaXRlbSkgPT4ge1xuICAgICAgICAgICAgY29uc3Qgc2V0dGluZyA9IHNldHRpbmdzLmZpbmQoKHMpID0+IHtcbiAgICAgICAgICAgICAgcmV0dXJuIGl0ZW0ubmFtZSA9PT0gcy5uYW1lO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGlmIChzZXR0aW5nKSB7XG4gICAgICAgICAgICAgIE9iamVjdC5hc3NpZ24oc2V0dGluZywgaXRlbSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSk7XG5cbiAgICAgICAgICB0aGlzLl9jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgfSBjYXRjaCAoZSkge1xuICAgICAgICAgIHRoaXMuX21lc3NhZ2UuZXJyb3IoZSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBzYXZlR3JvdXAoZ3JvdXApOiB2b2lkIHtcbiAgICBjb25zdCBzZXR0aW5ncyA9IHRoaXMuZ3JvdXBlZFNldHRpbmdzW2dyb3VwXTtcbiAgICBjb25zdCB2YWx1ZXMgPSBzZXR0aW5ncy5yZWR1Y2UoKHJlc3VsdCwgdmFsdWUpID0+IHtcbiAgICAgIHJldHVybiAocmVzdWx0W3ZhbHVlLm5hbWVdID0gdmFsdWUudmFsdWUsIHJlc3VsdCk7XG4gICAgfSwge30pO1xuXG4gICAgdGhpcy5zYXZlKGdyb3VwLCB2YWx1ZXMpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5fbWVzc2FnZS5zdWNjZXNzKCdDaGFuZ2VzIFNhdmVkJyk7XG4gICAgICB9KTtcbiAgfVxufVxuIiwiPG1hdC1hY2NvcmRpb24+XG4gIEBmb3IgKGdyb3VwIG9mIGdyb3VwczsgdHJhY2sgZ3JvdXApIHtcbiAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbFxuICAgICAgaGlkZVRvZ2dsZVxuICAgICAgPlxuICAgICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgICA8bWF0LXBhbmVsLXRpdGxlPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS1yb3dcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxuICAgICAgICAgICAgICB7eyBncm91cCB8fCAnR2VuZXJhbCcgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFjdGlvbnNcIj5cbiAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidFeHBvcnQgJyArIChncm91cCB8fCAnR2VuZXJhbCcpICsgJyBTZXR0aW5ncydcIlxuICAgICAgICAgICAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgICAgIChjbGljayk9XCJleHBvcnQoJGV2ZW50LCBncm91cGVkU2V0dGluZ3NbZ3JvdXBdKVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgIGNsb3VkX2Rvd25sb2FkXG4gICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInSW1wb3J0ICcgKyAoZ3JvdXAgfHwgJ0dlbmVyYWwnKSArICcgU2V0dGluZ3MnXCJcbiAgICAgICAgICAgICAgICBtYXQtaWNvbi1idXR0b25cbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiaW1wb3J0KCRldmVudCwgZ3JvdXApXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgY2xvdWRfdXBsb2FkXG4gICAgICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9tYXQtcGFuZWwtdGl0bGU+XG4gICAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgQGZvciAoc2V0dGluZyBvZiBncm91cGVkU2V0dGluZ3NbZ3JvdXBdOyB0cmFjayBzZXR0aW5nKSB7XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBoaWRlVG9nZ2xlXG4gICAgICAgICAgY2xhc3M9XCJzZXR0aW5nXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJ7ICdoYXMtaW5zdHJ1Y3Rpb24nOiAhISBzZXR0aW5nLmluc3RydWN0aW9uIH1cIj5cbiAgICAgICAgICBAaWYgKHNldHRpbmcuaW50ZXJmYWNlVHlwZT09PVNldHRpbmdJbnRlcmZhY2VUeXBlLklucHV0Qm94KSB7XG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGRcbiAgICAgICAgICAgICAgY2xhc3M9XCJmdWxsLXdpZHRoIGZvcm0tZmllbGQtbXVsdGlsaW5lLXN1YnNjcmlwdFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPG1hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICB7eyBzZXR0aW5nLmxhYmVsIH19XG4gICAgICAgICAgICAgIDwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBtYXRJbnB1dFxuICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2V0dGluZy52YWx1ZVwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwiJ3NldHRpbmcnICsgc2V0dGluZy5pZFwiPlxuICAgICAgICAgICAgICA8bWF0LWhpbnRcbiAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cInNldHRpbmcuaW5zdHJ1Y3Rpb24gfCBsaW5raWZ5XCI+XG4gICAgICAgICAgICAgIDwvbWF0LWhpbnQ+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKHNldHRpbmcuaW50ZXJmYWNlVHlwZT09PVNldHRpbmdJbnRlcmZhY2VUeXBlLlRleHRhcmVhKSB7XG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGRcbiAgICAgICAgICAgICAgY2xhc3M9XCJmdWxsLXdpZHRoIGZvcm0tZmllbGQtbXVsdGlsaW5lLXN1YnNjcmlwdFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPG1hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICB7eyBzZXR0aW5nLmxhYmVsIH19XG4gICAgICAgICAgICAgIDwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICA8dGV4dGFyZWFcbiAgICAgICAgICAgICAgICBtYXRJbnB1dFxuICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2V0dGluZy52YWx1ZVwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwiJ3NldHRpbmcnICsgc2V0dGluZy5pZFwiPlxuICAgICAgICAgICAgICA8L3RleHRhcmVhPlxuICAgICAgICAgICAgICA8bWF0LWhpbnRcbiAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cInNldHRpbmcuaW5zdHJ1Y3Rpb24gfCBsaW5raWZ5XCI+XG4gICAgICAgICAgICAgIDwvbWF0LWhpbnQ+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKHNldHRpbmcuaW50ZXJmYWNlVHlwZT09PVNldHRpbmdJbnRlcmZhY2VUeXBlLlNlbGVjdCB8fCBzZXR0aW5nLmludGVyZmFjZVR5cGU9PT1TZXR0aW5nSW50ZXJmYWNlVHlwZS5TZWxlY3RNdWx0aXBsZSkge1xuICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkXG4gICAgICAgICAgICAgIGNsYXNzPVwiZnVsbC13aWR0aCBmb3JtLWZpZWxkLW11bHRpbGluZS1zdWJzY3JpcHRcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxtYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAge3sgc2V0dGluZy5sYWJlbCB9fVxuICAgICAgICAgICAgICA8L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgPG1hdC1zZWxlY3RcbiAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cInNldHRpbmcudmFsdWVcIlxuICAgICAgICAgICAgICAgIFttdWx0aXBsZV09XCJzZXR0aW5nLmludGVyZmFjZVR5cGU9PT1TZXR0aW5nSW50ZXJmYWNlVHlwZS5TZWxlY3RNdWx0aXBsZVwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwiJ3NldHRpbmcnICsgc2V0dGluZy5pZFwiPlxuICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2Ygc2V0dGluZy52YWx1ZXMgfCBrZXlOYW1lVmFsdWU7IHRyYWNrIGl0ZW0pIHtcbiAgICAgICAgICAgICAgICAgIDxtYXQtb3B0aW9uXG4gICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJpdGVtLnZhbHVlXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0ubmFtZSB9fVxuICAgICAgICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPC9tYXQtc2VsZWN0PlxuICAgICAgICAgICAgICA8bWF0LWhpbnRcbiAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cInNldHRpbmcuaW5zdHJ1Y3Rpb24gfCBsaW5raWZ5XCI+XG4gICAgICAgICAgICAgIDwvbWF0LWhpbnQ+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKHNldHRpbmcuaW50ZXJmYWNlVHlwZT09PVNldHRpbmdJbnRlcmZhY2VUeXBlLkRhdGUpIHtcbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZFxuICAgICAgICAgICAgICBjbGFzcz1cImZ1bGwtd2lkdGggZm9ybS1maWVsZC1tdWx0aWxpbmUtc3Vic2NyaXB0XCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8bWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgIHt7IHNldHRpbmcubGFiZWwgfX1cbiAgICAgICAgICAgICAgPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIG1hdElucHV0XG4gICAgICAgICAgICAgICAgZnNEYXRlUGlja2VyXG4gICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZXR0aW5nLnZhbHVlXCJcbiAgICAgICAgICAgICAgICBbbmFtZV09XCInc2V0dGluZycgKyBzZXR0aW5nLmlkXCI+XG4gICAgICAgICAgICAgIDxtYXQtaGludFxuICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwic2V0dGluZy5pbnN0cnVjdGlvbiB8IGxpbmtpZnlcIj5cbiAgICAgICAgICAgICAgPC9tYXQtaGludD5cbiAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAoc2V0dGluZy5pbnRlcmZhY2VUeXBlPT09U2V0dGluZ0ludGVyZmFjZVR5cGUuQ29sb3IpIHtcbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZFxuICAgICAgICAgICAgICBjbGFzcz1cImZ1bGwtd2lkdGggZm9ybS1maWVsZC1tdWx0aWxpbmUtc3Vic2NyaXB0XCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8bWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgIHt7IHNldHRpbmcubGFiZWwgfX1cbiAgICAgICAgICAgICAgPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIG1hdElucHV0XG4gICAgICAgICAgICAgICAgZnNDb2xvclBpY2tlclxuICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2V0dGluZy52YWx1ZVwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwiJ3NldHRpbmcnICsgc2V0dGluZy5pZFwiPlxuICAgICAgICAgICAgICA8bWF0LWhpbnRcbiAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cInNldHRpbmcuaW5zdHJ1Y3Rpb24gfCBsaW5raWZ5XCI+XG4gICAgICAgICAgICAgIDwvbWF0LWhpbnQ+XG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKHNldHRpbmcuaW50ZXJmYWNlVHlwZT09PVNldHRpbmdJbnRlcmZhY2VUeXBlLlRpbWUpIHtcbiAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZFxuICAgICAgICAgICAgICBjbGFzcz1cImZ1bGwtd2lkdGggZm9ybS1maWVsZC1tdWx0aWxpbmUtc3Vic2NyaXB0XCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8bWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgIHt7IHNldHRpbmcubGFiZWwgfX1cbiAgICAgICAgICAgICAgPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIG1hdElucHV0XG4gICAgICAgICAgICAgICAgZnNUaW1lUGlja2VyXG4gICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZXR0aW5nLnZhbHVlXCJcbiAgICAgICAgICAgICAgICBbbmFtZV09XCInc2V0dGluZycgKyBzZXR0aW5nLmlkXCI+XG4gICAgICAgICAgICAgIDxtYXQtaGludFxuICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwic2V0dGluZy5pbnN0cnVjdGlvbiB8IGxpbmtpZnlcIj5cbiAgICAgICAgICAgICAgPC9tYXQtaGludD5cbiAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAoc2V0dGluZy5pbnRlcmZhY2VUeXBlPT09U2V0dGluZ0ludGVyZmFjZVR5cGUuRmlsZSkge1xuICAgICAgICAgICAgPGZzLWZpbGUtcGlja2VyXG4gICAgICAgICAgICAgIFthbGxvd1JlbW92ZV09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgW2FsbG93RG93bmxvYWRdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgIChzZWxlY3QpPVwiZmlsZVNlbGVjdC5lbWl0KHsgc2V0dGluZzogc2V0dGluZywgZmlsZTogJGV2ZW50LmZpbGUgfSlcIlxuICAgICAgICAgICAgICAocmVtb3ZlKT1cImZpbGVSZW1vdmUuZW1pdChzZXR0aW5nKVwiXG4gICAgICAgICAgICAgIFt1cmxdPVwic2V0dGluZy52YWx1ZVwiPlxuICAgICAgICAgICAgICA8ZGl2IGZzRmlsZUxhYmVsPlxuICAgICAgICAgICAgICAgIHt7IHNldHRpbmcubGFiZWwgfX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBmc0ZpbGVIaW50XG4gICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJzZXR0aW5nLmluc3RydWN0aW9uIHwgbGlua2lmeVwiPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZnMtZmlsZS1waWNrZXI+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICAgIDxidXR0b25cbiAgICAgICAgbWF0LXN0cm9rZWQtYnV0dG9uXG4gICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAoY2xpY2spPVwic2F2ZUdyb3VwKGdyb3VwKVwiPlxuICAgICAgICBTYXZlXG4gICAgICA8L2J1dHRvbj5cbiAgICA8L21hdC1leHBhbnNpb24tcGFuZWw+XG4gIH1cbjwvbWF0LWFjY29yZGlvbj4iXX0=

package/esm2022/app/modules/system/pipes/linkify.pipe.mjs

@@ -0,0 +1,47 @@
+import { Pipe, inject } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+// Matches http:// and https:// urls, including query strings ie. ?variable=something
+const URL_PATTERN = /(\bhttps?:\/\/[^\s<>"']+)/gi;
+// Punctuation that ends the sentence rather than the url ie. "See https://google.com."
+const TRAILING_PATTERN = /[.,:;!?)\]}]+$/;
+export class LinkifyPipe {
+    _sanitizer = inject(DomSanitizer);
+    transform(value) {
+        if (!value) {
+            return '';
+        }
+        const html = String(value)
+            .split(URL_PATTERN)
+            .map((part, index) => {
+            // split() with a capture group puts the matched urls at the odd indexes
+            if (index % 2 === 0) {
+                return this._escape(part);
+            }
+            const trailing = part.match(TRAILING_PATTERN);
+            const url = trailing ? part.slice(0, -trailing[0].length) : part;
+            const escaped = this._escape(url);
+            return `<a href="${escaped}" target="_blank" rel="noopener noreferrer">${escaped}</a>` +
+                (trailing ? this._escape(trailing[0]) : '');
+        })
+            .join('');
+        return this._sanitizer.bypassSecurityTrustHtml(html);
+    }
+    _escape(value) {
+        return value
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LinkifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: LinkifyPipe, isStandalone: true, name: "linkify" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LinkifyPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'linkify',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2lmeS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL3N5c3RlbS9waXBlcy9saW5raWZ5LnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSxZQUFZLEVBQVksTUFBTSwyQkFBMkIsQ0FBQzs7QUFHbkUscUZBQXFGO0FBQ3JGLE1BQU0sV0FBVyxHQUFHLDZCQUE2QixDQUFDO0FBRWxELHVGQUF1RjtBQUN2RixNQUFNLGdCQUFnQixHQUFHLGdCQUFnQixDQUFDO0FBTzFDLE1BQU0sT0FBTyxXQUFXO0lBRWQsVUFBVSxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUVuQyxTQUFTLENBQUMsS0FBYTtRQUM1QixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDWCxPQUFPLEVBQUUsQ0FBQztRQUNaLENBQUM7UUFFRCxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO2FBQ3ZCLEtBQUssQ0FBQyxXQUFXLENBQUM7YUFDbEIsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQ25CLHdFQUF3RTtZQUN4RSxJQUFJLEtBQUssR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7Z0JBQ3BCLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM1QixDQUFDO1lBRUQsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQzlDLE1BQU0sR0FBRyxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztZQUNqRSxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBRWxDLE9BQU8sWUFBWSxPQUFPLCtDQUErQyxPQUFPLE1BQU07Z0JBQ3BGLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNoRCxDQUFDLENBQUM7YUFDRCxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFWixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVPLE9BQU8sQ0FBQyxLQUFhO1FBQzNCLE9BQU8sS0FBSzthQUNULE9BQU8sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDO2FBQ3RCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDO2FBQ3JCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDO2FBQ3JCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDN0IsQ0FBQzt1R0FuQ1UsV0FBVztxR0FBWCxXQUFXOzsyRkFBWCxXQUFXO2tCQUp2QixJQUFJO21CQUFDO29CQUNGLElBQUksRUFBRSxTQUFTO29CQUNmLFVBQVUsRUFBRSxJQUFJO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0sIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5cbi8vIE1hdGNoZXMgaHR0cDovLyBhbmQgaHR0cHM6Ly8gdXJscywgaW5jbHVkaW5nIHF1ZXJ5IHN0cmluZ3MgaWUuID92YXJpYWJsZT1zb21ldGhpbmdcbmNvbnN0IFVSTF9QQVRURVJOID0gLyhcXGJodHRwcz86XFwvXFwvW15cXHM8PlwiJ10rKS9naTtcblxuLy8gUHVuY3R1YXRpb24gdGhhdCBlbmRzIHRoZSBzZW50ZW5jZSByYXRoZXIgdGhhbiB0aGUgdXJsIGllLiBcIlNlZSBodHRwczovL2dvb2dsZS5jb20uXCJcbmNvbnN0IFRSQUlMSU5HX1BBVFRFUk4gPSAvWy4sOjshPylcXF19XSskLztcblxuXG5AUGlwZSh7XG4gICAgbmFtZTogJ2xpbmtpZnknLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIExpbmtpZnlQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG5cbiAgcHJpdmF0ZSBfc2FuaXRpemVyID0gaW5qZWN0KERvbVNhbml0aXplcik7XG5cbiAgcHVibGljIHRyYW5zZm9ybSh2YWx1ZTogc3RyaW5nKTogU2FmZUh0bWwge1xuICAgIGlmICghdmFsdWUpIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG5cbiAgICBjb25zdCBodG1sID0gU3RyaW5nKHZhbHVlKVxuICAgICAgLnNwbGl0KFVSTF9QQVRURVJOKVxuICAgICAgLm1hcCgocGFydCwgaW5kZXgpID0+IHtcbiAgICAgICAgLy8gc3BsaXQoKSB3aXRoIGEgY2FwdHVyZSBncm91cCBwdXRzIHRoZSBtYXRjaGVkIHVybHMgYXQgdGhlIG9kZCBpbmRleGVzXG4gICAgICAgIGlmIChpbmRleCAlIDIgPT09IDApIHtcbiAgICAgICAgICByZXR1cm4gdGhpcy5fZXNjYXBlKHBhcnQpO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgdHJhaWxpbmcgPSBwYXJ0Lm1hdGNoKFRSQUlMSU5HX1BBVFRFUk4pO1xuICAgICAgICBjb25zdCB1cmwgPSB0cmFpbGluZyA/IHBhcnQuc2xpY2UoMCwgLXRyYWlsaW5nWzBdLmxlbmd0aCkgOiBwYXJ0O1xuICAgICAgICBjb25zdCBlc2NhcGVkID0gdGhpcy5fZXNjYXBlKHVybCk7XG5cbiAgICAgICAgcmV0dXJuIGA8YSBocmVmPVwiJHtlc2NhcGVkfVwiIHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj4ke2VzY2FwZWR9PC9hPmAgK1xuICAgICAgICAgICh0cmFpbGluZyA/IHRoaXMuX2VzY2FwZSh0cmFpbGluZ1swXSkgOiAnJyk7XG4gICAgICB9KVxuICAgICAgLmpvaW4oJycpO1xuXG4gICAgcmV0dXJuIHRoaXMuX3Nhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChodG1sKTtcbiAgfVxuXG4gIHByaXZhdGUgX2VzY2FwZSh2YWx1ZTogc3RyaW5nKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdmFsdWVcbiAgICAgIC5yZXBsYWNlKC8mL2csICcmYW1wOycpXG4gICAgICAucmVwbGFjZSgvPC9nLCAnJmx0OycpXG4gICAgICAucmVwbGFjZSgvPi9nLCAnJmd0OycpXG4gICAgICAucmVwbGFjZSgvXCIvZywgJyZxdW90OycpO1xuICB9XG59XG4iXX0=

package/esm2022/public_api.mjs

@@ -13,7 +13,8 @@ export { ServerLogsComponent } from './app/modules/system/components/server-logs
 export { SettingsComponent } from './app/modules/system/components/settings';
 export { UpgradeLogsComponent } from './app/modules/system/components/upgrade-logs';
 export { KeyNameValuePipe } from './app/modules/system/pipes/key-name-value.pipe';
+export { LinkifyPipe } from './app/modules/system/pipes/linkify.pipe';
 export { ApiLogStates, CronStates, ProcessStates } from './app/modules/system/consts';
 export { ApiLogState, CronState, ProcessState } from './app/modules/system/enums';
 export { FS_SYSTEM_CONFIG } from './app/modules/system/injectors/system-config.injector';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUV2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDckUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDbEYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDN0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDcEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFFbEYsT0FBTyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFJbEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdURBQXVELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmV4cG9ydCB7IEZzU3lzdGVtTW9kdWxlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vZnMtc3lzdGVtLm1vZHVsZSc7XG5cbmV4cG9ydCB7IFF1ZXJ5TG9nc0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvcXVlcnktbG9ncy9jb21wb25lbnRzJztcbmV4cG9ydCB7IEFwaUxvZ0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvc3lzdGVtL2NvbXBvbmVudHMvYXBpLWxvZyc7XG5leHBvcnQgeyBBcGlMb2dzQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9hcGktbG9ncyc7XG5leHBvcnQgeyBDcm9uQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9jcm9uJztcbmV4cG9ydCB7IENyb25Mb2dDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3N5c3RlbS9jb21wb25lbnRzL2Nyb24tbG9nJztcbmV4cG9ydCB7IENyb25zQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9jcm9ucyc7XG5leHBvcnQgeyBEYXNoYm9hcmRDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3N5c3RlbS9jb21wb25lbnRzL2Rhc2hib2FyZCc7XG5leHBvcnQgeyBJbmZvQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9pbmZvJztcbmV4cG9ydCB7IFByb2Nlc3NDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3N5c3RlbS9jb21wb25lbnRzL3Byb2Nlc3MnO1xuZXhwb3J0IHsgUHJvY2Vzc2VzQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9wcm9jZXNzZXMnO1xuZXhwb3J0IHsgU2VydmVyTG9nc0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvc3lzdGVtL2NvbXBvbmVudHMvc2VydmVyLWxvZ3MnO1xuZXhwb3J0IHsgU2V0dGluZ3NDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3N5c3RlbS9jb21wb25lbnRzL3NldHRpbmdzJztcbmV4cG9ydCB7IFVwZ3JhZGVMb2dzQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy91cGdyYWRlLWxvZ3MnO1xuZXhwb3J0IHsgS2V5TmFtZVZhbHVlUGlwZSB9IGZyb20gJy4vYXBwL21vZHVsZXMvc3lzdGVtL3BpcGVzL2tleS1uYW1lLXZhbHVlLnBpcGUnO1xuXG5leHBvcnQgeyBBcGlMb2dTdGF0ZXMsIENyb25TdGF0ZXMsIFByb2Nlc3NTdGF0ZXMgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3N5c3RlbS9jb25zdHMnO1xuZXhwb3J0IHsgQXBpTG9nU3RhdGUsIENyb25TdGF0ZSwgUHJvY2Vzc1N0YXRlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vZW51bXMnO1xuXG5leHBvcnQgeyBEYXNoYm9hcmRBY3Rpb24sIEZzU3lzdGVtQ29uZmlnLCBQcm9jZXNzQWN0aW9uIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vaW50ZXJmYWNlcyc7XG5cbmV4cG9ydCB7IEZTX1NZU1RFTV9DT05GSUcgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3N5c3RlbS9pbmplY3RvcnMvc3lzdGVtLWNvbmZpZy5pbmplY3Rvcic7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUV2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDckUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDbEYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDN0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDcEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDbEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRXRFLE9BQU8sRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RGLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBSWxGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVEQUF1RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXG5leHBvcnQgeyBGc1N5c3RlbU1vZHVsZSB9IGZyb20gJy4vYXBwL21vZHVsZXMvc3lzdGVtL2ZzLXN5c3RlbS5tb2R1bGUnO1xuXG5leHBvcnQgeyBRdWVyeUxvZ3NDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3F1ZXJ5LWxvZ3MvY29tcG9uZW50cyc7XG5leHBvcnQgeyBBcGlMb2dDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3N5c3RlbS9jb21wb25lbnRzL2FwaS1sb2cnO1xuZXhwb3J0IHsgQXBpTG9nc0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvc3lzdGVtL2NvbXBvbmVudHMvYXBpLWxvZ3MnO1xuZXhwb3J0IHsgQ3JvbkNvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvc3lzdGVtL2NvbXBvbmVudHMvY3Jvbic7XG5leHBvcnQgeyBDcm9uTG9nQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9jcm9uLWxvZyc7XG5leHBvcnQgeyBDcm9uc0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvc3lzdGVtL2NvbXBvbmVudHMvY3JvbnMnO1xuZXhwb3J0IHsgRGFzaGJvYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9kYXNoYm9hcmQnO1xuZXhwb3J0IHsgSW5mb0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvc3lzdGVtL2NvbXBvbmVudHMvaW5mbyc7XG5leHBvcnQgeyBQcm9jZXNzQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9wcm9jZXNzJztcbmV4cG9ydCB7IFByb2Nlc3Nlc0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvc3lzdGVtL2NvbXBvbmVudHMvcHJvY2Vzc2VzJztcbmV4cG9ydCB7IFNlcnZlckxvZ3NDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3N5c3RlbS9jb21wb25lbnRzL3NlcnZlci1sb2dzJztcbmV4cG9ydCB7IFNldHRpbmdzQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vY29tcG9uZW50cy9zZXR0aW5ncyc7XG5leHBvcnQgeyBVcGdyYWRlTG9nc0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvc3lzdGVtL2NvbXBvbmVudHMvdXBncmFkZS1sb2dzJztcbmV4cG9ydCB7IEtleU5hbWVWYWx1ZVBpcGUgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3N5c3RlbS9waXBlcy9rZXktbmFtZS12YWx1ZS5waXBlJztcbmV4cG9ydCB7IExpbmtpZnlQaXBlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vcGlwZXMvbGlua2lmeS5waXBlJztcblxuZXhwb3J0IHsgQXBpTG9nU3RhdGVzLCBDcm9uU3RhdGVzLCBQcm9jZXNzU3RhdGVzIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vY29uc3RzJztcbmV4cG9ydCB7IEFwaUxvZ1N0YXRlLCBDcm9uU3RhdGUsIFByb2Nlc3NTdGF0ZSB9IGZyb20gJy4vYXBwL21vZHVsZXMvc3lzdGVtL2VudW1zJztcblxuZXhwb3J0IHsgRGFzaGJvYXJkQWN0aW9uLCBGc1N5c3RlbUNvbmZpZywgUHJvY2Vzc0FjdGlvbiB9IGZyb20gJy4vYXBwL21vZHVsZXMvc3lzdGVtL2ludGVyZmFjZXMnO1xuXG5leHBvcnQgeyBGU19TWVNURU1fQ09ORklHIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9zeXN0ZW0vaW5qZWN0b3JzL3N5c3RlbS1jb25maWcuaW5qZWN0b3InO1xuIl19

package/fesm2022/firestitch-system.mjs

@@ -57,6 +57,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i3$4 from '@firestitch/clipboard';
 import { FsClipboard, FsClipboardModule } from '@firestitch/clipboard';
 import { MatOption } from '@angular/material/core';
+import { DomSanitizer } from '@angular/platform-browser';
 import * as i2$5 from '@firestitch/form';
 import { FsFormModule } from '@firestitch/form';
 
@@ -1521,6 +1522,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
             type: Injectable
         }] });
 
+// Matches http:// and https:// urls, including query strings ie. ?variable=something
+const URL_PATTERN = /(\bhttps?:\/\/[^\s<>"']+)/gi;
+// Punctuation that ends the sentence rather than the url ie. "See https://google.com."
+const TRAILING_PATTERN = /[.,:;!?)\]}]+$/;
+class LinkifyPipe {
+    _sanitizer = inject(DomSanitizer);
+    transform(value) {
+        if (!value) {
+            return '';
+        }
+        const html = String(value)
+            .split(URL_PATTERN)
+            .map((part, index) => {
+            // split() with a capture group puts the matched urls at the odd indexes
+            if (index % 2 === 0) {
+                return this._escape(part);
+            }
+            const trailing = part.match(TRAILING_PATTERN);
+            const url = trailing ? part.slice(0, -trailing[0].length) : part;
+            const escaped = this._escape(url);
+            return `<a href="${escaped}" target="_blank" rel="noopener noreferrer">${escaped}</a>` +
+                (trailing ? this._escape(trailing[0]) : '');
+        })
+            .join('');
+        return this._sanitizer.bypassSecurityTrustHtml(html);
+    }
+    _escape(value) {
+        return value
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LinkifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: LinkifyPipe, isStandalone: true, name: "linkify" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LinkifyPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'linkify',
+                    standalone: true,
+                }]
+        }] });
+
 class SettingsComponent {
     _message = inject(FsMessage);
     _clipboard = inject(FsClipboard);
@@ -1620,7 +1665,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$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 });
+    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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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\n                fsFileHint\n                [innerHTML]=\"setting.instruction | linkify\">\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" }, { kind: "pipe", type: LinkifyPipe, name: "linkify" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SettingsComponent, decorators: [{
             type: Component,
@@ -1645,7 +1690,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                         FsFileModule,
                         MatButton,
                         KeyNameValuePipe,
-                    ], 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"] }]
+                        LinkifyPipe,
+                    ], 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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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                [innerHTML]=\"setting.instruction | linkify\">\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\n                fsFileHint\n                [innerHTML]=\"setting.instruction | linkify\">\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"] }]
         }], propDecorators: { loadSettings: [{
                 type: Input
             }], save: [{
@@ -2014,5 +2060,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ApiLogComponent, ApiLogState, ApiLogStates, ApiLogsComponent, CronComponent, CronLogComponent, CronState, CronStates, CronsComponent, DashboardComponent, FS_SYSTEM_CONFIG, FsSystemModule, InfoComponent, KeyNameValuePipe, ProcessComponent, ProcessState, ProcessStates, ProcessesComponent, QueryLogsComponent, ServerLogsComponent, SettingsComponent, UpgradeLogsComponent };
+export { ApiLogComponent, ApiLogState, ApiLogStates, ApiLogsComponent, CronComponent, CronLogComponent, CronState, CronStates, CronsComponent, DashboardComponent, FS_SYSTEM_CONFIG, FsSystemModule, InfoComponent, KeyNameValuePipe, LinkifyPipe, ProcessComponent, ProcessState, ProcessStates, ProcessesComponent, QueryLogsComponent, ServerLogsComponent, SettingsComponent, UpgradeLogsComponent };
 //# sourceMappingURL=firestitch-system.mjs.map