@firestitch/app-message 12.7.6 → 12.7.7

package/esm2015/app/modules/message-templates/components/template/template.component.js

@@ -66,9 +66,9 @@ export class TemplateComponent {
         });
     }
 }
-TemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplateComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: FS_APP_MESSAGE_CONFIG }, { token: i1.MatDialogRef }, { token: i2.FsMessage }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-TemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TemplateComponent, selector: "ng-component", ngImport: i0, template: "<form\n    fsForm\n    [submit]=\"save\"\n    #form=\"ngForm\"\n    *fsSkeleton=\"messageTemplate\"\n    [confirmTabs]=\"false\">\n  <fs-dialog *ngIf=\"messageTemplate\">\n    <div mat-dialog-title>Message Template</div>\n    <mat-dialog-content>\n      <mat-form-field class=\"name\">\n        <input\n          matInput\n          placeholder=\"Name\"\n          [(ngModel)]=\"messageTemplate.name\"\n          name=\"name\"\n          >\n      </mat-form-field>\n      <div [@.disabled]=\"true\">\n        <mat-tab-group\n            mat-align-tabs=\"start\"\n            [dynamicHeight]=\"false\">\n          <mat-tab label=\"Content\">\n            <ng-template matTabContent>\n              <div class=\"content\">\n                <fs-label-field>\n                  <fs-text-editor\n                    [(ngModel)]=\"messageTemplate.content\"\n                    name=\"body\"\n                    [config]=\"htmlEditorconfig\">\n                  </fs-text-editor>\n                  <fs-label-message>\n                    &#123;$content&#125; will be replaced with the message content.\n                  </fs-label-message>\n                </fs-label-field>\n              </div>\n            </ng-template>\n          </mat-tab>\n          <mat-tab label=\"Styles\">\n            <ng-template matTabContent>\n              <div class=\"styles\">\n                <fs-text-editor\n                  [(ngModel)]=\"messageTemplate.styles\"\n                  name=\"styles\"\n                  [config]=\"cssEditorconfig\">\n                </fs-text-editor>\n              </div>\n            </ng-template>\n          </mat-tab>\n        </mat-tab-group>\n      </div>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button mat-button type=\"submit\" color=\"primary\" name=\"close\">Save</button>\n      <button mat-button type=\"submit\" name=\"save-close\">Save & Close</button>\n      <button mat-button (click)=\"openPreview()\" type=\"button\">Preview</button>\n      <button mat-button [mat-dialog-close]=\"null\" type=\"button\">Cancel</button>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", styles: [".name{width:100%}:host ::ng-deep .mat-tab-body-content,:host ::ng-deep .mat-tab-body{overflow:visible}\n"], components: [{ type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i5.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i6.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i7.FsTextEditorComponent, selector: "fs-text-editor", inputs: ["config", "scrollable"], outputs: ["init", "blur"] }, { type: i6.FsLabelMessageComponent, selector: "fs-label-message" }, { type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i9.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i11.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i11.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { type: i5.MatTabContent, selector: "[matTabContent]" }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i11.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit", "form"] }, { type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplateComponent, decorators: [{
+TemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TemplateComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: FS_APP_MESSAGE_CONFIG }, { token: i1.MatDialogRef }, { token: i2.FsMessage }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+TemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TemplateComponent, selector: "ng-component", ngImport: i0, template: "<form\n    fsForm\n    [submit]=\"save\"\n    #form=\"ngForm\"\n    *fsSkeleton=\"messageTemplate\"\n    [confirmTabs]=\"false\">\n  <fs-dialog *ngIf=\"messageTemplate\">\n    <div mat-dialog-title>Message Template</div>\n    <mat-dialog-content>\n      <mat-form-field class=\"name\">\n        <input\n          matInput\n          placeholder=\"Name\"\n          [(ngModel)]=\"messageTemplate.name\"\n          name=\"name\"\n          >\n      </mat-form-field>\n      <div [@.disabled]=\"true\">\n        <mat-tab-group\n            mat-align-tabs=\"start\"\n            [dynamicHeight]=\"false\">\n          <mat-tab label=\"Content\">\n            <ng-template matTabContent>\n              <div class=\"content\">\n                <fs-label-field>\n                  <fs-text-editor\n                    [(ngModel)]=\"messageTemplate.content\"\n                    name=\"body\"\n                    [config]=\"htmlEditorconfig\">\n                  </fs-text-editor>\n                  <fs-label-message>\n                    &#123;$content&#125; will be replaced with the message content.\n                  </fs-label-message>\n                </fs-label-field>\n              </div>\n            </ng-template>\n          </mat-tab>\n          <mat-tab label=\"Styles\">\n            <ng-template matTabContent>\n              <div class=\"styles\">\n                <fs-text-editor\n                  [(ngModel)]=\"messageTemplate.styles\"\n                  name=\"styles\"\n                  [config]=\"cssEditorconfig\">\n                </fs-text-editor>\n              </div>\n            </ng-template>\n          </mat-tab>\n        </mat-tab-group>\n      </div>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button mat-button type=\"submit\" color=\"primary\" name=\"close\">Save</button>\n      <button mat-button type=\"submit\" name=\"save-close\">Save & Close</button>\n      <button mat-button (click)=\"openPreview()\" type=\"button\">Preview</button>\n      <button mat-button [mat-dialog-close]=\"null\" type=\"button\">Cancel</button>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", styles: [".name{width:100%}:host ::ng-deep .mat-tab-body-content,:host ::ng-deep .mat-tab-body{overflow:visible}\n"], components: [{ type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i5.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i6.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i7.FsTextEditorComponent, selector: "fs-text-editor", inputs: ["config", "scrollable"], outputs: ["init", "blur"] }, { type: i6.FsLabelMessageComponent, selector: "fs-label-message" }, { type: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i9.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i11.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i11.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { type: i5.MatTabContent, selector: "[matTabContent]" }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i11.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit", "form"] }, { type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TemplateComponent, decorators: [{
             type: Component,
             args: [{
                     templateUrl: './template.component.html',

package/esm2015/app/modules/message-templates/components/templates/templates.component.js

@@ -66,9 +66,9 @@ export class TemplatesComponent {
         this._destroy$.complete();
     }
 }
-TemplatesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplatesComponent, deps: [{ token: FS_APP_MESSAGE_CONFIG }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-TemplatesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TemplatesComponent, selector: "fs-app-message-templates", viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true, static: true }], ngImport: i0, template: "<fs-list [config]=\"config\">\n  <fs-list-column title=\"Name\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.name}}</a>\n    </ng-template>\n  </fs-list-column>\n</fs-list>", components: [{ type: i2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }], directives: [{ type: i2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplatesComponent, decorators: [{
+TemplatesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TemplatesComponent, deps: [{ token: FS_APP_MESSAGE_CONFIG }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+TemplatesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TemplatesComponent, selector: "fs-app-message-templates", viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true, static: true }], ngImport: i0, template: "<fs-list [config]=\"config\">\n  <fs-list-column title=\"Name\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.name}}</a>\n    </ng-template>\n  </fs-list-column>\n</fs-list>", components: [{ type: i2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }], directives: [{ type: i2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TemplatesComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fs-app-message-templates',

package/esm2015/app/modules/message-templates/message-templates.module.js

@@ -21,8 +21,8 @@ import { FsAppMessagePreviewModule } from '../message-preview/message-preview.mo
 import * as i0 from "@angular/core";
 export class FsAppMessageTemplatesModule {
 }
-FsAppMessageTemplatesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsAppMessageTemplatesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FsAppMessageTemplatesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsAppMessageTemplatesModule, declarations: [TemplatesComponent,
+FsAppMessageTemplatesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsAppMessageTemplatesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FsAppMessageTemplatesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsAppMessageTemplatesModule, declarations: [TemplatesComponent,
         TemplateComponent], imports: [RouterModule,
         CommonModule,
         FormsModule,
@@ -42,7 +42,7 @@ FsAppMessageTemplatesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0
         FsTextEditorModule,
         FsAppMessagePreviewModule], exports: [TemplatesComponent,
         TemplateComponent] });
-FsAppMessageTemplatesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsAppMessageTemplatesModule, imports: [[
+FsAppMessageTemplatesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsAppMessageTemplatesModule, imports: [[
             RouterModule,
             CommonModule,
             FormsModule,
@@ -62,7 +62,7 @@ FsAppMessageTemplatesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0
             FsTextEditorModule,
             FsAppMessagePreviewModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsAppMessageTemplatesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsAppMessageTemplatesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2015/app/modules/messages/components/attachments/attachments.component.js

@@ -64,9 +64,9 @@ export class AttachmentsComponent {
         this._destroy$.complete();
     }
 }
-AttachmentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AttachmentsComponent, deps: [{ token: FS_APP_MESSAGE_CONFIG }, { token: i1.FsMessage }], target: i0.ɵɵFactoryTarget.Component });
-AttachmentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AttachmentsComponent, selector: "fs-app-message-attachments", inputs: { message: "message" }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true, static: true }], ngImport: i0, template: "<fs-list [config]=\"config\">\n  <fs-list-column title=\"File Name\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.filename}}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"File Size\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.size | fsFormatBytes}}\n    </ng-template>\n  </fs-list-column>\n</fs-list>", components: [{ type: i2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }], directives: [{ type: i2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }], pipes: { "fsFormatBytes": i3.FsFormatBytesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AttachmentsComponent, decorators: [{
+AttachmentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AttachmentsComponent, deps: [{ token: FS_APP_MESSAGE_CONFIG }, { token: i1.FsMessage }], target: i0.ɵɵFactoryTarget.Component });
+AttachmentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AttachmentsComponent, selector: "fs-app-message-attachments", inputs: { message: "message" }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true, static: true }], ngImport: i0, template: "<fs-list [config]=\"config\">\n  <fs-list-column title=\"File Name\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.filename}}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"File Size\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.size | fsFormatBytes}}\n    </ng-template>\n  </fs-list-column>\n</fs-list>", components: [{ type: i2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }], directives: [{ type: i2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }], pipes: { "fsFormatBytes": i3.FsFormatBytesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AttachmentsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fs-app-message-attachments',

