@stratusjs/angular 0.9.3 → 0.10.1

package/dist/angular.bundle.js

@@ -1,6 +1,6 @@
 System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/environment', '@stratusjs/core/misc', '@stratusjs/angularjs/services/model', '@stratusjs/angularjs/services/registry', '@stratusjs/core/events/eventManager', 'html2pdf', 'font-awesome', 'froala-plugins', 'froala-embedly', 'froala-font-awesome', 'froala-image-tui', 'froala-editor', '@stratusjs/core/datastore/xhr', 'toastify-js', '@agentepsilon/decko', '@stratusjs/angular/core/root.component', '@stratusjs/angularjs/services/collection', 'zone.js/dist/zone'], (function (exports) {
     'use strict';
-    var Stratus, _, uniqueId$3, snakeCase, head, isEmpty, isUndefined, isString, extend$1, debounce$2, isNumber, isBoolean, isArray$1, clone, isFunction$1, set, isNil, includes, isObject$2, assignIn, forEach, cookie, isJSON, safeUniqueId, Model, Registry, EventManager$1, FroalaEditor, XHR, Toastify, debounce$1, RootComponent$1, Collection;
+    var Stratus, _, uniqueId$3, snakeCase, head, isEmpty, isUndefined, isString, extend$1, get, forEach, isObject$2, isArray$1, has$2, sortBy, size, toNumber$1, isNumber, set, assignIn, clone, max, debounce$2, isBoolean, isFunction$1, isNil, includes, cookie, isJSON, safeUniqueId, serializeUrlParams, Model, Registry, EventManager$1, FroalaEditor, XHR, Toastify, debounce$1, RootComponent$1, Collection;
     return {
         setters: [function (module) {
             Stratus = module.Stratus;
@@ -13,23 +13,30 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             isUndefined = module.isUndefined;
             isString = module.isString;
             extend$1 = module.extend;
-            debounce$2 = module.debounce;
-            isNumber = module.isNumber;
-            isBoolean = module.isBoolean;
+            get = module.get;
+            forEach = module.forEach;
+            isObject$2 = module.isObject;
             isArray$1 = module.isArray;
+            has$2 = module.has;
+            sortBy = module.sortBy;
+            size = module.size;
+            toNumber$1 = module.toNumber;
+            isNumber = module.isNumber;
+            set = module.set;
+            assignIn = module.assignIn;
             clone = module.clone;
+            max = module.max;
+            debounce$2 = module.debounce;
+            isBoolean = module.isBoolean;
             isFunction$1 = module.isFunction;
-            set = module.set;
             isNil = module.isNil;
             includes = module.includes;
-            isObject$2 = module.isObject;
-            assignIn = module.assignIn;
-            forEach = module.forEach;
         }, function (module) {
             cookie = module.cookie;
         }, function (module) {
             isJSON = module.isJSON;
             safeUniqueId = module.safeUniqueId;
+            serializeUrlParams = module.serializeUrlParams;
         }, function (module) {
             Model = module.Model;
         }, function (module) {
@@ -84665,7 +84672,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             const min$c = !cookie('env') ? '.min' : '';
             const localDir$d = `${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));
+            const has$1 = (object, path) => _.has(object, path) && !_.isEmpty(_.get(object, path));
             let EditorComponent = exports('EditorComponent', class EditorComponent extends RootComponent {
                 constructor(sanitizer, ref, elementRef, fb, dialog) {
                     super();
@@ -84679,7 +84686,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.debug = !!cookie(`debug_${moduleName$9}`);
                     this.editor = 'froala';
                     this._ = _;
-                    this.has = has$2;
+                    this.has = has$1;
                     this.log = console.log;
                     this.Stratus = Stratus;
                     this.registry = new Registry();
@@ -123078,7 +123085,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             const moduleName$6 = 'media-selector';
             const min$9 = !cookie('env') ? '.min' : '';
             const localDir$a = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$6}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
-            const has$1 = (object, path) => _.has(object, path) && !_.isEmpty(_.get(object, path));
+            const has = (object, path) => _.has(object, path) && !_.isEmpty(_.get(object, path));
             let MediaSelectorComponent = exports('MediaSelectorComponent', class MediaSelectorComponent extends RootComponent {
                 constructor(iconRegistry, sanitizer, ref, elementRef, viewportRuler) {
                     super();
@@ -123089,7 +123096,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.viewportRuler = viewportRuler;
                     this.title = moduleName$6 + '_component';
                     this._ = _;
-                    this.has = has$1;
+                    this.has = has;
                     this.log = console.log;
                     this.Stratus = Stratus;
                     this.registry = new Registry();
@@ -123478,7 +123485,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             const moduleName$5 = 'selector';
             const min$8 = !cookie('env') ? '.min' : '';
             const localDir$9 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$5}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
-            const has = (object, path) => _.has(object, path) && !_.isEmpty(_.get(object, path));
+            const hasNotEmpty = (object, path) => has$2(object, path) && !isEmpty(get(object, path));
             let SelectorComponent = exports('SelectorComponent', class SelectorComponent extends RootComponent {
                 constructor(iconRegistry, sanitizer, ref, elementRef) {
                     super();
@@ -123487,8 +123494,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.ref = ref;
                     this.elementRef = elementRef;
                     this.title = moduleName$5 + '_component';
-                    this._ = _;
-                    this.has = has;
+                    this.get = get;
+                    this.has = hasNotEmpty;
                     this.log = console.log;
                     this.Stratus = Stratus;
                     this.selectCtrl = new FormControl();
@@ -123497,10 +123504,10 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.svgIcons = {};
                     this.styled = false;
                     this.empty = false;
-                    this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$5)}_component_`);
+                    this.uid = uniqueId$3(`sa_${snakeCase(moduleName$5)}_component_`);
                     Stratus.Instances[this.uid] = this;
                     this.dataSub = new Observable(subscriber => this.dataDefer(subscriber));
-                    _.forEach({
+                    forEach({
                         selector_delete: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/delete.svg`,
                         selector_status: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/visibility.svg`,
                         selector_edit: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/edit.svg`
@@ -123508,15 +123515,15 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     Stratus.Internals.CssLoader(`${localDir$9}${moduleName$5}/${moduleName$5}.component${min$8}.css`)
                         .then(() => {
                         this.styled = true;
-                        this.refresh();
+                        this.refresh().then();
                     })
                         .catch((err) => {
                         console.warn('Issue detected in CSS Loader for Component:', this);
                         console.error(err);
                         this.styled = true;
-                        this.refresh();
+                        this.refresh().then();
                     });
-                    this.hydrate(elementRef, sanitizer, ["title", "uid", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "type", "property", "endpoint", "ignorePriority", "_", "has", "log", "Stratus", "selectCtrl", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "svgIcons", "styled", "empty", "iconRegistry", "sanitizer", "ref", "elementRef", "drop", "goToUrl", "toggleStatus", "remove", "fetchData", "dataDefer", "dataRef", "onDataChange", "prioritize", "getSvg", "addSvgIcon", "hydrate", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
+                    this.hydrate(elementRef, sanitizer, ["title", "uid", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "type", "property", "endpoint", "ignorePriority", "get", "has", "log", "Stratus", "selectCtrl", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "svgIcons", "styled", "empty", "iconRegistry", "sanitizer", "ref", "elementRef", "drop", "goToUrl", "toggleStatus", "remove", "fetchData", "dataDefer", "dataRef", "getString", "onDataChange", "prioritize", "getSvg", "addSvgIcon", "hydrate", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
                     this.fetchData()
                         .then(data => {
                         if (!data || !(data instanceof EventManager$1)) {
@@ -123529,7 +123536,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                             }
                             this.dataDefer(this.subscriber);
                             this.prioritize();
-                            this.refresh();
+                            this.refresh().then();
                         };
                         data.on('change', onDataChange);
                         onDataChange();
@@ -123543,7 +123550,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     moveItemInArray(models, event.previousIndex, event.currentIndex);
                     if (!this.ignorePriority) {
                         let priority = 0;
-                        _.forEach(models, (model) => model.priority = priority++);
+                        forEach(models, (model) => model.priority = priority++);
                     }
                     this.model.trigger('change');
                 }
@@ -123555,6 +123562,10 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     window.open(model.contentType.editUrl + '?id=' + model.id, '_blank');
                 }
                 toggleStatus(model) {
+                    let meta = {};
+                    if (!isUndefined(this.data)) {
+                        meta = get(this.data, 'meta.data.api');
+                    }
                     const statusOriginal = model.status;
                     model.status = statusOriginal === 1 ? 0 : 1;
                     const xhr = new XHR({
@@ -123562,7 +123573,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         url: '/Api/Content/' + model.id,
                         data: {
                             route: {},
-                            meta: {},
+                            meta,
                             payload: {
                                 status: model.status
                             }
@@ -123571,18 +123582,17 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     });
                     xhr.send()
                         .then((response) => {
-                        if (!_.isObject(response) || _.get(response, 'meta.status[0].code') !== 'SUCCESS') {
+                        if (!isObject$2(response) || get(response, 'meta.status[0].code') !== 'SUCCESS') {
                             console.error('error[toggleStatus]:', response);
                             model.status = statusOriginal;
-                            this.refresh();
+                            this.refresh().then();
                             return;
                         }
-                        console.log('success[toggleStatus]:', response);
                     })
                         .catch((error) => {
                         console.error('error[toggleStatus]:', error);
                         model.status = statusOriginal;
-                        this.refresh();
+                        this.refresh().then();
                     });
                     return;
                 }
@@ -123590,7 +123600,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     const models = this.dataRef();
                     if (!models || !models.length) {
                         console.error('unable to remove model from selection:', models);
-                        this.refresh();
+                        this.refresh().then();
                         return;
                     }
                     let index = models.indexOf(model);
@@ -123598,8 +123608,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         const mirrorModels = models
                             .map((m) => model.id === m.id ? m : null)
                             .filter((m) => m);
-                        if (_.isArray(mirrorModels) && mirrorModels.length) {
-                            index = models.indexOf(_.first(mirrorModels));
+                        if (isArray$1(mirrorModels) && mirrorModels.length) {
+                            index = models.indexOf(head(mirrorModels));
                         }
                     }
                     if (index === -1) {
@@ -123626,22 +123636,32 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     const models = this.dataRef();
                     this.empty = !models.length;
                     this.subscriber.next(models);
-                    this.refresh();
+                    this.refresh().then();
                 }
                 dataRef() {
                     if (!this.model) {
                         return [];
                     }
                     const models = this.model.get(this.property);
-                    if (!models || !_.isArray(models)) {
+                    if (!models || !isArray$1(models)) {
                         return [];
                     }
                     return models;
                 }
+                getString(object, property) {
+                    if (!isObject$2(object)) {
+                        return null;
+                    }
+                    const variable = get(object, property);
+                    if (!isString(variable)) {
+                        return null;
+                    }
+                    return variable;
+                }
                 onDataChange() {
                     this.prioritize();
                     this.dataDefer(this.subscriber);
-                    this.refresh();
+                    this.refresh().then();
                 }
                 prioritize() {
                     const models = this.dataRef();
@@ -123650,7 +123670,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     }
                     if (!this.ignorePriority) {
                         let priority = 0;
-                        _.forEach(models, (model) => model.priority = priority++);
+                        forEach(models, (model) => model.priority = priority++);
                     }
                 }
                 getSvg(url, options) {
@@ -123675,7 +123695,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     if (!options) {
                         options = {};
                     }
-                    const uid = this.svgIcons[url] = _.uniqueId('selector_svg');
+                    const uid = this.svgIcons[url] = uniqueId$3('selector_svg');
                     this.iconRegistry.addSvgIcon(uid, this.sanitizer.bypassSecurityTrustResourceUrl(url), options);
                     return uid;
                 }
@@ -123976,7 +123996,6 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.isInitialized = false;
                     this.isDestroyed = false;
                     this.isStyled = false;
-                    this._ = _;
                     this.Stratus = Stratus;
                     this.registry = new Registry();
                     this.onChange = new Subject();
@@ -123996,21 +124015,21 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.isDebug = false;
                 }
                 ngOnInit() {
-                    this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$3)}_component_`);
+                    this.uid = uniqueId$3(`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", "tree", "treeMap", "metaMap", "dataSource", "treeControl", "isBorder", "isDebug", "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"]);
+                    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", "tree", "treeMap", "metaMap", "dataSource", "treeControl", "isBorder", "isDebug", "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$7}/${moduleName$3}/${moduleName$3}.component${min$6}.css`)
                         .then(() => {
                         this.isStyled = true;
-                        this.refresh();
+                        this.refresh().then();
                     })
                         .catch((err) => {
                         console.warn('Issue detected in CSS Loader for Component:', this);
                         console.error(err);
                         this.isStyled = true;
-                        this.refresh();
+                        this.refresh().then();
                     });
-                    _.forEach({
+                    forEach({
                         tree_check: `${Stratus.BaseUrl}sitetheorycore/images/icons/check.svg`,
                         tree_add: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/add.svg`,
                         tree_delete: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/delete.svg`,
@@ -124028,7 +124047,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                                 return;
                             }
                             this.dataDefer(this.subscriber);
-                            this.refresh();
+                            this.refresh().then();
                         };
                         data.on('change', onDataChange);
                         onDataChange();
@@ -124069,7 +124088,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         this.isDebug = JSON.parse(isDebug);
                     }
                     this.isInitialized = true;
-                    this.refresh();
+                    this.refresh().then();
                 }
                 ngOnDestroy() {
                     this.isDestroyed = true;
@@ -124078,7 +124097,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     if (this.isDestroyed) {
                         return new Promise(resolve => resolve());
                     }
-                    _.forEach(this.metaMap, (meta) => {
+                    forEach(this.metaMap, (meta) => {
                         if (!meta.component || !('refresh' in meta.component)) {
                             return;
                         }
@@ -124133,24 +124152,24 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         return this.tree;
                     }
                     let models = this.collection.models;
-                    if (!models || !_.isArray(models) || !models.length) {
+                    if (!models || !isArray$1(models) || !models.length) {
                         return [];
                     }
-                    models = _.sortBy(models, ['data.priority']);
+                    models = sortBy(models, ['data.priority']);
                     this.metaMap = this.metaMap || {};
                     this.treeMap = {};
                     this.tree = [];
-                    _.forEach(models, (model) => {
-                        const modelId = _.get(model, 'data.id');
-                        const parentId = _.get(model, 'data.nestParent.id');
+                    forEach(models, (model) => {
+                        const modelId = get(model, 'data.id');
+                        const parentId = get(model, 'data.nestParent.id');
                         this.dropListIdMap[`${this.uid}_node_${modelId}_drop_list`] = true;
-                        if (!_.has(this.metaMap, modelId)) {
+                        if (!has$2(this.metaMap, modelId)) {
                             this.metaMap[modelId] = {
                                 id: modelId,
                                 expanded: true
                             };
                         }
-                        if (!_.has(this.treeMap, modelId)) {
+                        if (!has$2(this.treeMap, modelId)) {
                             this.treeMap[modelId] = {
                                 id: modelId,
                                 model,
@@ -124161,7 +124180,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         this.treeMap[modelId].model = model;
                         this.treeMap[modelId].meta = this.metaMap[modelId];
                         if (parentId) {
-                            if (!_.has(this.treeMap, parentId)) {
+                            if (!has$2(this.treeMap, parentId)) {
                                 this.treeMap[parentId] = {
                                     id: parentId,
                                     model: null,
@@ -124180,7 +124199,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 }
                 trackDropLists() {
                     this.dropLists = [];
-                    _.forEach(this.dropListIdMap, (value, key) => {
+                    forEach(this.dropListIdMap, (value, key) => {
                         if (!value) {
                             return;
                         }
@@ -124197,13 +124216,13 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     });
                 }
                 setExpanded(expanded) {
-                    if (!this.metaMap || !_.size(this.metaMap)) {
+                    if (!this.metaMap || !size(this.metaMap)) {
                         return;
                     }
-                    _.forEach(this.metaMap, (nodeMeta) => {
+                    forEach(this.metaMap, (nodeMeta) => {
                         nodeMeta.expanded = expanded;
                     });
-                    this.refresh();
+                    this.refresh().then();
                 }
                 setExpandedClick(expanded) {
                     this.isSingleClick = true;
@@ -124235,10 +124254,10 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         }
                         this.unsettled = true;
                         const targetDropNode = (this.dropData.targetId && this.dropData.targetId in this.treeMap) ?
-                            this.treeMap[_.toNumber(this.dropData.targetId)] : null;
+                            this.treeMap[toNumber$1(this.dropData.targetId)] : null;
                         if (cookie('env') && this.isDebug) {
                             console.group('onDragDrop()');
-                            _.forEach([
+                            forEach([
                                 `model drop: ${targetNode.model.get('name')}`,
                                 `list shift: ${event.container.element.nativeElement.id} -> ${event.previousContainer.element.nativeElement.id}`,
                                 `index change (event): ${event.previousIndex} -> ${event.currentIndex}`,
@@ -124310,10 +124329,10 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                                     break;
                             }
                         }
-                        if (_.isNumber(targetDropIndex)) {
+                        if (isNumber(targetDropIndex)) {
                             moveItemInArray(branch, event.previousIndex, targetDropIndex);
                             let priority = 0;
-                            _.forEach(branch, (node) => {
+                            forEach(branch, (node) => {
                                 if (!node.model || !node.model.set) {
                                     return;
                                 }
@@ -124385,7 +124404,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         return null;
                     }
                     const nodePatch = {};
-                    _.forEach([
+                    forEach([
                         'id',
                         'name'
                     ], (key) => {
@@ -124393,7 +124412,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         if (!value) {
                             return;
                         }
-                        _.set(nodePatch, key, value);
+                        set(nodePatch, key, value);
                     });
                     return nodePatch;
                 }
@@ -124419,7 +124438,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     if (!options) {
                         options = {};
                     }
-                    const uid = this.svgIcons[url] = _.uniqueId('selector_svg');
+                    const uid = this.svgIcons[url] = uniqueId$3('selector_svg');
                     this.iconRegistry.addSvgIcon(uid, this.sanitizer.bypassSecurityTrustResourceUrl(url), options);
                     return uid;
                 }
@@ -124512,17 +124531,22 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.isInitialized = false;
                     this.isDestroyed = false;
                     this.isStyled = false;
-                    this._ = _;
+                    this.get = get;
                     this.Stratus = Stratus;
                     this.apiBase = '/Api/Content';
                     this.isSingleContentLoading = false;
                     this.limit = 20;
                     this.isContentLoading = false;
                     this.isContentLoaded = false;
-                    this.basicContentQueryAttributes = 'options[isContent]=null&options[isCollection]=null&options[showRoutable]=true&options[showRouting]=true';
+                    this.basicContentQueryAttributesObject = {
+                        isContent: true,
+                        isCollection: null,
+                        showRoutable: true,
+                        showRouting: true
+                    };
                 }
                 ngOnInit() {
-                    this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$2)}_component_`);
+                    this.uid = uniqueId$3(`sa_${snakeCase(moduleName$2)}_component_`);
                     Stratus.Instances[this.uid] = this;
                     Stratus.Internals.CssLoader(`${localDir$6}/${parentModuleName$1}/${moduleName$2}.component${min$5}.css`)
                         .then(() => {
@@ -124545,7 +124569,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         .get('contentSelectorInput')
                         .valueChanges
                         .pipe(debounceTime(300), tap(() => this.isContentLoading = true), switchMap((value) => {
-                        if (_.isString(value)) {
+                        if (isString(value)) {
                             this.lastContentSelectorQuery = this.getQueryUrl(value);
                         }
                         else {
@@ -124569,11 +124593,11 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                             .get(this.getQueryUrl(null, this.data.content.id))
                             .pipe(finalize(() => this.isSingleContentLoading = false))
                             .subscribe((response) => {
-                            if (!response.ok || response.status !== 200 || _.isEmpty(response.body)) {
+                            if (!response.ok || response.status !== 200 || isEmpty(response.body)) {
                                 return null;
                             }
-                            const payload = _.get(response.body, 'payload') || response.body;
-                            if (_.isEmpty(payload) || Array.isArray(payload) || !_.isObject(payload)) {
+                            const payload = get(response.body, 'payload') || response.body;
+                            if (isEmpty(payload) || Array.isArray(payload) || !isObject$2(payload)) {
                                 return null;
                             }
                             this.contentEntity = payload;
@@ -124581,7 +124605,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                             this.dialogContentForm
                                 .get('contentSelectorInput')
                                 .patchValue(this.contentEntity);
-                            this.refresh();
+                            this.refresh().then();
                             return this.contentEntity;
                         });
                     }
@@ -124606,19 +124630,19 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     if (!content) {
                         return;
                     }
-                    const routing = _.get(content, 'routing[0].url');
-                    const routingText = !_.isUndefined(routing) ? ` (/${routing})` : ' (No route!)';
-                    const contentId = _.get(content, 'id');
-                    const contentIdText = !_.isUndefined(contentId) ? `Content: ${contentId}` : null;
-                    return (_.get(content, 'version.title') || contentIdText) + routingText;
+                    const routing = get(content, 'routing[0].url');
+                    const routingText = !isUndefined(routing) ? ` (/${routing})` : ' (No route!)';
+                    const contentId = get(content, 'id');
+                    const contentIdText = !isUndefined(contentId) ? `Content: ${contentId}` : null;
+                    return (get(content, 'version.title') || contentIdText) + routingText;
                 }
                 handleContent(response) {
-                    if (!response.ok || response.status !== 200 || _.isEmpty(response.body)) {
+                    if (!response.ok || response.status !== 200 || isEmpty(response.body)) {
                         this.filteredContent = [];
                         return this.filteredContent;
                     }
-                    const payload = _.get(response.body, 'payload') || response.body;
-                    if (_.isEmpty(payload) || !Array.isArray(payload)) {
+                    const payload = get(response.body, 'payload') || response.body;
+                    if (isEmpty(payload) || !Array.isArray(payload)) {
                         this.filteredContent = [];
                         return this.filteredContent;
                     }
@@ -124651,9 +124675,10 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     return this.tree.getSvg(url, options);
                 }
                 getQueryUrl(query, id) {
-                    query = (!_.isString(query) || _.isEmpty(query)) ? '' : query;
-                    id = !_.isString(id) && !_.isNumber(id) ? '' : `/${id}`;
-                    return `${this.apiBase}${id}?limit=${this.limit}&${this.basicContentQueryAttributes}&q=${query}`;
+                    const fullApiOptions = { options: assignIn(this.basicContentQueryAttributesObject, this.data.api) };
+                    query = (!isString(query) || isEmpty(query)) ? '' : query;
+                    id = !isString(id) && !isNumber(id) ? '' : `/${id}`;
+                    return `${this.apiBase}${id}?limit=${this.limit}&${serializeUrlParams(fullApiOptions)}&q=${query}`;
                 }
                 selectedOnTop(list, selected) {
                     if (!list || !list.length) {
@@ -124662,7 +124687,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     if (!selected || !selected.id) {
                         return list;
                     }
-                    const orderedList = _.clone(list);
+                    const orderedList = clone(list);
                     const index = list.findIndex((v) => v.id === selected.id);
                     if (index === -1) {
                         orderedList.unshift(selected);
@@ -124705,28 +124730,27 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.isInitialized = false;
                     this.isDestroyed = false;
                     this.isStyled = false;
-                    this._ = _;
                     this.Stratus = Stratus;
                     this.hasChild = (node) => node.children && node.children.length > 0;
                     this.isExpanded = (node) => node.meta ? node.meta.expanded : true;
                 }
                 ngOnInit() {
-                    this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$1)}_component_`);
+                    this.uid = uniqueId$3(`sa_${snakeCase(moduleName$1)}_component_`);
                     Stratus.Instances[this.uid] = this;
                     Stratus.Internals.CssLoader(`${localDir$5}/${parentModuleName}/${moduleName$1}.component${min$4}.css`)
                         .then(() => {
                         this.isStyled = true;
-                        this.refresh();
+                        this.refresh().then();
                     })
                         .catch((err) => {
                         console.warn('Issue detected in CSS Loader for Component:', this);
                         console.error(err);
                         this.isStyled = true;
-                        this.refresh();
+                        this.refresh().then();
                     });
                     this.node.meta.component = this;
                     this.isInitialized = true;
-                    this.refresh();
+                    this.refresh().then();
                     this.onPostPersist();
                 }
                 ngOnDestroy() {
@@ -124770,7 +124794,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         if (!this.node || !this.node.model) {
                             return;
                         }
-                        this.node.model.destroy();
+                        this.node.model.destroy().then();
                     });
                     return dialog;
                 }
@@ -124789,7 +124813,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         return;
                     }
                     this.node.meta.expanded = !this.node.meta.expanded;
-                    this.refresh();
+                    this.refresh().then();
                 }
                 toggleExpandedClick() {
                     this.isSingleClick = true;
@@ -124805,7 +124829,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.toggleExpanded();
                 }
                 openDialog() {
-                    if (!this.node.model || !_.has(this.node.model, 'data')) {
+                    if (!this.node.model || !has$2(this.node.model, 'data')) {
                         return;
                     }
                     const dialogRef = this.dialog.open(TreeDialogComponent, {
@@ -124821,6 +124845,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                             id: this.node.model.data.id || null,
                             name: this.node.model.data.name || '',
                             target: this.node.model.data.url ? 'url' : 'content',
+                            api: this.tree.api,
                             content: this.node.model.data.content || null,
                             url: this.node.model.data.url || null,
                             browserTarget: this.node.model.data.browserTarget || null,
@@ -124830,10 +124855,10 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                             nestParent: this.node.model.data.nestParent || null,
                         }
                     });
-                    this.refresh();
+                    this.refresh().then();
                     const that = this;
                     dialogRef.afterClosed().subscribe((result) => {
-                        if (!result || _.isEmpty(result)) {
+                        if (!result || isEmpty(result)) {
                             return;
                         }
                         this.tree.unsettled = true;
@@ -124845,19 +124870,19 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                             'browserTarget'
                         ];
                         attrs.forEach(attr => {
-                            if (!_.has(result, attr)) {
+                            if (!has$2(result, attr)) {
                                 return;
                             }
                             if ('content' === attr) {
-                                const value = _.get(result, attr);
-                                this.node.model.set(attr, !value ? null : { id: _.get(value, 'id') });
+                                const value = get(result, attr);
+                                this.node.model.set(attr, !value ? null : { id: get(value, 'id') });
                                 return;
                             }
-                            this.node.model.set(attr, _.get(result, attr));
+                            this.node.model.set(attr, get(result, attr));
                         });
-                        that.refresh();
-                        that.tree.refresh();
-                        this.node.model.save();
+                        that.refresh().then();
+                        that.tree.refresh().then();
+                        this.node.model.save().then();
                         this.tree.unsettled = false;
                     });
                 }
@@ -124883,10 +124908,10 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     }
                     const model = this.node.model;
                     model.set('status', model.get('status') ? 0 : 1);
-                    model.save();
+                    model.save().then();
                 }
                 addChild() {
-                    let priority = _.max(this.tree.collection.models.filter((model) => {
+                    let priority = max(this.tree.collection.models.filter((model) => {
                         const nestParent = model.get('nestParent');
                         if (!nestParent) {
                             return false;
@@ -161371,6 +161396,54 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 };
             });
 
+            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(["quill"], function (exports_1, context_1) {
                 var quill_1, debug, Logger, QuillHtmlEditPlugin;
                 context_1 && context_1.id;
@@ -161530,54 +161603,6 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 };
             });
 
-            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;
@@ -161715,486 +161740,6 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 };
             });
 
-            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(["@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/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(["@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(["@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(["@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/
@@ -162621,6 +162166,486 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 undo: true
             });
 
+            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(["@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(["@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 () {
+                    }
+                };
+            });
+
+            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 () {
+                    }
+                };
+            });
+
         })
     };
 }));