@firestitch/content-widget 12.1.0 → 12.1.3

package/bundles/firestitch-content-widget.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/button'), require('@angular/material/tabs'), require('@angular/material/dialog'), require('@angular/forms'), require('@angular/material/input'), require('@angular/material/form-field'), require('@firestitch/list'), require('@firestitch/date'), require('@firestitch/dialog'), require('@firestitch/form'), require('@firestitch/html-editor'), require('@firestitch/text-editor'), require('rxjs/operators'), require('@firestitch/message'), require('@firestitch/filter'), require('rxjs')) :
-    typeof define === 'function' && define.amd ? define('@firestitch/content-widget', ['exports', '@angular/core', '@angular/common', '@angular/material/button', '@angular/material/tabs', '@angular/material/dialog', '@angular/forms', '@angular/material/input', '@angular/material/form-field', '@firestitch/list', '@firestitch/date', '@firestitch/dialog', '@firestitch/form', '@firestitch/html-editor', '@firestitch/text-editor', 'rxjs/operators', '@firestitch/message', '@firestitch/filter', 'rxjs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch["content-widget"] = {}), global.ng.core, global.ng.common, global.ng.material.button, global.ng.material.tabs, global.ng.material.dialog, global.ng.forms, global.ng.material.input, global.ng.material.formField, global.i2$1, global.i3$1, global.i2, global.i9, global.i4, global.i5, global.rxjs.operators, global.i1, global.filter, global.rxjs));
-})(this, (function (exports, i0, i2$2, i7, i3, i10, i8, i11, i6, i2$1, i3$1, i2, i9, i4, i5, operators, i1, filter, rxjs) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/button'), require('@angular/material/tabs'), require('@angular/material/dialog'), require('@angular/forms'), require('@angular/material/input'), require('@angular/material/form-field'), require('@firestitch/list'), require('@firestitch/date'), require('@firestitch/dialog'), require('@firestitch/form'), require('@firestitch/html-editor'), require('@firestitch/text-editor'), require('rxjs/operators'), require('@firestitch/message'), require('@firestitch/filter'), require('rxjs'), require('@angular/router')) :
+    typeof define === 'function' && define.amd ? define('@firestitch/content-widget', ['exports', '@angular/core', '@angular/common', '@angular/material/button', '@angular/material/tabs', '@angular/material/dialog', '@angular/forms', '@angular/material/input', '@angular/material/form-field', '@firestitch/list', '@firestitch/date', '@firestitch/dialog', '@firestitch/form', '@firestitch/html-editor', '@firestitch/text-editor', 'rxjs/operators', '@firestitch/message', '@firestitch/filter', 'rxjs', '@angular/router'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch["content-widget"] = {}), global.ng.core, global.ng.common, global.ng.material.button, global.ng.material.tabs, global.ng.material.dialog, global.ng.forms, global.ng.material.input, global.ng.material.formField, global.i2$1, global.i3$1, global.i2, global.i9, global.i5, global.i4, global.rxjs.operators, global.i1, global.filter, global.rxjs, global.ng.router));
+})(this, (function (exports, i0, i3$2, i7, i3, i10, i8, i11, i6, i2$1, i3$1, i2, i9, i5, i4, operators, i1, filter, rxjs, i1$1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -23,7 +23,7 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
+    var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
     var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
@@ -34,253 +34,310 @@
     var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
 
-    var FsContentWidgetComponent$1 = /** @class */ (function () {
-        function FsContentWidgetComponent(_message, _data) {
-            var _this = this;
-            this._message = _message;
-            this._data = _data;
-            this.save = function () {
-                return _this._saveContentWidget(_this.contentWidget)
-                    .pipe(operators.tap(function (contentWidget) {
-                    _this.contentWidget = Object.assign(Object.assign({}, _this.contentWidget), contentWidget);
-                    _this._message.success('Saved Changes');
-                }));
-            };
-        }
-        FsContentWidgetComponent.prototype.ngOnInit = function () {
-            this._saveContentWidget = this._data.saveContentWidget;
-            this.htmlEditorConfig = this._data.htmlEditorConfig || {};
-            this.contentWidget = Object.assign({}, this._data.contentWidget);
-        };
-        return FsContentWidgetComponent;
-    }());
-    FsContentWidgetComponent$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetComponent$1, deps: [{ token: i1__namespace.FsMessage }, { token: i10.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FsContentWidgetComponent$1.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetComponent$1, selector: "ng-component", ngImport: i0__namespace, 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=\"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=\"HTML\">\n          <ng-template matTabContent>\n            <fs-text-editor \n              [(ngModel)]=\"contentWidget.content\" \n              [config]=\"{ language: 'html' }\"\n              name=\"html\">\n            </fs-text-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: 'css' }\"\n              name=\"css\">\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\n\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__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i3__namespace.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i3__namespace.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i4__namespace.FsHtmlEditorComponent, selector: "fs-html-editor", inputs: ["config"] }, { type: i5__namespace.FsTextEditorComponent, selector: "fs-text-editor", inputs: ["config", "scrollable"], outputs: ["init", "blur"] }, { type: i6__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i7__namespace.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__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i8__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i8__namespace.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9__namespace.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__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i10__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i3__namespace.MatTabContent, selector: "[matTabContent]" }, { type: i8__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i11__namespace.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__namespace.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__namespace.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i8__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i10__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i10__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetComponent$1, decorators: [{
-                type: i0.Component,
-                args: [{
-                        templateUrl: './content-widget.component.html',
-                        styleUrls: ['./content-widget.component.scss'],
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i1__namespace.FsMessage }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i10.MAT_DIALOG_DATA]
-                        }] }];
+    var FsContentWidgetComponent$1 = /** @class */ (function () {
+        function FsContentWidgetComponent(_message, _data) {
+            var _this = this;
+            this._message = _message;
+            this._data = _data;
+            this.save = function () {
+                return _this._saveContentWidget(_this.contentWidget)
+                    .pipe(operators.tap(function (contentWidget) {
+                    _this.contentWidget = Object.assign(Object.assign({}, _this.contentWidget), contentWidget);
+                    _this._message.success('Saved Changes');
+                }));
+            };
+        }
+        FsContentWidgetComponent.prototype.ngOnInit = function () {
+            this._saveContentWidget = this._data.saveContentWidget;
+            this.htmlEditorConfig = this._data.htmlEditorConfig || {};
+            this.contentWidget = Object.assign({}, this._data.contentWidget);
+        };
+        return FsContentWidgetComponent;
+    }());
+    FsContentWidgetComponent$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetComponent$1, deps: [{ token: i1__namespace.FsMessage }, { token: i10.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    FsContentWidgetComponent$1.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetComponent$1, selector: "ng-component", ngImport: i0__namespace, 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__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: i3__namespace.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i3__namespace.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby"], exportAs: ["matTab"] }, { type: i4__namespace.FsTextEditorComponent, selector: "fs-text-editor", inputs: ["config", "scrollable"], outputs: ["init", "blur"] }, { type: i5__namespace.FsHtmlEditorComponent, selector: "fs-html-editor", inputs: ["config"] }, { type: i6__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i7__namespace.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__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i8__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i8__namespace.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9__namespace.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__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i10__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i3__namespace.MatTabContent, selector: "[matTabContent]" }, { type: i8__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i11__namespace.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__namespace.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__namespace.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i8__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i10__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i10__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetComponent$1, decorators: [{
+                type: i0.Component,
+                args: [{
+                        templateUrl: './content-widget.component.html',
+                        styleUrls: ['./content-widget.component.scss'],
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i1__namespace.FsMessage }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i10.MAT_DIALOG_DATA]
+                        }] }];
         } });
 
