@stratusjs/angular 0.7.5 → 0.8.0

package/dist/angular.bundle.js

@@ -56677,8 +56677,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             const systemDir$c = '@stratusjs/angular';
             const moduleName$d = 'citation-dialog';
             const parentModuleName$6 = 'editor';
-            const min$h = !cookie('env') ? '.min' : '';
-            const localDir$i = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$c}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$g = !cookie('env') ? '.min' : '';
+            const localDir$h = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$c}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let CitationDialogComponent = exports('CitationDialogComponent', class CitationDialogComponent extends ResponsiveComponent {
                 constructor(dialogRef, data, fb, snackBar, iconRegistry, sanitizer, ref) {
                     super();
@@ -56700,7 +56700,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 ngOnInit() {
                     this.uid = uniqueId$3(`sa_${snakeCase(moduleName$d)}_component_`);
                     Stratus.Instances[this.uid] = this;
-                    Stratus.Internals.CssLoader(`${localDir$i}${parentModuleName$6}/${moduleName$d}.component${min$h}.css`);
+                    Stratus.Internals.CssLoader(`${localDir$h}${parentModuleName$6}/${moduleName$d}.component${min$g}.css`);
                     this.model = this.data.model;
                     this.property = this.data.property;
                     this.editor = this.data.editor;
@@ -56818,7 +56818,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             exports('CitationDialogComponent', CitationDialogComponent = __decorate$p([
                 Component({
                     selector: `sa-${moduleName$d}`,
-                    templateUrl: `${localDir$i}/${parentModuleName$6}/${moduleName$d}.component${min$h}.html`,
+                    templateUrl: `${localDir$h}/${parentModuleName$6}/${moduleName$d}.component${min$g}.html`,
                 }),
                 __param$7(1, Inject(MAT_DIALOG_DATA)),
                 __metadata$l("design:paramtypes", [MatDialogRef, Object, FormBuilder,
@@ -56905,8 +56905,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             const systemDir$b = '@stratusjs/angular';
             const moduleName$c = 'link-dialog';
             const parentModuleName$5 = 'editor';
-            const min$g = !cookie('env') ? '.min' : '';
-            const localDir$h = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$b}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$f = !cookie('env') ? '.min' : '';
+            const localDir$g = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$b}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let LinkDialogComponent = exports('LinkDialogComponent', class LinkDialogComponent extends ResponsiveComponent {
                 constructor(dialogRef, data, fb, backend, snackBar, iconRegistry, sanitizer, ref) {
                     super();
@@ -56942,7 +56942,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 ngOnInit() {
                     this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$c)}_component_`);
                     Stratus.Instances[this.uid] = this;
-                    Stratus.Internals.CssLoader(`${localDir$h}${parentModuleName$5}/${moduleName$c}.component${min$g}.css`)
+                    Stratus.Internals.CssLoader(`${localDir$g}${parentModuleName$5}/${moduleName$c}.component${min$f}.css`)
                         .then(() => {
                         this.isStyled = true;
                         this.refresh();
@@ -57232,7 +57232,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             exports('LinkDialogComponent', LinkDialogComponent = __decorate$n([
                 Component({
                     selector: `sa-${moduleName$c}`,
-                    templateUrl: `${localDir$h}/${parentModuleName$5}/${moduleName$c}.component${min$g}.html`,
+                    templateUrl: `${localDir$g}/${parentModuleName$5}/${moduleName$c}.component${min$f}.html`,
                 }),
                 __param$6(1, Inject(MAT_DIALOG_DATA)),
                 __metadata$j("design:paramtypes", [MatDialogRef, Object, FormBuilder,
@@ -57258,8 +57258,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             const systemDir$a = '@stratusjs/angular';
             const moduleName$b = 'media-dialog';
             const parentModuleName$4 = 'editor';
-            const min$f = !cookie('env') ? '.min' : '';
-            const localDir$g = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$a}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$e = !cookie('env') ? '.min' : '';
+            const localDir$f = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$a}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let MediaDialogComponent = exports('MediaDialogComponent', class MediaDialogComponent extends ResponsiveComponent {
                 constructor(dialogRef, data, fb, backend, snackBar, ref) {
                     super();
@@ -57283,7 +57283,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 ngOnInit() {
                     this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$b)}_component_`);
                     Stratus.Instances[this.uid] = this;
-                    Stratus.Internals.CssLoader(`${localDir$g}/${parentModuleName$4}/${moduleName$b}.component${min$f}.css`);
+                    Stratus.Internals.CssLoader(`${localDir$f}/${parentModuleName$4}/${moduleName$b}.component${min$e}.css`);
                     this.model = this.data.model;
                     this.property = this.data.property;
                     this.editor = this.data.editor;
@@ -57522,7 +57522,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             exports('MediaDialogComponent', MediaDialogComponent = __decorate$m([
                 Component({
                     selector: `sa-${moduleName$b}`,
-                    templateUrl: `${localDir$g}/${parentModuleName$4}/${moduleName$b}.component${min$f}.html`,
+                    templateUrl: `${localDir$f}/${parentModuleName$4}/${moduleName$b}.component${min$e}.html`,
                 }),
                 __param$5(1, Inject(MAT_DIALOG_DATA)),
                 __metadata$i("design:paramtypes", [MatDialogRef, Object, FormBuilder,
@@ -57961,8 +57961,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             const systemDir$9 = '@stratusjs/angular';
             const moduleName$a = 'code-view-dialog';
             const parentModuleName$3 = 'editor';
-            const min$e = !cookie('env') ? '.min' : '';
-            const localDir$f = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$9}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$d = !cookie('env') ? '.min' : '';
+            const localDir$e = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$9}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let CodeViewDialogComponent = exports('CodeViewDialogComponent', class CodeViewDialogComponent extends ResponsiveComponent {
                 constructor(dialogRef, data, ref, fb, ngZone) {
                     super();
@@ -57985,7 +57985,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 ngOnInit() {
                     this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$a)}_component_`);
                     Stratus.Instances[this.uid] = this;
-                    Stratus.Internals.CssLoader(`${localDir$f}/${parentModuleName$3}/${moduleName$a}.component${min$e}.css`);
+                    Stratus.Internals.CssLoader(`${localDir$e}/${parentModuleName$3}/${moduleName$a}.component${min$d}.css`);
                     this.model = this.data.model;
                     this.property = this.data.property;
                     const dataControl = this.form.get('dataString');
@@ -58017,7 +58017,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             exports('CodeViewDialogComponent', CodeViewDialogComponent = __decorate$l([
                 Component({
                     selector: `sa-${moduleName$a}`,
-                    templateUrl: `${localDir$f}/${parentModuleName$3}/${moduleName$a}.component${min$e}.html`,
+                    templateUrl: `${localDir$e}/${parentModuleName$3}/${moduleName$a}.component${min$d}.html`,
                 }),
                 __param$4(1, Inject(MAT_DIALOG_DATA)),
                 __metadata$h("design:paramtypes", [MatDialogRef, Object, ChangeDetectorRef,
@@ -80897,8 +80897,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             const systemDir$8 = '@stratusjs/angular';
             const moduleName$9 = 'citationManager';
             const parentModuleName$2 = 'froala/plugins';
-            const min$d = !cookie('env') ? '.min' : '';
-            const localDir$e = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$8}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$c = !cookie('env') ? '.min' : '';
+            const localDir$d = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$8}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             extend$1(FroalaEditor.POPUP_TEMPLATES, {
                 'citationManager.toolbar': '[_BUTTONS_]'
             });
@@ -80909,7 +80909,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 let inputButton;
                 const debug = false;
                 function _init() {
-                    Stratus.Internals.CssLoader(`${localDir$e}${parentModuleName$2}/${moduleName$9}${min$d}.css`);
+                    Stratus.Internals.CssLoader(`${localDir$d}${parentModuleName$2}/${moduleName$9}${min$c}.css`);
                     inputButton = new InputButtonPlugin({
                         name: 'Citation Manager',
                         eventName: 'citation-input',
@@ -84650,8 +84650,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             const systemPackage = '@stratusjs/angular';
             const froalaPackage = 'froala-editor';
             const moduleName$8 = 'editor';
-            const min$c = !cookie('env') ? '.min' : '';
-            const localDir$d = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemPackage}/*`].replace(/[^\/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$b = !cookie('env') ? '.min' : '';
+            const localDir$c = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemPackage}/*`].replace(/[^\/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             const froalaDir = `${Stratus.BaseUrl}${boot.configuration.paths[froalaPackage].replace(/js\/[^\/]*$/, '')}`;
             const has$2 = (object, path) => _.has(object, path) && !_.isEmpty(_.get(object, path));
             let EditorComponent = exports('EditorComponent', class EditorComponent extends RootComponent {
@@ -85192,12 +85192,12 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$8)}_component_`);
                     Stratus.Instances[this.uid] = this;
                     Stratus.Internals.LoadCss([
-                        `${localDir$d}${moduleName$8}/${moduleName$8}.component${min$c}.css`,
-                        `${froalaDir}css/froala_editor.pkgd${min$c}.css`,
-                        `${froalaDir}css/themes/dark${min$c}.css`,
-                        `${froalaDir}css/third_party/embedly${min$c}.css`,
-                        `${froalaDir}css/third_party/font_awesome${min$c}.css`,
-                        `${froalaDir}css/third_party/image_tui${min$c}.css`,
+                        `${localDir$c}${moduleName$8}/${moduleName$8}.component${min$b}.css`,
+                        `${froalaDir}css/froala_editor.pkgd${min$b}.css`,
+                        `${froalaDir}css/themes/dark${min$b}.css`,
+                        `${froalaDir}css/third_party/embedly${min$b}.css`,
+                        `${froalaDir}css/third_party/font_awesome${min$b}.css`,
+                        `${froalaDir}css/third_party/image_tui${min$b}.css`,
                     ]).then(() => {
                         this.styled = true;
                         this.refresh();
@@ -85600,7 +85600,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             exports('EditorComponent', EditorComponent = __decorate$k([
                 Component({
                     selector: `sa-${moduleName$8}`,
-                    templateUrl: `${localDir$d}/${moduleName$8}/${moduleName$8}.component${min$c}.html`,
+                    templateUrl: `${localDir$c}/${moduleName$8}/${moduleName$8}.component${min$b}.html`,
                 }),
                 __metadata$g("design:paramtypes", [DomSanitizer,
                     ChangeDetectorRef,
@@ -122932,8 +122932,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             };
             const systemDir$7 = '@stratusjs/angular';
             const moduleName$7 = 'base';
-            const min$b = !cookie('env') ? '.min' : '';
-            const localDir$c = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$7}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$a = !cookie('env') ? '.min' : '';
+            const localDir$b = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$7}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let BaseComponent = exports('BaseComponent', class BaseComponent extends RootComponent {
                 constructor(sanitizer, ref, elementRef) {
                     super();
@@ -123010,7 +123010,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             exports('BaseComponent', BaseComponent = __decorate$h([
                 Component({
                     selector: 'sa-base',
-                    templateUrl: `${localDir$c}/${moduleName$7}/${moduleName$7}.component${min$b}.html`,
+                    templateUrl: `${localDir$b}/${moduleName$7}/${moduleName$7}.component${min$a}.html`,
                 }),
                 __metadata$f("design:paramtypes", [DomSanitizer,
                     ChangeDetectorRef,
@@ -123031,8 +123031,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             };
             const systemDir$6 = '@stratusjs/angular';
             const moduleName$6 = 'confirm-dialog';
-            const min$a = !cookie('env') ? '.min' : '';
-            const localDir$b = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$6}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$9 = !cookie('env') ? '.min' : '';
+            const localDir$a = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$6}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let ConfirmDialogComponent = exports('ConfirmDialogComponent', class ConfirmDialogComponent {
                 constructor(dialogRef, data) {
                     this.dialogRef = dialogRef;
@@ -123048,7 +123048,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             exports('ConfirmDialogComponent', ConfirmDialogComponent = __decorate$g([
                 Component({
                     selector: `sa-${moduleName$6}`,
-                    templateUrl: `${localDir$b}/${moduleName$6}/${moduleName$6}.component${min$a}.html`,
+                    templateUrl: `${localDir$a}/${moduleName$6}/${moduleName$6}.component${min$9}.html`,
                 }),
                 __param$3(1, Inject(MAT_DIALOG_DATA)),
                 __metadata$e("design:paramtypes", [MatDialogRef, Object])
@@ -123065,8 +123065,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             };
             const systemDir$5 = '@stratusjs/angular';
             const moduleName$5 = 'media-selector';
-            const min$9 = !cookie('env') ? '.min' : '';
-            const localDir$a = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$5}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$8 = !cookie('env') ? '.min' : '';
+            const localDir$9 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$5}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             const has$1 = (object, path) => _.has(object, path) && !_.isEmpty(_.get(object, path));
             let MediaSelectorComponent = exports('MediaSelectorComponent', class MediaSelectorComponent extends RootComponent {
                 constructor(iconRegistry, sanitizer, ref, elementRef, viewportRuler) {
@@ -123137,7 +123137,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         media_selector_audio: `${Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-audio.svg`,
                         media_selector_document: `${Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-document.svg`
                     }, (value, key) => iconRegistry.addSvgIcon(key, sanitizer.bypassSecurityTrustResourceUrl(value)).getNamedSvgIcon(key));
-                    Stratus.Internals.CssLoader(`${localDir$a}${moduleName$5}/${moduleName$5}.component${min$9}.css`)
+                    Stratus.Internals.CssLoader(`${localDir$9}${moduleName$5}/${moduleName$5}.component${min$8}.css`)
                         .then(() => {
                         this.styled = true;
                         this.refresh();
@@ -123435,7 +123435,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             exports('MediaSelectorComponent', MediaSelectorComponent = __decorate$f([
                 Component({
                     selector: `sa-${moduleName$5}`,
-                    templateUrl: `${localDir$a}/${moduleName$5}/${moduleName$5}.component${min$9}.html`,
+                    templateUrl: `${localDir$9}/${moduleName$5}/${moduleName$5}.component${min$8}.html`,
                 }),
                 __metadata$d("design:paramtypes", [MatIconRegistry,
                     DomSanitizer,
@@ -123465,8 +123465,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             };
             const systemDir$4 = '@stratusjs/angular';
             const moduleName$4 = 'selector';
-            const min$8 = !cookie('env') ? '.min' : '';
-            const localDir$9 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$4}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$7 = !cookie('env') ? '.min' : '';
+            const localDir$8 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$4}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             const has = (object, path) => _.has(object, path) && !_.isEmpty(_.get(object, path));
             let SelectorComponent = exports('SelectorComponent', class SelectorComponent extends RootComponent {
                 constructor(iconRegistry, sanitizer, ref, elementRef) {
@@ -123494,7 +123494,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         selector_status: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/visibility.svg`,
                         selector_edit: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/edit.svg`
                     }, (value, key) => iconRegistry.addSvgIcon(key, sanitizer.bypassSecurityTrustResourceUrl(value)).getNamedSvgIcon(key));
-                    Stratus.Internals.CssLoader(`${localDir$9}${moduleName$4}/${moduleName$4}.component${min$8}.css`)
+                    Stratus.Internals.CssLoader(`${localDir$8}${moduleName$4}/${moduleName$4}.component${min$7}.css`)
                         .then(() => {
                         this.styled = true;
                         this.refresh();
@@ -123720,7 +123720,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             exports('SelectorComponent', SelectorComponent = __decorate$e([
                 Component({
                     selector: `sa-${moduleName$4}`,
-                    templateUrl: `${localDir$9}/${moduleName$4}/${moduleName$4}.component${min$8}.html`,
+                    templateUrl: `${localDir$8}/${moduleName$4}/${moduleName$4}.component${min$7}.html`,
                 }),
                 __metadata$c("design:paramtypes", [MatIconRegistry,
                     DomSanitizer,
@@ -123751,8 +123751,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             };
             const systemDir$3 = '@stratusjs/angular';
             const moduleName$3 = 'tree';
-            const min$7 = !cookie('env') ? '.min' : '';
-            const localDir$8 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$3}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$6 = !cookie('env') ? '.min' : '';
+            const localDir$7 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$3}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let TreeComponent = exports('TreeComponent', class TreeComponent extends RootComponent {
                 constructor(iconRegistry, sanitizer, backend, ref, elementRef, document) {
                     super();
@@ -123788,7 +123788,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$3)}_component_`);
                     Stratus.Instances[this.uid] = this;
                     this.hydrate(this.elementRef, this.sanitizer, ["title", "uid", "isInitialized", "isDestroyed", "isStyled", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "type", "property", "_", "Stratus", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "unsettled", "svgIcons", "isSingleClick", "dblClickWait", "dropLists", "dropListIdMap", "dropListMap", "expandedNodeSet", "dragging", "expandTimeout", "expandDelay", "dropData", "cdkDropListSortingDisabled", "dropDebug", "tree", "treeMap", "metaMap", "dataSource", "treeControl", "iconRegistry", "sanitizer", "backend", "ref", "elementRef", "document", "ngOnInit", "ngOnDestroy", "refresh", "remove", "removeNode", "nodeIsEqual", "fetchData", "dataDefer", "dataRef", "trackDropLists", "setExpanded", "setExpandedClick", "setExpandedDblClick", "onDragDrop", "onDragMove", "showDragData", "clearDragData", "buildNodePatch", "getSvg", "addSvgIcon", "hydrate", "disableRefresh", "stagger", "reloading"]);
-                    Stratus.Internals.CssLoader(`${localDir$8}/${moduleName$3}/${moduleName$3}.component${min$7}.css`)
+                    Stratus.Internals.CssLoader(`${localDir$7}/${moduleName$3}/${moduleName$3}.component${min$6}.css`)
                         .then(() => {
                         this.isStyled = true;
                         this.refresh();
@@ -124252,7 +124252,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             exports('TreeComponent', TreeComponent = __decorate$d([
                 Component({
                     selector: `sa-${moduleName$3}`,
-                    templateUrl: `${localDir$8}/${moduleName$3}/${moduleName$3}.component${min$7}.html`,
+                    templateUrl: `${localDir$7}/${moduleName$3}/${moduleName$3}.component${min$6}.html`,
                 }),
                 __param$2(5, Inject(DOCUMENT)),
                 __metadata$b("design:paramtypes", [MatIconRegistry,
@@ -124278,8 +124278,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             const systemDir$2 = '@stratusjs/angular';
             const moduleName$2 = 'tree-dialog';
             const parentModuleName$1 = 'tree';
-            const min$6 = !cookie('env') ? '.min' : '';
-            const localDir$7 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$2}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$5 = !cookie('env') ? '.min' : '';
+            const localDir$6 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$2}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let TreeDialogComponent = exports('TreeDialogComponent', class TreeDialogComponent extends ResponsiveComponent {
                 constructor(dialogRef, data, fb, ref) {
                     super();
@@ -124303,7 +124303,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 ngOnInit() {
                     this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$2)}_component_`);
                     Stratus.Instances[this.uid] = this;
-                    Stratus.Internals.CssLoader(`${localDir$7}/${parentModuleName$1}/${moduleName$2}.component${min$6}.css`)
+                    Stratus.Internals.CssLoader(`${localDir$6}/${parentModuleName$1}/${moduleName$2}.component${min$5}.css`)
                         .then(() => {
                         this.isStyled = true;
                     })
@@ -124453,7 +124453,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             exports('TreeDialogComponent', TreeDialogComponent = __decorate$c([
                 Component({
                     selector: `sa-${moduleName$2}`,
-                    templateUrl: `${localDir$7}/${parentModuleName$1}/${moduleName$2}.component${min$6}.html`,
+                    templateUrl: `${localDir$6}/${parentModuleName$1}/${moduleName$2}.component${min$5}.html`,
                 }),
                 __param$1(1, Inject(MAT_DIALOG_DATA)),
                 __metadata$a("design:paramtypes", [MatDialogRef, Object, FormBuilder,
@@ -124472,8 +124472,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             const systemDir$1 = '@stratusjs/angular';
             const moduleName$1 = 'tree-node';
             const parentModuleName = 'tree';
-            const min$5 = !cookie('env') ? '.min' : '';
-            const localDir$6 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$1}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$4 = !cookie('env') ? '.min' : '';
+            const localDir$5 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$1}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let TreeNodeComponent = exports('TreeNodeComponent', class TreeNodeComponent extends ResponsiveComponent {
                 constructor(dialog, ref) {
                     super();
@@ -124491,7 +124491,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 ngOnInit() {
                     this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$1)}_component_`);
                     Stratus.Instances[this.uid] = this;
-                    Stratus.Internals.CssLoader(`${localDir$6}/${parentModuleName}/${moduleName$1}.component${min$5}.css`)
+                    Stratus.Internals.CssLoader(`${localDir$5}/${parentModuleName}/${moduleName$1}.component${min$4}.css`)
                         .then(() => {
                         this.isStyled = true;
                         this.refresh();
@@ -124702,7 +124702,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             exports('TreeNodeComponent', TreeNodeComponent = __decorate$b([
                 Component({
                     selector: `sa-${moduleName$1}`,
-                    templateUrl: `${localDir$6}/${parentModuleName}/${moduleName$1}.component${min$5}.html`,
+                    templateUrl: `${localDir$5}/${parentModuleName}/${moduleName$1}.component${min$4}.html`,
                 }),
                 __metadata$9("design:paramtypes", [MatDialog,
                     ChangeDetectorRef])
@@ -127457,7 +127457,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             };
             const packageName$6 = 'map';
             const systemDir = `@stratusjs/${packageName$6}`;
-            const localDir$5 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '').replace(/angular\/dist\/$/, 'map/src/')}`;
+            const localDir$4 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '').replace(/angular\/dist\/$/, 'map/src/')}`;
             const moduleName = 'map';
             const devGoogleMapsKey = 'AIzaSyBAyMH-A99yD5fHQPz7uzqk8glNJYGEqus';
             class Watcher {
@@ -127555,7 +127555,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.highestMarkerZIndex = 0;
                     this.uid = safeUniqueId('sa', moduleName, 'component');
                     Stratus.Instances[this.uid] = this;
-                    Stratus.Internals.CssLoader(`${localDir$5}/${moduleName}.component.css`)
+                    Stratus.Internals.CssLoader(`${localDir$4}/${moduleName}.component.css`)
                         .then(() => {
                         this.styled = true;
                     })
@@ -128016,7 +128016,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             MapComponent = __decorate$a([
                 Component({
                     selector: `sa-${moduleName}`,
-                    templateUrl: `${localDir$5}/${moduleName}.component.html`
+                    templateUrl: `${localDir$4}/${moduleName}.component.html`
                 }),
                 __metadata$8("design:paramtypes", [KeyValueDiffers,
                     Window,
@@ -128373,10 +128373,10 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     step((generator = generator.apply(thisArg, _arguments || [])).next());
                 });
             };
-            const min$4 = !cookie('env') ? '.min' : '';
+            const min$3 = !cookie('env') ? '.min' : '';
             const packageName$5 = 'stripe';
             const componentName$5 = 'payment-method';
-            const localDir$4 = `${Stratus.BaseUrl}${Stratus.DeploymentPath}@stratusjs/${packageName$5}/src/`;
+            const localDir$3 = `${Stratus.BaseUrl}${Stratus.DeploymentPath}@stratusjs/${packageName$5}/src/`;
             let StripePaymentMethodComponent = class StripePaymentMethodComponent extends StripeComponent {
                 constructor(elementRef, sanitizer, Stripe, dialogRef, dialogData) {
                     super();
@@ -128399,7 +128399,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.uid = safeUniqueId('sa', snakeCase(this.title));
                     Stratus.Instances[this.uid] = this;
                     this.elementId = this.elementId || this.uid;
-                    Stratus.Internals.CssLoader(`${localDir$4}${componentName$5}.component${min$4}.css`)
+                    Stratus.Internals.CssLoader(`${localDir$3}${componentName$5}.component${min$3}.css`)
                         .then(() => {
                         this.styled = true;
                     })
@@ -128556,7 +128556,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             StripePaymentMethodComponent = __decorate$7([
                 Component({
                     selector: `sa-${packageName$5}-${componentName$5}`,
-                    templateUrl: `${localDir$4}${componentName$5}.component${min$4}.html`,
+                    templateUrl: `${localDir$3}${componentName$5}.component${min$3}.html`,
                 }),
                 __param(3, Optional()),
                 __param(4, Optional()),
@@ -128585,10 +128585,10 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     step((generator = generator.apply(thisArg, _arguments || [])).next());
                 });
             };
-            const min$3 = !cookie('env') ? '.min' : '';
+            const min$2 = !cookie('env') ? '.min' : '';
             const packageName$4 = 'stripe';
             const componentName$4 = 'payment-method-item';
-            const localDir$3 = `${Stratus.BaseUrl}${Stratus.DeploymentPath}@stratusjs/${packageName$4}/src/`;
+            const localDir$2 = `${Stratus.BaseUrl}${Stratus.DeploymentPath}@stratusjs/${packageName$4}/src/`;
             let StripePaymentMethodItemComponent = class StripePaymentMethodItemComponent extends StripeComponent {
                 constructor(dialog, elementRef, sanitizer, Stripe) {
                     super();
@@ -128598,11 +128598,12 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.Stripe = Stripe;
                     this.title = `${packageName$4}_${componentName$4}_component`;
                     this.editable = false;
+                    this.templateStyle = 'default';
                     this.urlRoot = '/Api';
                     this.uid = safeUniqueId('sa', snakeCase(this.title));
                     Stratus.Instances[this.uid] = this;
                     this.elementId = this.elementId || this.uid;
-                    Stratus.Internals.CssLoader(`${localDir$3}${componentName$4}.component${min$3}.css`)
+                    Stratus.Internals.CssLoader(`${localDir$2}${componentName$4}.component${min$2}.css`)
                         .then(() => {
                         this.styled = true;
                     })
@@ -128610,7 +128611,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         console.error('CSS Failed to load for Component:', this);
                         this.styled = false;
                     });
-                    this.hydrate(this.elementRef, this.sanitizer, ["title", "model", "editable", "urlRoot", "dialog", "elementRef", "sanitizer", "Stripe", "ngOnInit", "getCardLogoUrl", "isExpired", "isExpiring", "deletePM", "deletePMConfirmation", "uid", "elementId", "styled", "initialized", "hydrate", "ref", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
+                    this.hydrate(this.elementRef, this.sanitizer, ["title", "model", "editable", "templateStyle", "urlRoot", "dialog", "elementRef", "sanitizer", "Stripe", "ngOnInit", "getCardLogoUrl", "isExpired", "isExpiring", "deletePM", "deletePMConfirmation", "uid", "elementId", "styled", "initialized", "hydrate", "ref", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
                 }
                 ngOnInit() {
                     return __awaiter$4(this, void 0, void 0, function* () {
@@ -128621,7 +128622,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     });
                 }
                 getCardLogoUrl(brand) {
-                    return `${localDir$3}/images/card/${brand}.png`;
+                    return `${localDir$2}/images/card/${brand}.png`;
                 }
                 isExpired() {
                     if (this.model.pending) {
@@ -128689,6 +128690,10 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 Input(),
                 __metadata$5("design:type", Object)
             ], StripePaymentMethodItemComponent.prototype, "editable", void 0);
+            __decorate$6([
+                Input(),
+                __metadata$5("design:type", Object)
+            ], StripePaymentMethodItemComponent.prototype, "templateStyle", void 0);
             __decorate$6([
                 Input(),
                 __metadata$5("design:type", Object)
@@ -128696,7 +128701,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             StripePaymentMethodItemComponent = __decorate$6([
                 Component({
                     selector: `sa-${packageName$4}-${componentName$4}`,
-                    templateUrl: `${localDir$3}${componentName$4}.component${min$3}.html`,
+                    templateUrl: `${localDir$2}${componentName$4}.component${min$2}.html`,
                 }),
                 __metadata$5("design:paramtypes", [MatDialog,
                     ElementRef,
@@ -128722,28 +128727,21 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     step((generator = generator.apply(thisArg, _arguments || [])).next());
                 });
             };
-            const min$2 = !cookie('env') ? '.min' : '';
+            !cookie('env') ? '.min' : '';
             const packageName$3 = 'stripe';
             const componentName$3 = 'payment-method-item-display';
-            const localDir$2 = `${Stratus.BaseUrl}${Stratus.DeploymentPath}@stratusjs/${packageName$3}/src/`;
+`${Stratus.BaseUrl}${Stratus.DeploymentPath}@stratusjs/${packageName$3}/src/`;
             let StripePaymentMethodItemDisplayComponent = class StripePaymentMethodItemDisplayComponent extends StripeComponent {
                 constructor(elementRef, sanitizer) {
                     super();
                     this.elementRef = elementRef;
                     this.sanitizer = sanitizer;
                     this.title = `${packageName$3}_${componentName$3}_component`;
+                    this.templateStyle = 'default';
                     this.uid = safeUniqueId('sa', snakeCase(this.title));
                     Stratus.Instances[this.uid] = this;
                     this.elementId = this.elementId || this.uid;
-                    Stratus.Internals.CssLoader(`${localDir$2}${componentName$3}.component${min$2}.css`)
-                        .then(() => {
-                        this.styled = true;
-                    })
-                        .catch(() => {
-                        console.error('CSS Failed to load for Component:', this);
-                        this.styled = false;
-                    });
-                    this.hydrate(this.elementRef, this.sanitizer, ["title", "model", "name", "brand", "last4", "expMonth", "expYear", "elementRef", "sanitizer", "ngOnInit", "uid", "elementId", "styled", "initialized", "hydrate", "ref", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
+                    this.hydrate(this.elementRef, this.sanitizer, ["title", "model", "name", "brand", "last4", "expMonth", "expYear", "templateStyle", "elementRef", "sanitizer", "ngOnInit", "uid", "elementId", "styled", "initialized", "hydrate", "ref", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
                 }
                 ngOnInit() {
                     return __awaiter$3(this, void 0, void 0, function* () {
@@ -128804,10 +128802,14 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 Input(),
                 __metadata$4("design:type", Number)
             ], StripePaymentMethodItemDisplayComponent.prototype, "expYear", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$4("design:type", Object)
+            ], StripePaymentMethodItemDisplayComponent.prototype, "templateStyle", void 0);
             StripePaymentMethodItemDisplayComponent = __decorate$5([
                 Component({
                     selector: `sa-${packageName$3}-${componentName$3}`,
-                    template: '<sa-stripe-payment-method-item *ngIf="initialized" [(model)]="model" [editable]="false"></sa-stripe-payment-method-item>',
+                    template: '<sa-stripe-payment-method-item *ngIf="initialized" [(model)]="model" [editable]="false" [templateStyle]="templateStyle"></sa-stripe-payment-method-item>',
                 }),
                 __metadata$4("design:paramtypes", [ElementRef,
                     DomSanitizer])
@@ -129008,6 +129010,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.paymentMethodApiPath = 'PaymentMethod';
                     this.addCardButtonText = 'Add Payment Method';
                     this.selectCardButtonText = 'Select Default Payment Method';
+                    this.selectedTemplateStyle = 'default';
                     this.disabled = false;
                     this.defaultBillingInfo = { address: {} };
                     this.fieldName = 'paymentSelection';
@@ -129030,7 +129033,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         this.styled = false;
                         this.refresh().then();
                     });
-                    this.hydrate(this.elementRef, this.sanitizer, ["title", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "registryModel", "paymentMethodApiPath", "addCardButtonText", "selectCardButtonText", "disabled", "property", "detailedBillingInfo", "defaultBillingName", "defaultBillingEmail", "defaultBillingPhone", "defaultBillingZip", "defaultBillingState", "defaultBillingCity", "defaultBillingAddress1", "defaultBillingAddress2", "defaultBillingInfo", "fieldName", "fieldNameId", "registry", "fetched", "model", "dataSub", "subscriber", "form", "paymentSelect", "elementRef", "fb", "ref", "sanitizer", "Stripe", "ngOnInit", "valueChanged", "normalizeOut", "normalizeIn", "fetchData", "objectComparisonFunction", "dataDefer", "dataRef", "handleObservableError", "isPMExpired", "selectorListClose", "selectorListOpen", "collection", "uid", "elementId", "styled", "initialized", "hydrate", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
+                    this.hydrate(this.elementRef, this.sanitizer, ["title", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "registryModel", "paymentMethodApiPath", "addCardButtonText", "selectCardButtonText", "selectedTemplateStyle", "disabled", "property", "detailedBillingInfo", "defaultBillingName", "defaultBillingEmail", "defaultBillingPhone", "defaultBillingZip", "defaultBillingState", "defaultBillingCity", "defaultBillingAddress1", "defaultBillingAddress2", "defaultBillingInfo", "fieldName", "fieldNameId", "registry", "fetched", "model", "dataSub", "subscriber", "form", "paymentSelect", "elementRef", "fb", "ref", "sanitizer", "Stripe", "ngOnInit", "valueChanged", "normalizeOut", "normalizeIn", "fetchData", "objectComparisonFunction", "dataDefer", "dataRef", "handleObservableError", "isPMExpired", "selectorListClose", "selectorListOpen", "collection", "uid", "elementId", "styled", "initialized", "hydrate", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
                     const apiOptions = {
                         autoSave: false,
                         target: this.paymentMethodApiPath,
@@ -129267,6 +129270,10 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 Input(),
                 __metadata$2("design:type", String)
             ], StripePaymentMethodSelectorComponent.prototype, "selectCardButtonText", void 0);
+            __decorate$3([
+                Input(),
+                __metadata$2("design:type", Object)
+            ], StripePaymentMethodSelectorComponent.prototype, "selectedTemplateStyle", void 0);
             __decorate$3([
                 Input(),
                 __metadata$2("design:type", Object)
@@ -161098,1228 +161105,6 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             })
                 .catch(err => console.error('@stratusjs/angular failed to initialize!', err));
 
-            System.register(["quill"], function (exports_1, context_1) {
-                var quill_1, debug, Logger, QuillHtmlEditPlugin;
-                context_1 && context_1.id;
-                function $create(elName) {
-                    return document.createElement(elName);
-                }
-                function $setAttr(el, key, value) {
-                    return el.setAttribute(key, value);
-                }
-                function launchPopupEditor(quill, options) {
-                    const htmlFromEditor = quill.container.querySelector('.ql-editor').innerHTML;
-                    const popupContainer = $create('div');
-                    const overlayContainer = $create('div');
-                    const msg = options.msg || 'Edit HTML here, when you click "OK" the quill editor\'s contents will be replaced';
-                    const cancelText = options.cancelText || 'Cancel';
-                    const okText = options.okText || 'Ok';
-                    $setAttr(overlayContainer, 'class', 'ql-html-overlayContainer');
-                    $setAttr(popupContainer, 'class', 'ql-html-popupContainer');
-                    const popupTitle = $create('i');
-                    $setAttr(popupTitle, 'class', 'ql-html-popupTitle');
-                    popupTitle.innerText = msg;
-                    const textContainer = $create('div');
-                    textContainer.appendChild(popupTitle);
-                    $setAttr(textContainer, 'class', 'ql-html-textContainer');
-                    const textArea = $create('textarea');
-                    $setAttr(textArea, 'class', 'ql-html-textArea');
-                    textArea.value = formatHTML(htmlFromEditor);
-                    const buttonCancel = $create('button');
-                    buttonCancel.innerHTML = cancelText;
-                    $setAttr(buttonCancel, 'class', 'ql-html-buttonCancel');
-                    const buttonOk = $create('button');
-                    buttonOk.innerHTML = okText;
-                    const buttonGroup = $create('div');
-                    $setAttr(buttonGroup, 'class', 'ql-html-buttonGroup');
-                    buttonGroup.appendChild(buttonCancel);
-                    buttonGroup.appendChild(buttonOk);
-                    textContainer.appendChild(textArea);
-                    textContainer.appendChild(buttonGroup);
-                    popupContainer.appendChild(textContainer);
-                    overlayContainer.appendChild(popupContainer);
-                    document.body.appendChild(overlayContainer);
-                    buttonCancel.onclick = () => {
-                        document.body.removeChild(overlayContainer);
-                    };
-                    overlayContainer.onclick = buttonCancel.onclick;
-                    popupContainer.onclick = (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                    };
-                    buttonOk.onclick = () => {
-                        const output = textArea.value.split(/\r?\n/g).map((el) => el.trim());
-                        const noNewlines = output.join('');
-                        quill.container.querySelector('.ql-editor').innerHTML = noNewlines;
-                        document.body.removeChild(overlayContainer);
-                    };
-                }
-                function formatHTML(code) {
-                    const whitespace = ' '.repeat(2);
-                    let currentIndent = 0;
-                    const newlineChar = '\n';
-                    let char = null;
-                    let nextChar = null;
-                    let result = '';
-                    for (let pos = 0; pos <= code.length; pos++) {
-                        char = code.substr(pos, 1);
-                        nextChar = code.substr(pos + 1, 1);
-                        const isBrTag = code.substr(pos, 4) === '<br>';
-                        const isOpeningTag = char === '<' && nextChar !== '/' && !isBrTag;
-                        const isClosingTag = char === '<' && nextChar === '/' && !isBrTag;
-                        if (isBrTag) {
-                            result += newlineChar;
-                            currentIndent--;
-                            pos += 4;
-                        }
-                        if (isOpeningTag) {
-                            result += newlineChar + whitespace.repeat(currentIndent);
-                            currentIndent++;
-                        }
-                        else if (isClosingTag) {
-                            if (--currentIndent < 0) {
-                                currentIndent = 0;
-                            }
-                            result += newlineChar + whitespace.repeat(currentIndent);
-                        }
-                        else if (char === ' ' && nextChar === ' ') {
-                            char = '';
-                        }
-                        else if (char === newlineChar) {
-                            if (code.substr(pos, code.substr(pos).indexOf('<')).trim() === '') {
-                                char = '';
-                            }
-                        }
-                        result += char;
-                    }
-                    Logger.log('formatHTML', {
-                        before: code,
-                        after: result
-                    });
-                    return result;
-                }
-                return {
-                    setters: [
-                        function (quill_1_1) {
-                            quill_1 = quill_1_1;
-                        }
-                    ],
-                    execute: function () {
-                        debug = false;
-                        Logger = {
-                            prefixString() {
-                                return `</> quill-html-edit-button: `;
-                            },
-                            get log() {
-                                if (!debug) {
-                                    return () => { };
-                                }
-                                const boundLogFn = console.log.bind(console, this.prefixString());
-                                return boundLogFn;
-                            }
-                        };
-                        QuillHtmlEditPlugin = class QuillHtmlEditPlugin {
-                            constructor(quill, options) {
-                                debug = options && options.debug;
-                                Logger.log('logging enabled');
-                                const toolbarModule = quill.getModule('toolbar');
-                                if (!toolbarModule) {
-                                    throw new Error('quill.htmlEditButton requires the "toolbar" module to be included too');
-                                }
-                                this.registerDivModule();
-                                const toolbarEl = toolbarModule.container;
-                                const buttonContainer = $create('span');
-                                $setAttr(buttonContainer, 'class', 'ql-formats');
-                                const button = $create('button');
-                                button.innerHTML = options.buttonHTML || '&lt;&gt;';
-                                button.title = options.buttonTitle || 'Show HTML source';
-                                button.onclick = (e) => {
-                                    e.preventDefault();
-                                    launchPopupEditor(quill, options);
-                                };
-                                buttonContainer.appendChild(button);
-                                toolbarEl.appendChild(buttonContainer);
-                            }
-                            registerDivModule() {
-                                const Block = quill_1.default.import('blots/block');
-                                class Div extends Block {
-                                }
-                                Div.tagName = 'div';
-                                Div.blotName = 'div';
-                                Div.allowedChildren = Block.allowedChildren;
-                                Div.allowedChildren.push(Block);
-                                quill_1.default.register(Div);
-                            }
-                        };
-                        exports_1("QuillHtmlEditPlugin", QuillHtmlEditPlugin);
-                        exports_1("default", QuillHtmlEditPlugin);
-                    }
-                };
-            });
-
-            System.register(["quill", "@stratusjs/core/environment"], function (exports_1, context_1) {
-                var quill_1, environment_1, Break, Embed, QuillBreak;
-                context_1 && context_1.id;
-                return {
-                    setters: [
-                        function (quill_1_1) {
-                            quill_1 = quill_1_1;
-                        },
-                        function (environment_1_1) {
-                            environment_1 = environment_1_1;
-                        }
-                    ],
-                    execute: function () {
-                        Break = quill_1.default.import('blots/break');
-                        Embed = quill_1.default.import('blots/embed');
-                        QuillBreak = class QuillBreak extends Break {
-                            length() {
-                                return 1;
-                            }
-                            value() {
-                                return '\n';
-                            }
-                            insertInto(parent, ref) {
-                                if (environment_1.cookie('env')) {
-                                    console.log('insertInto:', parent, ref);
-                                }
-                                Embed.prototype.insertInto.call(this, parent, ref);
-                            }
-                        };
-                        exports_1("QuillBreak", QuillBreak);
-                        QuillBreak.blotName = 'break';
-                        QuillBreak.tagName = 'BR';
-                    }
-                };
-            });
-
-            System.register(["quill"], function (exports_1, context_1) {
-                var quill_1, BaseImage, ATTRIBUTES, QuillImageFormatPlugin;
-                context_1 && context_1.id;
-                return {
-                    setters: [
-                        function (quill_1_1) {
-                            quill_1 = quill_1_1;
-                        }
-                    ],
-                    execute: function () {
-                        BaseImage = quill_1.default.import('formats/image');
-                        ATTRIBUTES = [
-                            'alt',
-                            'height',
-                            'width',
-                            'stratus-src',
-                            'stratusSrc'
-                        ];
-                        QuillImageFormatPlugin = class QuillImageFormatPlugin extends BaseImage {
-                            constructor() {
-                                super(...arguments);
-                                this.blotName = 'imageCustom';
-                                this.tagName = 'IMG';
-                            }
-                            format(name, value) {
-                                console.log('format:', name, value, this.domNode.getAttribute('src'));
-                                if (ATTRIBUTES.indexOf(name) === -1) {
-                                    super.format(name, value);
-                                    return;
-                                }
-                                if (!value) {
-                                    this.domNode.removeAttribute(name);
-                                    return;
-                                }
-                                if (name === 'stratus-src') {
-                                    console.log('stratus-src:', value);
-                                }
-                                if (name === 'stratusSrc') {
-                                    console.log('stratusSrc:', value);
-                                }
-                                this.domNode.setAttribute(name, value);
-                            }
-                        };
-                        exports_1("QuillImageFormatPlugin", QuillImageFormatPlugin);
-                    }
-                };
-            });
-
-            System.register(["@stratusjs/runtime/stratus", "lodash", "quill"], function (exports_1, context_1) {
-                var stratus_1, lodash_1, quill_1, QuillInputButtonPlugin;
-                context_1 && context_1.id;
-                return {
-                    setters: [
-                        function (stratus_1_1) {
-                            stratus_1 = stratus_1_1;
-                        },
-                        function (lodash_1_1) {
-                            lodash_1 = lodash_1_1;
-                        },
-                        function (quill_1_1) {
-                            quill_1 = quill_1_1;
-                        }
-                    ],
-                    execute: function () {
-                        QuillInputButtonPlugin = class QuillInputButtonPlugin {
-                            constructor(quill, options) {
-                                this.debug = false;
-                                this.buttonHTML = '<i class="fas fa-carrot"></i>';
-                                this.buttonTitle = 'Input Button';
-                                this.name = 'inputButton';
-                                this.eventName = 'input-button';
-                                this.uid = lodash_1.default.uniqueId(`quill_input_button_`);
-                                stratus_1.Stratus.Instances[this.uid] = this;
-                                this.debug = options && options.debug;
-                                if (!options || typeof options !== 'object') {
-                                    options = {};
-                                }
-                                this.buttonHTML = options.buttonHTML || this.buttonHTML;
-                                this.buttonTitle = options.buttonTitle || this.buttonTitle;
-                                this.name = options.name || this.name;
-                                this.eventName = options.eventName || this.eventName;
-                                this.createToolbarModule(quill);
-                            }
-                            createToolbarModule(quill) {
-                                const toolbarModule = quill.getModule('toolbar');
-                                if (!toolbarModule) {
-                                    throw new Error(`quill.${this.name} requires the "toolbar" module`);
-                                }
-                                this.registerDivModule();
-                                const toolbarEl = toolbarModule.container;
-                                const buttonContainer = document.createElement('span');
-                                buttonContainer.setAttribute('class', 'ql-formats');
-                                const button = document.createElement('button');
-                                button.innerHTML = this.buttonHTML;
-                                button.title = this.buttonTitle;
-                                button.onclick = (e) => {
-                                    e.preventDefault();
-                                    this.onClick(quill);
-                                };
-                                buttonContainer.appendChild(button);
-                                toolbarEl.appendChild(buttonContainer);
-                            }
-                            registerDivModule() {
-                                const Block = quill_1.default.import('blots/block');
-                                class Div extends Block {
-                                }
-                                Div.tagName = 'div';
-                                Div.blotName = 'div';
-                                Div.allowedChildren = Block.allowedChildren;
-                                Div.allowedChildren.push(Block);
-                                quill_1.default.register(Div);
-                            }
-                            findUID(el) {
-                                if ('uid' in el.dataset) {
-                                    return el.dataset.uid;
-                                }
-                                return this.findUID(el.parentElement);
-                            }
-                            getInstance(uid) {
-                                if (!(uid in stratus_1.Stratus.Instances)) {
-                                    return undefined;
-                                }
-                                return stratus_1.Stratus.Instances[uid];
-                            }
-                            onClick(quill) {
-                                const container = quill.container;
-                                const uid = this.findUID(container);
-                                const instance = this.getInstance(uid);
-                                if (!instance) {
-                                    return;
-                                }
-                                instance.trigger(this.eventName, null, this);
-                            }
-                            trigger(name, data, callee) {
-                                if (this.debug) {
-                                    console.log(`quill.${this.name}.trigger:`, name, data, callee);
-                                }
-                            }
-                        };
-                        exports_1("QuillInputButtonPlugin", QuillInputButtonPlugin);
-                    }
-                };
-            });
-
-            System.register(["reflect-metadata", "lodash", "@angular/core"], function (exports_1, context_1) {
-                var lodash_1, core_1, RootComponent;
-                context_1 && context_1.id;
-                return {
-                    setters: [
-                        function (_1) {
-                        },
-                        function (lodash_1_1) {
-                            lodash_1 = lodash_1_1;
-                        },
-                        function (core_1_1) {
-                            core_1 = core_1_1;
-                        }
-                    ],
-                    execute: function () {
-                        RootComponent = class RootComponent {
-                            hydrate(elementRef, sanitizer, attrs) {
-                                lodash_1.default.forEach(attrs, (attr) => {
-                                    const metaDataKeys = Reflect.getMetadataKeys(this, attr);
-                                    if (!lodash_1.default.includes(metaDataKeys, 'design:type')) {
-                                        return;
-                                    }
-                                    const attrKebab = lodash_1.default.kebabCase(attr);
-                                    const variants = [
-                                        attrKebab,
-                                        'data-' + attrKebab
-                                    ];
-                                    const variant = lodash_1.default.find(variants, (v) => elementRef.nativeElement.hasAttribute(v));
-                                    if (lodash_1.default.isEmpty(variant)) {
-                                        return;
-                                    }
-                                    const value = sanitizer.sanitize(core_1.SecurityContext.HTML, elementRef.nativeElement.getAttribute(variant));
-                                    lodash_1.default.set(this, attr, value);
-                                });
-                            }
-                        };
-                        exports_1("RootComponent", RootComponent);
-                    }
-                };
-            });
-
-            System.register(["@angular/forms", "@angular/core", "froala-editor"], function (exports_1, context_1) {
-                var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-                    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-                    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-                    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-                    return c > 3 && r && Object.defineProperty(target, key, r), r;
-                };
-                var __metadata = (this && this.__metadata) || function (k, v) {
-                    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-                };
-                var FroalaEditorDirective_1, forms_1, core_1, froala_editor_1, FroalaEditorDirective;
-                context_1 && context_1.id;
-                return {
-                    setters: [
-                        function (forms_1_1) {
-                            forms_1 = forms_1_1;
-                        },
-                        function (core_1_1) {
-                            core_1 = core_1_1;
-                        },
-                        function (froala_editor_1_1) {
-                            froala_editor_1 = froala_editor_1_1;
-                        }
-                    ],
-                    execute: function () {
-                        FroalaEditorDirective = FroalaEditorDirective_1 = class FroalaEditorDirective {
-                            constructor(el, zone) {
-                                this.zone = zone;
-                                this._opts = {
-                                    immediateAngularModelUpdate: false,
-                                    angularIgnoreAttrs: null
-                                };
-                                this.SPECIAL_TAGS = ['img', 'button', 'input', 'a'];
-                                this.INNER_HTML_ATTR = 'innerHTML';
-                                this._hasSpecialTag = false;
-                                this._editorInitialized = false;
-                                this._oldModel = null;
-                                this.froalaModelChange = new core_1.EventEmitter();
-                                this.froalaInit = new core_1.EventEmitter();
-                                this.onChange = (_) => {
-                                };
-                                this.onTouched = () => {
-                                };
-                                const element = el.nativeElement;
-                                if (this.SPECIAL_TAGS.indexOf(element.tagName.toLowerCase()) != -1) {
-                                    this._hasSpecialTag = true;
-                                }
-                                this._element = element;
-                                this.zone = zone;
-                            }
-                            set froalaEditor(opts) {
-                                this._opts = this.clone(opts || this._opts);
-                                this._opts = Object.assign({}, this._opts);
-                            }
-                            set froalaModel(content) {
-                                this.updateEditor(content);
-                            }
-                            writeValue(content) {
-                                this.updateEditor(content);
-                            }
-                            registerOnChange(fn) {
-                                this.onChange = fn;
-                            }
-                            registerOnTouched(fn) {
-                                this.onTouched = fn;
-                            }
-                            clone(item) {
-                                const me = this;
-                                if (!item) {
-                                    return item;
-                                }
-                                const types = [Number, String, Boolean];
-                                let result;
-                                types.forEach((type) => {
-                                    if (item instanceof type) {
-                                        result = type(item);
-                                    }
-                                });
-                                if (typeof result === 'undefined') {
-                                    if (Object.prototype.toString.call(item) === '[object Array]') {
-                                        result = [];
-                                        item.forEach((child, index, array) => {
-                                            result[index] = me.clone(child);
-                                        });
-                                    }
-                                    else if (typeof item === 'object') {
-                                        if (item.nodeType && typeof item.cloneNode === 'function') {
-                                            result = item.cloneNode(true);
-                                        }
-                                        else if (!item.prototype) {
-                                            if (item instanceof Date) {
-                                                result = new Date(item);
-                                            }
-                                            else {
-                                                result = {};
-                                                for (const i in item) {
-                                                    result[i] = me.clone(item[i]);
-                                                }
-                                            }
-                                        }
-                                        else {
-                                            {
-                                                result = item;
-                                            }
-                                        }
-                                    }
-                                    else {
-                                        result = item;
-                                    }
-                                }
-                                return result;
-                            }
-                            updateEditor(content) {
-                                if (JSON.stringify(this._oldModel) === JSON.stringify(content)) {
-                                    return;
-                                }
-                                if (!this._hasSpecialTag) {
-                                    this._oldModel = content;
-                                }
-                                else {
-                                    this._model = content;
-                                }
-                                if (this._editorInitialized) {
-                                    if (!this._hasSpecialTag) {
-                                        this._editor.html.set(content);
-                                    }
-                                    else {
-                                        this.setContent();
-                                    }
-                                }
-                                else {
-                                    if (!this._hasSpecialTag) {
-                                        this._element.innerHTML = content || '';
-                                    }
-                                    else {
-                                        this.setContent();
-                                    }
-                                }
-                            }
-                            updateModel() {
-                                this.zone.run(() => {
-                                    let modelContent = null;
-                                    if (this._hasSpecialTag) {
-                                        const attributeNodes = this._element.attributes;
-                                        const attrs = {};
-                                        for (let i = 0; i < attributeNodes.length; i++) {
-                                            const attrName = attributeNodes[i].name;
-                                            if (this._opts.angularIgnoreAttrs && this._opts.angularIgnoreAttrs.indexOf(attrName) != -1) {
-                                                continue;
-                                            }
-                                            attrs[attrName] = attributeNodes[i].value;
-                                        }
-                                        if (this._element.innerHTML) {
-                                            attrs[this.INNER_HTML_ATTR] = this._element.innerHTML;
-                                        }
-                                        modelContent = attrs;
-                                    }
-                                    else {
-                                        const returnedHtml = this._editor.html.get();
-                                        if (typeof returnedHtml === 'string') {
-                                            modelContent = returnedHtml;
-                                        }
-                                    }
-                                    if (this._oldModel !== modelContent) {
-                                        this._oldModel = modelContent;
-                                        this.froalaModelChange.emit(modelContent);
-                                        this.onChange(modelContent);
-                                    }
-                                });
-                            }
-                            registerEvent(eventName, callback) {
-                                if (!eventName || !callback) {
-                                    return;
-                                }
-                                if (!this._opts.events) {
-                                    this._opts.events = {};
-                                }
-                                this._opts.events[eventName] = callback;
-                            }
-                            initListeners() {
-                                const self = this;
-                                if (this._editor.events) {
-                                    this._editor.events.on('contentChanged', function () {
-                                        self.updateModel();
-                                    });
-                                    this._editor.events.on('mousedown', function () {
-                                        setTimeout(function () {
-                                            self.onTouched();
-                                        }, 0);
-                                    });
-                                    if (this._opts.immediateAngularModelUpdate) {
-                                        this._editor.events.on('keyup', function () {
-                                            setTimeout(function () {
-                                                self.updateModel();
-                                            }, 0);
-                                        });
-                                    }
-                                }
-                                this._editorInitialized = true;
-                            }
-                            createEditor() {
-                                if (this._editorInitialized) {
-                                    return;
-                                }
-                                this.setContent(true);
-                                this.zone.runOutsideAngular(() => {
-                                    if (!this._opts.events) {
-                                        this._opts.events = {};
-                                    }
-                                    this.registerEvent('initialized', this._opts.events && this._opts.events.initialized);
-                                    const existingInitCallback = this._opts.events.initialized;
-                                    if (!this._opts.events.initialized || !this._opts.events.initialized.overridden) {
-                                        this._opts.events.initialized = () => {
-                                            this.initListeners();
-                                            existingInitCallback && existingInitCallback.call(this._editor, this);
-                                        };
-                                        this._opts.events.initialized.overridden = true;
-                                    }
-                                    this._editor = new froala_editor_1.default(this._element, this._opts);
-                                });
-                            }
-                            setHtml() {
-                                this._editor.html.set(this._model || '');
-                                this._editor.undo.reset();
-                                this._editor.undo.saveStep();
-                            }
-                            setContent(firstTime = false) {
-                                const self = this;
-                                if (this._model || this._model === '') {
-                                    this._oldModel = this._model;
-                                    if (this._hasSpecialTag) {
-                                        const tags = this._model;
-                                        if (tags) {
-                                            for (const attr in tags) {
-                                                if (tags.hasOwnProperty(attr) && attr != this.INNER_HTML_ATTR) {
-                                                    this._element.setAttribute(attr, tags[attr]);
-                                                }
-                                            }
-                                            if (tags.hasOwnProperty(this.INNER_HTML_ATTR)) {
-                                                this._element.innerHTML = tags[this.INNER_HTML_ATTR];
-                                            }
-                                        }
-                                    }
-                                    else {
-                                        if (firstTime) {
-                                            this.registerEvent('initialized', function () {
-                                                self.setHtml();
-                                            });
-                                        }
-                                        else {
-                                            self.setHtml();
-                                        }
-                                    }
-                                }
-                            }
-                            destroyEditor() {
-                                if (this._editorInitialized) {
-                                    this._editor.destroy();
-                                    this._editorInitialized = false;
-                                }
-                            }
-                            getEditor() {
-                                if (this._element) {
-                                    return this._editor;
-                                }
-                                return null;
-                            }
-                            generateManualController() {
-                                const controls = {
-                                    initialize: this.createEditor.bind(this),
-                                    destroy: this.destroyEditor.bind(this),
-                                    getEditor: this.getEditor.bind(this),
-                                };
-                                this.froalaInit.emit(controls);
-                            }
-                            ngAfterViewInit() {
-                                if (!this.froalaInit.observers.length) {
-                                    this.createEditor();
-                                }
-                                else {
-                                    this.generateManualController();
-                                }
-                            }
-                            ngOnDestroy() {
-                                this.destroyEditor();
-                            }
-                        };
-                        __decorate([
-                            core_1.Input(),
-                            __metadata("design:type", Object),
-                            __metadata("design:paramtypes", [Object])
-                        ], FroalaEditorDirective.prototype, "froalaEditor", null);
-                        __decorate([
-                            core_1.Input(),
-                            __metadata("design:type", Object),
-                            __metadata("design:paramtypes", [Object])
-                        ], FroalaEditorDirective.prototype, "froalaModel", null);
-                        __decorate([
-                            core_1.Output(),
-                            __metadata("design:type", core_1.EventEmitter)
-                        ], FroalaEditorDirective.prototype, "froalaModelChange", void 0);
-                        __decorate([
-                            core_1.Output(),
-                            __metadata("design:type", core_1.EventEmitter)
-                        ], FroalaEditorDirective.prototype, "froalaInit", void 0);
-                        FroalaEditorDirective = FroalaEditorDirective_1 = __decorate([
-                            core_1.Directive({
-                                selector: '[froalaEditor]',
-                                exportAs: 'froalaEditor',
-                                providers: [
-                                    {
-                                        provide: forms_1.NG_VALUE_ACCESSOR, useExisting: core_1.forwardRef(() => FroalaEditorDirective_1),
-                                        multi: true
-                                    }
-                                ]
-                            }),
-                            __metadata("design:paramtypes", [core_1.ElementRef, core_1.NgZone])
-                        ], FroalaEditorDirective);
-                        exports_1("FroalaEditorDirective", FroalaEditorDirective);
-                    }
-                };
-            });
-
-            System.register(["@angular/core", "@stratusjs/angular/froala/editor/froala-editor.directive"], function (exports_1, context_1) {
-                var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-                    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-                    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-                    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-                    return c > 3 && r && Object.defineProperty(target, key, r), r;
-                };
-                var FroalaEditorModule_1, core_1, froala_editor_directive_1, FroalaEditorModule;
-                context_1 && context_1.id;
-                return {
-                    setters: [
-                        function (core_1_1) {
-                            core_1 = core_1_1;
-                        },
-                        function (froala_editor_directive_1_1) {
-                            froala_editor_directive_1 = froala_editor_directive_1_1;
-                        }
-                    ],
-                    execute: function () {
-                        FroalaEditorModule = FroalaEditorModule_1 = class FroalaEditorModule {
-                            static forRoot() {
-                                return { ngModule: FroalaEditorModule_1, providers: [] };
-                            }
-                        };
-                        FroalaEditorModule = FroalaEditorModule_1 = __decorate([
-                            core_1.NgModule({
-                                declarations: [froala_editor_directive_1.FroalaEditorDirective],
-                                exports: [froala_editor_directive_1.FroalaEditorDirective]
-                            })
-                        ], FroalaEditorModule);
-                        exports_1("FroalaEditorModule", FroalaEditorModule);
-                    }
-                };
-            });
-
-            System.register(["@stratusjs/angular/froala/editor/froala-editor.directive", "@stratusjs/angular/froala/editor/froala-editor.module"], function (exports_1, context_1) {
-                context_1 && context_1.id;
-                return {
-                    setters: [
-                        function (froala_editor_directive_1_1) {
-                            exports_1({
-                                "FroalaEditorDirective": froala_editor_directive_1_1["FroalaEditorDirective"]
-                            });
-                        },
-                        function (froala_editor_module_1_1) {
-                            exports_1({
-                                "FroalaEditorModule": froala_editor_module_1_1["FroalaEditorModule"]
-                            });
-                        }
-                    ],
-                    execute: function () {
-                    }
-                };
-            });
-
-            System.register(["@angular/core", "@stratusjs/angular/froala/view/froala-view.directive"], function (exports_1, context_1) {
-                var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-                    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-                    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-                    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-                    return c > 3 && r && Object.defineProperty(target, key, r), r;
-                };
-                var FroalaViewModule_1, core_1, froala_view_directive_1, FroalaViewModule;
-                context_1 && context_1.id;
-                return {
-                    setters: [
-                        function (core_1_1) {
-                            core_1 = core_1_1;
-                        },
-                        function (froala_view_directive_1_1) {
-                            froala_view_directive_1 = froala_view_directive_1_1;
-                        }
-                    ],
-                    execute: function () {
-                        FroalaViewModule = FroalaViewModule_1 = class FroalaViewModule {
-                            static forRoot() {
-                                return { ngModule: FroalaViewModule_1, providers: [] };
-                            }
-                        };
-                        FroalaViewModule = FroalaViewModule_1 = __decorate([
-                            core_1.NgModule({
-                                declarations: [froala_view_directive_1.FroalaViewDirective],
-                                exports: [froala_view_directive_1.FroalaViewDirective]
-                            })
-                        ], FroalaViewModule);
-                        exports_1("FroalaViewModule", FroalaViewModule);
-                    }
-                };
-            });
-
-            System.register(["@angular/core"], function (exports_1, context_1) {
-                var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-                    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-                    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-                    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-                    return c > 3 && r && Object.defineProperty(target, key, r), r;
-                };
-                var __metadata = (this && this.__metadata) || function (k, v) {
-                    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-                };
-                var core_1, FroalaViewDirective;
-                context_1 && context_1.id;
-                return {
-                    setters: [
-                        function (core_1_1) {
-                            core_1 = core_1_1;
-                        }
-                    ],
-                    execute: function () {
-                        FroalaViewDirective = class FroalaViewDirective {
-                            constructor(renderer, element) {
-                                this.renderer = renderer;
-                                this._element = element.nativeElement;
-                            }
-                            set froalaView(content) {
-                                this._element.innerHTML = content;
-                            }
-                            ngAfterViewInit() {
-                                this.renderer.addClass(this._element, 'fr-view');
-                            }
-                        };
-                        __decorate([
-                            core_1.Input(),
-                            __metadata("design:type", String),
-                            __metadata("design:paramtypes", [String])
-                        ], FroalaViewDirective.prototype, "froalaView", null);
-                        FroalaViewDirective = __decorate([
-                            core_1.Directive({
-                                selector: '[froalaView]'
-                            }),
-                            __metadata("design:paramtypes", [core_1.Renderer2, core_1.ElementRef])
-                        ], FroalaViewDirective);
-                        exports_1("FroalaViewDirective", FroalaViewDirective);
-                    }
-                };
-            });
-
-            System.register(["@stratusjs/angular/froala/view/froala-view.directive", "@stratusjs/angular/froala/view/froala-view.module"], function (exports_1, context_1) {
-                context_1 && context_1.id;
-                return {
-                    setters: [
-                        function (froala_view_directive_1_1) {
-                            exports_1({
-                                "FroalaViewDirective": froala_view_directive_1_1["FroalaViewDirective"]
-                            });
-                        },
-                        function (froala_view_module_1_1) {
-                            exports_1({
-                                "FroalaViewModule": froala_view_module_1_1["FroalaViewModule"]
-                            });
-                        }
-                    ],
-                    execute: function () {
-                    }
-                };
-            });
-
-            /*!
-             * froala_editor v3.2.3 (https://www.froala.com/wysiwyg-editor)
-             * License https://froala.com/wysiwyg-editor/terms/
-             * Copyright 2014-2020 Froala Labs
-             */
-            System.register(["froala-editor"], function (exports_1, context_1) {
-                var froala_editor_1;
-                context_1 && context_1.id;
-                return {
-                    setters: [
-                        function (froala_editor_1_1) {
-                            froala_editor_1 = froala_editor_1_1;
-                        }
-                    ],
-                    execute: function () {
-                        /*!
-                         * froala_editor v3.2.3 (https://www.froala.com/wysiwyg-editor)
-                         * License https://froala.com/wysiwyg-editor/terms/
-                         * Copyright 2014-2020 Froala Labs
-                         */
-                        if (((froala_editor_1.default && froala_editor_1.default.hasOwnProperty('default') ? froala_editor_1.default.default : froala_editor_1.default),
-                            Object.assign(froala_editor_1.default.DEFAULTS, {
-                                imageManagerLoadURL: 'https://i.froala.com/load-files',
-                                imageManagerLoadMethod: 'get',
-                                imageManagerLoadParams: {},
-                                imageManagerPreloader: null,
-                                imageManagerDeleteURL: '',
-                                imageManagerDeleteMethod: 'post',
-                                imageManagerDeleteParams: {},
-                                imageManagerPageSize: 12,
-                                imageManagerScrollOffset: 20,
-                                imageManagerToggleTags: !0,
-                            }),
-                            (froala_editor_1.default.PLUGINS.imageManagerCustom = (s) => {
-                                let g, l, i, o, d, m, c, f, u, p, h, v = s.$, M = 'image_manager', e = 10, b = 11, w = 12, C = 13, L = 14, D = 15, t = 21, r = 22, n = {};
-                                function y() {
-                                    let e = v(window).outerWidth();
-                                    return e < 768 ? 2 : e < 1200 ? 3 : 4;
-                                }
-                                function I() {
-                                    d.empty();
-                                    for (let e = 0; e < h; e++) {
-                                        d.append('<div class="fr-list-column"></div>');
-                                    }
-                                }
-                                function P() {
-                                    if (u < c.length
-                                        && (d.outerHeight() <= i.outerHeight() + s.opts.imageManagerScrollOffset
-                                            || i.scrollTop() + s.opts.imageManagerScrollOffset > d.outerHeight() - i.outerHeight())) {
-                                        f++;
-                                        for (let e = s.opts.imageManagerPageSize * (f - 1); e < Math.min(c.length, s.opts.imageManagerPageSize * f); e++) {
-                                            a(c[e]);
-                                        }
-                                    }
-                                }
-                                function a(n) {
-                                    let i = new Image(), o = v(document.createElement('div'))
-                                        .attr('class', 'fr-image-container fr-empty fr-image-' + p++)
-                                        .attr('data-loading', s.language.translate('Loading') + '..')
-                                        .attr('data-deleting', s.language.translate('Deleting') + '..');
-                                    R(!1),
-                                        (i.onload = function () {
-                                            o.height(Math.floor((o.width() / i.width) * i.height));
-                                            let t = v(document.createElement('img'));
-                                            if (n.thumb) {
-                                                t.attr('src', n.thumb);
-                                            }
-                                            else {
-                                                if ((O(L, n), !n.url)) {
-                                                    return O(D, n), !1;
-                                                }
-                                                t.attr('src', n.url);
-                                            }
-                                            if ((n.url && t.attr('data-url', n.url), n.tag)) {
-                                                if ((l.find('.fr-modal-more.fr-not-available').removeClass('fr-not-available'), l.find('.fr-modal-tags').show(), 0 <= n.tag.indexOf(','))) {
-                                                    for (let e = n.tag.split(','), a = 0; a < e.length; a++) {
-                                                        (e[a] =
-                                                            e[a].trim()), 0 === m.find('a[title="'.concat(e[a], '"]')).length && m.append('<a role="button" title="'.concat(e[a], '">').concat(e[a], '</a>'));
-                                                    }
-                                                    t.attr('data-tag', e.join());
-                                                }
-                                                else {
-                                                    0 === m.find('a[title="'.concat(n.tag.trim(), '"]')).length && m.append('<a role="button" title="'.concat(n.tag.trim(), '">').concat(n.tag.trim(), '</a>')), t.attr('data-tag', n.tag.trim());
-                                                }
-                                            }
-                                            for (let r in (n.name && t.attr('alt', n.name), n)) {
-                                                n.hasOwnProperty(r) && 'thumb' !== r && 'url' !== r && 'tag' !== r && t.attr('data-'.concat(r), n[r]);
-                                            }
-                                            o
-                                                .append(t)
-                                                .append(v(s.icon.create('imageManagerDelete')).addClass('fr-delete-img').attr('title', s.language.translate('Delete')))
-                                                .append(v(s.icon.create('imageManagerInsert')).addClass('fr-insert-img').attr('title', s.language.translate('Insert'))),
-                                                m.find('.fr-selected-tag').each(function (e, a) {
-                                                    j(t, a.text) || o.hide();
-                                                }),
-                                                t.on('load', function () {
-                                                    o.removeClass('fr-empty'),
-                                                        o.height('auto'),
-                                                        u++,
-                                                        E(T(parseInt(t
-                                                            .parent()
-                                                            .attr('class')
-                                                            .match(/fr-image-(\d+)/)[1], 10) + 1)),
-                                                        R(!1),
-                                                        u % s.opts.imageManagerPageSize === 0 && P();
-                                                }),
-                                                s.events.trigger('imageManager.imageLoaded', [t]);
-                                        }),
-                                        (i.onerror = () => {
-                                            u++,
-                                                o.remove(),
-                                                E(T(parseInt(o.attr('class').match(/fr-image-(\d+)/)[1], 10) + 1)),
-                                                O(e, n),
-                                                u % s.opts.imageManagerPageSize === 0 && P();
-                                        }),
-                                        (i.src = n.thumb || n.url),
-                                        S().append(o);
-                                }
-                                function S() {
-                                    let r, n;
-                                    return (d.find('.fr-list-column').each((e, a) => {
-                                        let t = v(a);
-                                        0 === e ? ((n = t.outerHeight()), (r = t)) : t.outerHeight() < n && ((n = t.outerHeight()), (r = t));
-                                    }),
-                                        r);
-                                }
-                                function T(e) {
-                                    e === undefined && (e = 0);
-                                    for (let a = [], t = p - 1; e <= t; t--) {
-                                        let r = d.find('.fr-image-'.concat(t));
-                                        r.length && (a.push(r), v(document.createElement('div')).attr('id', 'fr-image-hidden-container').append(r), d.find('.fr-image-'.concat(t)).remove());
-                                    }
-                                    return a;
-                                }
-                                function E(e) {
-                                    for (let a = e.length - 1; 0 <= a; a--) {
-                                        S().append(e[a]);
-                                    }
-                                }
-                                function R(e) {
-                                    if ((e === undefined && (e = !0), !g.isVisible())) {
-                                        return !0;
-                                    }
-                                    let a = y();
-                                    if (a !== h) {
-                                        h = a;
-                                        let t = T();
-                                        I(), E(t);
-                                    }
-                                    s.modals.resize(M), e && P();
-                                }
-                                function U(e) {
-                                    for (let a, t = e[0].attributes, r = t.length, n = {}; r--;) {
-                                        t[r] && 'src' !== (a = t[r].name) && (n[a] = t[r].value);
-                                    }
-                                    return n;
-                                }
-                                function x(e) {
-                                    let a = v(e.currentTarget).siblings('img'), t = g.data('instance') || s, r = g.data('current-image');
-                                    if ((s.modals.hide(M), t.image.showProgressBar(), r)) {
-                                        r.data('fr-old-src', r.attr('src')), r.trigger('click');
-                                    }
-                                    else {
-                                        t.events.focus(!0), t.selection.restore();
-                                        let n = t.position.getBoundingRect(), i = n.left + n.width / 2 + v(s.doc).scrollLeft(), o = n.top + n.height + v(s.doc).scrollTop();
-                                        t.popups.setContainer('image.insert', s.$sc), t.popups.show('image.insert', i, o);
-                                    }
-                                    t.image.insert(a.data('url'), !1, U(a), r);
-                                }
-                                function H(e) {
-                                    let i = v(e.currentTarget).siblings('img'), a = s.language.translate('Are you sure? Image will be deleted.');
-                                    confirm(a) &&
-                                        (s.opts.imageManagerDeleteURL
-                                            ? !1 !== s.events.trigger('imageManager.beforeDeleteImage', [i]) &&
-                                                (i.parent().addClass('fr-image-deleting'),
-                                                    v(this).ajax({
-                                                        method: s.opts.imageManagerDeleteMethod,
-                                                        url: s.opts.imageManagerDeleteURL,
-                                                        data: Object.assign(Object.assign({ src: i.attr('src') }, U(i)), s.opts.imageManagerDeleteParams),
-                                                        crossDomain: s.opts.requestWithCORS,
-                                                        withCredentials: s.opts.requestWithCredentials,
-                                                        headers: s.opts.requestHeaders,
-                                                        done(e, a, t) {
-                                                            s.events.trigger('imageManager.imageDeleted', [e]);
-                                                            let r = T(parseInt(i
-                                                                .parent()
-                                                                .attr('class')
-                                                                .match(/fr-image-(\d+)/)[1], 10) + 1);
-                                                            i.parent().remove(),
-                                                                E(r),
-                                                                (function n() {
-                                                                    g.find('#fr-modal-tags > a').each(function () {
-                                                                        0 === g.find('#fr-image-list [data-tag*="'.concat(v(this).text(), '"]')).length && v(this).removeClass('fr-selected-tag').hide();
-                                                                    }),
-                                                                        _();
-                                                                })(),
-                                                                R(!0);
-                                                        },
-                                                        fail(e) {
-                                                            O(t, e.response || e.responseText);
-                                                        },
-                                                    }))
-                                            : O(r));
-                                }
-                                function O(e, a) {
-                                    10 <= e && e < 20
-                                        ? o.hide()
-                                        : 20 <= e && e < 30 && v('.fr-image-deleting').removeClass('fr-image-deleting'), s.events.trigger('imageManager.error', [
-                                        { code: e, message: n[e] },
-                                        a
-                                    ]);
-                                }
-                                function q() {
-                                    let e = l.find('.fr-modal-head-line').outerHeight(), a = m.outerHeight();
-                                    l.toggleClass('fr-show-tags'), l.hasClass('fr-show-tags')
-                                        ? (l.css('height', e + a), i.css('marginTop', e + a), m.find('a').css('opacity', 1))
-                                        : (l.css('height', e), i.css('marginTop', e), m.find('a').css('opacity', 0));
-                                }
-                                function _() {
-                                    let e = m.find('.fr-selected-tag');
-                                    0 < e.length
-                                        ? (d.find('img').parents().show(),
-                                            e.each((e, r) => {
-                                                d.find('img').each(function (e, a) {
-                                                    let t = v(a);
-                                                    j(t, r.text) || t.parent().hide();
-                                                });
-                                            }))
-                                        : d.find('img').parents().show(),
-                                        E(T()),
-                                        P();
-                                }
-                                function k(e) {
-                                    e.preventDefault();
-                                    let a = v(e.currentTarget);
-                                    a.toggleClass('fr-selected-tag'), s.opts.imageManagerToggleTags && a.siblings('a').removeClass('fr-selected-tag'), _();
-                                }
-                                function j(e, a) {
-                                    for (let t = (e.attr('data-tag') || '').split(','), r = 0; r < t.length; r++) {
-                                        if (t[r] === a) {
-                                            return !0;
-                                        }
-                                    }
-                                    return !1;
-                                }
-                                return ((n[e] = 'Image cannot be loaded from the passed link.'),
-                                    (n[b] = 'Error during load images request.'),
-                                    (n[w] = 'Missing imageManagerLoadURL option.'),
-                                    (n[C] = 'Parsing load response failed.'),
-                                    (n[L] = 'Missing image thumb.'),
-                                    (n[D] = 'Missing image URL.'),
-                                    (n[t] = 'Error during delete image request.'),
-                                    (n[r] = 'Missing imageManagerDeleteURL option.'),
-                                    {
-                                        require: ['image'],
-                                        _init: function z() {
-                                            if (!s.$wp && 'IMG' !== s.el.tagName) {
-                                                return !1;
-                                            }
-                                        },
-                                        show: function G() {
-                                            if (!g) {
-                                                let e, a = '<button class="fr-command fr-btn fr-modal-more fr-not-available" id="fr-modal-more-'
-                                                    .concat(s.sid, '"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24""><path d="')
-                                                    .concat(froala_editor_1.default.SVG.tags, '"/></svg></button><h4 data-text="true">')
-                                                    .concat(s.language.translate('Manage Images'), '</h4></div>\n      <div class="fr-modal-tags" id="fr-modal-tags">');
-                                                (e = s.opts.imageManagerPreloader
-                                                    ? '<img class="fr-preloader" id="fr-preloader" alt="'.concat(s.language.translate('Loading'), '.." src="').concat(s.opts.imageManagerPreloader, '" style="display: none;">')
-                                                    : '<span class="fr-preloader" id="fr-preloader" style="display: none;">'.concat(s.language.translate('Loading'), '</span>')),
-                                                    (e += '<div class="fr-image-list" id="fr-image-list"></div>');
-                                                let t = s.modals.create(M, a, e);
-                                                (g = t.$modal), (l = t.$head), (i = t.$body);
-                                            }
-                                            g.data('current-image', s.image.get()),
-                                                s.modals.show(M),
-                                                o ||
-                                                    (function r() {
-                                                        (o = g.find('#fr-preloader')),
-                                                            (d = g.find('#fr-image-list')),
-                                                            (m = g.find('#fr-modal-tags')),
-                                                            (h = y()),
-                                                            I(),
-                                                            l.css('height', l.find('.fr-modal-head-line').outerHeight()),
-                                                            s.events.$on(v(s.o_win), 'resize', () => {
-                                                                R(!!c);
-                                                            }),
-                                                            s.events.bindClick(d, '.fr-insert-img', x),
-                                                            s.events.bindClick(d, '.fr-delete-img', H),
-                                                            s.helpers.isMobile() &&
-                                                                (s.events.bindClick(d, 'div.fr-image-container', (e) => {
-                                                                    g.find('.fr-mobile-selected').removeClass('fr-mobile-selected'),
-                                                                        v(e.currentTarget).addClass('fr-mobile-selected');
-                                                                }),
-                                                                    g.on(s._mousedown, () => {
-                                                                        g.find('.fr-mobile-selected').removeClass('fr-mobile-selected');
-                                                                    })),
-                                                            g.on(s._mousedown + ' ' + s._mouseup, (e) => {
-                                                                e.stopPropagation();
-                                                            }),
-                                                            g.on(s._mousedown, '*', () => {
-                                                                s.events.disableBlur();
-                                                            }),
-                                                            i.on('scroll', P),
-                                                            s.events.bindClick(g, 'button#fr-modal-more-'.concat(s.sid), q),
-                                                            s.events.bindClick(m, 'a', k);
-                                                    })(),
-                                                (function n() {
-                                                    o.show(),
-                                                        d.find('.fr-list-column').empty(),
-                                                        s.opts.imageManagerLoadURL
-                                                            ? v(this).ajax({
-                                                                url: s.opts.imageManagerLoadURL,
-                                                                method: s.opts.imageManagerLoadMethod,
-                                                                data: s.opts.imageManagerLoadParams,
-                                                                crossDomain: s.opts.requestWithCORS,
-                                                                withCredentials: s.opts.requestWithCredentials,
-                                                                headers: s.opts.requestHeaders,
-                                                                done(e, a, t) {
-                                                                    s.events.trigger('imageManager.imagesLoaded', [e]),
-                                                                        (function r(e, a) {
-                                                                            try {
-                                                                                d.find('.fr-list-column').empty(), (p = u = f = 0), (c = JSON.parse(e)), P();
-                                                                            }
-                                                                            catch (t) {
-                                                                                O(C, a);
-                                                                            }
-                                                                        })(e, t.response),
-                                                                        o.hide();
-                                                                },
-                                                                fail(e) {
-                                                                    O(b, e.response || e.responseText);
-                                                                },
-                                                            })
-                                                            : O(w);
-                                                })();
-                                        },
-                                        hide: function N() {
-                                            s.modals.hide(M);
-                                        },
-                                    });
-                            }),
-                            !froala_editor_1.default.PLUGINS.image)) {
-                            throw new Error('Image manager plugin requires image plugin.');
-                        }
-                        froala_editor_1.default.DEFAULTS.imageInsertButtons.push('imageManagerCustom'),
-                            froala_editor_1.default.RegisterCommand('imageManagerCustom', {
-                                title: 'Browse',
-                                undo: !1,
-                                focus: !1,
-                                modal: !0,
-                                callback() {
-                                    this.imageManagerCustom.show();
-                                },
-                                plugin: 'imageManagerCustom',
-                            }),
-                            froala_editor_1.default.DefineIcon('imageManagerCustom', { NAME: 'folder', SVG_KEY: 'imageManager' }),
-                            froala_editor_1.default.DefineIcon('imageManagerCustomInsert', { NAME: 'plus', SVG_KEY: 'add' }),
-                            froala_editor_1.default.DefineIcon('imageManagerCustomDelete', { NAME: 'trash', SVG_KEY: 'remove' });
-                    }
-                };
-            });
-
             FroalaEditor.DEFAULTS = Object.assign(FroalaEditor.DEFAULTS, {});
             FroalaEditor.PLUGINS.menuButton = function menuButton(editor) {
                 let inputButton;