@stratusjs/angular 0.5.5 → 0.5.6

package/dist/angular.bundle.js

@@ -1,6 +1,6 @@
 System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/environment', '@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/misc', '@stratusjs/core/datastore/xhr', '@stratusjs/angularjs/services/collection', '@agentepsilon/decko', 'zone.js/dist/zone'], (function (exports) {
     'use strict';
-    var Stratus, _, uniqueId$3, snakeCase, head, isEmpty, isUndefined, isString, extend$1, isNil, includes, set, isObject$2, assignIn, cookie, Model, Registry, EventManager$1, FroalaEditor, isJSON, XHR, Collection, debounce$1;
+    var Stratus, _, uniqueId$3, snakeCase, head, isEmpty, isUndefined, isString, extend$1, debounce$1, isNumber, isBoolean, isArray$1, isFunction$1, isNil, includes, set, isObject$2, assignIn, cookie, Model, Registry, EventManager$1, FroalaEditor, safeUniqueId, isJSON, XHR, Collection, debounce$2;
     return {
         setters: [function (module) {
             Stratus = module.Stratus;
@@ -13,6 +13,11 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             isUndefined = module.isUndefined;
             isString = module.isString;
             extend$1 = module.extend;
+            debounce$1 = module.debounce;
+            isNumber = module.isNumber;
+            isBoolean = module.isBoolean;
+            isArray$1 = module.isArray;
+            isFunction$1 = module.isFunction;
             isNil = module.isNil;
             includes = module.includes;
             set = module.set;
@@ -29,13 +34,14 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
         }, function () {}, function () {}, function () {}, function () {}, function () {}, function () {}, function (module) {
             FroalaEditor = module["default"];
         }, function (module) {
+            safeUniqueId = module.safeUniqueId;
             isJSON = module.isJSON;
         }, function (module) {
             XHR = module.XHR;
         }, function (module) {
             Collection = module.Collection;
         }, function (module) {
-            debounce$1 = module.debounce;
+            debounce$2 = module.debounce;
         }, function () {}],
         execute: (function () {
 
@@ -79358,8 +79364,9 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.elementRef = elementRef;
                     this.fb = fb;
                     this.dialog = dialog;
-                    this.title = moduleName$8 + '_component';
+                    this.title = `${moduleName$8}_component`;
                     this.dev = !!cookie('env');
+                    this.debug = !!cookie(`debug_${moduleName$8}`);
                     this.editor = 'froala';
                     this._ = _;
                     this.has = has$2;
@@ -79376,16 +79383,11 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         dataString: new FormControl(),
                     });
                     this.dataChangeLog = [];
-                    this.dataString = '';
+                    this.incomingData = '';
+                    this.outgoingData = '';
                     this.debounceSave = true;
                     this.debounceTime = 5000;
-                    this.forceSave = true;
-                    this.froalaButtons = [
-                        'bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', '|', 'formatBlock',
-                        'blockStyle', 'inlineStyle', 'paragraphStyle', 'paragraphFormat', 'align', 'formatOL',
-                        'formatUL', 'outdent', 'indent', '|', 'insertLink', 'insertImage', 'insertVideo', 'insertFile',
-                        'insertTable', '|', 'undo', 'redo', 'removeFormat', 'wordPaste', 'help', 'html', 'fullscreen'
-                    ];
+                    this.forceSave = false;
                     this.froalaStandardButtons = {
                         moreText: [
                             'bold',
@@ -79444,6 +79446,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                             initialized: (froalaEditorDirective) => {
                                 this.froalaEditorDirective = froalaEditorDirective;
                             },
+                            blur: (event) => this.onBlur(event),
+                            focus: (event) => this.onFocus(event),
                         },
                         codeBeautifierOptions: {
                             end_with_newline: true,
@@ -79872,7 +79876,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         this.styled = true;
                         this.refresh();
                     });
-                    this.hydrate(elementRef, sanitizer, ["title", "uid", "dev", "debug", "editor", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "property", "_", "has", "log", "Stratus", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "svgIcons", "initialized", "styled", "blurred", "focused", "codeViewIsOpen", "form", "dataChangeLog", "dataString", "debounceSave", "debounceTime", "forceSave", "froalaEditorDirective", "froalaButtons", "froalaStandardButtons", "froalaConfig", "sanitizer", "ref", "elementRef", "fb", "dialog", "ngOnInit", "modelSave", "listDuplicates", "normalizeIn", "normalizeOut", "changeImgSize", "handleError", "fetchData", "dataDefer", "dataRef", "onDataChange", "created", "changedEditor", "onChangeEvent", "onFocus", "onBlur", "bypassHTML", "trigger", "openCitationDialog", "openLinkDialog", "openMediaDialog", "openCodeViewDialog", "hydrate", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
+                    this.hydrate(elementRef, sanitizer, ["title", "uid", "dev", "debug", "editor", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "property", "_", "has", "log", "Stratus", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "svgIcons", "initialized", "styled", "blurred", "focused", "codeViewIsOpen", "form", "dataChangeLog", "incomingData", "outgoingData", "debounceSave", "debounceTime", "forceSave", "froalaEditorDirective", "froalaStandardButtons", "froalaConfig", "sanitizer", "ref", "elementRef", "fb", "dialog", "ngOnInit", "modelSave", "listDuplicates", "normalizeIn", "normalizeOut", "changeImgSize", "handleError", "fetchData", "dataDefer", "dataRef", "onDataChange", "created", "changedEditor", "onChangeEvent", "onFocus", "onBlur", "bypassHTML", "trigger", "openCitationDialog", "openLinkDialog", "openMediaDialog", "openCodeViewDialog", "hydrate", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
                     this.fetchData()
                         .then(data => {
                         if (!data || !(data instanceof EventManager$1)) {
@@ -79927,6 +79931,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                             this.model.changedExternal = true;
                             this.model.trigger('change');
                         });
+                        dataControl.valueChanges.forEach((value) => this.outgoingData = value);
                     }
                     else {
                         dataControl.valueChanges.forEach((value) => this.modelSave(value));
@@ -79948,7 +79953,9 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         innerHTML = this.froalaEditorDirective.getEditor().el.innerHTML;
                     }
                     this.model.set(this.property, this.normalizeOut(innerHTML || value));
-                    this.model.changedExternal = false;
+                    if (this.debounceSave) {
+                        this.model.changedExternal = false;
+                    }
                     if (this.forceSave && !_.isEmpty(this.model.getIdentifier())) {
                         this.model.save();
                     }
@@ -80041,7 +80048,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         }, 250);
                         return;
                     }
-                    const prevString = _.clone(this.dataString);
+                    const prevString = _.clone(this.incomingData);
                     const dataString = this.dataRef();
                     if (prevString === dataString) {
                         return;
@@ -80072,7 +80079,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     if (!this.model) {
                         return '';
                     }
-                    return this.dataString = this.normalizeIn(this.model.get(this.property));
+                    return this.incomingData = this.normalizeIn(this.model.get(this.property));
                 }
                 onDataChange() {
                     this.dataDefer(this.subscriber);
@@ -80083,16 +80090,26 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 changedEditor(event) {
                     console.log('editor-change:', event);
                 }
-                onChangeEvent($event) {
-                    console.log('change:', $event);
+                onChangeEvent(event) {
+                    console.log('change:', event);
                 }
-                onFocus($event) {
+                onFocus(event) {
+                    if (this.dev && this.debug) {
+                        console.warn(`[onFocus] triggered on ${this.uid}`);
+                    }
                     this.focused = true;
                     this.blurred = false;
                 }
-                onBlur($event) {
+                onBlur(event) {
+                    if (this.dev && this.debug) {
+                        console.warn(`[onBlur] triggered on ${this.uid}`);
+                    }
                     this.focused = false;
                     this.blurred = true;
+                    if (!this.debounceSave) {
+                        return;
+                    }
+                    this.modelSave(this.outgoingData);
                 }
                 bypassHTML(html) {
                     return this.sanitizer.bypassSecurityTrustHtml(html);
@@ -117814,7 +117831,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     };
                     this.storedMarkers = [];
                     this.highestMarkerZIndex = 0;
-                    this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$5)}_component_`);
+                    this.uid = safeUniqueId('sa', moduleName$5, 'component');
                     Stratus.Instances[this.uid] = this;
                     Stratus.Internals.CssLoader(`${localDir$9}/${moduleName$5}.component.css`)
                         .then(() => {
@@ -117827,7 +117844,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.hydrate(this.elementRef, this.sanitizer, ["gMap", "map", "info", "title", "uid", "initializing", "initialized", "styled", "watcher", "height", "width", "referenceParent", "fullHeight", "fullHeightMinusElements", "fullHeightMinusElementNames", "googleMapsKey", "markers", "callback", "zoom", "mapType", "zoomControl", "scrollwheel", "disableDoubleClickZoom", "center", "defaultIcon", "defaultIconHover", "defaultIconLabelOriginX", "defaultIconLabelOriginY", "options", "storedMarkers", "highestMarkerZIndex", "resizeDebounce", "fitMarkerBoundsDebounce", "Differ", "window", "sanitizer", "elementRef", "ngDoCheck", "ngOnInit", "ngAfterViewInit", "onResize", "resize", "getWindowSize", "getDocumentSize", "getElementSize", "getParentSize", "updateWidgetSize", "fitMarkerBounds", "decodeHTML", "processOptions", "processProvidedMarkersPath", "processProvidedCallback", "getMarkerBounds", "fitBounds", "initGoogleMapsApi", "getCurrentPosition", "centerAtPosition", "panToPosition", "getHighestMarkerZIndex", "addMarker", "removeMarkers", "googleMaps", "mapClick", "openMarkerInfo", "hydrate", "ref", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
                     this.processOptions();
                     this.updateWidgetSize();
-                    if (_.isEmpty(this.googleMapsKey)) {
+                    if (isEmpty(this.googleMapsKey)) {
                         this.googleMapsKey = devGoogleMapsKey;
                     }
                     if (this.googleMapsKey === devGoogleMapsKey) {
@@ -117868,14 +117885,14 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 }
                 onResize() {
                     if (!this.resizeDebounce) {
-                        this.resizeDebounce = _.debounce(this.resize.bind(this), 150, { leading: false, trailing: true, maxWait: 1500 });
+                        this.resizeDebounce = debounce$1(this.resize.bind(this), 150, { leading: false, trailing: true, maxWait: 1500 });
                     }
                     this.resizeDebounce();
                 }
                 resize() {
                     this.updateWidgetSize();
                     if (!this.fitMarkerBoundsDebounce) {
-                        this.fitMarkerBoundsDebounce = _.debounce(this.fitMarkerBounds.bind(this), 300, { leading: false, trailing: true });
+                        this.fitMarkerBoundsDebounce = debounce$1(this.fitMarkerBounds.bind(this), 300, { leading: false, trailing: true });
                     }
                     this.fitMarkerBoundsDebounce();
                 }
@@ -117943,29 +117960,29 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     return txt.value;
                 }
                 processOptions() {
-                    if (!_.isNumber(this.zoom)) {
+                    if (!isNumber(this.zoom)) {
                         this.zoom = Number.parseInt(this.zoom, 10);
                     }
-                    if (_.isString(this.defaultIconLabelOriginX) &&
+                    if (isString(this.defaultIconLabelOriginX) &&
                         !isNaN(parseFloat(this.defaultIconLabelOriginX)) &&
                         isFinite(this.defaultIconLabelOriginX)) {
                         this.defaultIconLabelOriginX = Number.parseInt(this.defaultIconLabelOriginX, 10);
                     }
-                    if (_.isString(this.defaultIconLabelOriginY) &&
+                    if (isString(this.defaultIconLabelOriginY) &&
                         !isNaN(parseFloat(this.defaultIconLabelOriginY)) &&
                         isFinite(this.defaultIconLabelOriginY)) {
                         this.defaultIconLabelOriginY = Number.parseInt(this.defaultIconLabelOriginY, 10);
                     }
-                    if (!_.isBoolean(this.zoomControl)) {
+                    if (!isBoolean(this.zoomControl)) {
                         this.zoomControl = (this.zoomControl === 'true');
                     }
-                    if (!_.isBoolean(this.scrollwheel)) {
+                    if (!isBoolean(this.scrollwheel)) {
                         this.scrollwheel = (this.scrollwheel === 'true');
                     }
-                    if (!_.isBoolean(this.disableDoubleClickZoom)) {
+                    if (!isBoolean(this.disableDoubleClickZoom)) {
                         this.disableDoubleClickZoom = (this.disableDoubleClickZoom === 'true');
                     }
-                    if (!_.isBoolean(this.fullHeight)) {
+                    if (!isBoolean(this.fullHeight)) {
                         this.fullHeight = (this.fullHeight === 'true');
                     }
                     this.options = {
@@ -117981,15 +117998,15 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     }
                     const fullHeightMinusElementNames = this.fullHeightMinusElements && isJSON(this.fullHeightMinusElements) ?
                         JSON.parse(this.fullHeightMinusElements) : null;
-                    if (_.isArray(fullHeightMinusElementNames)) {
+                    if (isArray$1(fullHeightMinusElementNames)) {
                         this.fullHeight = true;
                         this.fullHeightMinusElementNames = fullHeightMinusElementNames;
                     }
                 }
                 processProvidedMarkersPath() {
-                    if (_.isString(this.markers)) {
+                    if (isString(this.markers)) {
                         this.watcher.watch(this.window, this.markers, (newValue) => {
-                            if (_.isArray(newValue)) {
+                            if (isArray$1(newValue)) {
                                 this.removeMarkers();
                                 newValue.forEach((mark) => {
                                     this.addMarker(mark);
@@ -117998,7 +118015,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                             }
                         });
                     }
-                    else if (_.isArray(this.markers)) {
+                    else if (isArray$1(this.markers)) {
                         this.markers.forEach((mark) => {
                             this.addMarker(mark);
                         });
@@ -118006,10 +118023,10 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     }
                 }
                 processProvidedCallback() {
-                    if (_.isString(this.callback)) {
+                    if (isString(this.callback)) {
                         this.callback = this.watcher.getFromPath(window, this.callback);
                     }
-                    if (_.isFunction(this.callback)) {
+                    if (isFunction$1(this.callback)) {
                         this.callback(this);
                     }
                 }
@@ -118098,9 +118115,9 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     }
                     else {
                         marker.icon = marker.icon || this.defaultIcon;
-                        if (_.isString(marker.icon) &&
-                            _.isNumber(this.defaultIconLabelOriginX) &&
-                            _.isNumber(this.defaultIconLabelOriginY)) {
+                        if (isString(marker.icon) &&
+                            isNumber(this.defaultIconLabelOriginX) &&
+                            isNumber(this.defaultIconLabelOriginY)) {
                             marker.icon = {
                                 url: marker.icon,
                                 labelOrigin: new google.maps.Point(this.defaultIconLabelOriginX, this.defaultIconLabelOriginY)
@@ -118112,9 +118129,9 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         }
                         marker.iconHover = marker.iconHover || this.defaultIconHover;
                         if (marker.iconHover) {
-                            if (_.isString(marker.iconHover) &&
-                                _.isNumber(this.defaultIconLabelOriginX) &&
-                                _.isNumber(this.defaultIconLabelOriginY)) {
+                            if (isString(marker.iconHover) &&
+                                isNumber(this.defaultIconLabelOriginX) &&
+                                isNumber(this.defaultIconLabelOriginY)) {
                                 marker.iconHover = {
                                     url: marker.iconHover,
                                     labelOrigin: new google.maps.Point(this.defaultIconLabelOriginX, this.defaultIconLabelOriginY)
@@ -118152,7 +118169,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 }
                 mapClick(marker, markerSetting) {
                     let clickOptions = markerSetting.click || { action: '' };
-                    if (_.isFunction(clickOptions)) {
+                    if (isFunction$1(clickOptions)) {
                         clickOptions = {
                             action: 'function',
                             function: clickOptions
@@ -120475,7 +120492,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 __metadata$3("design:type", String)
             ], TreeComponent.prototype, "property", void 0);
             __decorate$3([
-                debounce$1(50),
+                debounce$2(50),
                 __metadata$3("design:type", Function),
                 __metadata$3("design:paramtypes", [Object]),
                 __metadata$3("design:returntype", void 0)