-    var FsContentWidgetsComponent = /** @class */ (function () {
-        function FsContentWidgetsComponent(_dialog) {
-            this._dialog = _dialog;
-            this._destroy$ = new rxjs.Subject();
-        }
-        FsContentWidgetsComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.config = {
-                paging: false,
-                filters: [
-                    {
-                        name: 'keyword',
-                        type: filter.ItemType.Keyword,
-                        label: 'Search',
-                    },
-                ],
-                fetch: function (query) {
-                    return _this.fetchContentWidgets(query.keyword)
-                        .pipe(operators.map(function (data) { return ({ data: data.contentWidgets }); }));
-                },
-            };
-        };
-        FsContentWidgetsComponent.prototype.ngOnDestroy = function () {
-            this._destroy$.next();
-            this._destroy$.complete();
-        };
-        FsContentWidgetsComponent.prototype.open = function (contentWidget) {
-            var _this = this;
-            var dialogRef = this._dialog.open(FsContentWidgetComponent$1, {
-                width: '90%',
-                data: {
-                    contentWidget: contentWidget,
-                    htmlEditorConfig: this.htmlEditorConfig,
-                    saveContentWidget: this.saveContentWidget,
-                },
-            });
-            dialogRef.afterClosed()
-                .pipe(operators.takeUntil(this._destroy$))
-                .subscribe(function () {
-                _this.list.reload();
-            });
-        };
-        return FsContentWidgetsComponent;
-    }());
-    FsContentWidgetsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetsComponent, deps: [{ token: i10__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FsContentWidgetsComponent.ɵcmp = i0__namespace.ɵɵ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: i2$1.FsListComponent, descendants: true, static: true }], ngImport: i0__namespace, 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__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i3__namespace$1.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i2__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i2__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'fs-content-widgets',
-                        templateUrl: './content-widgets.component.html',
-                        styleUrls: ['./content-widgets.component.scss'],
-                    }]
-            }], ctorParameters: function () { return [{ type: i10__namespace.MatDialog }]; }, propDecorators: { fetchContentWidgets: [{
-                    type: i0.Input
-                }], saveContentWidget: [{
-                    type: i0.Input
-                }], htmlEditorConfig: [{
-                    type: i0.Input
-                }], list: [{
-                    type: i0.ViewChild,
-                    args: [i2$1.FsListComponent, { static: true }]
+    var FsContentWidgetsComponent = /** @class */ (function () {
+        function FsContentWidgetsComponent(_dialog) {
+            this._dialog = _dialog;
+            this._destroy$ = new rxjs.Subject();
+        }
+        FsContentWidgetsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.config = {
+                paging: false,
+                filters: [
+                    {
+                        name: 'keyword',
+                        type: filter.ItemType.Keyword,
+                        label: 'Search',
+                    },
+                ],
+                fetch: function (query) {
+                    return _this.fetchContentWidgets(query.keyword)
+                        .pipe(operators.map(function (data) { return ({ data: data.contentWidgets }); }));
+                },
+            };
+        };
+        FsContentWidgetsComponent.prototype.ngOnDestroy = function () {
+            this._destroy$.next();
+            this._destroy$.complete();
+        };
+        FsContentWidgetsComponent.prototype.open = function (contentWidget) {
+            var _this = this;
+            var dialogRef = this._dialog.open(FsContentWidgetComponent$1, {
+                width: '90%',
+                data: {
+                    contentWidget: contentWidget,
+                    htmlEditorConfig: this.htmlEditorConfig,
+                    saveContentWidget: this.saveContentWidget,
+                },
+            });
+            dialogRef.afterClosed()
+                .pipe(operators.takeUntil(this._destroy$))
+                .subscribe(function () {
+                _this.list.reload();
+            });
+        };
+        return FsContentWidgetsComponent;
+    }());
+    FsContentWidgetsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetsComponent, deps: [{ token: i10__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    FsContentWidgetsComponent.ɵcmp = i0__namespace.ɵɵ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: i2$1.FsListComponent, descendants: true, static: true }], ngImport: i0__namespace, 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__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i3__namespace$1.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i2__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$1.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i2__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'fs-content-widgets',
+                        templateUrl: './content-widgets.component.html',
+                        styleUrls: ['./content-widgets.component.scss'],
+                    }]
+            }], ctorParameters: function () { return [{ type: i10__namespace.MatDialog }]; }, propDecorators: { fetchContentWidgets: [{
+                    type: i0.Input
+                }], saveContentWidget: [{
+                    type: i0.Input
+                }], htmlEditorConfig: [{
+                    type: i0.Input
+                }], list: [{
+                    type: i0.ViewChild,
+                    args: [i2$1.FsListComponent, { static: true }]
                 }] } });
 
