@firestitch/content-widget 12.1.2 → 12.1.3

package/fesm2015/firestitch-content-widget.js

@@ -23,7 +23,7 @@ import { FsDialogModule } from '@firestitch/dialog';
 import * as i9 from '@firestitch/form';
 import { FsFormModule } from '@firestitch/form';
 import * as i5 from '@firestitch/html-editor';
-import { FsHtmlEditorModule } from '@firestitch/html-editor';
+import { FsHtmlEditorModule, FsHtmlRendererModule } from '@firestitch/html-editor';
 import * as i4 from '@firestitch/text-editor';
 import { FsTextEditorModule } from '@firestitch/text-editor';
 import * as i1 from '@firestitch/message';
@@ -32,279 +32,282 @@ import { ItemType } from '@firestitch/filter';
 import { Subject } from 'rxjs';
 import * as i1$1 from '@angular/router';
 
-class FsContentWidgetComponent$1 {
-    constructor(_message, _data) {
-        this._message = _message;
-        this._data = _data;
-        this.save = () => {
-            return this._saveContentWidget(this.contentWidget)
-                .pipe(tap((contentWidget) => {
-                this.contentWidget = Object.assign(Object.assign({}, this.contentWidget), contentWidget);
-                this._message.success('Saved Changes');
-            }));
-        };
-    }
-    ngOnInit() {
-        this._saveContentWidget = this._data.saveContentWidget;
-        this.htmlEditorConfig = this._data.htmlEditorConfig || {};
-        this.contentWidget = Object.assign({}, this._data.contentWidget);
-    }
-}
-FsContentWidgetComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetComponent$1, deps: [{ token: i1.FsMessage }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-FsContentWidgetComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetComponent$1, selector: "ng-component", ngImport: i0, template: "\n<form fsForm [submit]=\"save\">\n  <fs-dialog>\n    <div mat-dialog-title>\n      Content Widget\n      <div class=\"subtitle\">{{contentWidget.name}}</div>\n    </div>\n    <mat-dialog-content>\n\n      <mat-tab-group>\n        <mat-tab label=\"HTML\">\n          <ng-template matTabContent>\n            <fs-text-editor \n              [(ngModel)]=\"contentWidget.content\" \n              [config]=\"{ language: 'html', tabSize: 2 }\"\n              name=\"html\">\n            </fs-text-editor>\n          </ng-template>\n        </mat-tab>\n        <mat-tab label=\"Rich Text\">\n          <ng-template matTabContent>\n            <fs-html-editor\n              [(ngModel)]=\"contentWidget.content\"\n              [config]=\"htmlEditorConfig\"\n              name=\"content\">\n            </fs-html-editor>\n          </ng-template>\n        </mat-tab>\n        <mat-tab label=\"Styles\">\n          <ng-template matTabContent>\n            <fs-text-editor \n              [(ngModel)]=\"contentWidget.styles\" \n              [config]=\"{ language: 'scss', tabSize: 2 }\"\n              name=\"styles\">\n            </fs-text-editor>\n          </ng-template>\n        </mat-tab>\n        <mat-tab label=\"Settings\">\n          <mat-form-field>\n            <input \n              matInput \n              placeholder=\"Name\" \n              [(ngModel)]=\"contentWidget.name\" \n              name=\"name\" \n              [required]=\"true\">\n          </mat-form-field>\n        </mat-tab>\n      </mat-tab-group>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button \n          mat-button \n          color=\"primary\">\n        Save\n      </button>\n      <button \n          mat-button \n          [mat-dialog-close]=\"null\" \n          type=\"button\">\n        Cancel\n      </button>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", styles: ["mat-form-field{width:100%}fs-html-editor{min-height:400px;display:block;overflow:hidden}.subtitle{font-size:60%;line-height:normal}\n"], components: [{ type: i2.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i4.FsTextEditorComponent, selector: "fs-text-editor", inputs: ["config", "scrollable"], outputs: ["init", "blur"] }, { type: i5.FsHtmlEditorComponent, selector: "fs-html-editor", inputs: ["config"] }, { type: i6.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i7.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: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i8.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i10.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i10.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i3.MatTabContent, selector: "[matTabContent]" }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i11.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: i8.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: i9.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i10.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i10.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: FsContentWidgetComponent$1, decorators: [{
-            type: Component,
-            args: [{
-                    templateUrl: './content-widget.component.html',
-                    styleUrls: ['./content-widget.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: i1.FsMessage }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
+class FsContentWidgetComponent$1 {
+    constructor(_message, _data) {
+        this._message = _message;
+        this._data = _data;
+        this.save = () => {
+            return this._saveContentWidget(this.contentWidget)
+                .pipe(tap((contentWidget) => {
+                this.contentWidget = Object.assign(Object.assign({}, this.contentWidget), contentWidget);
+                this._message.success('Saved Changes');
+            }));
+        };
+    }
+    ngOnInit() {
+        this._saveContentWidget = this._data.saveContentWidget;
+        this.htmlEditorConfig = this._data.htmlEditorConfig || {};
+        this.contentWidget = Object.assign({}, this._data.contentWidget);
+    }
+}
+FsContentWidgetComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetComponent$1, deps: [{ token: i1.FsMessage }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+FsContentWidgetComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetComponent$1, selector: "ng-component", ngImport: i0, template: "\n<form fsForm [submit]=\"save\">\n  <fs-dialog>\n    <div mat-dialog-title>\n      Content Widget\n      <div class=\"subtitle\">{{contentWidget.name}}</div>\n    </div>\n    <mat-dialog-content>\n\n      <mat-tab-group>\n        <mat-tab label=\"HTML\">\n          <ng-template matTabContent>\n            <fs-text-editor\n              [(ngModel)]=\"contentWidget.content\"\n              [config]=\"{ language: 'html', tabSize: 2 }\"\n              name=\"html\">\n            </fs-text-editor>\n          </ng-template>\n        </mat-tab>\n        <mat-tab label=\"Rich Text\">\n          <ng-template matTabContent>\n            <fs-html-editor\n              [(ngModel)]=\"contentWidget.content\"\n              [config]=\"htmlEditorConfig\"\n              name=\"content\">\n            </fs-html-editor>\n          </ng-template>\n        </mat-tab>\n        <mat-tab label=\"Styles\">\n          <ng-template matTabContent>\n            <fs-text-editor\n              [(ngModel)]=\"contentWidget.styles\"\n              [config]=\"{ language: 'scss', tabSize: 2 }\"\n              name=\"styles\">\n            </fs-text-editor>\n          </ng-template>\n        </mat-tab>\n        <mat-tab label=\"Settings\">\n          <mat-form-field>\n            <input\n              matInput\n              placeholder=\"Name\"\n              [(ngModel)]=\"contentWidget.name\"\n              name=\"name\"\n              [required]=\"true\">\n          </mat-form-field>\n        </mat-tab>\n      </mat-tab-group>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <button\n          mat-button\n          color=\"primary\">\n        Save\n      </button>\n      <button\n          mat-button\n          [mat-dialog-close]=\"null\"\n          type=\"button\">\n        Cancel\n      </button>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", styles: ["mat-form-field{width:100%}fs-html-editor{min-height:400px;display:block;overflow:hidden}.subtitle{font-size:60%;line-height:normal}\n"], components: [{ type: i2.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i4.FsTextEditorComponent, selector: "fs-text-editor", inputs: ["config", "scrollable"], outputs: ["init", "blur"] }, { type: i5.FsHtmlEditorComponent, selector: "fs-html-editor", inputs: ["config"] }, { type: i6.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i7.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: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i8.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i10.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i10.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i3.MatTabContent, selector: "[matTabContent]" }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i11.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: i8.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: i9.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i10.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i10.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: FsContentWidgetComponent$1, decorators: [{
+            type: Component,
+            args: [{
+                    templateUrl: './content-widget.component.html',
+                    styleUrls: ['./content-widget.component.scss'],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FsMessage }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
                 }] }]; } });
 
-class FsContentWidgetsComponent {
-    constructor(_dialog) {
-        this._dialog = _dialog;
-        this._destroy$ = new Subject();
-    }
-    ngOnInit() {
-        this.config = {
-            paging: false,
-            filters: [
-                {
-                    name: 'keyword',
-                    type: ItemType.Keyword,
-                    label: 'Search',
-                },
-            ],
-            fetch: (query) => {
-                return this.fetchContentWidgets(query.keyword)
-                    .pipe(map((data) => ({ data: data.contentWidgets })));
-            },
-        };
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    open(contentWidget) {
-        const dialogRef = this._dialog.open(FsContentWidgetComponent$1, {
-            width: '90%',
-            data: {
-                contentWidget,
-                htmlEditorConfig: this.htmlEditorConfig,
-                saveContentWidget: this.saveContentWidget,
-            },
-        });
-        dialogRef.afterClosed()
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(() => {
-            this.list.reload();
-        });
-    }
-}
-FsContentWidgetsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetsComponent, deps: [{ token: i10.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-FsContentWidgetsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetsComponent, selector: "fs-content-widgets", inputs: { fetchContentWidgets: "fetchContentWidgets", saveContentWidget: "saveContentWidget", htmlEditorConfig: "htmlEditorConfig" }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true, static: true }], ngImport: i0, template: "<fs-list [config]=\"config\">\n  <fs-list-column class=\"name\">\n    <ng-template fs-list-header>Name</ng-template>\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>\n    <ng-template fs-list-header>Preview</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <div class=\"preview-container\">\n        <div class=\"preview-content\">\n          <div [innerHTML]=\"row.content\"></div>\n        </div>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column class=\"modified\">\n    <ng-template fs-list-header>Modified</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-date-ago [date]=\"row.modifiedDate\"></fs-date-ago>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [":host ::ng-deep .modified,:host ::ng-deep .name{width:1%;white-space:nowrap}:host ::ng-deep .preview-content img{display:none}.preview-content{position:relative;max-height:100px;max-width:100%;overflow:hidden;-webkit-mask-image:-webkit-gradient(linear,left 60%,left bottom,from(black),to(rgba(0,0,0,0)))}\n"], components: [{ type: i2$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i3$1.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i2$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i2$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fs-content-widgets',
-                    templateUrl: './content-widgets.component.html',
-                    styleUrls: ['./content-widgets.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: i10.MatDialog }]; }, propDecorators: { fetchContentWidgets: [{
-                type: Input
-            }], saveContentWidget: [{
-                type: Input
-            }], htmlEditorConfig: [{
-                type: Input
-            }], list: [{
-                type: ViewChild,
-                args: [FsListComponent, { static: true }]
+class FsContentWidgetsComponent {
+    constructor(_dialog) {
+        this._dialog = _dialog;
+        this._destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this.config = {
+            paging: false,
+            filters: [
+                {
+                    name: 'keyword',
+                    type: ItemType.Keyword,
+                    label: 'Search',
+                },
+            ],
+            fetch: (query) => {
+                return this.fetchContentWidgets(query.keyword)
+                    .pipe(map((data) => ({ data: data.contentWidgets })));
+            },
+        };
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    open(contentWidget) {
+        const dialogRef = this._dialog.open(FsContentWidgetComponent$1, {
+            width: '90%',
+            data: {
+                contentWidget,
+                htmlEditorConfig: this.htmlEditorConfig,
+                saveContentWidget: this.saveContentWidget,
+            },
+        });
+        dialogRef.afterClosed()
+            .pipe(takeUntil(this._destroy$))
+            .subscribe(() => {
+            this.list.reload();
+        });
+    }
+}
+FsContentWidgetsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetsComponent, deps: [{ token: i10.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+FsContentWidgetsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetsComponent, selector: "fs-content-widgets", inputs: { fetchContentWidgets: "fetchContentWidgets", saveContentWidget: "saveContentWidget", htmlEditorConfig: "htmlEditorConfig" }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true, static: true }], ngImport: i0, template: "<fs-list [config]=\"config\">\n  <fs-list-column class=\"name\">\n    <ng-template fs-list-header>Name</ng-template>\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>\n    <ng-template fs-list-header>Preview</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <div class=\"preview-container\">\n        <div class=\"preview-content\">\n          <div [innerHTML]=\"row.content\"></div>\n        </div>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column class=\"modified\">\n    <ng-template fs-list-header>Modified</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-date-ago [date]=\"row.modifiedDate\"></fs-date-ago>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [":host ::ng-deep .modified,:host ::ng-deep .name{width:1%;white-space:nowrap}:host ::ng-deep .preview-content img{display:none}.preview-content{position:relative;max-height:100px;max-width:100%;overflow:hidden;-webkit-mask-image:-webkit-gradient(linear,left 60%,left bottom,from(black),to(rgba(0,0,0,0)))}\n"], components: [{ type: i2$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i3$1.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i2$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i2$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-content-widgets',
+                    templateUrl: './content-widgets.component.html',
+                    styleUrls: ['./content-widgets.component.scss'],
+                }]
+        }], ctorParameters: function () { return [{ type: i10.MatDialog }]; }, propDecorators: { fetchContentWidgets: [{
+                type: Input
+            }], saveContentWidget: [{
+                type: Input
+            }], htmlEditorConfig: [{
+                type: Input
+            }], list: [{
+                type: ViewChild,
+                args: [FsListComponent, { static: true }]
             }] } });
 
-class FsContentWidgetsModule {
-    static forRoot() {
-        return {
-            ngModule: FsContentWidgetsModule,
-        };
-    }
-}
-FsContentWidgetsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FsContentWidgetsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetsModule, declarations: [FsContentWidgetsComponent,
-        FsContentWidgetComponent$1], imports: [CommonModule,
-        FormsModule,
-        MatDialogModule,
-        MatInputModule,
-        MatFormFieldModule,
-        MatButtonModule,
-        MatTabsModule,
-        FsListModule,
-        FsDateModule,
-        FsFormModule,
-        FsHtmlEditorModule,
-        FsDialogModule,
-        FsTextEditorModule], exports: [FsContentWidgetsComponent] });
-FsContentWidgetsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetsModule, imports: [[
-            CommonModule,
-            FormsModule,
-            MatDialogModule,
-            MatInputModule,
-            MatFormFieldModule,
-            MatButtonModule,
-            MatTabsModule,
-            FsListModule,
-            FsDateModule,
-            FsFormModule,
-            FsHtmlEditorModule,
-            FsDialogModule,
-            FsTextEditorModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        MatDialogModule,
-                        MatInputModule,
-                        MatFormFieldModule,
-                        MatButtonModule,
-                        MatTabsModule,
-                        FsListModule,
-                        FsDateModule,
-                        FsFormModule,
-                        FsHtmlEditorModule,
-                        FsDialogModule,
-                        FsTextEditorModule,
-                    ],
-                    exports: [
-                        FsContentWidgetsComponent,
-                    ],
-                    declarations: [
-                        FsContentWidgetsComponent,
-                        FsContentWidgetComponent$1,
-                    ],
-                }]
+class FsContentWidgetsModule {
+    static forRoot() {
+        return {
+            ngModule: FsContentWidgetsModule,
+        };
+    }
+}
+FsContentWidgetsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FsContentWidgetsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetsModule, declarations: [FsContentWidgetsComponent,
+        FsContentWidgetComponent$1], imports: [CommonModule,
+        FormsModule,
+        MatDialogModule,
+        MatInputModule,
+        MatFormFieldModule,
+        MatButtonModule,
+        MatTabsModule,
+        FsListModule,
+        FsDateModule,
+        FsFormModule,
+        FsHtmlEditorModule,
+        FsDialogModule,
+        FsTextEditorModule], exports: [FsContentWidgetsComponent] });
+FsContentWidgetsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetsModule, imports: [[
+            CommonModule,
+            FormsModule,
+            MatDialogModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatButtonModule,
+            MatTabsModule,
+            FsListModule,
+            FsDateModule,
+            FsFormModule,
+            FsHtmlEditorModule,
+            FsDialogModule,
+            FsTextEditorModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatDialogModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        MatButtonModule,
+                        MatTabsModule,
+                        FsListModule,
+                        FsDateModule,
+                        FsFormModule,
+                        FsHtmlEditorModule,
+                        FsDialogModule,
+                        FsTextEditorModule,
+                    ],
+                    exports: [
+                        FsContentWidgetsComponent,
+                    ],
+                    declarations: [
+                        FsContentWidgetsComponent,
+                        FsContentWidgetComponent$1,
+                    ],
+                }]
         }] });
 
 const FS_CONTENT_WIDGET_CONFIG = new InjectionToken('fs-content-widget-config');
 
