@firestitch/content 12.3.5 → 13.0.1

package/fesm2015/firestitch-content.js

@@ -1,1376 +0,0 @@
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, NgModule, InjectionToken, Inject, ViewChildren, ViewChild, ElementRef } from '@angular/core';
-import * as i9 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i5$1 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i8$2 from '@angular/material/button-toggle';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import * as i1$1 from '@angular/material/dialog';
-import { MatDialogModule, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import * as i4$1 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i6 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i8$1 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i5$2 from '@angular/material/select';
-import { MatSelectModule } from '@angular/material/select';
-import { MatTabsModule } from '@angular/material/tabs';
-import * as i3$2 from '@firestitch/date';
-import { FsDateModule } from '@firestitch/date';
-import * as i3 from '@firestitch/dialog';
-import { FsDialogModule } from '@firestitch/dialog';
-import * as i5 from '@firestitch/form';
-import { FsFormModule, FsFormDirective } from '@firestitch/form';
-import { FsHtmlEditorModule } from '@firestitch/html-editor';
-import { FsLabelModule } from '@firestitch/label';
-import * as i2$2 from '@firestitch/list';
-import { FsListModule, FsListComponent } from '@firestitch/list';
-import * as i8 from '@firestitch/skeleton';
-import { FsSkeletonModule } from '@firestitch/skeleton';
-import * as i4 from '@firestitch/text-editor';
-import { FsTextEditorModule, FsTextEditorComponent } from '@firestitch/text-editor';
-import * as i7 from '@firestitch/common';
-import { FsCommonModule, index } from '@firestitch/common';
-import * as i2$1 from 'angular-split';
-import { AngularSplitModule } from 'angular-split';
-import * as i2 from '@firestitch/message';
-import { Subject, of, throwError, fromEvent } from 'rxjs';
-import { tap, switchMap, takeUntil, filter, map, finalize } from 'rxjs/operators';
-import * as i3$1 from '@firestitch/prompt';
-import { ItemType } from '@firestitch/filter';
-import * as i12 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i6$1 from '@angular/material/core';
-import * as i1$2 from '@angular/platform-browser';
-import * as i2$3 from '@angular/router';
-import { NavigationEnd } from '@angular/router';
-import * as i3$3 from '@firestitch/html';
-
-var EditorType;
-(function (EditorType) {
-    EditorType["Js"] = "js";
-    EditorType["Html"] = "html";
-    EditorType["Scss"] = "scss";
-    EditorType["GlobalScss"] = "globalScss";
-})(EditorType || (EditorType = {}));
-
-var PageType;
-(function (PageType) {
-    PageType["StandardPage"] = "standardPage";
-    PageType["BlogPost"] = "blogPost";
-    PageType["HomePage"] = "homePage";
-    PageType["NotFoundPage"] = "notFoundPage";
-})(PageType || (PageType = {}));
-
-class EditorLabelComponent {
-}
-EditorLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EditorLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EditorLabelComponent, selector: "app-editor-label", inputs: { changed: "changed", focused: "focused" }, ngImport: i0, template: "<div class=\"label\" [ngClass]=\"{ focused: focused }\">\n  <ng-content></ng-content>\n  <span *ngIf=\"changed\" class=\"changed\">&nbsp;&#9679;</span>\n</div>\n", styles: [".label{display:inline-block;background-color:#1e1e1e;color:#c8c8c8;padding:3px 9px 2px;border-top-left-radius:6px;border-top-right-radius:6px;font-size:80%;text-transform:uppercase}.label.focused{color:#fff}.label .changed{font-size:110%;line-height:0}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorLabelComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-editor-label',
-                    templateUrl: './editor-label.component.html',
-                    styleUrls: ['./editor-label.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { changed: [{
-                type: Input
-            }], focused: [{
-                type: Input
-            }] } });
-
-class EditorComponent {
-    constructor(_cdRef, _message) {
-        this._cdRef = _cdRef;
-        this._message = _message;
-        this.showHtml = false;
-        this.showScss = false;
-        this.showJs = false;
-        this.showGlobalScss = false;
-        this.changed = new EventEmitter();
-        this.focused = new EventEmitter();
-        this.blured = new EventEmitter();
-        this.changes = {};
-        this.EditorType = EditorType;
-        this.resizing = false;
-        this._destroy$ = new Subject();
-    }
-    ngOnInit() {
-        this.initTextEditors();
-        this.initGlobalContentStyle();
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    change(type, value) {
-        this.changed.emit({ type, value });
-        this.changes[type] = value;
-    }
-    get hasChanges() {
-        return Object.keys(this.changes)
-            .filter((name) => !!this.changes[name])
-            .length !== 0;
-    }
-    clearChange(type) {
-        this.changes[type] = undefined;
-        this._cdRef.markForCheck();
-    }
-    initTextEditors() {
-        this.scssConfig = {
-            tabSize: 2,
-            language: 'scss',
-            height: '100%',
-            focus: () => {
-                this._onFocus(EditorType.Scss);
-            },
-            blur: () => {
-                this.blured.emit(EditorType.Scss);
-            },
-        };
-        this.jsConfig = {
-            tabSize: 2,
-            language: 'js',
-            height: '100%',
-            focus: () => {
-                this._onFocus(EditorType.Js);
-            },
-            blur: () => {
-                this.blured.emit(EditorType.Js);
-            },
-        };
-        this.htmlConfig = {
-            tabSize: 2,
-            language: 'html',
-            height: '100%',
-            focus: () => {
-                this._onFocus(EditorType.Html);
-            },
-            blur: () => {
-                this.blured.emit(EditorType.Html);
-            },
-        };
-        this.globalScssConfig = {
-            tabSize: 2,
-            language: 'scss',
-            height: '100%',
-            focus: () => {
-                this._onFocus(EditorType.GlobalScss);
-            },
-            blur: () => {
-                this.blured.emit(EditorType.GlobalScss);
-            },
-        };
-    }
-    initGlobalContentStyle() {
-        this.contentConfig.loadContentStyle()
-            .subscribe((contentStyle) => {
-            this.contentStyle = contentStyle || {};
-            this._cdRef.markForCheck();
-        });
-    }
-    saveGlobalScss() {
-        return this.contentConfig.saveContentStyle(this.contentStyle)
-            .pipe(tap(() => {
-            this._message.success('Saved Changes');
-        }));
-    }
-    _onFocus(type) {
-        this.focusedArea = type;
-        this.focused.emit(type);
-    }
-}
-EditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2.FsMessage }], target: i0.ɵɵFactoryTarget.Component });
-EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EditorComponent, selector: "app-editor", inputs: { showHtml: "showHtml", showScss: "showScss", showJs: "showJs", showGlobalScss: "showGlobalScss", html: "html", scss: "scss", js: "js", contentConfig: "contentConfig" }, outputs: { changed: "changed", focused: "focused", blured: "blured" }, ngImport: i0, template: "<as-split [unit]=\"'percent'\" [gutterSize]=\"25\"> \n  <as-split-area [size]=\"70\" [visible]=\"showHtml\" [order]=\"1\">\n    <div class=\"editor-container\">\n      <app-editor-label\n          [changed]=\"changes.html !== undefined\"\n          [focused]=\"focusedArea === 'html'\">\n        HTML\n      </app-editor-label>\n      <fs-text-editor \n        [(ngModel)]=\"html\" \n        name=\"html\"\n        [fsModelChangeOptions]=\"{ debounce: 0 }\"\n        (fsModelChange)=\"change(EditorType.Html, $event)\"\n        [config]=\"htmlConfig\">\n      </fs-text-editor>              \n    </div>\n  </as-split-area>\n  <as-split-area [size]=\"30\" [visible]=\"showScss\" [order]=\"2\">\n    <div class=\"editor-container\">\n      <app-editor-label\n          [changed]=\"changes.scss !== undefined\"\n          [focused]=\"focusedArea === 'scss'\">\n        SCSS\n      </app-editor-label>\n      <fs-text-editor \n        [(ngModel)]=\"scss\" \n        name=\"scss\"\n        [fsModelChangeOptions]=\"{ debounce: 0 }\"\n        (fsModelChange)=\"change(EditorType.Scss, $event)\"\n        [config]=\"scssConfig\">\n      </fs-text-editor>    \n    </div>\n  </as-split-area>\n  <as-split-area [size]=\"30\"  [visible]=\"showJs\" [order]=\"3\">\n    <div class=\"editor-container\">\n      <app-editor-label\n          [changed]=\"changes.js !== undefined\"\n          [focused]=\"focusedArea === 'js'\">\n        JS\n      </app-editor-label>\n      <fs-text-editor \n        [(ngModel)]=\"js\" \n        name=\"js\"\n        [fsModelChangeOptions]=\"{ debounce: 0 }\"\n        (fsModelChange)=\"change(EditorType.Js, $event)\"\n        [config]=\"jsConfig\">\n      </fs-text-editor>    \n    </div>\n  </as-split-area>\n  <as-split-area [size]=\"30\" [visible]=\"showGlobalScss\" [order]=\"4\">\n    <div class=\"editor-container\">\n      <app-editor-label\n          [changed]=\"changes.globalScss !== undefined\"\n          [focused]=\"focusedArea === 'globalScss'\">\n        Global SCSS\n      </app-editor-label>\n      <ng-container *fsSkeleton=\"contentStyle\">\n        <fs-text-editor \n          [(ngModel)]=\"contentStyle.scss\" \n          name=\"globalScss\"\n          [fsModelChangeOptions]=\"{ debounce: 300 }\"\n          (fsModelChange)=\"change(EditorType.GlobalScss, $event)\"\n          [config]=\"globalScssConfig\">\n        </fs-text-editor> \n      </ng-container>   \n    </div>\n  </as-split-area>\n</as-split>\n", styles: [":host ::ng-deep .as-split-gutter{background-color:unset!important}.editor-container{height:100%;border-radius:5px;display:flex;flex-direction:column}.editor-container fs-text-editor{flex:1}\n"], components: [{ type: i2$1.SplitComponent, selector: "as-split", inputs: ["direction", "unit", "gutterSize", "gutterStep", "restrictMove", "useTransition", "disabled", "dir", "gutterDblClickDuration", "gutterClickDeltaPx", "gutterAriaLabel"], outputs: ["transitionEnd", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"], exportAs: ["asSplit"] }, { type: EditorLabelComponent, selector: "app-editor-label", inputs: ["changed", "focused"] }, { type: i4.FsTextEditorComponent, selector: "fs-text-editor", inputs: ["config", "scrollable"], outputs: ["ready", "blur"] }], directives: [{ type: i2$1.SplitAreaDirective, selector: "as-split-area, [as-split-area]", inputs: ["order", "size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { type: i7.FsModelChangeDirective, selector: "[fsModelChange]", inputs: ["fsModelChangeOptions"], outputs: ["fsModelChange"] }, { type: i8.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-editor',
-                    templateUrl: './editor.component.html',
-                    styleUrls: ['./editor.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i2.FsMessage }]; }, propDecorators: { showHtml: [{
-                type: Input
-            }], showScss: [{
-                type: Input
-            }], showJs: [{
-                type: Input
-            }], showGlobalScss: [{
-                type: Input
-            }], html: [{
-                type: Input
-            }], scss: [{
-                type: Input
-            }], js: [{
-                type: Input
-            }], contentConfig: [{
-                type: Input
-            }], changed: [{
-                type: Output
-            }], focused: [{
-                type: Output
-            }], blured: [{
-                type: Output
-            }] } });
-
-class FsContentEditorModule {
-}
-FsContentEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FsContentEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentEditorModule, declarations: [EditorComponent,
-        EditorLabelComponent], imports: [CommonModule,
-        FormsModule,
-        MatDialogModule,
-        MatButtonModule,
-        MatTabsModule,
-        MatIconModule,
-        MatButtonToggleModule,
-        FsListModule,
-        FsFormModule,
-        FsSkeletonModule,
-        FsLabelModule,
-        FsHtmlEditorModule,
-        FsCommonModule,
-        FsDialogModule,
-        FsTextEditorModule,
-        AngularSplitModule], exports: [EditorComponent] });
-FsContentEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentEditorModule, imports: [[
-            CommonModule,
-            FormsModule,
-            MatDialogModule,
-            MatButtonModule,
-            MatTabsModule,
-            MatIconModule,
-            MatButtonToggleModule,
-            FsListModule,
-            FsFormModule,
-            FsSkeletonModule,
-            FsLabelModule,
-            FsHtmlEditorModule,
-            FsCommonModule,
-            FsDialogModule,
-            FsTextEditorModule,
-            AngularSplitModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentEditorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        MatDialogModule,
-                        MatButtonModule,
-                        MatTabsModule,
-                        MatIconModule,
-                        MatButtonToggleModule,
-                        FsListModule,
-                        FsFormModule,
-                        FsSkeletonModule,
-                        FsLabelModule,
-                        FsHtmlEditorModule,
-                        FsCommonModule,
-                        FsDialogModule,
-                        FsTextEditorModule,
-                        AngularSplitModule,
-                    ],
-                    exports: [
-                        EditorComponent,
-                    ],
-                    declarations: [
-                        EditorComponent,
-                        EditorLabelComponent,
-                    ],
-                }]
-        }] });
-
-const FS_CONTENT_CONFIG = new InjectionToken('fs-content-config');
-
-class ContentLayoutComponent {
-    constructor(_config, _data, _dialogRef, _message, _cdRef) {
-        this._config = _config;
-        this._data = _data;
-        this._dialogRef = _dialogRef;
-        this._message = _message;
-        this._cdRef = _cdRef;
-        this.contentLayout = null;
-        this.editors = { content: true, styles: true };
-        this._destroy$ = new Subject();
-        this.save = () => {
-            return this._config.saveContentLayout(this.contentLayout)
-                .pipe(tap((contentLayout) => {
-                this._message.success('Saved Changes');
-                this._dialogRef.close(contentLayout);
-            }));
-        };
-    }
-    ngOnInit() {
-        this._fetchData();
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    _fetchData() {
-        of(this._data.contentLayout)
-            .pipe(switchMap((contentLayout) => {
-            return of(contentLayout);
-        }), takeUntil(this._destroy$))
-            .subscribe((contentLayout) => {
-            this.contentLayout = Object.assign({}, contentLayout);
-            this._cdRef.markForCheck();
-        });
-    }
-}
-ContentLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentLayoutComponent, deps: [{ token: FS_CONTENT_CONFIG }, { token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }, { token: i2.FsMessage }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ContentLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ContentLayoutComponent, selector: "ng-component", viewQueries: [{ propertyName: "textEditors", predicate: FsTextEditorComponent, descendants: true }], ngImport: i0, template: "<form fsForm [submit]=\"save\" *fsSkeletonForm=\"contentLayout\">\n  <fs-dialog>\n    <h1 mat-dialog-title>{{contentLayout.id ? 'Layout' : 'Layout Page'}}</h1>\n    <div mat-dialog-content>\n      <div class=\"fs-column\">\n        <mat-form-field>\n          <mat-label>Name</mat-label>\n          <input\n            matInput\n            [(ngModel)]=\"contentLayout.name\"\n            name=\"name\"\n            required>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>Tag</mat-label>\n          <input\n            matInput\n            [(ngModel)]=\"contentLayout.tag\"\n            name=\"tag\">\n        </mat-form-field>\n      </div>\n    </div>\n\n    <div mat-dialog-actions>\n      <fs-form-dialog-actions>\n      </fs-form-dialog-actions>\n    </div>\n  </fs-dialog>\n</form>\n", styles: [""], components: [{ type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i5.FsFormDialogActionsComponent, selector: "fs-form-dialog-actions", inputs: ["save", "create", "close", "done", "closeData", "name"] }], directives: [{ type: i8.FsSkeletonFormDirective, selector: "[fsSkeletonForm]", inputs: ["fsSkeletonForm", "fsSkeletonFormLines"] }, { type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i9.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i4$1.MatLabel, selector: "mat-label" }, { type: i8$1.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: i9.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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i5.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentLayoutComponent, decorators: [{
-            type: Component,
-            args: [{
-                    templateUrl: './content-layout.component.html',
-                    styleUrls: ['./content-layout.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FS_CONTENT_CONFIG]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$1.MatDialogRef }, { type: i2.FsMessage }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { textEditors: [{
-                type: ViewChildren,
-                args: [FsTextEditorComponent]
-            }] } });
-
-class ContentLayoutEditorComponent {
-    constructor(_data, _dialogRef, _message, _dialog, _cdRef, _prompt) {
-        this._data = _data;
-        this._dialogRef = _dialogRef;
-        this._message = _message;
-        this._dialog = _dialog;
-        this._cdRef = _cdRef;
-        this._prompt = _prompt;
-        this.EditorType = EditorType;
-        this.focused = null;
-        this.editors = {
-            [EditorType.Html]: true,
-            [EditorType.Scss]: true,
-            [EditorType.GlobalScss]: false,
-        };
-        this._destroy$ = new Subject();
-        this.save = () => {
-            return of(null)
-                .pipe(filter(() => this.focused), switchMap(() => {
-                switch (this.focused) {
-                    case EditorType.Html:
-                    case EditorType.Scss:
-                        return this.saveContentPage();
-                    case EditorType.GlobalScss:
-                        return this.editor.saveGlobalScss();
-                }
-                return throwError('Invalid focus');
-            }), tap(() => {
-                this.editor.clearChange(this.focused);
-                this._cdRef.markForCheck();
-            }));
-        };
-    }
-    ngOnInit() {
-        this._dialogRef.addPanelClass('fs-content-editor-overlay-pane');
-        this._dialogRef.disableClose = true;
-        this.config = this._data.contentConfig;
-        this._initContentLayout(this._data.contentLayout);
-        this._initEscape();
-    }
-    editorToggleChange(event) {
-        this.editors[event.value] = !this.editors[event.value];
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    _initContentLayout(contentLayout) {
-        this.config.loadContentLayout(contentLayout.id)
-            .subscribe((data) => {
-            this.contentLayout = data;
-            this._cdRef.markForCheck();
-        });
-    }
-    editorFocused(type) {
-        this.focused = type;
-    }
-    saveContentPage() {
-        const names = {
-            [EditorType.Scss]: 'styles',
-            [EditorType.Html]: 'content',
-        };
-        const data = {
-            id: this.contentLayout.id,
-            [names[this.focused]]: this.editor.changes[this.focused],
-        };
-        return this.config.saveContentLayout(Object.assign({ id: this.contentLayout.id }, data))
-            .pipe(tap(() => {
-            this._message.success('Saved Changes');
-        }));
-    }
-    close() {
-        if (!this.editor.hasChanges) {
-            return this._dialogRef.close();
-        }
-        this._prompt.confirm({
-            dialogConfig: {
-                width: null,
-            },
-            title: 'You have unsaved changes',
-            template: 'What would you like to do with your changes?',
-            buttons: [
-                {
-                    label: 'Review Changes',
-                    value: 'review',
-                },
-                {
-                    label: 'Discard Changes',
-                    value: 'discard',
-                },
-            ],
-        })
-            .pipe(takeUntil(this._destroy$))
-            .subscribe((value) => {
-            if (value === 'discard') {
-                this._dialogRef.close();
-            }
-        });
-    }
-    openSettings() {
-        this._dialog.open(ContentLayoutComponent, {
-            data: {
-                contentLayout: this.contentLayout,
-            },
-        })
-            .afterClosed()
-            .pipe(takeUntil(this._destroy$))
-            .subscribe((contentLayout) => {
-            this.contentLayout = Object.assign(Object.assign({}, this.contentLayout), contentLayout);
-            this._cdRef.markForCheck();
-        });
-    }
-    _initEscape() {
-        fromEvent(document, 'keydown')
-            .pipe(filter((event) => event.code === 'Escape'), takeUntil(this._destroy$)).subscribe(() => {
-            const dialogRef = this._dialog.openDialogs.reverse()[0];
-            if ((dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.componentInstance) === this) {
-                this.close();
-            }
-        });
-    }
-}
-ContentLayoutEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentLayoutEditorComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }, { token: i2.FsMessage }, { token: i1$1.MatDialog }, { token: i0.ChangeDetectorRef }, { token: i3$1.FsPrompt }], target: i0.ɵɵFactoryTarget.Component });
-ContentLayoutEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ContentLayoutEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "editor", first: true, predicate: EditorComponent, descendants: true }], ngImport: i0, template: "<form fsForm [submit]=\"save\" [dirtySubmitButton]=\"false\" [confirm]=\"false\">\n  <fs-dialog *fsSkeletonForm=\"contentLayout\">\n    <h1 mat-dialog-title>\n      <div class=\"title-container\">\n        <div class=\"title\">\n          Layout Editor\n          <div class=\"small\">{{contentLayout.name}}</div>   \n        </div>\n        <a\n            (click)=\"openSettings()\"\n            mat-icon-button>\n          <mat-icon>settings</mat-icon>\n        </a>   \n      </div>\n    </h1>\n    <div mat-dialog-content>\n      <app-editor\n        [contentConfig]=\"config\"\n        [showHtml]=\"editors.html\"\n        [showScss]=\"editors.scss\"\n        [showGlobalScss]=\"editors.globalScss\"\n        [html]=\"contentLayout.content\"\n        [scss]=\"contentLayout.styles\"\n        (focused)=\"editorFocused($event)\">\n      </app-editor>\n    </div>\n\n    <div mat-dialog-actions>\n      <button \n        mat-button\n          color=\"primary\"\n          (click)=\"close()\"\n          type=\"button\">  \n        Done      \n      </button>\n      <div class=\"toggles\">\n        <mat-button-toggle-group multiple>\n          <mat-button-toggle value=\"html\" [checked]=\"editors.html\" (change)=\"editorToggleChange($event)\">HTML</mat-button-toggle>\n          <mat-button-toggle value=\"scss\" [checked]=\"editors.scss\" (change)=\"editorToggleChange($event)\">SCSS</mat-button-toggle>\n          <mat-button-toggle value=\"globalScss\" [checked]=\"editors.globalScss\" (change)=\"editorToggleChange($event)\">Global SCSS</mat-button-toggle>\n        </mat-button-toggle-group>      \n      </div>\n    </div>\n  </fs-dialog>\n</form>", styles: ["::ng-deep .fs-content-editor-overlay-pane .mat-dialog-container{border-radius:0}form{height:100%}fs-dialog{display:flex;height:100%;flex-direction:column}fs-dialog ::ng-deep .mat-dialog-content{max-height:none;flex:1;overflow:hidden}fs-dialog ::ng-deep .mat-button-toggle-label-content{line-height:36px}.mat-dialog-actions .toggles{display:flex;justify-content:flex-end;justify-self:baseline;flex:1}.title-container{display:flex;align-items:center}.title-container .title{flex:1}.title-container .title .small{line-height:normal}\n"], components: [{ type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i5$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: EditorComponent, selector: "app-editor", inputs: ["showHtml", "showScss", "showJs", "showGlobalScss", "html", "scss", "js", "contentConfig"], outputs: ["changed", "focused", "blured"] }, { type: i5$1.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"] }, { type: i8$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-labelledby", "tabIndex", "appearance", "checked", "disabled", "id", "name", "aria-label", "value"], outputs: ["change"], exportAs: ["matButtonToggle"] }], directives: [{ type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i9.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { type: i8.FsSkeletonFormDirective, selector: "[fsSkeletonForm]", inputs: ["fsSkeletonForm", "fsSkeletonFormLines"] }, { type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i5.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit", "form"] }, { type: i8$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentLayoutEditorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    templateUrl: './content-layout-editor.component.html',
-                    styleUrls: ['./content-layout-editor.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$1.MatDialogRef }, { type: i2.FsMessage }, { type: i1$1.MatDialog }, { type: i0.ChangeDetectorRef }, { type: i3$1.FsPrompt }]; }, propDecorators: { editor: [{
-                type: ViewChild,
-                args: [EditorComponent]
-            }] } });
-
-class FsContentLayoutsComponent {
-    constructor(_config, _dialog) {
-        this._config = _config;
-        this._dialog = _dialog;
-        this._destroy$ = new Subject();
-    }
-    ngOnInit() {
-        this._initListConfig();
-    }
-    openEditor(contentLayout) {
-        this._dialog.open(ContentLayoutEditorComponent, {
-            maxWidth: '100vw',
-            width: '100%',
-            height: '100%',
-            data: {
-                contentLayout,
-                contentConfig: this._config,
-            },
-        })
-            .afterClosed()
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(() => {
-            this.listComponent.reload();
-        });
-    }
-    openLayout(contentLayout) {
-        return this._dialog.open(ContentLayoutComponent, {
-            data: {
-                contentLayout,
-            },
-        })
-            .afterClosed()
-            .pipe(filter((_contentLayout) => !!_contentLayout), takeUntil(this._destroy$));
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    _initListConfig() {
-        this.listConfig = {
-            paging: false,
-            filters: [
-                {
-                    name: 'keyword',
-                    type: ItemType.Keyword,
-                    label: 'Search',
-                },
-            ],
-            actions: [
-                {
-                    label: 'Create',
-                    click: () => {
-                        this.openLayout({})
-                            .subscribe(() => {
-                            this.listComponent.reload();
-                        });
-                    },
-                },
-            ],
-            rowActions: [
-                {
-                    click: (data) => {
-                        return this._config.deleteContentLayout(data);
-                    },
-                    remove: {
-                        title: 'Confirm',
-                        template: 'Are you sure you would like to delete this record?',
-                    },
-                    menu: true,
-                    label: 'Delete',
-                },
-            ],
-            fetch: (query) => {
-                return this._config.loadContentLayouts(query)
-                    .pipe(map((contentLayouts) => {
-                    return { data: contentLayouts };
-                }));
-            },
-            restore: {
-                query: { state: 'deleted' },
-                filterLabel: 'Show Deleted',
-                menuLabel: 'Restore',
-                reload: true,
-                click: (row) => {
-                    return this._config.saveContentLayout({ id: row.id, state: 'active' });
-                },
-            },
-        };
-    }
-}
-FsContentLayoutsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentLayoutsComponent, deps: [{ token: FS_CONTENT_CONFIG }, { token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-FsContentLayoutsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentLayoutsComponent, selector: "fs-content-layouts", viewQueries: [{ propertyName: "listComponent", first: true, predicate: FsListComponent, descendants: true }], ngImport: i0, template: "<fs-list [config]=\"listConfig\">\n  <fs-list-column name=\"name\" title=\"Name\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"openEditor(row)\">{{row.name}}</a>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column name=\"modify_date\" title=\"Modified\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.modifyDate | fsDate: 'date-time-yearless'}}\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""], components: [{ type: i2$2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }], directives: [{ type: i2$2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2$2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }], pipes: { "fsDate": i3$2.FsDatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentLayoutsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fs-content-layouts',
-                    templateUrl: './content-layouts.component.html',
-                    styleUrls: ['./content-layouts.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FS_CONTENT_CONFIG]
-                }] }, { type: i1$1.MatDialog }]; }, propDecorators: { listComponent: [{
-                type: ViewChild,
-                args: [FsListComponent]
-            }] } });
-
-class FsContentLayoutsModule {
-}
-FsContentLayoutsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentLayoutsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FsContentLayoutsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentLayoutsModule, declarations: [ContentLayoutComponent,
-        FsContentLayoutsComponent,
-        ContentLayoutEditorComponent], imports: [CommonModule,
-        FormsModule,
-        MatDialogModule,
-        MatInputModule,
-        MatFormFieldModule,
-        MatButtonModule,
-        MatTabsModule,
-        MatIconModule,
-        MatSelectModule,
-        MatButtonToggleModule,
-        FsListModule,
-        FsDateModule,
-        FsFormModule,
-        FsLabelModule,
-        FsSkeletonModule,
-        FsHtmlEditorModule,
-        FsDialogModule,
-        FsTextEditorModule,
-        FsContentEditorModule], exports: [FsContentLayoutsComponent] });
-FsContentLayoutsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentLayoutsModule, imports: [[
-            CommonModule,
-            FormsModule,
-            MatDialogModule,
-            MatInputModule,
-            MatFormFieldModule,
-            MatButtonModule,
-            MatTabsModule,
-            MatIconModule,
-            MatSelectModule,
-            MatButtonToggleModule,
-            FsListModule,
-            FsDateModule,
-            FsFormModule,
-            FsLabelModule,
-            FsSkeletonModule,
-            FsHtmlEditorModule,
-            FsDialogModule,
-            FsTextEditorModule,
-            FsContentEditorModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentLayoutsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        MatDialogModule,
-                        MatInputModule,
-                        MatFormFieldModule,
-                        MatButtonModule,
-                        MatTabsModule,
-                        MatIconModule,
-                        MatSelectModule,
-                        MatButtonToggleModule,
-                        FsListModule,
-                        FsDateModule,
-                        FsFormModule,
-                        FsLabelModule,
-                        FsSkeletonModule,
-                        FsHtmlEditorModule,
-                        FsDialogModule,
-                        FsTextEditorModule,
-                        FsContentEditorModule,
-                    ],
-                    exports: [
-                        FsContentLayoutsComponent,
-                    ],
-                    declarations: [
-                        ContentLayoutComponent,
-                        FsContentLayoutsComponent,
-                        ContentLayoutEditorComponent,
-                    ],
-                }]
-        }] });
-
-const PageTypes = [
-    { name: 'Standard Page', value: PageType.StandardPage },
-    { name: 'Home Page', value: PageType.HomePage },
-    { name: 'Not Found Page', value: PageType.NotFoundPage },
-    { name: 'Blog Post', value: PageType.BlogPost },
-];
-
-class ContentPageComponent {
-    constructor(_config, _data, _dialogRef, _message, _cdRef) {
-        this._config = _config;
-        this._data = _data;
-        this._dialogRef = _dialogRef;
-        this._message = _message;
-        this._cdRef = _cdRef;
-        this.contentPage = null;
-        this.PageTypes = PageTypes;
-        this.editors = { content: true, styles: true };
-        this._destroy$ = new Subject();
-        this.save = () => {
-            return this._config.saveContentPage(this.contentPage)
-                .pipe(tap((contentPage) => {
-                this._message.success('Saved Changes');
-                this._dialogRef.close(contentPage);
-            }));
-        };
-    }
-    ngOnInit() {
-        this._dialogRef.updateSize('600px');
-        this._fetchData();
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    _fetchData() {
-        this._config.loadContentLayouts()
-            .subscribe((contentLayouts) => {
-            this.contentLayouts = contentLayouts;
-            this._cdRef.markForCheck();
-        });
-        of(this._data.contentPage)
-            .pipe(switchMap((contentPage) => {
-            return of(contentPage);
-        }), takeUntil(this._destroy$))
-            .subscribe((contentPage) => {
-            this.contentPage = Object.assign({}, contentPage);
-            this._cdRef.markForCheck();
-        });
-    }
-}
-ContentPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentPageComponent, deps: [{ token: FS_CONTENT_CONFIG }, { token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }, { token: i2.FsMessage }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ContentPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ContentPageComponent, selector: "ng-component", viewQueries: [{ propertyName: "textEditors", predicate: FsTextEditorComponent, descendants: true }], ngImport: i0, template: "<form fsForm [submit]=\"save\" *fsSkeletonForm=\"contentPage\">\n  <fs-dialog>\n    <h1 mat-dialog-title>{{contentPage.id ? 'Page' : 'Create Page'}}</h1>\n    <div mat-dialog-content>\n      <div class=\"fs-column\">\n        <mat-form-field>\n          <mat-label>Type</mat-label>\n          <mat-select\n              [(ngModel)]=\"contentPage.type\"\n              name=\"type\"\n              required>\n            <mat-option\n                *ngFor=\"let item of PageTypes\"\n                [value]=\"item.value\">\n              {{ item.name }}\n            </mat-option>\n          </mat-select>\n        </mat-form-field>\n        <mat-form-field *ngIf=\"contentLayouts\">\n          <mat-label>Layout</mat-label>\n          <mat-select\n            [(ngModel)]=\"contentPage.contentLayoutId\"\n            required\n            name=\"contentLayoutId\">\n              <mat-option\n                *ngFor=\"let item of contentLayouts\"\n                [value]=\"item.id\">\n                  {{ item.name }}\n              </mat-option>\n          </mat-select>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>Name</mat-label>\n          <input\n            matInput\n            [(ngModel)]=\"contentPage.name\"\n            name=\"name\"\n            required>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>Path</mat-label>\n          <input\n            matInput\n            [(ngModel)]=\"contentPage.path\"\n            name=\"path\"\n            required>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>Title</mat-label>\n          <input\n            matInput\n            [(ngModel)]=\"contentPage.title\"\n            name=\"title\">\n        </mat-form-field>\n      </div>\n    </div>\n\n    <div mat-dialog-actions>\n      <fs-form-dialog-actions>\n      </fs-form-dialog-actions>\n    </div>\n  </fs-dialog>\n</form>\n", styles: [""], components: [{ type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i5$2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i6$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i5.FsFormDialogActionsComponent, selector: "fs-form-dialog-actions", inputs: ["save", "create", "close", "done", "closeData", "name"] }], directives: [{ type: i8.FsSkeletonFormDirective, selector: "[fsSkeletonForm]", inputs: ["fsSkeletonForm", "fsSkeletonFormLines"] }, { type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i9.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i4$1.MatLabel, selector: "mat-label" }, { type: i9.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8$1.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: i9.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: i5.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentPageComponent, decorators: [{
-            type: Component,
-            args: [{
-                    templateUrl: './content-page.component.html',
-                    styleUrls: ['./content-page.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FS_CONTENT_CONFIG]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$1.MatDialogRef }, { type: i2.FsMessage }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { textEditors: [{
-                type: ViewChildren,
-                args: [FsTextEditorComponent]
-            }] } });
-
-class ContentPageEditorComponent {
-    constructor(_data, _dialogRef, _message, _dialog, _cdRef, _prompt) {
-        this._data = _data;
-        this._dialogRef = _dialogRef;
-        this._message = _message;
-        this._dialog = _dialog;
-        this._cdRef = _cdRef;
-        this._prompt = _prompt;
-        this.focused = null;
-        this.resizing = false;
-        this.editors = {
-            [EditorType.Html]: true,
-            [EditorType.Scss]: true,
-            [EditorType.Js]: false,
-            [EditorType.GlobalScss]: false,
-        };
-        this._destroy$ = new Subject();
-        this.submit = () => {
-            this.submitting = true;
-            return of(null)
-                .pipe(filter(() => this.focused), switchMap(() => {
-                switch (this.focused) {
-                    case EditorType.Js:
-                    case EditorType.Html:
-                    case EditorType.Scss:
-                        return this.saveContentPage();
-                    case EditorType.GlobalScss:
-                        return this.editor.saveGlobalScss();
-                }
-                return throwError('Invalid focus');
-            }), tap(() => {
-                this.editor.clearChange(this.focused);
-                this._cdRef.markForCheck();
-            }), finalize(() => {
-                this.submitting = false;
-                this._cdRef.markForCheck();
-            }))
-                .pipe(takeUntil(this._destroy$));
-        };
-    }
-    get isMac() {
-        return navigator.platform.toUpperCase().indexOf('MAC') >= 0;
-    }
-    ngOnInit() {
-        this._dialogRef.addPanelClass('fs-content-editor-overlay-pane');
-        this._dialogRef.disableClose = true;
-        this.config = this._data.contentConfig;
-        this._initContentPage(this._data.contentPage);
-        this._initEscape();
-    }
-    editorToggleChange(event) {
-        this.editors[event.value] = !this.editors[event.value];
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    _initContentPage(contentPage) {
-        this.config.loadContentPage(contentPage.id)
-            .subscribe((data) => {
-            this.contentPage = data;
-            this._cdRef.markForCheck();
-        });
-    }
-    editorFocused(type) {
-        this.focused = type;
-    }
-    save() {
-        this.submit()
-            .subscribe();
-    }
-    saveContentPage() {
-        const names = {
-            [EditorType.Js]: 'js',
-            [EditorType.Scss]: 'styles',
-            [EditorType.Html]: 'content',
-        };
-        const data = {
-            id: this.contentPage.id,
-            [names[this.focused]]: this.editor.changes[this.focused],
-        };
-        return this.config.saveContentPage(Object.assign({ id: this.contentPage.id }, data))
-            .pipe(tap(() => {
-            this._message.success('Saved Changes');
-        }));
-    }
-    close() {
-        if (!this.editor.hasChanges) {
-            return this._dialogRef.close();
-        }
-        this._prompt.confirm({
-            dialogConfig: {
-                width: null,
-            },
-            title: 'You have unsaved changes',
-            template: 'What would you like to do with your changes?',
-            buttons: [
-                {
-                    label: 'Review Changes',
-                    value: 'review',
-                },
-                {
-                    label: 'Discard Changes',
-                    value: 'discard',
-                },
-            ],
-        })
-            .pipe(takeUntil(this._destroy$))
-            .subscribe((value) => {
-            if (value === 'discard') {
-                this._dialogRef.close();
-            }
-        });
-    }
-    openSettings() {
-        this._dialog.open(ContentPageComponent, {
-            data: {
-                contentPage: this.contentPage,
-            },
-        })
-            .afterClosed()
-            .pipe(takeUntil(this._destroy$))
-            .subscribe((contentPage) => {
-            this.contentPage = Object.assign(Object.assign({}, this.contentPage), contentPage);
-            this._cdRef.markForCheck();
-        });
-    }
-    _initEscape() {
-        fromEvent(document, 'keydown')
-            .pipe(filter((event) => event.code === 'Escape'), takeUntil(this._destroy$)).subscribe(() => {
-            const dialogRef = this._dialog.openDialogs.reverse()[0];
-            if ((dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.componentInstance) === this) {
-                this.close();
-            }
-        });
-    }
-}
-ContentPageEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentPageEditorComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }, { token: i2.FsMessage }, { token: i1$1.MatDialog }, { token: i0.ChangeDetectorRef }, { token: i3$1.FsPrompt }], target: i0.ɵɵFactoryTarget.Component });
-ContentPageEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ContentPageEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "editor", first: true, predicate: EditorComponent, descendants: true }], ngImport: i0, template: "<form fsForm [submit]=\"submit\" [dirtySubmitButton]=\"false\" [confirm]=\"false\">\n  <fs-dialog *fsSkeletonForm=\"contentPage\">\n    <h1 mat-dialog-title>\n      <div class=\"title-container\">\n        <div class=\"title\">\n          Page Editor\n          <div class=\"small\">{{contentPage.name}}</div>   \n        </div>\n        <a\n            (click)=\"openSettings()\"\n            mat-icon-button>\n          <mat-icon>settings</mat-icon>\n        </a>\n\n        <div class=\"toggles\">\n          <mat-button-toggle-group multiple>\n            <mat-button-toggle value=\"html\" [checked]=\"editors.html\" (change)=\"editorToggleChange($event)\">HTML</mat-button-toggle>\n            <mat-button-toggle value=\"scss\" [checked]=\"editors.scss\" (change)=\"editorToggleChange($event)\">SCSS</mat-button-toggle>\n            <mat-button-toggle value=\"js\" [checked]=\"editors.js\" (change)=\"editorToggleChange($event)\">JS</mat-button-toggle>\n            <mat-button-toggle value=\"globalScss\" [checked]=\"editors.globalScss\" (change)=\"editorToggleChange($event)\">Global SCSS</mat-button-toggle>\n          </mat-button-toggle-group>      \n        </div>\n\n        <div class=\"actions\">\n          <button\n              #submit\n              mat-stroked-button\n              color=\"primary\"\n              [disabled]=\"!editor?.hasChanges || submitting\"\n              [matTooltip]=\"isMac ? 'cmd+s' : 'ctrl+s'\"\n              type=\"button\"\n              (click)=\"save()\">  \n            Save\n          </button>\n\n          <button \n              mat-stroked-button\n              (click)=\"close()\"\n              type=\"button\">  \n            Done\n          </button>\n        </div>\n      </div>\n    </h1>\n    <div mat-dialog-content>\n      <app-editor\n        [contentConfig]=\"config\"\n        [showHtml]=\"editors.html\"\n        [showJs]=\"editors.js\"\n        [showScss]=\"editors.scss\"\n        [showGlobalScss]=\"editors.globalScss\"\n        [html]=\"contentPage.content\"\n        [scss]=\"contentPage.styles\"\n        [js]=\"contentPage.js\"\n        (focused)=\"editorFocused($event)\">\n      </app-editor>\n    </div>\n  </fs-dialog>\n</form>\n", styles: ["::ng-deep .fs-content-editor-overlay-pane .mat-dialog-container{border-radius:0}form{height:100%}fs-dialog{display:flex;height:100%;flex-direction:column}fs-dialog ::ng-deep .mat-dialog-content{max-height:none;flex:1;overflow:hidden}fs-dialog ::ng-deep .mat-button-toggle-label-content{line-height:36px}h1 .toggles{display:flex;justify-content:flex-end;justify-self:baseline;font-size:13px}h1 .actions{margin-left:30px}h1 .actions button{margin-left:5px}.title-container{display:flex;align-items:center}.title-container .title{flex:1}.title-container .title .small{line-height:normal}\n"], components: [{ type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i5$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-labelledby", "tabIndex", "appearance", "checked", "disabled", "id", "name", "aria-label", "value"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { type: i5$1.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"] }, { type: EditorComponent, selector: "app-editor", inputs: ["showHtml", "showScss", "showJs", "showGlobalScss", "html", "scss", "js", "contentConfig"], outputs: ["changed", "focused", "blured"] }], directives: [{ type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i9.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { type: i8.FsSkeletonFormDirective, selector: "[fsSkeletonForm]", inputs: ["fsSkeletonForm", "fsSkeletonFormLines"] }, { type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i8$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { type: i5.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit", "form"] }, { type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentPageEditorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    templateUrl: './content-page-editor.component.html',
-                    styleUrls: ['./content-page-editor.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$1.MatDialogRef }, { type: i2.FsMessage }, { type: i1$1.MatDialog }, { type: i0.ChangeDetectorRef }, { type: i3$1.FsPrompt }]; }, propDecorators: { editor: [{
-                type: ViewChild,
-                args: [EditorComponent]
-            }] } });
-
-class FsContentPagesComponent {
-    constructor(_config, _dialog) {
-        this._config = _config;
-        this._dialog = _dialog;
-        this.pageTypes = index(PageTypes, 'value', 'name');
-        this._destroy$ = new Subject();
-    }
-    ngOnInit() {
-        this._initListConfig();
-    }
-    openEditor(contentPage) {
-        this._dialog.open(ContentPageEditorComponent, {
-            data: {
-                contentPage,
-                config: this._config,
-                contentConfig: this._config,
-            },
-            maxWidth: '100vw',
-            width: '100%',
-            height: '100%',
-            autoFocus: false,
-        })
-            .afterClosed()
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(() => {
-            this.listComponent.reload();
-        });
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    openContentPage(contentPage) {
-        return this._dialog.open(ContentPageComponent, {
-            data: { contentPage },
-        })
-            .afterClosed()
-            .pipe(takeUntil(this._destroy$));
-    }
-    _initListConfig() {
-        this.listConfig = {
-            filters: [
-                {
-                    name: 'keyword',
-                    type: ItemType.Keyword,
-                    label: 'Search',
-                },
-            ],
-            actions: [
-                {
-                    label: 'Create',
-                    click: () => {
-                        this.openContentPage({
-                            type: PageType.StandardPage,
-                        })
-                            .pipe(filter((contentPage) => !!contentPage))
-                            .subscribe((contentPage) => {
-                            this.openEditor(contentPage);
-                            this.listComponent.reload();
-                        });
-                    },
-                },
-            ],
-            rowActions: [
-                {
-                    click: (data) => {
-                        return this._config.deleteContentPage(data);
-                    },
-                    remove: {
-                        title: 'Confirm',
-                        template: 'Are you sure you would like to delete this record?',
-                    },
-                    menu: true,
-                    label: 'Delete',
-                },
-            ],
-            fetch: (query) => {
-                return this._config.loadContentPages(query)
-                    .pipe(map((response) => {
-                    return { data: response.contentPages, paging: response.paging };
-                }));
-            },
-            restore: {
-                query: { state: 'deleted' },
-                filterLabel: 'Show Deleted',
-                menuLabel: 'Restore',
-                reload: true,
-                click: (row) => {
-                    return this._config.saveContentPage({ id: row.id, state: 'active' });
-                },
-            },
-        };
-    }
-}
-FsContentPagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentPagesComponent, deps: [{ token: FS_CONTENT_CONFIG }, { token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-FsContentPagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentPagesComponent, selector: "fs-content-pages", inputs: { htmlEditorConfig: "htmlEditorConfig" }, viewQueries: [{ propertyName: "listComponent", first: true, predicate: FsListComponent, descendants: true }], ngImport: i0, template: "<fs-list [config]=\"listConfig\">\n  <fs-list-column name=\"name\" title=\"Name\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"openEditor(row)\">{{row.name}}</a>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column name=\"path\" title=\"Path\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <a [href]=\"'/' + row.path\" target=\"_black\">/{{row.path}}</a>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column name=\"type\" title=\"Type\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{pageTypes[row.type]}}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column name=\"modify_date\" title=\"Modified\" [sortable]=\"true\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{row.modifyDate | fsDate: 'date-time-yearless'}}\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$2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }], directives: [{ type: i2$2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2$2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }], pipes: { "fsDate": i3$2.FsDatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentPagesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fs-content-pages',
-                    templateUrl: './content-pages.component.html',
-                    styleUrls: ['./content-pages.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FS_CONTENT_CONFIG]
-                }] }, { type: i1$1.MatDialog }]; }, propDecorators: { htmlEditorConfig: [{
-                type: Input
-            }], listComponent: [{
-                type: ViewChild,
-                args: [FsListComponent]
-            }] } });
-
-class FsContentPagesModule {
-    static forRoot() {
-        return {
-            ngModule: FsContentPagesModule,
-        };
-    }
-}
-FsContentPagesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentPagesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FsContentPagesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentPagesModule, declarations: [FsContentPagesComponent,
-        ContentPageComponent,
-        ContentPageEditorComponent], imports: [CommonModule,
-        FormsModule,
-        MatDialogModule,
-        MatInputModule,
-        MatFormFieldModule,
-        MatButtonModule,
-        MatTabsModule,
-        MatIconModule,
-        MatSelectModule,
-        MatButtonToggleModule,
-        MatTooltipModule,
-        FsListModule,
-        FsDateModule,
-        FsCommonModule,
-        FsFormModule,
-        FsLabelModule,
-        FsSkeletonModule,
-        FsHtmlEditorModule,
-        FsDialogModule,
-        FsTextEditorModule,
-        FsContentEditorModule], exports: [FsContentPagesComponent] });
-FsContentPagesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentPagesModule, imports: [[
-            CommonModule,
-            FormsModule,
-            MatDialogModule,
-            MatInputModule,
-            MatFormFieldModule,
-            MatButtonModule,
-            MatTabsModule,
-            MatIconModule,
-            MatSelectModule,
-            MatButtonToggleModule,
-            MatTooltipModule,
-            FsListModule,
-            FsDateModule,
-            FsCommonModule,
-            FsFormModule,
-            FsLabelModule,
-            FsSkeletonModule,
-            FsHtmlEditorModule,
-            FsDialogModule,
-            FsTextEditorModule,
-            FsContentEditorModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentPagesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        MatDialogModule,
-                        MatInputModule,
-                        MatFormFieldModule,
-                        MatButtonModule,
-                        MatTabsModule,
-                        MatIconModule,
-                        MatSelectModule,
-                        MatButtonToggleModule,
-                        MatTooltipModule,
-                        FsListModule,
-                        FsDateModule,
-                        FsCommonModule,
-                        FsFormModule,
-                        FsLabelModule,
-                        FsSkeletonModule,
-                        FsHtmlEditorModule,
-                        FsDialogModule,
-                        FsTextEditorModule,
-                        FsContentEditorModule,
-                    ],
-                    exports: [
-                        FsContentPagesComponent,
-                    ],
-                    declarations: [
-                        FsContentPagesComponent,
-                        ContentPageComponent,
-                        ContentPageEditorComponent,
-                    ],
-                }]
-        }] });
-
-class ContentStyleComponent {
-    constructor(_config, _message, _cdRef) {
-        this._config = _config;
-        this._message = _message;
-        this._cdRef = _cdRef;
-        this.height = '100%';
-        this.contentStyle = null;
-        this.styleConfig = {
-            tabSize: 2,
-            language: 'scss',
-            height: '100%',
-        };
-        this._destroy$ = new Subject();
-    }
-    ngOnInit() {
-        this.styleConfig.height = this.height;
-        this._config.loadContentStyle()
-            .subscribe((contentStyle) => {
-            this.contentStyle = contentStyle;
-            this._cdRef.markForCheck();
-        });
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    save() {
-        this._config.saveContentStyle(this.contentStyle)
-            .pipe(tap((contentStyle) => {
-            this.contentStyle = Object.assign(Object.assign({}, this.contentStyle), contentStyle);
-            this._cdRef.markForCheck();
-            this._message.success('Saved Changes');
-        })).subscribe();
-    }
-}
-ContentStyleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentStyleComponent, deps: [{ token: FS_CONTENT_CONFIG }, { token: i2.FsMessage }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ContentStyleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ContentStyleComponent, selector: "fs-content-style", inputs: { height: "height" }, viewQueries: [{ propertyName: "textEditors", first: true, predicate: FsTextEditorComponent, descendants: true }, { propertyName: "form", first: true, predicate: FsFormDirective, descendants: true }], ngImport: i0, template: "<ng-container *fsSkeletonForm=\"contentStyle\">\n  <fs-text-editor \n    [(ngModel)]=\"contentStyle.scss\" \n    name=\"contentStyle\"\n    [fsModelChangeOptions]=\"{ debounce: 300 }\"\n    (fsModelChange)=\"save()\"\n    [config]=\"styleConfig\">\n  </fs-text-editor>              \n</ng-container>\n", styles: [""], components: [{ type: i4.FsTextEditorComponent, selector: "fs-text-editor", inputs: ["config", "scrollable"], outputs: ["ready", "blur"] }], directives: [{ type: i8.FsSkeletonFormDirective, selector: "[fsSkeletonForm]", inputs: ["fsSkeletonForm", "fsSkeletonFormLines"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.FsModelChangeDirective, selector: "[fsModelChange]", inputs: ["fsModelChangeOptions"], outputs: ["fsModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentStyleComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fs-content-style',
-                    templateUrl: './content-style.component.html',
-                    styleUrls: ['./content-style.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FS_CONTENT_CONFIG]
-                }] }, { type: i2.FsMessage }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { textEditors: [{
-                type: ViewChild,
-                args: [FsTextEditorComponent]
-            }], form: [{
-                type: ViewChild,
-                args: [FsFormDirective]
-            }], height: [{
-                type: Input
-            }] } });
-
-class FsContentStyleModule {
-}
-FsContentStyleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentStyleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FsContentStyleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentStyleModule, declarations: [ContentStyleComponent], imports: [CommonModule,
-        FormsModule,
-        MatButtonModule,
-        FsTextEditorModule,
-        FsSkeletonModule,
-        FsCommonModule,
-        FsContentEditorModule], exports: [ContentStyleComponent] });
-FsContentStyleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentStyleModule, imports: [[
-            CommonModule,
-            FormsModule,
-            MatButtonModule,
-            FsTextEditorModule,
-            FsSkeletonModule,
-            FsCommonModule,
-            FsContentEditorModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentStyleModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        MatButtonModule,
-                        FsTextEditorModule,
-                        FsSkeletonModule,
-                        FsCommonModule,
-                        FsContentEditorModule,
-                    ],
-                    exports: [
-                        ContentStyleComponent,
-                    ],
-                    declarations: [
-                        ContentStyleComponent,
-                    ],
-                }]
-        }] });
-
-class ContentRendererComponent {
-    constructor(_sanitizer, _router, _el, _htmlRenderer) {
-        this._sanitizer = _sanitizer;
-        this._router = _router;
-        this._el = _el;
-        this._htmlRenderer = _htmlRenderer;
-        this._destroy$ = new Subject();
-    }
-    ngOnChanges(changes) {
-        if (changes.contentPage.currentValue) {
-            this._htmlRenderer.addStyle(this.contentPage.styles, { id: 'contentPageStyles' });
-            this.content = this._sanitizer.bypassSecurityTrustHtml(this.contentPage.content);
-        }
-    }
-    ngAfterViewChecked() {
-        this.registerHrefs();
-        if (this.contentPage.js) {
-            const script = document.createElement('script');
-            script.text = this.contentPage.js;
-            this.script.nativeElement.after(script);
-        }
-    }
-    registerHrefs() {
-        Array.from(this.el.querySelectorAll('a[href]'))
-            .filter((el) => {
-            return el.getAttribute('href').match(/^\//);
-        })
-            .forEach((el) => {
-            el.addEventListener('click', (event) => {
-                if (!event.shiftKey && !event.ctrlKey) {
-                    event.preventDefault();
-                    const href = el.getAttribute('href');
-                    this._router.navigateByUrl(href);
-                }
-            });
-        });
-    }
-    get el() {
-        return this._el.nativeElement;
-    }
-    ngOnDestroy() {
-        this.removeStyles();
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    removeStyles() {
-        const el = document.querySelector('#contentPageStyles');
-        if (el) {
-            el.remove();
-        }
-    }
-}
-ContentRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentRendererComponent, deps: [{ token: i1$2.DomSanitizer }, { token: i2$3.Router }, { token: i0.ElementRef }, { token: i3$3.HtmlRenderer }], target: i0.ɵɵFactoryTarget.Component });
-ContentRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ContentRendererComponent, selector: "fs-content-renderer", inputs: { contentPage: "contentPage" }, viewQueries: [{ propertyName: "script", first: true, predicate: ["script"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"content\" [innerHTML]=\"content\"></div>\n<span #script></span>", styles: [""], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentRendererComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fs-content-renderer',
-                    templateUrl: './content-renderer.component.html',
-                    styleUrls: ['./content-renderer.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }, { type: i2$3.Router }, { type: i0.ElementRef }, { type: i3$3.HtmlRenderer }]; }, propDecorators: { script: [{
-                type: ViewChild,
-                args: ['script', { read: ElementRef }]
-            }], contentPage: [{
-                type: Input
-            }] } });
-
-class FsContentComponent {
-    constructor(_config, _title, _cdRef, _router, _el, _htmlRenderer) {
-        this._config = _config;
-        this._title = _title;
-        this._cdRef = _cdRef;
-        this._router = _router;
-        this._el = _el;
-        this._htmlRenderer = _htmlRenderer;
-        this._destroy$ = new Subject();
-    }
-    ngOnInit() {
-        this._initContent();
-        this._initStyles();
-    }
-    get el() {
-        return this._el.nativeElement;
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-        this._title.setTitle('');
-    }
-    _initStyles() {
-        if (this._config.loadContentStyleCss) {
-            this._config.loadContentStyleCss()
-                .subscribe((styles) => {
-                this._htmlRenderer.addStyle(styles, { id: 'content-sytle' });
-            });
-        }
-    }
-    _initContent() {
-        this._loadContent();
-        this._router.events
-            .pipe(filter((e) => e instanceof NavigationEnd), takeUntil(this._destroy$))
-            .subscribe((e) => {
-            this._loadContent();
-        });
-    }
-    _loadContent() {
-        const path = window.location.pathname;
-        this._config.loadContent(path)
-            .subscribe((contentPage) => {
-            if (contentPage.title) {
-                this._title.setTitle(contentPage.title);
-                let ogTitleEl = document.querySelector('head meta[property="og:title"]');
-                if (!ogTitleEl) {
-                    ogTitleEl = document.createElement('meta');
-                    ogTitleEl.setAttribute('property', 'og:title');
-                    document.getElementsByTagName('head')[0].appendChild(ogTitleEl);
-                }
-                ogTitleEl.setAttribute('content', contentPage.title);
-            }
-            this.contentPage = contentPage;
-            this._cdRef.markForCheck();
-        });
-    }
-}
-FsContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentComponent, deps: [{ token: FS_CONTENT_CONFIG }, { token: i1$2.Title }, { token: i0.ChangeDetectorRef }, { token: i2$3.Router }, { token: i0.ElementRef }, { token: i3$3.HtmlRenderer }], target: i0.ɵɵFactoryTarget.Component });
-FsContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentComponent, selector: "fs-content", ngImport: i0, template: "<ng-container *ngIf=\"contentPage\">\n  <fs-content-renderer [contentPage]=\"contentPage\"></fs-content-renderer>\n</ng-container>", styles: [""], components: [{ type: ContentRendererComponent, selector: "fs-content-renderer", inputs: ["contentPage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'fs-content',
-                    templateUrl: './content.component.html',
-                    styleUrls: ['./content.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FS_CONTENT_CONFIG]
-                }] }, { type: i1$2.Title }, { type: i0.ChangeDetectorRef }, { type: i2$3.Router }, { type: i0.ElementRef }, { type: i3$3.HtmlRenderer }]; } });
-
-class FsContentModule {
-}
-FsContentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FsContentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentModule, declarations: [FsContentComponent,
-        ContentRendererComponent], imports: [CommonModule,
-        FsHtmlEditorModule], exports: [FsContentComponent] });
-FsContentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentModule, imports: [[
-            CommonModule,
-            FsHtmlEditorModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FsHtmlEditorModule,
-                    ],
-                    exports: [
-                        FsContentComponent,
-                    ],
-                    declarations: [
-                        FsContentComponent,
-                        ContentRendererComponent,
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ContentStyleComponent, FS_CONTENT_CONFIG, FsContentComponent, FsContentLayoutsComponent, FsContentLayoutsModule, FsContentModule, FsContentPagesComponent, FsContentPagesModule, FsContentStyleModule };
-//# sourceMappingURL=firestitch-content.js.map