@firestitch/content-widget 12.2.1 → 12.2.2

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

@@ -39,384 +39,384 @@
     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 = Object.assign({}, 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      <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}:host ::ng-deep .mat-tab-body-content{overflow:visible}\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 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 = Object.assign({}, 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      <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}:host ::ng-deep .mat-tab-body-content{overflow:visible}\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)
+                        .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;
+            this._dialog.open(FsContentWidgetComponent$1, {
+                width: '90%',
+                data: {
+                    contentWidget: contentWidget,
+                    htmlEditorConfig: this.htmlEditorConfig,
+                    saveContentWidget: this.saveContentWidget,
+                },
+            })
+                .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,
-            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: [[
-                i2$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: [
-                            i2$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 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,
+            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: [[
+                i2$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: [
+                            i2$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 FsContentWidgetContentDirective = /** @class */ (function () {
-        function FsContentWidgetContentDirective() {
-        }
-        return FsContentWidgetContentDirective;
-    }());
-    FsContentWidgetContentDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetContentDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    FsContentWidgetContentDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetContentDirective, selector: "[fsContentWidgetContent]", ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetContentDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[fsContentWidgetContent]',
-                    }]
+    var FsContentWidgetContentDirective = /** @class */ (function () {
+        function FsContentWidgetContentDirective() {
+        }
+        return FsContentWidgetContentDirective;
+    }());
+    FsContentWidgetContentDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetContentDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    FsContentWidgetContentDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetContentDirective, selector: "[fsContentWidgetContent]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetContentDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[fsContentWidgetContent]',
+                    }]
             }] });
 
     var FS_CONTENT_WIDGET_CONFIG = new i0.InjectionToken('fs-content-widget-config');
 
-    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: 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: 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 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: 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: 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 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" }, queries: [{ propertyName: "contentWidgetContent", first: true, predicate: FsContentWidgetContentDirective, descendants: true, read: i0.TemplateRef }], ngImport: i0__namespace, template: "<ng-container *ngIf=\"content\">\n  <ng-container *ngIf=\"contentWidgetContent; else renderer\">\n    <ng-container \n      [ngTemplateOutlet]=\"contentWidgetContent\" \n      [ngTemplateOutletContext]=\"{ content: renderer }\">\n    </ng-container>\n  </ng-container>\n  <ng-template #renderer>\n    <fs-content-widget-renderer     \n      [content]=\"content\">\n    </fs-content-widget-renderer>\n  </ng-template>\n</ng-container>", styles: [":host ::ng-deep img{max-width:100%}\n"], components: [{ type: FsContentWidgetRendererComponent, selector: "fs-content-widget-renderer", inputs: ["content"] }], directives: [{ type: i2__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-    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: { contentWidgetContent: [{
-                    type: i0.ContentChild,
-                    args: [FsContentWidgetContentDirective, { read: i0.TemplateRef }]
-                }], tag: [{
-                    type: i0.Input
+    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" }, queries: [{ propertyName: "contentWidgetContent", first: true, predicate: FsContentWidgetContentDirective, descendants: true, read: i0.TemplateRef }], ngImport: i0__namespace, template: "<ng-container *ngIf=\"content\">\n  <ng-container *ngIf=\"contentWidgetContent; else renderer\">\n    <ng-container \n      [ngTemplateOutlet]=\"contentWidgetContent\" \n      [ngTemplateOutletContext]=\"{ content: renderer }\">\n    </ng-container>\n  </ng-container>\n  <ng-template #renderer>\n    <fs-content-widget-renderer     \n      [content]=\"content\">\n    </fs-content-widget-renderer>\n  </ng-template>\n</ng-container>", styles: [":host ::ng-deep img{max-width:100%}\n"], components: [{ type: FsContentWidgetRendererComponent, selector: "fs-content-widget-renderer", inputs: ["content"] }], directives: [{ type: i2__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+    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: { contentWidgetContent: [{
+                    type: i0.ContentChild,
+                    args: [FsContentWidgetContentDirective, { read: i0.TemplateRef }]
+                }], tag: [{
+                    type: i0.Input
                 }] } });
 
-    var FsContentWidgetDialogComponent = /** @class */ (function () {
-        function FsContentWidgetDialogComponent(_data) {
-            this._data = _data;
-            this.title = _data.title;
-            this.tag = _data.tag;
-        }
-        return FsContentWidgetDialogComponent;
-    }());
-    FsContentWidgetDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetDialogComponent, deps: [{ token: i10.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FsContentWidgetDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetDialogComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog>\n  <ng-container *ngIf=\"title\">\n    <div mat-dialog-title>{{title}}</div>\n  </ng-container>\n  <mat-dialog-content>\n    <fs-content-widget [tag]=\"tag\"></fs-content-widget>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button \n        mat-button \n        color=\"primary\" \n        type=\"button\" \n        [mat-dialog-close]=\"null\">\n      Close \n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [""], components: [{ type: i2__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: FsContentWidgetComponent, selector: "fs-content-widget", inputs: ["tag"] }, { 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: i2__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetDialogComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        templateUrl: './content-widget-dialog.component.html',
-                        styleUrls: ['./content-widget-dialog.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i10.MAT_DIALOG_DATA]
-                        }] }];
+    var FsContentWidgetDialogComponent = /** @class */ (function () {
+        function FsContentWidgetDialogComponent(_data) {
+            this._data = _data;
+            this.title = _data.title;
+            this.tag = _data.tag;
+        }
+        return FsContentWidgetDialogComponent;
+    }());
+    FsContentWidgetDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetDialogComponent, deps: [{ token: i10.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    FsContentWidgetDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentWidgetDialogComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog>\n  <ng-container *ngIf=\"title\">\n    <div mat-dialog-title>{{title}}</div>\n  </ng-container>\n  <mat-dialog-content>\n    <fs-content-widget [tag]=\"tag\"></fs-content-widget>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button \n        mat-button \n        color=\"primary\" \n        type=\"button\" \n        [mat-dialog-close]=\"null\">\n      Close \n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [""], components: [{ type: i2__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: FsContentWidgetComponent, selector: "fs-content-widget", inputs: ["tag"] }, { 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: i2__namespace$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetDialogComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        templateUrl: './content-widget-dialog.component.html',
+                        styleUrls: ['./content-widget-dialog.component.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i10.MAT_DIALOG_DATA]
+                        }] }];
         } });
 