-    var FsContentWidgetsModule = /** @class */ (function () {
-        function FsContentWidgetsModule() {
-        }
-        FsContentWidgetsModule.forRoot = function () {
-            return {
-                ngModule: FsContentWidgetsModule,
-            };
-        };
-        return FsContentWidgetsModule;
-    }());
-    FsContentWidgetsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    FsContentWidgetsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetsModule, declarations: [FsContentWidgetsComponent,
-            FsContentWidgetComponent$1], imports: [i2$2.CommonModule,
-            i8.FormsModule,
-            i10.MatDialogModule,
-            i11.MatInputModule,
-            i6.MatFormFieldModule,
-            i7.MatButtonModule,
-            i3.MatTabsModule,
-            i2$1.FsListModule,
-            i3$1.FsDateModule,
-            i9.FsFormModule,
-            i4.FsHtmlEditorModule,
-            i2.FsDialogModule,
-            i5.FsTextEditorModule], exports: [FsContentWidgetsComponent] });
-    FsContentWidgetsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetsModule, imports: [[
-                i2$2.CommonModule,
-                i8.FormsModule,
-                i10.MatDialogModule,
-                i11.MatInputModule,
-                i6.MatFormFieldModule,
-                i7.MatButtonModule,
-                i3.MatTabsModule,
-                i2$1.FsListModule,
-                i3$1.FsDateModule,
-                i9.FsFormModule,
-                i4.FsHtmlEditorModule,
-                i2.FsDialogModule,
-                i5.FsTextEditorModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetsModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2$2.CommonModule,
-                            i8.FormsModule,
-                            i10.MatDialogModule,
-                            i11.MatInputModule,
-                            i6.MatFormFieldModule,
-                            i7.MatButtonModule,
-                            i3.MatTabsModule,
-                            i2$1.FsListModule,
-                            i3$1.FsDateModule,
-                            i9.FsFormModule,
-                            i4.FsHtmlEditorModule,
-                            i2.FsDialogModule,
-                            i5.FsTextEditorModule,
-                        ],
-                        exports: [
-                            FsContentWidgetsComponent,
-                        ],
-                        declarations: [
-                            FsContentWidgetsComponent,
-                            FsContentWidgetComponent$1,
-                        ],
-                    }]
+    var FsContentWidgetsModule = /** @class */ (function () {
+        function FsContentWidgetsModule() {
+        }
+        FsContentWidgetsModule.forRoot = function () {
+            return {
+                ngModule: FsContentWidgetsModule,
+            };
+        };
+        return FsContentWidgetsModule;
+    }());
+    FsContentWidgetsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    FsContentWidgetsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetsModule, declarations: [FsContentWidgetsComponent,
+            FsContentWidgetComponent$1], imports: [i3$2.CommonModule,
+            i8.FormsModule,
+            i10.MatDialogModule,
+            i11.MatInputModule,
+            i6.MatFormFieldModule,
+            i7.MatButtonModule,
+            i3.MatTabsModule,
+            i2$1.FsListModule,
+            i3$1.FsDateModule,
+            i9.FsFormModule,
+            i5.FsHtmlEditorModule,
+            i2.FsDialogModule,
+            i4.FsTextEditorModule], exports: [FsContentWidgetsComponent] });
+    FsContentWidgetsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetsModule, imports: [[
+                i3$2.CommonModule,
+                i8.FormsModule,
+                i10.MatDialogModule,
+                i11.MatInputModule,
+                i6.MatFormFieldModule,
+                i7.MatButtonModule,
+                i3.MatTabsModule,
+                i2$1.FsListModule,
+                i3$1.FsDateModule,
+                i9.FsFormModule,
+                i5.FsHtmlEditorModule,
+                i2.FsDialogModule,
+                i4.FsTextEditorModule,
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i3$2.CommonModule,
+                            i8.FormsModule,
+                            i10.MatDialogModule,
+                            i11.MatInputModule,
+                            i6.MatFormFieldModule,
+                            i7.MatButtonModule,
+                            i3.MatTabsModule,
+                            i2$1.FsListModule,
+                            i3$1.FsDateModule,
+                            i9.FsFormModule,
+                            i5.FsHtmlEditorModule,
+                            i2.FsDialogModule,
+                            i4.FsTextEditorModule,
+                        ],
+                        exports: [
+                            FsContentWidgetsComponent,
+                        ],
+                        declarations: [
+                            FsContentWidgetsComponent,
+                            FsContentWidgetComponent$1,
+                        ],
+                    }]
             }] });
 
     var FS_CONTENT_WIDGET_CONFIG = new i0.InjectionToken('fs-content-widget-config');
 