package/esm2015/app/modules/messages/components/message/message.component.js

@@ -115,9 +115,9 @@ export class MessageComponent {
         });
     }
 }
-MessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MessageComponent, deps: [{ token: FS_APP_MESSAGE_CONFIG }, { token: MAT_DIALOG_DATA }, { token: i1.FsPrompt }, { token: i2.FsMessage }, { token: i3.MatDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MessageComponent, selector: "ng-component", ngImport: i0, template: "<form\n    fsForm\n    [submit]=\"save\"\n    #form=\"ngForm\"\n    *fsSkeleton=\"message\"\n    [confirmTabs]=\"false\">\n  <fs-dialog *ngIf=\"message\">\n    <div mat-dialog-title>Edit Message</div>\n    <mat-dialog-content>\n      <mat-tab-group \n          fsTabs \n          [(selected)]=\"tab\">\n        <mat-tab label=\"General\" name=\"general\">\n          <ng-template matTabContent>\n            <div fxLayout=\"column\">\n              <div fxLayoutGap=\"20px\">\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"Name\"\n                    [(ngModel)]=\"message.name\"\n                    name=\"Name\"\n                    required>\n                </mat-form-field>\n                <fs-label-field>\n                  <fs-label>Reference</fs-label>\n                  {{message.reference}}\n                </fs-label-field>\n              </div>\n              <mat-form-field>\n                <input\n                  matInput\n                  placeholder=\"Description\"\n                  [(ngModel)]=\"message.description\"\n                  name=\"description\">\n              </mat-form-field>\n\n              <div\n                fxLayout=\"row\"\n                fxLayoutGap=\"10px\"\n                fxLayout.xs=\"column\"\n                fxLayout.sm=\"column\">\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"From Email\"\n                    [(ngModel)]=\"message.emailMessage.fromEmail\"\n                    name=\"from_email\">\n                </mat-form-field>\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"From Name\"\n                    [(ngModel)]=\"message.emailMessage.fromName\"\n                    name=\"from_name\">\n                </mat-form-field>\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"Reply To\"\n                    [(ngModel)]=\"message.emailMessage.replyTo\"\n                    name=\"reply_to\">\n                </mat-form-field>\n              </div>\n\n              <div\n                fxLayout=\"row\"\n                fxLayoutGap=\"10px\"\n                fxLayout.xs=\"column\"\n                fxLayout.sm=\"column\">\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"To\"\n                    [(ngModel)]=\"message.emailMessage.toRecipients\"\n                    name=\"to\">\n                </mat-form-field>\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"CC\"\n                    [(ngModel)]=\"message.emailMessage.ccRecipients\"\n                    name=\"cc\">\n                </mat-form-field>\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"BCC\"\n                    [(ngModel)]=\"message.emailMessage.bccRecipients\"\n                    name=\"bcc\">\n                </mat-form-field>\n              </div>\n            </div>\n          </ng-template>\n        </mat-tab>\n        <mat-tab label=\"Email Message\" *ngIf=\"message.emailMessage\" name=\"email\">\n          <ng-template matTabContent>\n            <div fxLayout=\"column\">\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <mat-form-field>\n                  <mat-select\n                      required\n                      placeholder=\"Customize Message\"\n                      [(ngModel)]=\"message.emailMessage.customize\"\n                      name=\"customizeEmail\">\n                    <mat-option [value]=\"true\">Yes</mat-option>\n                    <mat-option [value]=\"false\">No</mat-option>\n                  </mat-select>\n                </mat-form-field>\n                <mat-form-field>\n                  <mat-select\n                    required\n                    placeholder=\"Format\"\n                    [(ngModel)]=\"message.emailMessage.format\"\n                    name=\"format\">\n                      <mat-option *ngFor=\"let item of emailMessageFormats\" [value]=\"item.value\">\n                        {{item.name}}\n                      </mat-option>\n                    </mat-select>\n                </mat-form-field>\n                <mat-form-field>\n                  <mat-select\n                    placeholder=\"Template\"\n                    [(ngModel)]=\"message.emailMessage.messageTemplateId\"\n                    name=\"template\">\n                      <mat-option [value]=\"null\">None</mat-option>\n                      <mat-option *ngFor=\"let item of messageTemplates\" [value]=\"item.id\">\n                        {{item.name}}\n                      </mat-option>\n                    </mat-select>\n                </mat-form-field>\n              </div>\n              <ng-container *ngIf=\"message.emailMessage.customize\">\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"Subject\"\n                    [(ngModel)]=\"message.emailMessage.subject\"\n                    name=\"name\"\n                    required>\n                </mat-form-field>\n\n                <div [@.disabled]=\"true\">\n                  <mat-tab-group [dynamicHeight]=\"false\">\n                    <mat-tab label=\"Content\">\n                      <ng-template matTabContent>\n                        <ng-container *ngIf=\"message.emailMessage.format===emailMessageFormat.HTML\">\n                          <fs-text-editor                          \n                            [(ngModel)]=\"message.emailMessage.body\"\n                            name=\"body\"\n                            [config]=\"{ language: 'html '}\">\n                          </fs-text-editor>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"message.emailMessage.format===emailMessageFormat.RichText\">\n                          <fs-html-editor                          \n                            [(ngModel)]=\"message.emailMessage.body\"\n                            name=\"body\">\n                          </fs-html-editor>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"message.emailMessage.format===emailMessageFormat.Text\">\n                          <fs-text-editor                            \n                            [(ngModel)]=\"message.emailMessage.body\"\n                            name=\"emailMessageBody\"\n                            [config]=\"{ language: 'text' }\">\n                          </fs-text-editor>\n                        </ng-container>\n                      </ng-template>\n                    </mat-tab>\n                    <mat-tab\n                        *ngIf=\"message.emailMessage.format===emailMessageFormat.HTML || message.emailMessage.format===emailMessageFormat.RichText\"\n                        label=\"Styles\">\n                      <ng-template matTabContent>\n                        <fs-text-editor\n                          [(ngModel)]=\"message.emailMessage.styles\"\n                          name=\"styles\"\n                          [config]=\"{ language: 'scss' }\">\n                        </fs-text-editor>\n                      </ng-template>\n                    </mat-tab>\n                  </mat-tab-group>\n                </div>\n              </ng-container>\n\n              <ng-container *ngIf=\"!message.emailMessage.customize\">\n                <fs-label-field>\n                  <fs-label>Subject</fs-label>\n                  {{message.defaultEmailSubject}}\n                </fs-label-field>\n                <div>\n                  <fs-label-field>\n                    <fs-label>Content</fs-label>\n                    <div class=\"email-body-html-default\">\n                      <fs-html-renderer\n                        *ngIf=\"message.emailMessage.format===emailMessageFormat.RichText || message.emailMessage.format===emailMessageFormat.HTML\"\n                        [html]=\"message.defaultEmailBody\">\n                      </fs-html-renderer>\n                    </div>\n                    <div\n                      class=\"email-body-text-default\"\n                      *ngIf=\"message.emailMessage.format===emailMessageFormat.Text\">\n                      {{message.defaultEmailBody}}\n                    </div>\n                  </fs-label-field>\n                </div>\n              </ng-container>\n            </div>\n          </ng-template>\n        </mat-tab>\n\n        <ng-container *ngIf=\"!!message.smsMessage\">\n          <mat-tab label=\"SMS Message\" name=\"sms\">\n            <ng-template matTabContent>\n              <mat-form-field>\n                <mat-select\n                  required\n                  placeholder=\"Customize Message\"\n                  [(ngModel)]=\"message.smsMessage.customize\"\n                  name=\"customizeSms\">\n                    <mat-option [value]=\"true\">Yes</mat-option>\n                    <mat-option [value]=\"false\">No</mat-option>\n                  </mat-select>\n              </mat-form-field>\n              <div\n                  *ngIf=\"message.smsMessage.customize\"\n                  [@.disabled]=\"true\">\n                <mat-tab-group [dynamicHeight]=\"false\">\n                  <mat-tab label=\"Content\">\n                    <ng-template matTabContent>\n                      <fs-text-editor\n                        [(ngModel)]=\"message.smsMessage.message\"\n                        name=\"smsMessageMessage\"\n                        [config]=\"{ language: 'text '}\">\n                      </fs-text-editor>\n                    </ng-template>\n                  </mat-tab>\n                </mat-tab-group>\n              </div>\n              <fs-label-field *ngIf=\"!message.smsMessage.customize\">\n                  <fs-label>Message</fs-label>\n                  {{message.defaultSmsMessage}}\n              </fs-label-field>\n            </ng-template>\n          </mat-tab>\n        </ng-container>\n\n        <mat-tab label=\"Attachments\" *ngIf=\"message.emailMessage\" name=\"attachments\">\n          <ng-template matTabContent>\n            <fs-app-message-attachments \n              [message]=\"message\">\n            </fs-app-message-attachments>\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab label=\"Variables\" *ngIf=\"message.variables\">\n          <ng-template matTabContent>\n            <div *ngFor=\"let variable of message.variables\" class=\"variable\">\n              {{variable.name}}\n            </div>\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab label=\"Defaults\">\n          <ng-template matTabContent>\n            <ng-container *ngIf=\"message.emailMessage\">\n              <h2 *ngIf=\"message.emailMessage && message.smsMessage\">Email</h2>\n              <fs-label-field>\n                <fs-label>Subject</fs-label>\n                <div class=\"content\">{{message.defaultEmailSubject}}</div>\n              </fs-label-field>\n              <fs-label-field>\n                <fs-label>Content</fs-label>\n                <div class=\"content\">{{message.defaultEmailBody}}</div>\n              </fs-label-field>\n            </ng-container>\n            <ng-container *ngIf=\"message.smsMessage\">\n              <h2 *ngIf=\"message.emailMessage && message.smsMessage\">SMS</h2>\n              <fs-label-field>\n                <fs-label>Content</fs-label>\n                <div class=\"content\">{{message.defaultSmsMessage}}</div>\n              </fs-label-field>\n            </ng-container>\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <ng-container *ngIf=\"tab==='email' || tab==='sms' || tab==='general'; else done\">\n        <button \n            mat-button \n            color=\"primary\">\n          Save\n        </button>     \n        <ng-container *ngIf=\"tab==='email'\">\n          <button            \n              mat-button\n              type=\"button\"\n              (click)=\"openPreview()\"\n              type=\"button\">\n            Preview\n          </button>\n          <button\n              mat-button\n              type=\"button\"\n              (click)=\"sendTest('email')\"\n              type=\"button\">\n            Send Test Email\n          </button>\n        </ng-container>\n        <ng-container *ngIf=\"tab==='sms'\">\n          <button            \n              mat-button\n              type=\"button\"\n              (click)=\"sendTest('sms')\"\n              type=\"button\">\n            Send Test SMS\n          </button>\n        </ng-container>\n        <button \n            mat-button \n            [mat-dialog-close]=\"null\" \n            type=\"button\">\n          Cancel\n        </button>\n      </ng-container> \n      <ng-template #done>\n        <button \n            mat-button \n            color=\"primary\"\n            [mat-dialog-close]=\"null\" \n            type=\"button\">\n          Close\n        </button>\n      </ng-template>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", styles: ["fs-label-field .content{white-space:pre-wrap}:host ::ng-deep .mat-tab-body-content,:host ::ng-deep .mat-tab-body{overflow:visible}:host ::ng-deep .sms-message{width:100%}:host ::ng-deep .email-body-text-default{white-space:pre-line}.email-body-text{width:100%}.variable{margin-bottom:4px}\n"], components: [{ type: i4.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i5.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i6.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i7.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i7.FsLabelComponent, selector: "fs-label" }, { type: i8.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i9.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i10.FsTextEditorComponent, selector: "fs-text-editor", inputs: ["config", "scrollable"], outputs: ["init", "blur"] }, { type: i11.FsHtmlEditorComponent, selector: "fs-html-editor", inputs: ["config", "hint"] }, { type: i11.FsHtmlRendererComponent, selector: "fs-html-renderer", inputs: ["html"] }, { type: i12.AttachmentsComponent, selector: "fs-app-message-attachments", inputs: ["message"] }, { type: i13.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i14.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i15.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i15.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i15.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i16.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i17.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i18.FsTabsHeaderTabGroupDirective, selector: "mat-tab-group, matTabGroup, [matTabGroup]", inputs: ["orientation", "selected", "selectedData"], outputs: ["selectedChange", "selectedDataChange"], exportAs: ["fsTabsHeaderTabGroup"] }, { type: i18.FsTabsTabDirective, selector: "mat-tab,matTab", inputs: ["name", "data"], exportAs: ["fsTabsTab"] }, { type: i5.MatTabContent, selector: "[matTabContent]" }, { type: i19.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i19.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i19.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i20.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i15.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i15.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i15.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i15.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i16.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i16.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { type: i17.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i16.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit", "form"] }, { type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MessageComponent, decorators: [{
+MessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MessageComponent, deps: [{ token: FS_APP_MESSAGE_CONFIG }, { token: MAT_DIALOG_DATA }, { token: i1.FsPrompt }, { token: i2.FsMessage }, { token: i3.MatDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MessageComponent, selector: "ng-component", ngImport: i0, template: "<form\n    fsForm\n    [submit]=\"save\"\n    #form=\"ngForm\"\n    *fsSkeleton=\"message\"\n    [confirmTabs]=\"false\">\n  <fs-dialog *ngIf=\"message\">\n    <div mat-dialog-title>Edit Message</div>\n    <mat-dialog-content>\n      <mat-tab-group \n          fsTabs \n          [(selected)]=\"tab\">\n        <mat-tab label=\"General\" name=\"general\">\n          <ng-template matTabContent>\n            <div fxLayout=\"column\">\n              <div fxLayoutGap=\"20px\">\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"Name\"\n                    [(ngModel)]=\"message.name\"\n                    name=\"Name\"\n                    required>\n                </mat-form-field>\n                <fs-label-field>\n                  <fs-label>Reference</fs-label>\n                  {{message.reference}}\n                </fs-label-field>\n              </div>\n              <mat-form-field>\n                <input\n                  matInput\n                  placeholder=\"Description\"\n                  [(ngModel)]=\"message.description\"\n                  name=\"description\">\n              </mat-form-field>\n\n              <div\n                fxLayout=\"row\"\n                fxLayoutGap=\"10px\"\n                fxLayout.xs=\"column\"\n                fxLayout.sm=\"column\">\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"From Email\"\n                    [(ngModel)]=\"message.emailMessage.fromEmail\"\n                    name=\"from_email\">\n                </mat-form-field>\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"From Name\"\n                    [(ngModel)]=\"message.emailMessage.fromName\"\n                    name=\"from_name\">\n                </mat-form-field>\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"Reply To\"\n                    [(ngModel)]=\"message.emailMessage.replyTo\"\n                    name=\"reply_to\">\n                </mat-form-field>\n              </div>\n\n              <div\n                fxLayout=\"row\"\n                fxLayoutGap=\"10px\"\n                fxLayout.xs=\"column\"\n                fxLayout.sm=\"column\">\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"To\"\n                    [(ngModel)]=\"message.emailMessage.toRecipients\"\n                    name=\"to\">\n                </mat-form-field>\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"CC\"\n                    [(ngModel)]=\"message.emailMessage.ccRecipients\"\n                    name=\"cc\">\n                </mat-form-field>\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"BCC\"\n                    [(ngModel)]=\"message.emailMessage.bccRecipients\"\n                    name=\"bcc\">\n                </mat-form-field>\n              </div>\n            </div>\n          </ng-template>\n        </mat-tab>\n        <mat-tab label=\"Email Message\" *ngIf=\"message.emailMessage\" name=\"email\">\n          <ng-template matTabContent>\n            <div fxLayout=\"column\">\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <mat-form-field>\n                  <mat-select\n                      required\n                      placeholder=\"Customize Message\"\n                      [(ngModel)]=\"message.emailMessage.customize\"\n                      name=\"customizeEmail\">\n                    <mat-option [value]=\"true\">Yes</mat-option>\n                    <mat-option [value]=\"false\">No</mat-option>\n                  </mat-select>\n                </mat-form-field>\n                <mat-form-field>\n                  <mat-select\n                    required\n                    placeholder=\"Format\"\n                    [(ngModel)]=\"message.emailMessage.format\"\n                    name=\"format\">\n                      <mat-option *ngFor=\"let item of emailMessageFormats\" [value]=\"item.value\">\n                        {{item.name}}\n                      </mat-option>\n                    </mat-select>\n                </mat-form-field>\n                <mat-form-field>\n                  <mat-select\n                    placeholder=\"Template\"\n                    [(ngModel)]=\"message.emailMessage.messageTemplateId\"\n                    name=\"template\">\n                      <mat-option [value]=\"null\">None</mat-option>\n                      <mat-option *ngFor=\"let item of messageTemplates\" [value]=\"item.id\">\n                        {{item.name}}\n                      </mat-option>\n                    </mat-select>\n                </mat-form-field>\n              </div>\n              <ng-container *ngIf=\"message.emailMessage.customize\">\n                <mat-form-field fxFlex>\n                  <input\n                    matInput\n                    placeholder=\"Subject\"\n                    [(ngModel)]=\"message.emailMessage.subject\"\n                    name=\"name\"\n                    required>\n                </mat-form-field>\n\n                <div [@.disabled]=\"true\">\n                  <mat-tab-group [dynamicHeight]=\"false\">\n                    <mat-tab label=\"Content\">\n                      <ng-template matTabContent>\n                        <ng-container *ngIf=\"message.emailMessage.format===emailMessageFormat.HTML\">\n                          <fs-text-editor                          \n                            [(ngModel)]=\"message.emailMessage.body\"\n                            name=\"body\"\n                            [config]=\"{ language: 'html '}\">\n                          </fs-text-editor>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"message.emailMessage.format===emailMessageFormat.RichText\">\n                          <fs-html-editor                          \n                            [(ngModel)]=\"message.emailMessage.body\"\n                            name=\"body\">\n                          </fs-html-editor>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"message.emailMessage.format===emailMessageFormat.Text\">\n                          <fs-text-editor                            \n                            [(ngModel)]=\"message.emailMessage.body\"\n                            name=\"emailMessageBody\"\n                            [config]=\"{ language: 'text' }\">\n                          </fs-text-editor>\n                        </ng-container>\n                      </ng-template>\n                    </mat-tab>\n                    <mat-tab\n                        *ngIf=\"message.emailMessage.format===emailMessageFormat.HTML || message.emailMessage.format===emailMessageFormat.RichText\"\n                        label=\"Styles\">\n                      <ng-template matTabContent>\n                        <fs-text-editor\n                          [(ngModel)]=\"message.emailMessage.styles\"\n                          name=\"styles\"\n                          [config]=\"{ language: 'scss' }\">\n                        </fs-text-editor>\n                      </ng-template>\n                    </mat-tab>\n                  </mat-tab-group>\n                </div>\n              </ng-container>\n\n              <ng-container *ngIf=\"!message.emailMessage.customize\">\n                <fs-label-field>\n                  <fs-label>Subject</fs-label>\n                  {{message.defaultEmailSubject}}\n                </fs-label-field>\n                <div>\n                  <fs-label-field>\n                    <fs-label>Content</fs-label>\n                    <div class=\"email-body-html-default\">\n                      <fs-html-renderer\n                        *ngIf=\"message.emailMessage.format===emailMessageFormat.RichText || message.emailMessage.format===emailMessageFormat.HTML\"\n                        [html]=\"message.defaultEmailBody\">\n                      </fs-html-renderer>\n                    </div>\n                    <div\n                      class=\"email-body-text-default\"\n                      *ngIf=\"message.emailMessage.format===emailMessageFormat.Text\">\n                      {{message.defaultEmailBody}}\n                    </div>\n                  </fs-label-field>\n                </div>\n              </ng-container>\n            </div>\n          </ng-template>\n        </mat-tab>\n\n        <ng-container *ngIf=\"!!message.smsMessage\">\n          <mat-tab label=\"SMS Message\" name=\"sms\">\n            <ng-template matTabContent>\n              <mat-form-field>\n                <mat-select\n                  required\n                  placeholder=\"Customize Message\"\n                  [(ngModel)]=\"message.smsMessage.customize\"\n                  name=\"customizeSms\">\n                    <mat-option [value]=\"true\">Yes</mat-option>\n                    <mat-option [value]=\"false\">No</mat-option>\n                  </mat-select>\n              </mat-form-field>\n              <div\n                  *ngIf=\"message.smsMessage.customize\"\n                  [@.disabled]=\"true\">\n                <mat-tab-group [dynamicHeight]=\"false\">\n                  <mat-tab label=\"Content\">\n                    <ng-template matTabContent>\n                      <fs-text-editor\n                        [(ngModel)]=\"message.smsMessage.message\"\n                        name=\"smsMessageMessage\"\n                        [config]=\"{ language: 'text '}\">\n                      </fs-text-editor>\n                    </ng-template>\n                  </mat-tab>\n                </mat-tab-group>\n              </div>\n              <fs-label-field *ngIf=\"!message.smsMessage.customize\">\n                  <fs-label>Message</fs-label>\n                  {{message.defaultSmsMessage}}\n              </fs-label-field>\n            </ng-template>\n          </mat-tab>\n        </ng-container>\n\n        <mat-tab label=\"Attachments\" *ngIf=\"message.emailMessage\" name=\"attachments\">\n          <ng-template matTabContent>\n            <fs-app-message-attachments \n              [message]=\"message\">\n            </fs-app-message-attachments>\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab label=\"Variables\" *ngIf=\"message.variables\">\n          <ng-template matTabContent>\n            <div *ngFor=\"let variable of message.variables\" class=\"variable\">\n              {{variable.name}}\n            </div>\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab label=\"Defaults\">\n          <ng-template matTabContent>\n            <ng-container *ngIf=\"message.emailMessage\">\n              <h2 *ngIf=\"message.emailMessage && message.smsMessage\">Email</h2>\n              <fs-label-field>\n                <fs-label>Subject</fs-label>\n                <div class=\"content\">{{message.defaultEmailSubject}}</div>\n              </fs-label-field>\n              <fs-label-field>\n                <fs-label>Content</fs-label>\n                <div class=\"content\">{{message.defaultEmailBody}}</div>\n              </fs-label-field>\n            </ng-container>\n            <ng-container *ngIf=\"message.smsMessage\">\n              <h2 *ngIf=\"message.emailMessage && message.smsMessage\">SMS</h2>\n              <fs-label-field>\n                <fs-label>Content</fs-label>\n                <div class=\"content\">{{message.defaultSmsMessage}}</div>\n              </fs-label-field>\n            </ng-container>\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <ng-container *ngIf=\"tab==='email' || tab==='sms' || tab==='general'; else done\">\n        <button \n            mat-button \n            color=\"primary\">\n          Save\n        </button>     \n        <ng-container *ngIf=\"tab==='email'\">\n          <button            \n              mat-button\n              type=\"button\"\n              (click)=\"openPreview()\"\n              type=\"button\">\n            Preview\n          </button>\n          <button\n              mat-button\n              type=\"button\"\n              (click)=\"sendTest('email')\"\n              type=\"button\">\n            Send Test Email\n          </button>\n        </ng-container>\n        <ng-container *ngIf=\"tab==='sms'\">\n          <button            \n              mat-button\n              type=\"button\"\n              (click)=\"sendTest('sms')\"\n              type=\"button\">\n            Send Test SMS\n          </button>\n        </ng-container>\n        <button \n            mat-button \n            [mat-dialog-close]=\"null\" \n            type=\"button\">\n          Cancel\n        </button>\n      </ng-container> \n      <ng-template #done>\n        <button \n            mat-button \n            color=\"primary\"\n            [mat-dialog-close]=\"null\" \n            type=\"button\">\n          Close\n        </button>\n      </ng-template>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", styles: ["fs-label-field .content{white-space:pre-wrap}:host ::ng-deep .mat-tab-body-content,:host ::ng-deep .mat-tab-body{overflow:visible}:host ::ng-deep .sms-message{width:100%}:host ::ng-deep .email-body-text-default{white-space:pre-line}.email-body-text{width:100%}.variable{margin-bottom:4px}\n"], components: [{ type: i4.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i5.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i6.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i7.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i7.FsLabelComponent, selector: "fs-label" }, { type: i8.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i9.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i10.FsTextEditorComponent, selector: "fs-text-editor", inputs: ["config", "scrollable"], outputs: ["init", "blur"] }, { type: i11.FsHtmlEditorComponent, selector: "fs-html-editor", inputs: ["config", "hint"] }, { type: i11.FsHtmlRendererComponent, selector: "fs-html-renderer", inputs: ["html"] }, { type: i12.AttachmentsComponent, selector: "fs-app-message-attachments", inputs: ["message"] }, { type: i13.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i14.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i15.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i15.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i15.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i16.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i17.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i18.FsTabsHeaderTabGroupDirective, selector: "mat-tab-group, matTabGroup, [matTabGroup]", inputs: ["orientation", "selected", "selectedData"], outputs: ["selectedChange", "selectedDataChange"], exportAs: ["fsTabsHeaderTabGroup"] }, { type: i18.FsTabsTabDirective, selector: "mat-tab,matTab", inputs: ["name", "data"], exportAs: ["fsTabsTab"] }, { type: i5.MatTabContent, selector: "[matTabContent]" }, { type: i19.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i19.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i19.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i20.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i15.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i15.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i15.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i15.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i16.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i16.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { type: i17.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i16.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit", "form"] }, { type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MessageComponent, decorators: [{
             type: Component,
             args: [{
                     templateUrl: './message.component.html',

package/esm2015/app/modules/messages/components/messages/messages.component.js

@@ -57,9 +57,9 @@ export class MessagesComponent {
         this._destroy$.complete();
     }
 }
-MessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MessagesComponent, deps: [{ token: FS_APP_MESSAGE_CONFIG }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-MessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MessagesComponent, selector: "fs-app-messages", viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true, static: true }], ngImport: i0, template: "<fs-list [config]=\"config\">\n  <fs-list-column title=\"Name\" name=\"name\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.name}}</a>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Email Format\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{emailMessageFormats[row.emailMessage.format]}}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Email Message Template\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.emailMessage.messageTemplate?.name || 'None'}}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Customized Message\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.emailMessage?.customize || row.smsMessage?.customize; else noCustomize\">\n        <ng-container *ngIf=\"row.emailMessage?.customize\">\n          {{row.emailMessage.customize ? 'Email' : ''}}\n        </ng-container> \n        <ng-container *ngIf=\"row.smsMessage?.customize\">\n          {{row.smsMessage.customize ? 'SMS' : ''}}\n        </ng-container>         \n      </ng-container>\n      <ng-template #noCustomize>\n        None\n      </ng-template>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", components: [{ type: i2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }], directives: [{ type: i2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MessagesComponent, decorators: [{
+MessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MessagesComponent, deps: [{ token: FS_APP_MESSAGE_CONFIG }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+MessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MessagesComponent, selector: "fs-app-messages", viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true, static: true }], ngImport: i0, template: "<fs-list [config]=\"config\">\n  <fs-list-column title=\"Name\" name=\"name\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.name}}</a>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Email Format\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{emailMessageFormats[row.emailMessage.format]}}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Email Message Template\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.emailMessage.messageTemplate?.name || 'None'}}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Customized Message\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.emailMessage?.customize || row.smsMessage?.customize; else noCustomize\">\n        <ng-container *ngIf=\"row.emailMessage?.customize\">\n          {{row.emailMessage.customize ? 'Email' : ''}}\n        </ng-container> \n        <ng-container *ngIf=\"row.smsMessage?.customize\">\n          {{row.smsMessage.customize ? 'SMS' : ''}}\n        </ng-container>         \n      </ng-container>\n      <ng-template #noCustomize>\n        None\n      </ng-template>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", components: [{ type: i2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }], directives: [{ type: i2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MessagesComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fs-app-messages',

package/esm2015/app/modules/messages/messages.module.js

@@ -28,8 +28,8 @@ import { FsCommonModule } from '@firestitch/common';
 import * as i0 from "@angular/core";
 export class FsAppMessagesModule {
 }
-FsAppMessagesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsAppMessagesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FsAppMessagesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsAppMessagesModule, declarations: [MessagesComponent,
+FsAppMessagesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsAppMessagesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FsAppMessagesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsAppMessagesModule, declarations: [MessagesComponent,
         MessageComponent,
         AttachmentsComponent], imports: [RouterModule,
         CommonModule,
@@ -56,7 +56,7 @@ FsAppMessagesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
         FsTabsModule,
         FsAppMessagePreviewModule], exports: [MessagesComponent,
         MessageComponent] });
-FsAppMessagesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsAppMessagesModule, imports: [[
+FsAppMessagesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsAppMessagesModule, imports: [[
             RouterModule,
             CommonModule,
             FormsModule,
@@ -82,7 +82,7 @@ FsAppMessagesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
             FsTabsModule,
             FsAppMessagePreviewModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsAppMessagesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsAppMessagesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2015/app/modules/webhooks/components/webhooks/webhooks.component.js

@@ -46,9 +46,9 @@ export class WebhooksComponent {
         };
     }
 }
-WebhooksComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WebhooksComponent, deps: [{ token: FS_APP_MESSAGE_CONFIG }, { token: i1.FsMessage }], target: i0.ɵɵFactoryTarget.Component });
-WebhooksComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WebhooksComponent, selector: "fs-app-message-webhooks", viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true }], ngImport: i0, template: "<fs-list [config]=\"listConfig\">\r\n  <fs-list-column title=\"URL\">\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{row.url}}\r\n    </ng-template>\r\n  </fs-list-column>\r\n  <fs-list-column title=\"Created\">\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{row.createDate | fsDate}}\r\n    </ng-template>\r\n  </fs-list-column>\r\n</fs-list>", components: [{ type: i2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }], directives: [{ type: i2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }], pipes: { "fsDate": i3.FsDatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WebhooksComponent, decorators: [{
+WebhooksComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WebhooksComponent, deps: [{ token: FS_APP_MESSAGE_CONFIG }, { token: i1.FsMessage }], target: i0.ɵɵFactoryTarget.Component });
+WebhooksComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: WebhooksComponent, selector: "fs-app-message-webhooks", viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true }], ngImport: i0, template: "<fs-list [config]=\"listConfig\">\r\n  <fs-list-column title=\"URL\">\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{row.url}}\r\n    </ng-template>\r\n  </fs-list-column>\r\n  <fs-list-column title=\"Created\">\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{row.createDate | fsDate}}\r\n    </ng-template>\r\n  </fs-list-column>\r\n</fs-list>", components: [{ type: i2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }], directives: [{ type: i2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }], pipes: { "fsDate": i3.FsDatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: WebhooksComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fs-app-message-webhooks',

package/esm2015/app/modules/webhooks/webhooks.module.js

@@ -5,14 +5,14 @@ import { WebhooksComponent } from './components/webhooks/webhooks.component';
 import * as i0 from "@angular/core";
 export class FsAppMessageWebhooksModule {
 }
-FsAppMessageWebhooksModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsAppMessageWebhooksModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FsAppMessageWebhooksModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsAppMessageWebhooksModule, declarations: [WebhooksComponent], imports: [FsListModule,
+FsAppMessageWebhooksModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsAppMessageWebhooksModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FsAppMessageWebhooksModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsAppMessageWebhooksModule, declarations: [WebhooksComponent], imports: [FsListModule,
         FsDateModule], exports: [WebhooksComponent] });
-FsAppMessageWebhooksModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsAppMessageWebhooksModule, imports: [[
+FsAppMessageWebhooksModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsAppMessageWebhooksModule, imports: [[
             FsListModule,
             FsDateModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsAppMessageWebhooksModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FsAppMessageWebhooksModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2015/public_api.js

@@ -1,18 +1,15 @@
-/*
- * Public API Surface of fs-menu
- */
-export { FsAppMessagesModule } from './app/modules/messages/messages.module';
+export { FsAppMessageModule } from './app/modules/app-message/app-message.module';
 export { FsAppMessageQueuesModule } from './app/modules/message-queues/message-queues.module';
 export { FsAppMessageTemplatesModule } from './app/modules/message-templates/message-templates.module';
+export { FsAppMessagesModule } from './app/modules/messages/messages.module';
 export { FsAppMessageWebhooksModule } from './app/modules/webhooks/webhooks.module';
-export { FsAppMessageModule } from './app/modules/app-message/app-message.module';
-export { MessagesComponent } from './app/modules/messages/components/messages/messages.component';
-export { MessageComponent } from './app/modules/messages/components/message/message.component';
-export { QueuesComponent } from './app/modules/message-queues/components/queues/queues.component';
 export { QueueComponent } from './app/modules/message-queues/components/queue/queue.component';
-export { TemplatesComponent } from './app/modules/message-templates/components/templates/templates.component';
+export { QueuesComponent } from './app/modules/message-queues/components/queues/queues.component';
 export { TemplateComponent } from './app/modules/message-templates/components';
+export { TemplatesComponent } from './app/modules/message-templates/components/templates/templates.component';
+export { MessageComponent } from './app/modules/messages/components/message/message.component';
+export { MessagesComponent } from './app/modules/messages/components/messages/messages.component';
 export { WebhooksComponent } from './app/modules/webhooks/components/webhooks/webhooks.component';
 export { FsMessageQueueService } from './app/modules/message-queues/services/message-queue.service';
 export { FS_APP_MESSAGE_CONFIG } from './app/modules/app-message/injectors/app-message-config.injector';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDN0UsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDOUYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDdkcsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDcEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFFbEYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0RBQStELENBQUM7QUFDbEcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkRBQTZELENBQUM7QUFDL0YsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlFQUFpRSxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwRUFBMEUsQ0FBQztBQUM5RyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUlsRyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQztBQUVwRyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgZnMtbWVudVxuICovXG5cbmV4cG9ydCB7IEZzQXBwTWVzc2FnZXNNb2R1bGUgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2VzL21lc3NhZ2VzLm1vZHVsZSc7XG5leHBvcnQgeyBGc0FwcE1lc3NhZ2VRdWV1ZXNNb2R1bGUgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtcXVldWVzL21lc3NhZ2UtcXVldWVzLm1vZHVsZSc7XG5leHBvcnQgeyBGc0FwcE1lc3NhZ2VUZW1wbGF0ZXNNb2R1bGUgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtdGVtcGxhdGVzL21lc3NhZ2UtdGVtcGxhdGVzLm1vZHVsZSc7XG5leHBvcnQgeyBGc0FwcE1lc3NhZ2VXZWJob29rc01vZHVsZSB9IGZyb20gJy4vYXBwL21vZHVsZXMvd2ViaG9va3Mvd2ViaG9va3MubW9kdWxlJztcbmV4cG9ydCB7IEZzQXBwTWVzc2FnZU1vZHVsZSB9IGZyb20gJy4vYXBwL21vZHVsZXMvYXBwLW1lc3NhZ2UvYXBwLW1lc3NhZ2UubW9kdWxlJztcblxuZXhwb3J0IHsgTWVzc2FnZXNDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2VzL2NvbXBvbmVudHMvbWVzc2FnZXMvbWVzc2FnZXMuY29tcG9uZW50JztcbmV4cG9ydCB7IE1lc3NhZ2VDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2VzL2NvbXBvbmVudHMvbWVzc2FnZS9tZXNzYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBRdWV1ZXNDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtcXVldWVzL2NvbXBvbmVudHMvcXVldWVzL3F1ZXVlcy5jb21wb25lbnQnO1xuZXhwb3J0IHsgUXVldWVDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtcXVldWVzL2NvbXBvbmVudHMvcXVldWUvcXVldWUuY29tcG9uZW50JztcbmV4cG9ydCB7IFRlbXBsYXRlc0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvbWVzc2FnZS10ZW1wbGF0ZXMvY29tcG9uZW50cy90ZW1wbGF0ZXMvdGVtcGxhdGVzLmNvbXBvbmVudCc7XG5leHBvcnQgeyBUZW1wbGF0ZUNvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvbWVzc2FnZS10ZW1wbGF0ZXMvY29tcG9uZW50cyc7XG5leHBvcnQgeyBXZWJob29rc0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvd2ViaG9va3MvY29tcG9uZW50cy93ZWJob29rcy93ZWJob29rcy5jb21wb25lbnQnO1xuXG5leHBvcnQgeyBGc0FwcE1lc3NhZ2VDb25maWcgfSBmcm9tICcuL2FwcC9tb2R1bGVzL2FwcC1tZXNzYWdlL2ludGVyZmFjZXMnO1xuXG5leHBvcnQgeyBGc01lc3NhZ2VRdWV1ZVNlcnZpY2UgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtcXVldWVzL3NlcnZpY2VzL21lc3NhZ2UtcXVldWUuc2VydmljZSc7XG5cbmV4cG9ydCB7IEZTX0FQUF9NRVNTQUdFX0NPTkZJRyB9IGZyb20gJy4vYXBwL21vZHVsZXMvYXBwLW1lc3NhZ2UvaW5qZWN0b3JzL2FwcC1tZXNzYWdlLWNvbmZpZy5pbmplY3Rvcic7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBRXBGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUVBQWlFLENBQUM7QUFDbEcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMEVBQTBFLENBQUM7QUFDOUcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkRBQTZELENBQUM7QUFDL0YsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0RBQStELENBQUM7QUFDbEcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0RBQStELENBQUM7QUFJbEcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNkRBQTZELENBQUM7QUFFcEcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUVBQWlFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBGc0FwcE1lc3NhZ2VNb2R1bGUgfSBmcm9tICcuL2FwcC9tb2R1bGVzL2FwcC1tZXNzYWdlL2FwcC1tZXNzYWdlLm1vZHVsZSc7XG5leHBvcnQgeyBGc0FwcE1lc3NhZ2VRdWV1ZXNNb2R1bGUgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtcXVldWVzL21lc3NhZ2UtcXVldWVzLm1vZHVsZSc7XG5leHBvcnQgeyBGc0FwcE1lc3NhZ2VUZW1wbGF0ZXNNb2R1bGUgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtdGVtcGxhdGVzL21lc3NhZ2UtdGVtcGxhdGVzLm1vZHVsZSc7XG5leHBvcnQgeyBGc0FwcE1lc3NhZ2VzTW9kdWxlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlcy9tZXNzYWdlcy5tb2R1bGUnO1xuZXhwb3J0IHsgRnNBcHBNZXNzYWdlV2ViaG9va3NNb2R1bGUgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3dlYmhvb2tzL3dlYmhvb2tzLm1vZHVsZSc7XG5cbmV4cG9ydCB7IFF1ZXVlQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXF1ZXVlcy9jb21wb25lbnRzL3F1ZXVlL3F1ZXVlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBRdWV1ZXNDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtcXVldWVzL2NvbXBvbmVudHMvcXVldWVzL3F1ZXVlcy5jb21wb25lbnQnO1xuZXhwb3J0IHsgVGVtcGxhdGVDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2UtdGVtcGxhdGVzL2NvbXBvbmVudHMnO1xuZXhwb3J0IHsgVGVtcGxhdGVzQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXRlbXBsYXRlcy9jb21wb25lbnRzL3RlbXBsYXRlcy90ZW1wbGF0ZXMuY29tcG9uZW50JztcbmV4cG9ydCB7IE1lc3NhZ2VDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL21lc3NhZ2VzL2NvbXBvbmVudHMvbWVzc2FnZS9tZXNzYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBNZXNzYWdlc0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL21vZHVsZXMvbWVzc2FnZXMvY29tcG9uZW50cy9tZXNzYWdlcy9tZXNzYWdlcy5jb21wb25lbnQnO1xuZXhwb3J0IHsgV2ViaG9va3NDb21wb25lbnQgfSBmcm9tICcuL2FwcC9tb2R1bGVzL3dlYmhvb2tzL2NvbXBvbmVudHMvd2ViaG9va3Mvd2ViaG9va3MuY29tcG9uZW50JztcblxuZXhwb3J0IHsgRnNBcHBNZXNzYWdlQ29uZmlnIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9hcHAtbWVzc2FnZS9pbnRlcmZhY2VzJztcblxuZXhwb3J0IHsgRnNNZXNzYWdlUXVldWVTZXJ2aWNlIH0gZnJvbSAnLi9hcHAvbW9kdWxlcy9tZXNzYWdlLXF1ZXVlcy9zZXJ2aWNlcy9tZXNzYWdlLXF1ZXVlLnNlcnZpY2UnO1xuXG5leHBvcnQgeyBGU19BUFBfTUVTU0FHRV9DT05GSUcgfSBmcm9tICcuL2FwcC9tb2R1bGVzL2FwcC1tZXNzYWdlL2luamVjdG9ycy9hcHAtbWVzc2FnZS1jb25maWcuaW5qZWN0b3InO1xuIl19