-    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,
-            FsContentWidgetDialogComponent,
-            FsContentWidgetContentDirective], imports: [i2$2.CommonModule,
-            i10.MatDialogModule,
-            i7.MatButtonModule,
-            i5.FsHtmlEditorModule,
-            i2.FsDialogModule,
-            i5.FsHtmlRendererModule], exports: [FsContentWidgetComponent,
-            FsContentWidgetContentDirective] });
-    FsContentWidgetModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetModule, imports: [[
-                i2$2.CommonModule,
-                i10.MatDialogModule,
-                i7.MatButtonModule,
-                i5.FsHtmlEditorModule,
-                i2.FsDialogModule,
-                i5.FsHtmlRendererModule,
-            ]] });
-    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,
-                            i10.MatDialogModule,
-                            i7.MatButtonModule,
-                            i5.FsHtmlEditorModule,
-                            i2.FsDialogModule,
-                            i5.FsHtmlRendererModule,
-                        ],
-                        exports: [
-                            FsContentWidgetComponent,
-                            FsContentWidgetContentDirective,
-                        ],
-                        declarations: [
-                            FsContentWidgetRendererComponent,
-                            FsContentWidgetComponent,
-                            FsContentWidgetDialogComponent,
-                            FsContentWidgetContentDirective,
-                        ],
-                    }]
+    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,
+            FsContentWidgetDialogComponent,
+            FsContentWidgetContentDirective], imports: [i2$2.CommonModule,
+            i10.MatDialogModule,
+            i7.MatButtonModule,
+            i5.FsHtmlEditorModule,
+            i2.FsDialogModule,
+            i5.FsHtmlRendererModule], exports: [FsContentWidgetComponent,
+            FsContentWidgetContentDirective] });
+    FsContentWidgetModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidgetModule, imports: [[
+                i2$2.CommonModule,
+                i10.MatDialogModule,
+                i7.MatButtonModule,
+                i5.FsHtmlEditorModule,
+                i2.FsDialogModule,
+                i5.FsHtmlRendererModule,
+            ]] });
+    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,
+                            i10.MatDialogModule,
+                            i7.MatButtonModule,
+                            i5.FsHtmlEditorModule,
+                            i2.FsDialogModule,
+                            i5.FsHtmlRendererModule,
+                        ],
+                        exports: [
+                            FsContentWidgetComponent,
+                            FsContentWidgetContentDirective,
+                        ],
+                        declarations: [
+                            FsContentWidgetRendererComponent,
+                            FsContentWidgetComponent,
+                            FsContentWidgetDialogComponent,
+                            FsContentWidgetContentDirective,
+                        ],
+                    }]
             }] });
 
-    var FsContentWidget = /** @class */ (function () {
-        function FsContentWidget(_dialog) {
-            this._dialog = _dialog;
-        }
-        FsContentWidget.prototype.open = function (tag, title) {
-            this._dialog.open(FsContentWidgetDialogComponent, {
-                data: {
-                    tag: tag,
-                    title: title,
-                }
-            });
-        };
-        return FsContentWidget;
-    }());
-    FsContentWidget.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidget, deps: [{ token: i10__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    FsContentWidget.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidget, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidget, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
+    var FsContentWidget = /** @class */ (function () {
+        function FsContentWidget(_dialog) {
+            this._dialog = _dialog;
+        }
+        FsContentWidget.prototype.open = function (tag, title) {
+            this._dialog.open(FsContentWidgetDialogComponent, {
+                data: {
+                    tag: tag,
+                    title: title,
+                }
+            });
+        };
+        return FsContentWidget;
+    }());
+    FsContentWidget.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidget, deps: [{ token: i10__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    FsContentWidget.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidget, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsContentWidget, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
             }], ctorParameters: function () { return [{ type: i10__namespace.MatDialog }]; } });
 
-    /**
-     * Generated bundle index. Do not edit.
+    /**
+     * Generated bundle index. Do not edit.
      */
 
     exports.FS_CONTENT_WIDGET_CONFIG = FS_CONTENT_WIDGET_CONFIG;