@firestitch/content 12.0.3 → 12.2.0
Sign up to get free protection for your applications and to get access to all the features.
- package/app/interfaces/content-config.d.ts +3 -3
- package/app/modules/content-layouts/fs-content-layouts.module.d.ts +18 -19
- package/app/modules/content-pages/components/content-page/content-page.component.d.ts +1 -1
- package/app/modules/content-pages/components/content-pages/content-pages.component.d.ts +2 -3
- package/app/modules/content-pages/fs-content-pages.module.d.ts +18 -19
- package/app/modules/editor/components/editor/editor.component.d.ts +22 -7
- package/bundles/firestitch-content.umd.js +248 -186
- package/bundles/firestitch-content.umd.js.map +1 -1
- package/esm2015/app/interfaces/content-config.js +1 -1
- package/esm2015/app/modules/content-layouts/components/content-layout/content-layout.component.js +3 -4
- package/esm2015/app/modules/content-layouts/fs-content-layouts.module.js +8 -12
- package/esm2015/app/modules/content-pages/components/content-page/content-page.component.js +8 -8
- package/esm2015/app/modules/content-pages/components/content-pages/content-pages.component.js +25 -28
- package/esm2015/app/modules/content-pages/fs-content-pages.module.js +9 -13
- package/esm2015/app/modules/editor/components/editor/editor.component.js +97 -27
- package/fesm2015/firestitch-content.js +186 -127
- package/fesm2015/firestitch-content.js.map +1 -1
- package/package.json +5 -6
|
@@ -1,46 +1,45 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { InjectionToken, Component, ChangeDetectionStrategy, Inject, ViewChildren, Input, ViewChild, NgModule } from '@angular/core';
|
|
3
|
-
import * as i11 from '@angular/common';
|
|
1
|
+
import * as i10 from '@angular/common';
|
|
4
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
+
import * as i0 from '@angular/core';
|
|
4
|
+
import { InjectionToken, Component, ChangeDetectionStrategy, Inject, ViewChildren, ElementRef, ViewChild, NgModule, Input } from '@angular/core';
|
|
5
|
+
import * as i9 from '@angular/forms';
|
|
6
|
+
import { FormsModule } from '@angular/forms';
|
|
7
|
+
import * as i4$1 from '@angular/material/button';
|
|
5
8
|
import { MatButtonModule } from '@angular/material/button';
|
|
6
|
-
import
|
|
9
|
+
import * as i9$1 from '@angular/material/button-toggle';
|
|
10
|
+
import { MatButtonToggleModule } from '@angular/material/button-toggle';
|
|
7
11
|
import * as i1 from '@angular/material/dialog';
|
|
8
12
|
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
9
|
-
import * as i9 from '@angular/forms';
|
|
10
|
-
import { FormsModule } from '@angular/forms';
|
|
11
|
-
import * as i12 from '@angular/material/input';
|
|
12
|
-
import { MatInputModule } from '@angular/material/input';
|
|
13
13
|
import * as i4 from '@angular/material/form-field';
|
|
14
14
|
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
15
|
-
import * as
|
|
15
|
+
import * as i5$1 from '@angular/material/icon';
|
|
16
16
|
import { MatIconModule } from '@angular/material/icon';
|
|
17
|
+
import * as i11 from '@angular/material/input';
|
|
18
|
+
import { MatInputModule } from '@angular/material/input';
|
|
17
19
|
import * as i5 from '@angular/material/select';
|
|
18
20
|
import { MatSelectModule } from '@angular/material/select';
|
|
19
|
-
import {
|
|
20
|
-
import * as
|
|
21
|
-
import { MatButtonToggleModule } from '@angular/material/button-toggle';
|
|
22
|
-
import * as i2$1 from '@firestitch/list';
|
|
23
|
-
import { FsListComponent, FsListModule } from '@firestitch/list';
|
|
24
|
-
import * as i4$2 from '@firestitch/date';
|
|
21
|
+
import { MatTabsModule } from '@angular/material/tabs';
|
|
22
|
+
import * as i3$1 from '@firestitch/date';
|
|
25
23
|
import { FsDateModule } from '@firestitch/date';
|
|
26
24
|
import * as i3 from '@firestitch/dialog';
|
|
27
25
|
import { FsDialogModule } from '@firestitch/dialog';
|
|
28
26
|
import * as i7 from '@firestitch/form';
|
|
29
27
|
import { FsFormModule } from '@firestitch/form';
|
|
30
28
|
import { FsHtmlEditorModule } from '@firestitch/html-editor';
|
|
31
|
-
import * as i6$1 from '@firestitch/
|
|
32
|
-
import { FsTextEditorComponent, FsTextEditorModule } from '@firestitch/text-editor';
|
|
33
|
-
import * as i5$1 from '@firestitch/label';
|
|
29
|
+
import * as i6$1 from '@firestitch/label';
|
|
34
30
|
import { FsLabelModule } from '@firestitch/label';
|
|
31
|
+
import * as i2$1 from '@firestitch/list';
|
|
32
|
+
import { FsListModule, FsListComponent } from '@firestitch/list';
|
|
35
33
|
import * as i8 from '@firestitch/skeleton';
|
|
36
34
|
import { FsSkeletonModule } from '@firestitch/skeleton';
|
|
35
|
+
import * as i7$1 from '@firestitch/text-editor';
|
|
36
|
+
import { FsTextEditorComponent, FsTextEditorModule } from '@firestitch/text-editor';
|
|
37
37
|
import * as i2 from '@firestitch/message';
|
|
38
|
-
import { Subject, of } from 'rxjs';
|
|
39
|
-
import { tap, switchMap, takeUntil, filter, map } from 'rxjs/operators';
|
|
38
|
+
import { Subject, of, fromEvent } from 'rxjs';
|
|
39
|
+
import { tap, switchMap, takeUntil, finalize, take, filter, map } from 'rxjs/operators';
|
|
40
40
|
import * as i6 from '@angular/material/core';
|
|
41
|
-
import * as i10 from '@angular/flex-layout/flex';
|
|
42
|
-
import { ItemType } from '@firestitch/filter';
|
|
43
41
|
import { index } from '@firestitch/common';
|
|
42
|
+
import { ItemType } from '@firestitch/filter';
|
|
44
43
|
import * as i1$1 from '@angular/platform-browser';
|
|
45
44
|
import * as i2$2 from '@angular/router';
|
|
46
45
|
import { NavigationEnd } from '@angular/router';
|
|
@@ -82,6 +81,7 @@ class ContentPageComponent {
|
|
|
82
81
|
};
|
|
83
82
|
}
|
|
84
83
|
ngOnInit() {
|
|
84
|
+
this._dialogRef.updateSize('600px');
|
|
85
85
|
this._fetchData();
|
|
86
86
|
}
|
|
87
87
|
ngOnDestroy() {
|
|
@@ -105,7 +105,7 @@ class ContentPageComponent {
|
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
107
|
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.MatDialogRef }, { token: i2.FsMessage }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
108
|
-
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
|
|
108
|
+
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-select\n [(ngModel)]=\"contentPage.type\"\n name=\"type\"\n required\n placeholder=\"Type\">\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>\n <input\n matInput\n [(ngModel)]=\"contentPage.name\"\n name=\"name\"\n required\n placeholder=\"Name\">\n </mat-form-field>\n <mat-form-field>\n <input\n matInput\n [(ngModel)]=\"contentPage.path\"\n name=\"path\"\n placeholder=\"Path\">\n </mat-form-field>\n <mat-form-field>\n <input\n matInput\n [(ngModel)]=\"contentPage.title\"\n name=\"title\"\n placeholder=\"Title\">\n </mat-form-field>\n <mat-form-field *ngIf=\"contentLayouts\">\n <mat-select\n [(ngModel)]=\"contentPage.contentLayoutId\"\n required\n name=\"contentLayoutId\"\n placeholder=\"Layout\">\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 </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.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i7.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: i7.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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: i7.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: 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: i7.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: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
109
109
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentPageComponent, decorators: [{
|
|
110
110
|
type: Component,
|
|
111
111
|
args: [{
|
|
@@ -125,41 +125,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
125
125
|
}] } });
|
|
126
126
|
|
|
127
127
|
class EditorComponent {
|
|
128
|
-
constructor(_data, _dialogRef, _message) {
|
|
128
|
+
constructor(_data, _dialogRef, _dialog, _message, _cdRef) {
|
|
129
129
|
this._data = _data;
|
|
130
130
|
this._dialogRef = _dialogRef;
|
|
131
|
+
this._dialog = _dialog;
|
|
131
132
|
this._message = _message;
|
|
132
|
-
this.
|
|
133
|
-
this.
|
|
133
|
+
this._cdRef = _cdRef;
|
|
134
|
+
this.resizing = false;
|
|
134
135
|
this.editors = { content: true, styles: true };
|
|
135
136
|
this._destroy$ = new Subject();
|
|
136
137
|
this.save = () => {
|
|
137
|
-
return this.
|
|
138
|
+
return this._config.saveContentPage(this.contentPage)
|
|
138
139
|
.pipe(tap(() => {
|
|
139
140
|
this._message.success('Saved Changes');
|
|
140
141
|
}));
|
|
141
142
|
};
|
|
142
143
|
}
|
|
143
144
|
ngOnInit() {
|
|
144
|
-
this.
|
|
145
|
-
this.
|
|
146
|
-
this.
|
|
145
|
+
this.contentPage = this._data.contentPage;
|
|
146
|
+
this._config = this._data.config;
|
|
147
|
+
this._initSeparator();
|
|
147
148
|
}
|
|
148
149
|
editorToggleChange(event) {
|
|
149
150
|
this.editors[event.value] = !this.editors[event.value];
|
|
151
|
+
this.updateEditorLayouts();
|
|
152
|
+
}
|
|
153
|
+
updateEditorLayouts() {
|
|
150
154
|
setTimeout(() => {
|
|
151
|
-
this.
|
|
152
|
-
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
+
if (this.editors.content) {
|
|
156
|
+
this.contentEditor.updateLayout();
|
|
157
|
+
}
|
|
158
|
+
if (this.editors.styles) {
|
|
159
|
+
this.styleEditor.updateLayout();
|
|
160
|
+
}
|
|
161
|
+
});
|
|
155
162
|
}
|
|
156
163
|
ngOnDestroy() {
|
|
157
164
|
this._destroy$.next();
|
|
158
165
|
this._destroy$.complete();
|
|
159
166
|
}
|
|
167
|
+
openSettings() {
|
|
168
|
+
this._dialog.open(ContentPageComponent, {
|
|
169
|
+
data: {
|
|
170
|
+
contentPage: this.contentPage,
|
|
171
|
+
},
|
|
172
|
+
})
|
|
173
|
+
.afterClosed()
|
|
174
|
+
.pipe(takeUntil(this._destroy$))
|
|
175
|
+
.subscribe((contentPage) => {
|
|
176
|
+
this.contentPage = Object.assign(Object.assign({}, this.contentPage), contentPage);
|
|
177
|
+
this._cdRef.markForCheck();
|
|
178
|
+
});
|
|
179
|
+
}
|
|
180
|
+
_initSeparator() {
|
|
181
|
+
fromEvent(this.separator.nativeElement, 'mousedown')
|
|
182
|
+
.pipe(takeUntil(this._destroy$))
|
|
183
|
+
.subscribe((e) => {
|
|
184
|
+
this._moveSeparator(e);
|
|
185
|
+
});
|
|
186
|
+
}
|
|
187
|
+
_moveSeparator(separatorEvent) {
|
|
188
|
+
let mouseDown = {
|
|
189
|
+
clientX: separatorEvent.clientX,
|
|
190
|
+
clientY: separatorEvent.clientY,
|
|
191
|
+
offsetLeft: Number(this.separator.nativeElement.offsetLeft),
|
|
192
|
+
offsetTop: Number(this.separator.nativeElement.offsetTop),
|
|
193
|
+
firstWidth: Number(this.contentContainer.nativeElement.offsetWidth),
|
|
194
|
+
secondWidth: Number(this.styleContainer.nativeElement.offsetWidth),
|
|
195
|
+
};
|
|
196
|
+
this.resizing = true;
|
|
197
|
+
this._cdRef.markForCheck();
|
|
198
|
+
fromEvent(document, 'mousemove')
|
|
199
|
+
.pipe(finalize(() => {
|
|
200
|
+
mouseDown = null;
|
|
201
|
+
this.resizing = false;
|
|
202
|
+
this._cdRef.markForCheck();
|
|
203
|
+
this.updateEditorLayouts();
|
|
204
|
+
}), takeUntil(fromEvent(this.separator.nativeElement, 'mouseup')
|
|
205
|
+
.pipe(take(1), takeUntil(this._destroy$))), takeUntil(this._destroy$))
|
|
206
|
+
.subscribe((e) => {
|
|
207
|
+
const delta = { x: e.clientX - mouseDown.clientX,
|
|
208
|
+
y: e.clientY - mouseDown.clientY };
|
|
209
|
+
delta.x = Math.min(Math.max(delta.x, -mouseDown.firstWidth), mouseDown.secondWidth);
|
|
210
|
+
this.separator.nativeElement.style.left = `${mouseDown.offsetLeft + delta.x}px`;
|
|
211
|
+
this.contentContainer.nativeElement.style.width = `${mouseDown.firstWidth + delta.x}px`;
|
|
212
|
+
this.styleContainer.nativeElement.style.width = `${mouseDown.secondWidth - delta.x}px`;
|
|
213
|
+
});
|
|
214
|
+
}
|
|
160
215
|
}
|
|
161
|
-
EditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i2.FsMessage }], target: i0.ɵɵFactoryTarget.Component });
|
|
162
|
-
EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "
|
|
216
|
+
EditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i1.MatDialog }, { token: i2.FsMessage }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
217
|
+
EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "styleEditor", first: true, predicate: ["styleEditor"], descendants: true }, { propertyName: "contentEditor", first: true, predicate: ["contentEditor"], descendants: true }, { propertyName: "separator", first: true, predicate: ["separator"], descendants: true, read: ElementRef, static: true }, { propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, read: ElementRef, static: true }, { propertyName: "styleContainer", first: true, predicate: ["styleContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<form fsForm [submit]=\"save\">\n <fs-dialog>\n <h1 mat-dialog-title>\n <div class=\"title-container\">\n <div class=\"title\">\n Page\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 </div>\n </h1>\n <div mat-dialog-content>\n <div class=\"container\">\n <div class=\"editors\" [ngClass]=\"{ resizing: resizing, 'separator-enabled': editors.styles && editors.content }\">\n <div #contentContainer class=\"editor editor-content\" [ngClass]=\"{ 'content-enabled': editors.content }\">\n <fs-label>Content</fs-label>\n <div class=\"editor-container\">\n <fs-text-editor \n #contentEditor\n [(ngModel)]=\"contentPage.content\" \n name=\"content\"\n [config]=\"{ tabSize: 2, language: 'html' }\">\n </fs-text-editor> \n </div>\n </div>\n <div \n #separator\n class=\"separator\">\n </div>\n <div \n #styleContainer \n class=\"editor editor-styles\" \n [ngClass]=\"{ 'styles-enabled': editors.styles }\"\n [style.width]=\"'600px'\">\n <fs-label>Styles</fs-label>\n <div class=\"editor-container\">\n <fs-text-editor \n #styleEditor\n [(ngModel)]=\"contentPage.styles\" \n name=\"styles\"\n [config]=\"{ tabSize: 2, language: 'scss' }\">\n </fs-text-editor> \n </div>\n </div> \n </div>\n </div>\n </div>\n\n <div mat-dialog-actions>\n <fs-form-dialog-actions>\n </fs-form-dialog-actions>\n <div class=\"toggles\">\n <mat-button-toggle-group multiple>\n <mat-button-toggle value=\"content\" [checked]=\"editors.content\" (change)=\"editorToggleChange($event)\">Content</mat-button-toggle>\n <mat-button-toggle value=\"styles\" [checked]=\"editors.styles\" (change)=\"editorToggleChange($event)\">Styles</mat-button-toggle>\n </mat-button-toggle-group> \n </div>\n </div>\n </fs-dialog>\n</form>\n\n", styles: ["form{display:block;height:100%}form fs-dialog{display:flex;flex-direction:column;height:100%}form ::ng-deep .mat-dialog-content{max-height:none;flex:1}.toggles{display:flex;justify-content:flex-end;justify-self:baseline;flex:1}.container{height:100%;display:flex;flex-direction:column}.editors{width:5000px;max-width:100%;height:100%;display:flex;min-height:0}.editors:not(.separator-enabled) .separator{display:none}.editors:not(.separator-enabled) .editor{width:100%!important}.editors .separator{cursor:col-resize;background-color:#fff;background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='30'><path d='M2 0 v30 M5 0 v30 M8 0 v30' fill='none' stroke='black'/></svg>\");background-repeat:no-repeat;background-position:center;width:40px;height:100%;-webkit-user-select:none;user-select:none;flex-shrink:0}.editors .editor{height:100%;display:flex;min-width:0;width:100%;flex-direction:column}.editors .editor.editor-styles:not(.styles-enabled),.editors .editor.editor-content:not(.content-enabled){display:none}.editors .editor .editor-container{height:100%;overflow:hidden;background:#1E1E1E;border-radius:5px}.editors .editor .editor-container fs-text-editor{display:block}.editors .editor+.editor{margin-left:20px}.editors .editor fs-label{background-color:#fff;padding-bottom:5px}.title-container{display:flex;align-items:center}.title-container .title{flex:1}\n"], components: [{ type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileActionPlacement", "mobileWidth", "mode"] }, { type: i4$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: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6$1.FsLabelComponent, selector: "fs-label" }, { type: i7$1.FsTextEditorComponent, selector: "fs-text-editor", inputs: ["config", "scrollable"], outputs: ["init", "blur"] }, { type: i7.FsFormDialogActionsComponent, selector: "fs-form-dialog-actions", inputs: ["save", "create", "close", "done", "closeData", "name"] }, { type: i9$1.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: i7.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.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.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i9$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
163
218
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorComponent, decorators: [{
|
|
164
219
|
type: Component,
|
|
165
220
|
args: [{
|
|
@@ -170,11 +225,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
170
225
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
171
226
|
type: Inject,
|
|
172
227
|
args: [MAT_DIALOG_DATA]
|
|
173
|
-
}] }, { type: i1.MatDialogRef }, { type: i2.FsMessage }]; }, propDecorators: {
|
|
174
|
-
type:
|
|
175
|
-
args: [
|
|
228
|
+
}] }, { type: i1.MatDialogRef }, { type: i1.MatDialog }, { type: i2.FsMessage }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { styleEditor: [{
|
|
229
|
+
type: ViewChild,
|
|
230
|
+
args: ['styleEditor']
|
|
231
|
+
}], contentEditor: [{
|
|
232
|
+
type: ViewChild,
|
|
233
|
+
args: ['contentEditor']
|
|
234
|
+
}], separator: [{
|
|
235
|
+
type: ViewChild,
|
|
236
|
+
args: ['separator', { static: true, read: ElementRef }]
|
|
237
|
+
}], contentContainer: [{
|
|
238
|
+
type: ViewChild,
|
|
239
|
+
args: ['contentContainer', { static: true, read: ElementRef }]
|
|
240
|
+
}], styleContainer: [{
|
|
241
|
+
type: ViewChild,
|
|
242
|
+
args: ['styleContainer', { static: true, read: ElementRef }]
|
|
176
243
|
}] } });
|
|
177
244
|
|
|
245
|
+
class FsContentEditorModule {
|
|
246
|
+
}
|
|
247
|
+
FsContentEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
248
|
+
FsContentEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentEditorModule, declarations: [EditorComponent], imports: [CommonModule,
|
|
249
|
+
FormsModule,
|
|
250
|
+
MatDialogModule,
|
|
251
|
+
MatButtonModule,
|
|
252
|
+
MatTabsModule,
|
|
253
|
+
MatIconModule,
|
|
254
|
+
MatButtonToggleModule,
|
|
255
|
+
FsListModule,
|
|
256
|
+
FsFormModule,
|
|
257
|
+
FsLabelModule,
|
|
258
|
+
FsHtmlEditorModule,
|
|
259
|
+
FsDialogModule,
|
|
260
|
+
FsTextEditorModule], exports: [EditorComponent] });
|
|
261
|
+
FsContentEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentEditorModule, imports: [[
|
|
262
|
+
CommonModule,
|
|
263
|
+
FormsModule,
|
|
264
|
+
MatDialogModule,
|
|
265
|
+
MatButtonModule,
|
|
266
|
+
MatTabsModule,
|
|
267
|
+
MatIconModule,
|
|
268
|
+
MatButtonToggleModule,
|
|
269
|
+
FsListModule,
|
|
270
|
+
FsFormModule,
|
|
271
|
+
FsLabelModule,
|
|
272
|
+
FsHtmlEditorModule,
|
|
273
|
+
FsDialogModule,
|
|
274
|
+
FsTextEditorModule,
|
|
275
|
+
]] });
|
|
276
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentEditorModule, decorators: [{
|
|
277
|
+
type: NgModule,
|
|
278
|
+
args: [{
|
|
279
|
+
imports: [
|
|
280
|
+
CommonModule,
|
|
281
|
+
FormsModule,
|
|
282
|
+
MatDialogModule,
|
|
283
|
+
MatButtonModule,
|
|
284
|
+
MatTabsModule,
|
|
285
|
+
MatIconModule,
|
|
286
|
+
MatButtonToggleModule,
|
|
287
|
+
FsListModule,
|
|
288
|
+
FsFormModule,
|
|
289
|
+
FsLabelModule,
|
|
290
|
+
FsHtmlEditorModule,
|
|
291
|
+
FsDialogModule,
|
|
292
|
+
FsTextEditorModule,
|
|
293
|
+
],
|
|
294
|
+
exports: [
|
|
295
|
+
EditorComponent,
|
|
296
|
+
],
|
|
297
|
+
declarations: [
|
|
298
|
+
EditorComponent,
|
|
299
|
+
],
|
|
300
|
+
}]
|
|
301
|
+
}] });
|
|
302
|
+
|
|
178
303
|
class FsContentPagesComponent {
|
|
179
304
|
constructor(_config, _dialog) {
|
|
180
305
|
this._config = _config;
|
|
@@ -187,27 +312,15 @@ class FsContentPagesComponent {
|
|
|
187
312
|
}
|
|
188
313
|
openEditor(contentPage) {
|
|
189
314
|
this._dialog.open(EditorComponent, {
|
|
190
|
-
maxWidth: null,
|
|
191
|
-
maxHeight: null,
|
|
192
|
-
data: {
|
|
193
|
-
styles: contentPage.styles,
|
|
194
|
-
content: contentPage.content,
|
|
195
|
-
save: (data) => {
|
|
196
|
-
return this._config.saveContentPage(Object.assign({ id: contentPage.id }, data));
|
|
197
|
-
},
|
|
198
|
-
},
|
|
199
|
-
})
|
|
200
|
-
.afterClosed()
|
|
201
|
-
.pipe(takeUntil(this._destroy$))
|
|
202
|
-
.subscribe(() => {
|
|
203
|
-
this.listComponent.reload();
|
|
204
|
-
});
|
|
205
|
-
}
|
|
206
|
-
openPage(contentPage) {
|
|
207
|
-
this._dialog.open(ContentPageComponent, {
|
|
208
315
|
data: {
|
|
209
316
|
contentPage,
|
|
317
|
+
config: this._config,
|
|
210
318
|
},
|
|
319
|
+
maxWidth: '100vw',
|
|
320
|
+
maxHeight: '100vw',
|
|
321
|
+
width: '100%',
|
|
322
|
+
height: '100%',
|
|
323
|
+
autoFocus: false,
|
|
211
324
|
})
|
|
212
325
|
.afterClosed()
|
|
213
326
|
.pipe(filter((_contentPage) => !!_contentPage), takeUntil(this._destroy$))
|
|
@@ -232,7 +345,17 @@ class FsContentPagesComponent {
|
|
|
232
345
|
{
|
|
233
346
|
label: 'Create',
|
|
234
347
|
click: () => {
|
|
235
|
-
this.
|
|
348
|
+
this._dialog.open(ContentPageComponent, {
|
|
349
|
+
data: {
|
|
350
|
+
contentPage: {},
|
|
351
|
+
},
|
|
352
|
+
})
|
|
353
|
+
.afterClosed()
|
|
354
|
+
.pipe(filter((contentPage) => !!contentPage), takeUntil(this._destroy$))
|
|
355
|
+
.subscribe((contentPage) => {
|
|
356
|
+
this.openEditor(contentPage);
|
|
357
|
+
this.listComponent.reload();
|
|
358
|
+
});
|
|
236
359
|
},
|
|
237
360
|
},
|
|
238
361
|
],
|
|
@@ -268,7 +391,7 @@ class FsContentPagesComponent {
|
|
|
268
391
|
}
|
|
269
392
|
}
|
|
270
393
|
FsContentPagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentPagesComponent, deps: [{ token: FS_CONTENT_CONFIG }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
271
|
-
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=\"
|
|
394
|
+
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$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }], directives: [{ type: i2$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }], pipes: { "fsDate": i3$1.FsDatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
272
395
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentPagesComponent, decorators: [{
|
|
273
396
|
type: Component,
|
|
274
397
|
args: [{
|
|
@@ -287,64 +410,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
287
410
|
args: [FsListComponent]
|
|
288
411
|
}] } });
|
|
289
412
|
|
|
290
|
-
class FsContentEditorModule {
|
|
291
|
-
}
|
|
292
|
-
FsContentEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
293
|
-
FsContentEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentEditorModule, declarations: [EditorComponent], imports: [CommonModule,
|
|
294
|
-
FormsModule,
|
|
295
|
-
MatDialogModule,
|
|
296
|
-
MatButtonModule,
|
|
297
|
-
MatTabsModule,
|
|
298
|
-
MatIconModule,
|
|
299
|
-
MatButtonToggleModule,
|
|
300
|
-
FsListModule,
|
|
301
|
-
FsFormModule,
|
|
302
|
-
FsLabelModule,
|
|
303
|
-
FsHtmlEditorModule,
|
|
304
|
-
FsDialogModule,
|
|
305
|
-
FsTextEditorModule], exports: [EditorComponent] });
|
|
306
|
-
FsContentEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentEditorModule, imports: [[
|
|
307
|
-
CommonModule,
|
|
308
|
-
FormsModule,
|
|
309
|
-
MatDialogModule,
|
|
310
|
-
MatButtonModule,
|
|
311
|
-
MatTabsModule,
|
|
312
|
-
MatIconModule,
|
|
313
|
-
MatButtonToggleModule,
|
|
314
|
-
FsListModule,
|
|
315
|
-
FsFormModule,
|
|
316
|
-
FsLabelModule,
|
|
317
|
-
FsHtmlEditorModule,
|
|
318
|
-
FsDialogModule,
|
|
319
|
-
FsTextEditorModule,
|
|
320
|
-
]] });
|
|
321
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentEditorModule, decorators: [{
|
|
322
|
-
type: NgModule,
|
|
323
|
-
args: [{
|
|
324
|
-
imports: [
|
|
325
|
-
CommonModule,
|
|
326
|
-
FormsModule,
|
|
327
|
-
MatDialogModule,
|
|
328
|
-
MatButtonModule,
|
|
329
|
-
MatTabsModule,
|
|
330
|
-
MatIconModule,
|
|
331
|
-
MatButtonToggleModule,
|
|
332
|
-
FsListModule,
|
|
333
|
-
FsFormModule,
|
|
334
|
-
FsLabelModule,
|
|
335
|
-
FsHtmlEditorModule,
|
|
336
|
-
FsDialogModule,
|
|
337
|
-
FsTextEditorModule,
|
|
338
|
-
],
|
|
339
|
-
exports: [
|
|
340
|
-
EditorComponent,
|
|
341
|
-
],
|
|
342
|
-
declarations: [
|
|
343
|
-
EditorComponent,
|
|
344
|
-
],
|
|
345
|
-
}]
|
|
346
|
-
}] });
|
|
347
|
-
|
|
348
413
|
class FsContentPagesModule {
|
|
349
414
|
static forRoot() {
|
|
350
415
|
return {
|
|
@@ -356,7 +421,6 @@ FsContentPagesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ver
|
|
|
356
421
|
FsContentPagesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentPagesModule, declarations: [FsContentPagesComponent,
|
|
357
422
|
ContentPageComponent], imports: [CommonModule,
|
|
358
423
|
FormsModule,
|
|
359
|
-
FlexLayoutModule,
|
|
360
424
|
MatDialogModule,
|
|
361
425
|
MatInputModule,
|
|
362
426
|
MatFormFieldModule,
|
|
@@ -377,7 +441,6 @@ FsContentPagesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
|
|
|
377
441
|
FsContentPagesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentPagesModule, imports: [[
|
|
378
442
|
CommonModule,
|
|
379
443
|
FormsModule,
|
|
380
|
-
FlexLayoutModule,
|
|
381
444
|
MatDialogModule,
|
|
382
445
|
MatInputModule,
|
|
383
446
|
MatFormFieldModule,
|
|
@@ -402,7 +465,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
402
465
|
imports: [
|
|
403
466
|
CommonModule,
|
|
404
467
|
FormsModule,
|
|
405
|
-
FlexLayoutModule,
|
|
406
468
|
MatDialogModule,
|
|
407
469
|
MatInputModule,
|
|
408
470
|
MatFormFieldModule,
|
|
@@ -468,7 +530,7 @@ class ContentLayoutComponent {
|
|
|
468
530
|
}
|
|
469
531
|
}
|
|
470
532
|
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.MatDialogRef }, { token: i2.FsMessage }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
471
|
-
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
|
|
533
|
+
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 <input\n matInput\n [(ngModel)]=\"contentLayout.name\"\n name=\"name\"\n required\n placeholder=\"Name\">\n </mat-form-field>\n <mat-form-field>\n <input\n matInput\n [(ngModel)]=\"contentLayout.tag\"\n name=\"tag\"\n placeholder=\"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.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i7.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: i7.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: 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: i7.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { type: i7.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.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
472
534
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentLayoutComponent, decorators: [{
|
|
473
535
|
type: Component,
|
|
474
536
|
args: [{
|
|
@@ -580,7 +642,7 @@ class FsContentLayoutsComponent {
|
|
|
580
642
|
}
|
|
581
643
|
}
|
|
582
644
|
FsContentLayoutsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentLayoutsComponent, deps: [{ token: FS_CONTENT_CONFIG }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
583
|
-
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=\"design\" width=\"1%\">\n <ng-template fs-list-cell let-row=\"row\">\n <a (click)=\"openEditor(row)\"><mat-icon>design_services</mat-icon></a>\n </ng-template>\n </fs-list-column>\n <fs-list-column name=\"name\" title=\"Name\" [sortable]=\"true\">\n <ng-template fs-list-cell let-row=\"row\">\n <a (click)=\"openLayout(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$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type:
|
|
645
|
+
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=\"design\" width=\"1%\">\n <ng-template fs-list-cell let-row=\"row\">\n <a (click)=\"openEditor(row)\"><mat-icon>design_services</mat-icon></a>\n </ng-template>\n </fs-list-column>\n <fs-list-column name=\"name\" title=\"Name\" [sortable]=\"true\">\n <ng-template fs-list-cell let-row=\"row\">\n <a (click)=\"openLayout(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$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }], pipes: { "fsDate": i3$1.FsDatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
584
646
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentLayoutsComponent, decorators: [{
|
|
585
647
|
type: Component,
|
|
586
648
|
args: [{
|
|
@@ -603,7 +665,6 @@ FsContentLayoutsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", v
|
|
|
603
665
|
FsContentLayoutsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentLayoutsModule, declarations: [ContentLayoutComponent,
|
|
604
666
|
FsContentLayoutsComponent], imports: [CommonModule,
|
|
605
667
|
FormsModule,
|
|
606
|
-
FlexLayoutModule,
|
|
607
668
|
MatDialogModule,
|
|
608
669
|
MatInputModule,
|
|
609
670
|
MatFormFieldModule,
|
|
@@ -624,7 +685,6 @@ FsContentLayoutsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
|
|
|
624
685
|
FsContentLayoutsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentLayoutsModule, imports: [[
|
|
625
686
|
CommonModule,
|
|
626
687
|
FormsModule,
|
|
627
|
-
FlexLayoutModule,
|
|
628
688
|
MatDialogModule,
|
|
629
689
|
MatInputModule,
|
|
630
690
|
MatFormFieldModule,
|
|
@@ -649,7 +709,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
649
709
|
imports: [
|
|
650
710
|
CommonModule,
|
|
651
711
|
FormsModule,
|
|
652
|
-
FlexLayoutModule,
|
|
653
712
|
MatDialogModule,
|
|
654
713
|
MatInputModule,
|
|
655
714
|
MatFormFieldModule,
|
|
@@ -732,7 +791,7 @@ class ContentRendererComponent {
|
|
|
732
791
|
}
|
|
733
792
|
}
|
|
734
793
|
ContentRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentRendererComponent, deps: [{ token: i1$1.DomSanitizer }, { token: i2$2.Router }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
735
|
-
ContentRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ContentRendererComponent, selector: "fs-content-renderer", inputs: { contentPage: "contentPage" }, ngImport: i0, template: "<div *ngIf=\"content\" [innerHTML]=\"content\"></div>\n", styles: [""], directives: [{ type:
|
|
794
|
+
ContentRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ContentRendererComponent, selector: "fs-content-renderer", inputs: { contentPage: "contentPage" }, ngImport: i0, template: "<div *ngIf=\"content\" [innerHTML]=\"content\"></div>\n", styles: [""], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
736
795
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContentRendererComponent, decorators: [{
|
|
737
796
|
type: Component,
|
|
738
797
|
args: [{
|
|
@@ -790,7 +849,7 @@ class FsContentComponent {
|
|
|
790
849
|
}
|
|
791
850
|
}
|
|
792
851
|
FsContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentComponent, deps: [{ token: FS_CONTENT_CONFIG }, { token: i1$1.Title }, { token: i0.ChangeDetectorRef }, { token: i2$2.Router }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
793
|
-
FsContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentComponent, selector: "fs-content", ngImport: i0, template: "<fs-content-renderer *ngIf=\"contentPage\" [contentPage]=\"contentPage\"></fs-content-renderer>", styles: [""], components: [{ type: ContentRendererComponent, selector: "fs-content-renderer", inputs: ["contentPage"] }], directives: [{ type:
|
|
852
|
+
FsContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsContentComponent, selector: "fs-content", ngImport: i0, template: "<fs-content-renderer *ngIf=\"contentPage\" [contentPage]=\"contentPage\"></fs-content-renderer>", styles: [""], components: [{ type: ContentRendererComponent, selector: "fs-content-renderer", inputs: ["contentPage"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
794
853
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsContentComponent, decorators: [{
|
|
795
854
|
type: Component,
|
|
796
855
|
args: [{
|