-class FsContentWidgetRendererComponent {
-    constructor(_router, _el) {
-        this._router = _router;
-        this._el = _el;
-        this.destroy$ = new Subject();
-    }
-    ngAfterViewChecked() {
-        this.registerHrefs();
-    }
-    get el() {
-        return this._el.nativeElement;
-    }
-    registerHrefs() {
-        Array.from(this.el.querySelectorAll('a[href]'))
-            .filter((el) => {
-            return el.getAttribute('href').match(/^\//);
-        })
-            .forEach((el) => {
-            el.addEventListener('click', (event) => {
-                if (!event.shiftKey && !event.ctrlKey) {
-                    event.preventDefault();
-                    const href = el.getAttribute('href');
-                    this._router.navigateByUrl(href);
-                }
-            });
-        });
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-}
-FsContentWidgetRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetRendererComponent, deps: [{ token: i1$1.Router }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FsContentWidgetRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetRendererComponent, selector: "fs-content-widget-renderer", inputs: { content: "content" }, ngImport: i0, template: "<fs-html-renderer *ngIf=\"content\" [html]=\"content\"></fs-html-renderer>", styles: [":host ::ng-deep img{max-width:100%}\n"], components: [{ type: i5.FsHtmlRendererComponent, selector: "fs-html-renderer", inputs: ["html"] }], directives: [{ type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetRendererComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fs-content-widget-renderer',
-                    templateUrl: './content-widget-renderer.component.html',
-                    styleUrls: ['./content-widget-renderer.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i0.ElementRef }]; }, propDecorators: { content: [{
-                type: Input
+class FsContentWidgetRendererComponent {
+    constructor(_router, _el) {
+        this._router = _router;
+        this._el = _el;
+        this.destroy$ = new Subject();
+    }
+    ngAfterViewChecked() {
+        this.registerHrefs();
+    }
+    get el() {
+        return this._el.nativeElement;
+    }
+    registerHrefs() {
+        Array.from(this.el.querySelectorAll('a[href]'))
+            .filter((el) => {
+            return el.getAttribute('href').match(/^\//);
+        })
+            .forEach((el) => {
+            el.addEventListener('click', (event) => {
+                if (!event.shiftKey && !event.ctrlKey) {
+                    event.preventDefault();
+                    const href = el.getAttribute('href');
+                    this._router.navigateByUrl(href);
+                }
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}
+FsContentWidgetRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetRendererComponent, deps: [{ token: i1$1.Router }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+FsContentWidgetRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetRendererComponent, selector: "fs-content-widget-renderer", inputs: { content: "content" }, ngImport: i0, template: "<fs-html-renderer *ngIf=\"content\" [html]=\"content\"></fs-html-renderer>", styles: [":host ::ng-deep img{max-width:100%}\n"], components: [{ type: i5.FsHtmlRendererComponent, selector: "fs-html-renderer", inputs: ["html"] }], directives: [{ type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetRendererComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-content-widget-renderer',
+                    templateUrl: './content-widget-renderer.component.html',
+                    styleUrls: ['./content-widget-renderer.component.scss'],
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i0.ElementRef }]; }, propDecorators: { content: [{
+                type: Input
             }] } });
 
-class FsContentWidgetComponent {
-    constructor(config, _cdRef) {
-        this.config = config;
-        this._cdRef = _cdRef;
-        this.destroy$ = new Subject();
-    }
-    ngOnInit() {
-        this.config.fetchContentWidget(this.tag)
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((content) => {
-            this.content = content;
-            this._cdRef.markForCheck();
-        });
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-}
-FsContentWidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetComponent, deps: [{ token: FS_CONTENT_WIDGET_CONFIG }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FsContentWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetComponent, selector: "fs-content-widget", inputs: { tag: "tag" }, ngImport: i0, template: "<fs-content-widget-renderer *ngIf=\"content\" [content]=\"content\"></fs-content-widget-renderer>", styles: [":host ::ng-deep img{max-width:100%}\n"], components: [{ type: FsContentWidgetRendererComponent, selector: "fs-content-widget-renderer", inputs: ["content"] }], directives: [{ type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fs-content-widget',
-                    templateUrl: './content-widget.component.html',
-                    styleUrls: ['./content-widget.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FS_CONTENT_WIDGET_CONFIG]
-                }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { tag: [{
-                type: Input
+class FsContentWidgetComponent {
+    constructor(config, _cdRef) {
+        this.config = config;
+        this._cdRef = _cdRef;
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this.config.fetchContentWidget(this.tag)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((content) => {
+            this.content = content;
+            this._cdRef.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}
+FsContentWidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetComponent, deps: [{ token: FS_CONTENT_WIDGET_CONFIG }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FsContentWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetComponent, selector: "fs-content-widget", inputs: { tag: "tag" }, ngImport: i0, template: "<fs-content-widget-renderer *ngIf=\"content\" [content]=\"content\"></fs-content-widget-renderer>", styles: [":host ::ng-deep img{max-width:100%}\n"], components: [{ type: FsContentWidgetRendererComponent, selector: "fs-content-widget-renderer", inputs: ["content"] }], directives: [{ type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-content-widget',
+                    templateUrl: './content-widget.component.html',
+                    styleUrls: ['./content-widget.component.scss'],
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [FS_CONTENT_WIDGET_CONFIG]
+                }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { tag: [{
+                type: Input
             }] } });
 
-class FsContentWidgetModule {
-    static forRoot() {
-        return {
-            ngModule: FsContentWidgetModule,
-        };
-    }
-}
-FsContentWidgetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FsContentWidgetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetModule, declarations: [FsContentWidgetRendererComponent,
-        FsContentWidgetComponent], imports: [CommonModule,
-        FsHtmlEditorModule], exports: [FsContentWidgetComponent] });
-FsContentWidgetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetModule, imports: [[
-            CommonModule,
-            FsHtmlEditorModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FsHtmlEditorModule,
-                    ],
-                    exports: [
-                        FsContentWidgetComponent,
-                    ],
-                    declarations: [
-                        FsContentWidgetRendererComponent,
-                        FsContentWidgetComponent,
-                    ],
-                }]
+class FsContentWidgetModule {
+    static forRoot() {
+        return {
+            ngModule: FsContentWidgetModule,
+        };
+    }
+}
+FsContentWidgetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FsContentWidgetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetModule, declarations: [FsContentWidgetRendererComponent,
+        FsContentWidgetComponent], imports: [CommonModule,
+        FsHtmlEditorModule,
+        FsHtmlRendererModule], exports: [FsContentWidgetComponent] });
+FsContentWidgetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetModule, imports: [[
+            CommonModule,
+            FsHtmlEditorModule,
+            FsHtmlRendererModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentWidgetModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FsHtmlEditorModule,
+                        FsHtmlRendererModule,
+                    ],
+                    exports: [
+                        FsContentWidgetComponent,
+                    ],
+                    declarations: [
+                        FsContentWidgetRendererComponent,
+                        FsContentWidgetComponent,
+                    ],
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { FS_CONTENT_WIDGET_CONFIG, FsContentWidgetComponent, FsContentWidgetModule, FsContentWidgetsComponent, FsContentWidgetsModule };