-    var FsContentWidgetComponent = /** @class */ (function () {
-        function FsContentWidgetComponent(config, _cdRef) {
-            this.config = config;
-            this._cdRef = _cdRef;
-            this.destroy$ = new rxjs.Subject();
-        }
-        FsContentWidgetComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.config.fetchContentWidget(this.tag)
-                .pipe(operators.takeUntil(this.destroy$))
-                .subscribe(function (content) {
-                _this.content = content;
-                _this._cdRef.markForCheck();
-            });
-        };
-        FsContentWidgetComponent.prototype.ngOnDestroy = function () {
-            this.destroy$.next();
-            this.destroy$.complete();
-        };
-        return FsContentWidgetComponent;
-    }());
-    FsContentWidgetComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetComponent, deps: [{ token: FS_CONTENT_WIDGET_CONFIG }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FsContentWidgetComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetComponent, selector: "fs-content-widget", inputs: { tag: "tag" }, ngImport: i0__namespace, template: "<fs-html-renderer *ngIf=\"content\" [html]=\"content\"></fs-html-renderer>", styles: [":host ::ng-deep img{max-width:100%}\n"], components: [{ type: i4__namespace.FsHtmlRendererComponent, selector: "fs-html-renderer", inputs: ["html"] }], directives: [{ type: i2__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'fs-content-widget',
-                        templateUrl: './content-widget.component.html',
-                        styleUrls: ['./content-widget.component.scss'],
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [FS_CONTENT_WIDGET_CONFIG]
-                        }] }, { type: i0__namespace.ChangeDetectorRef }];
-        }, propDecorators: { tag: [{
-                    type: i0.Input
+    var FsContentWidgetRendererComponent = /** @class */ (function () {
+        function FsContentWidgetRendererComponent(_router, _el) {
+            this._router = _router;
+            this._el = _el;
+            this.destroy$ = new rxjs.Subject();
+        }
+        FsContentWidgetRendererComponent.prototype.ngAfterViewChecked = function () {
+            this.registerHrefs();
+        };
+        Object.defineProperty(FsContentWidgetRendererComponent.prototype, "el", {
+            get: function () {
+                return this._el.nativeElement;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        FsContentWidgetRendererComponent.prototype.registerHrefs = function () {
+            var _this = this;
+            Array.from(this.el.querySelectorAll('a[href]'))
+                .filter(function (el) {
+                return el.getAttribute('href').match(/^\//);
+            })
+                .forEach(function (el) {
+                el.addEventListener('click', function (event) {
+                    if (!event.shiftKey && !event.ctrlKey) {
+                        event.preventDefault();
+                        var href = el.getAttribute('href');
+                        _this._router.navigateByUrl(href);
+                    }
+                });
+            });
+        };
+        FsContentWidgetRendererComponent.prototype.ngOnDestroy = function () {
+            this.destroy$.next();
+            this.destroy$.complete();
+        };
+        return FsContentWidgetRendererComponent;
+    }());
+    FsContentWidgetRendererComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetRendererComponent, deps: [{ token: i1__namespace$1.Router }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    FsContentWidgetRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetRendererComponent, selector: "fs-content-widget-renderer", inputs: { content: "content" }, ngImport: i0__namespace, template: "<fs-html-renderer *ngIf=\"content\" [html]=\"content\"></fs-html-renderer>", styles: [":host ::ng-deep img{max-width:100%}\n"], components: [{ type: i5__namespace.FsHtmlRendererComponent, selector: "fs-html-renderer", inputs: ["html"] }], directives: [{ type: i3__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetRendererComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'fs-content-widget-renderer',
+                        templateUrl: './content-widget-renderer.component.html',
+                        styleUrls: ['./content-widget-renderer.component.scss'],
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.Router }, { type: i0__namespace.ElementRef }]; }, propDecorators: { content: [{
+                    type: i0.Input
                 }] } });
 
-    var FsContentWidgetModule = /** @class */ (function () {
-        function FsContentWidgetModule() {
-        }
-        FsContentWidgetModule.forRoot = function () {
-            return {
-                ngModule: FsContentWidgetModule,
-            };
-        };
-        return FsContentWidgetModule;
-    }());
-    FsContentWidgetModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    FsContentWidgetModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetModule, declarations: [FsContentWidgetComponent], imports: [i2$2.CommonModule,
-            i4.FsHtmlEditorModule], exports: [FsContentWidgetComponent] });
-    FsContentWidgetModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetModule, imports: [[
-                i2$2.CommonModule,
-                i4.FsHtmlEditorModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2$2.CommonModule,
-                            i4.FsHtmlEditorModule,
-                        ],
-                        exports: [
-                            FsContentWidgetComponent,
-                        ],
-                        declarations: [
-                            FsContentWidgetComponent,
-                        ],
-                    }]
+    var FsContentWidgetComponent = /** @class */ (function () {
+        function FsContentWidgetComponent(config, _cdRef) {
+            this.config = config;
+            this._cdRef = _cdRef;
+            this.destroy$ = new rxjs.Subject();
+        }
+        FsContentWidgetComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.config.fetchContentWidget(this.tag)
+                .pipe(operators.takeUntil(this.destroy$))
+                .subscribe(function (content) {
+                _this.content = content;
+                _this._cdRef.markForCheck();
+            });
+        };
+        FsContentWidgetComponent.prototype.ngOnDestroy = function () {
+            this.destroy$.next();
+            this.destroy$.complete();
+        };
+        return FsContentWidgetComponent;
+    }());
+    FsContentWidgetComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetComponent, deps: [{ token: FS_CONTENT_WIDGET_CONFIG }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    FsContentWidgetComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetComponent, selector: "fs-content-widget", inputs: { tag: "tag" }, ngImport: i0__namespace, 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__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'fs-content-widget',
+                        templateUrl: './content-widget.component.html',
+                        styleUrls: ['./content-widget.component.scss'],
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [FS_CONTENT_WIDGET_CONFIG]
+                        }] }, { type: i0__namespace.ChangeDetectorRef }];
+        }, propDecorators: { tag: [{
+                    type: i0.Input
+                }] } });
+
+    var FsContentWidgetModule = /** @class */ (function () {
+        function FsContentWidgetModule() {
+        }
+        FsContentWidgetModule.forRoot = function () {
+            return {
+                ngModule: FsContentWidgetModule,
+            };
+        };
+        return FsContentWidgetModule;
+    }());
+    FsContentWidgetModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    FsContentWidgetModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetModule, declarations: [FsContentWidgetRendererComponent,
+            FsContentWidgetComponent], imports: [i3$2.CommonModule,
+            i5.FsHtmlEditorModule,
+            i5.FsHtmlRendererModule], exports: [FsContentWidgetComponent] });
+    FsContentWidgetModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetModule, imports: [[
+                i3$2.CommonModule,
+                i5.FsHtmlEditorModule,
+                i5.FsHtmlRendererModule,
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i3$2.CommonModule,
+                            i5.FsHtmlEditorModule,
+                            i5.FsHtmlRendererModule,
+                        ],
+                        exports: [
+                            FsContentWidgetComponent,
+                        ],
+                        declarations: [
+                            FsContentWidgetRendererComponent,
+                            FsContentWidgetComponent,
+                        ],
+                    }]
             }] });
 
-    /**
-     * Generated bundle index. Do not edit.
+    /**
+     * Generated bundle index. Do not edit.
      */
 
     exports.FS_CONTENT_WIDGET_CONFIG = FS_CONTENT_WIDGET_CONFIG;